/* Common tag based styles */
html {overflow-x:auto; overflow-y:scroll; z-index:0;}
/*BODY {color:#4b4a48; font-family: 'Barlow Condensed', sans-serif; padding: 0; margin:  0;	border: 0; position: relative;}*/
BODY {color:#4b4a48; font-family: 'Dosis', sans-serif; padding: 0; margin:  0;	border: 0; position: relative;}
body {top: 0px !important; position: static !important; }
A {color:#4b4a48; outline:none; text-decoration: underline;}
A:hover {text-decoration: none; color:#9a3f26;}
IMG {border:0;}
TD  {border:0px solid #000; padding:2px 16px 2px 2px; color:#666; font-size:12px;}
FORM {text-align:left;}
INPUT {border:1px solid #666; }

.main {/*background: url(../img/bamboo.jpg)*/}
.bg-gray {background: #e6e6e6;}
.bg-darkgray {background: #4b4a48;}

.hr-news {background:#4b4a48;}


.volne {color:#1D6600 !important; font-weight: bold; text-transform: uppercase !important;}
.prodane {color:#C40003 !important; font-weight: bold; text-transform: uppercase !important;}
.rezervovane {color:#ff9900 !important; font-weight: bold; text-transform: uppercase !important;}

button {background: #9a3f26; color: #FFFFFF;;}

.redpin {background: url(../img/icon-simis.png) no-repeat; padding-left: 50px; text-align: left; font-size: 24px; line-height: 30px; color: #9a3f26; font-weight: bold; clear: left;}
.redpin div {font-size: 16px; color: #4b4a48; font-weight: normal;
}

.link {color: #4b4a48; font-weight: bold; font-size: 14px;}
.invisible {display:none !important;}

h2 {font-size: 32px; font-style: italic;  color: #9a3f26; font-weight: bold;}
.h2-gray {color:#4b4a48;}

.kocky {font-size: 24px; font-style: normal;  color: #9a3f26; font-weight: bold; text-transform: uppercase;}

.rounded-circle {border:8px solid #FFFFFF;}
.rounded-circle:hover {border:8px solid #9a3f26;}

.menu a {display: block; padding: 8px 20px; color: #FFFFFF; text-transform: uppercase; text-decoration: none;}
.menu a:hover {background:#9a3f26; }

.active {background:#9a3f26; color:#FFFFFF !important;}

.cats a {font-size:32px; color:#9a3f26; font-weight: normal; text-transform: uppercase; text-decoration: none;}
h1 { color: #9a3f26; font-style: italic; font-size: 48px; font-weight: bold;}
h1 img, h2 img {width:100%; max-width: 500px;}
.parents {font-size:18px; margin:0px; padding: 0px; text-transform:uppercase; color: #9a3f26;}
.parents label {min-width: 80px; text-transform:lowercase; color:#4b4a48;}
.parents span {font-sze:14px; color:#4b4a48; text-transform:lowercase;}
#navigation {background: #FFF;}
.navbar {padding: 0px;}
.nav-item {text-align:center; margin: 0px; min-width: 100px;}
.nav-item a {color:#000; display: block; text-decoration: none; font-weight: 600; padding: 6px 28px; line-height: 18px;}
.nav-item:hover a {background: #9a3f26; color: #FFFFFF;}
.navnonscroll {margin-top: 0px; background: none;}
.navbar-fixed-top {background: #9a3f26; position: fixed; left:0px; top:0px; width:100%; z-index: 999; border-bottom: 1px solid #FFFFFF; }
.navbar-fixed-top li a {color: #FFF !important;}
.navbar-fixed-top li a:hover {color: #000 !important;}

.paralax {margin: 30px auto; background-image: url('../img/'); height: 360px; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover;}

@media (max-width: 767px) {
.hidden-xs-12 {display: none; visibility: hidden;}
.kovalam {width: 100%;}	
.img-container img {border-top: 10px solid #d00018;}
.navscroll {display: none !important;}
.quoteContainer img {width:26px; margin-right:4px;}	
.quote-phrase {font-weight:300; display: table-cell; vertical-align: top; padding: 5px 20px; height: auto; font-size:14px; color:#FFFFFF; font-style:italic; text-shadow:.5px 0px #000; line-height: 18px;}
.quote-author small {color:#FFF; font-style: italic; font-size:12px;}
.quote-author {font-style:normal; font-size:16px; color:#d00018; font-weight:400; height: auto; display: block; clear: both; text-align: center;}
}	

@media (min-width: 768px) {
.img-container img {border-top: 10px solid #d00018;}
}

@media (min-width: 992px) {
	.img-container img {border-top: none;}
	.img-container {position: relative; width: 200px; height: 240px; overflow: hidden; border-top: 10px solid #d00018; text-align: center;}
.item {position: absolute; top: 0; left: -100px;}
.item img {-webkit-transition: 0.6s ease; transition: 0.6s ease;}
.img-container:hover .item img {-webkit-transform: scale(1.2); transform: scale(1.2);}
.video {max-width:50%;}
}
@media (min-width: 1200px) {
.img-container {position: relative; width: 250px; height: 312px; overflow: hidden; border-top: 10px solid #d00018;}
.item {position: absolute; top: 0; left: 0;}
.item img {-webkit-transition: 0.6s ease; transition: 0.6s ease; width: 100%;}
.img-container:hover .item img {-webkit-transform: scale(1.2); transform: scale(1.2);}
}

.footer {background: #4b4a48; color: #FFFFFF; padding:12px 0px; margin-top: 20px;}
.footer a {color:#FFFFFF;}

.back-to-top {position: fixed; bottom: 2em; right: 8px; text-decoration: none; color: #000000; background-color:none; font-size: 12px; padding: 1em; display: none; border-radius:25px; z-index: 999; cursor: pointer;}
.back-to-top img {width:50px;}
.back-to-top:hover {/*background-color: rgba(200, 210, 21, 0.50);*/}