/*
        ========= #webdilna style =========
*/
body { 
        color: #604c3f;
        font: 15px/26px "Roboto", Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: none;
        background: #fff;
        }

/* selected text */
::selection {
        color: #fff;
        background: #333; /* WebKit/Blink Browsers */
        }
::-moz-selection {
        color: #fff;
        background: #333; /* Gecko Browsers */
        }

/*
        ========= #web needed typo #START =========
*/
.page .item-content h2 { font-size: 17px; font-weight: bold; }
.page .item-content p { font-size: 12px; color: #666; line-height: 18px; }
.page .item-content { margin-bottom: 30px; }

.subnav ul {
        width: 100%;
        margin: 0px auto;
        padding: 0;
        list-style: none;
        }
.subnav ul li {
        float: left;
        display: block;
        width: 33.333%;
        margin: 0px;
        padding: 0px;
        margin-bottom: 15px;
        }
        
.subnav ul li a, .subnav ul li span.disable {
        display: block;
        text-align: center;
        padding: 5px 0;
        text-decoration: none;
        color: #fff;
        background: #604c3f;
        }

.subnav ul li:nth-child(2) a { margin: 0 1px; }

.subnav ul li a:hover {
        background: #333;
        color: #fff;
        }
.subnav ul li span.disable { background: #eee; color: #666; }

/*
        ========= #gallery / image hover effect =========
*/
#lightgallery a { width: 20%; }  /* responsive nastaveni pro galerii */
.zoom-overlay { position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; }

#lightgallery .img-overlay { position: relative; display: block; float: left; } /* galerie */
.hover .img-overlay { position: relative; display: block; clear: both; margin-bottom: 15px; } /* clanky */

#lightgallery .zoom-overlay { background: rgba(0, 0, 0, 1) url(../_design/layout/zoom.png) center no-repeat; }       
.hover .zoom-overlay { background: rgba(0, 0, 0, 1) url(../_design/layout/plus.png) center no-repeat; }

/* search */
.highlight { background: yellow; color: #000; }

/* admin back logged user */
.back-admin { position: relative; text-align: center; background: #FFCC00; padding: 5px 0; margin-bottom: 1px; z-index: 100; }
.back-admin:after {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top-color: #FFCC00;
        border-width: 10px;
        left: 50%;
        margin-left: -10px;
        }
.back-admin:hover { background: #ffde00; }
.back-admin:hover:after { border-top-color: #ffde00; }
.back-admin a { color: #000; }

.fixed { position: fixed; top: 0; width: 100%; }
/* admin back logged user */

/* 
        ========= #pagination / strankovani =========
*/
.paging { margin: 15px 0; text-align: center; border-top: 1px solid #eee; padding: 20px 0; }
.paging a, .paging span { padding: 5px 10px; font-weight: bold; margin: 2px; }
.paging span.active { background-color: #213669; color: #fff; border-radius: 50%; }
.paging a, .paging a:visited { color: #213669; text-decoration:none; }
.paging a:hover { color: #fff; text-decoration: none; background-color: #213669; border-radius: 50%; }
.paging a.prn:hover { border-radius: 0%; }
.paging span.prn { color: #999; border: none; }
.paging a.prn, .paging a.prn:visited { border: none; }
.paging p#total_count { font-size: 12px; color: #666; }

.paging i { vertical-align: middle; margin: 0 4px; }
/*
        ========= #web needed typo #END =========
*/



/*
        ========= #main nav redesign =========
*/
.navbar-brand { font-size: 26px; letter-spacing: -1px; padding: 15px 80px 0 0; }
.navbar-default { background-color: #213669; }


.navbar-default .nav li a,
.navbar-default .nav li a:focus,
.navbar-default .nav li a:hover {
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        }

.navbar-default .nav .active a,
.navbar-default a:hover,
.navbar-default .nav .active a:hover,
.navbar-default .nav .active a:focus {
        color: #fff;
        background-color: #28458b;
        }


/*
        ========= #page styles =========
*/
h1 { font-weight: bold; font-size: 36px; color: #213669; text-align: center; letter-spacing: -2px; }

a { color: #213669; }

.label.label-primary, .badge.badge-primary { background-color: #213669; }
.breadcrumb { font-size: 12px; color: #999; background: none;  }

.page img { max-width: 100%; } /* obrazky vlozene do obsahu */
.page article img { width: 100%; } /* ie firefox hack */

.tab { display: inline-block; width: 150px; } /* parametry odsazuje */

.nav-pills > li > a {
        color: #604c3f;
        font-weight: bold;
        border-bottom: 1px solid #eee;
        padding: 6px 10px;
        }
        
.nav-pills > li > a:hover { background-color: #eee; color: #604c3f; }
        
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color: #fff; border-color: #604c3f; background-color: #604c3f; }

/* contact form */
label.error { background: red; font-size: 11px; color: #fff; padding: 0 10px; }
.help-block { font-size: 12px; }

.lead { background: none; border: none; font-size: 28px; text-align: center; margin: 0; padding: 10px; }
.page .table td { line-height: 26px; }

/*
        ========= #news styles =========
*/
/* tags */
.tag-cloud { text-align: center; margin: 20px 0; padding: 20px; background-color: #f8f8f8; border: 1px solid #eee; }
.tag-cloud a { padding: 0 5px; }

.news-info { font-size: 12px; color: #999; margin: 10px 0; padding: 10px 5px; border-top: 1px dashed #e6e6e6; }
.news-info .tag { padding: 0 5px; }
.news-info .tag i { padding: 0 2px; }




/*
        ========= #portfolio styles =========
*/






/*
        ========= #home page webdilna =========
*/

.box { text-align: center; }

.box [class^="fa-"], .box [class*=" fa-"] {
        font-size: 35px;
        line-height: 68px;
        margin: 10px 0;
      
        display: inline-block;
        width: 70px;
        height: 70px;
        text-align: center;
        
        color: #333;	
        }

.box [class^="fa-"], .box [class*=" fa-"] {
        border-radius: 50%;
        position: relative;
        z-index: 1;
        }

.box [class^="fa-"]:after, .box [class*=" fa-"]:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box; 
        -moz-box-sizing: content-box; 
        box-sizing: content-box;
        }

.box [class^="fa-"]:before, .box [class*=" fa-"]:before {
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased;
        }


/* Effect 9 */
.box [class^="fa-"], .box [class*=" fa-"] {
        -webkit-transition: box-shadow 0.2s;
        -moz-transition: box-shadow 0.2s;
        transition: box-shadow 0.2s;
        }

.box [class^="fa-"]:after, .box [class*=" fa-"]:after {
        top: 0;
        left: 0;
        padding: 0;
        box-shadow: 0 0 0 1px #333;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        -moz-transition: -moz-transform 0.2s, opacity 0.2s;
        transition: transform 0.2s, opacity 0.2s;
        }

/* Effect 9b */
.box [class^="fa-"]:hover:after, .box [class*=" fa-"]:hover:after {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
        
        box-shadow: 0 0 0 1px #eee;
        }

.box [class^="fa-"]:hover, .box [class*="fa-"]:hover {
        box-shadow: 0 0 0 10px rgba(204,204,204,0.4);
        color: #333;
        }

/*
        ========= #footer =========
*/
footer {
        margin-top: 30px;
        padding: 20px 0;
        }

/* tereza foots */
footer .webfoot { text-align: center; border-top: 10px solid #604c3f;  padding: 20px 0; }
footer .webfoot p { font-weight: 300; font-size: 18px; padding: 20px; }
footer hr { border-top: 1px dashed #ccc; }

footer .donate .btn { float: left; margin-right: 15px; font-weight: bold; }
footer .donate p { color: #666; line-height: 18px; }
footer .copy { color: #666; font-size: 12px; }

footer .icons { font-size: 24px; }
footer .icons i {
        margin: 5px;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
         
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
        }

footer a.facebook i { color: #3c599f; }
footer a:hover i { color: #000;
        -webkit-transform:rotate(720deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(720deg);
        }


/*
        ========= Slider Default Theme =========
*/
.swiper-container {
        width: 100%;
        height: 700px;
        }
.parallax-bg {
        left: 0;
        top: 0;
        width: 130%;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        }
.swiper-caption {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 45%; left: 0; bottom: 0; right: 0;
        text-align: center;
        color: #fff;
        }
.swiper-slide .title {
        font-size: 50px;
        font-weight: bold;
        }
.swiper-slide .subtitle {
        font-size: 24px;
        padding: 20px 0 10px 0;
        font-weight: 300;
        }
.swiper-slide .btn-default {
        background-color: transparent;
        color: #fff;
        }

.swiper-slide .btn-default:hover, 
.swiper-slide .btn-default:focus, 
.swiper-slide .btn-default:active, 
.swiper-slide .btn-default.active {
        color: #000;
        border-color: #fff;
        background-color: #fff;
        }


/*
        ========= #media queries limits =========
*/

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

        #lightgallery a { width: 20%; }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

        #lightgallery a { width: 33.333333%; }
 
        .swiper-slide .title {
                font-size: 40px;
                font-weight: bold;
                } 
        
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

        .swiper-slide .title {
                font-size: 35px;
                font-weight: bold;
                }

        #lightgallery a { width: 33%; }
        .nav-pills > li {
                float: none;
                margin-bottom: 5px;
                text-align: center;
        }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

        .paging { font-size: 13px; }
        .paging a, .paging span { padding: 4px 6px; }

        #lightgallery a { width: 50%; }
}