@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a:focus { outline: 0; }
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
strong{font-weight: bold;}

body{background: #14469d url(../layout/images/bg-gradient.jpg) repeat-x; height:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #122649; font-size: 13px;}
.cont{width: 984px; margin: 0 auto 0 auto; z-index: 2; padding-top: 20px;}
.donja-linija{border-bottom: 2px solid #122649;}
h1{font-size: 17px; padding-bottom: 5px; border-bottom: 2px solid #dddddd;}

#oblak, #oblak2 {position:absolute; width: 100%; background:url(../layout/images/bg-intro.jpg) center no-repeat; height: 874px; z-index: -1}
#oblak2{height: 874px;}
.gornja-sjena, .donja-sjena{ background:url(../layout/images/side-header-bg-up.png); height: 9px;width: 988px; margin-left: -2px; }
.donja-sjena{background:url(../layout/images/side-header-bg-down.png);}
.liva-sjena{padding-left:9px; background:url(../layout/images/site-side-left.png) repeat-y left;}
.desna-sjena{padding-right:9px; background:url(../layout/images/site-side-right.png) repeat-y right;}

#header, #splash #header{height: 65px; background:url(../layout/images/intro-header.jpg) repeat-x; text-align:center; padding:20px 20px 0px 20px;}
#header {text-align:left;}
#intro-slide{margin-bottom:-5px;}
#intro-slide, #slide{height: 212px; z-index: -1;}
#splash{position: absolute; top: 27%; width: 984px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#intro-footer{height:30px; background:url(../layout/images/intro-footer.jpg) repeat-x; text-align:center; padding-top:10px;  padding-left: 275px;} 
#intro-footer li{float: left; color: #8f9dac; list-style-type:square; margin-right: 20px; font-size: 9px;}
.no-list-style{list-style-type:none !important; font-size: 13px !important; }
#intro-footer li a, .jezici a{color: #fff; padding-left:30px; font-size: 13px;  font-weight:bold; padding-bottom: 3px;}
.hr {background: url(../layout/images/hr.png) no-repeat;}
.en {background: url(../layout/images/en.png) no-repeat;}
.de {background: url(../layout/images/de.png) no-repeat;}
.it {background: url(../layout/images/it.png) no-repeat;}
.intro-madeby{text-align:center; font-size: 12px;}
.intro-madeby a, .madeby, .madeby a{ color:#051c41; font-family:Georgia, "Times New Roman", Times, serif}


#content {background-color: #fff;}
#content, #navigacija{margin-top: -2px; z-index: 1000;}
#navigacija{float: left;width: 168px; height: 720px; background: url(../layout/images/izbornik.png); text-align:right; padding-top: 3px;}
#navigacija li span{display: block; margin-left: 10px; margin-right: 20px; border-bottom: 1px solid #cfd6dc;}
#navigacija a{margin-left: 10px; margin-right: 20px; font-family: Georgia, "Times New Roman", Times, serif; color:#012042; font-weight:bold; font-size: 14px; padding: 5px 5px 8px 5px; display: block;}
#navigacija a:hover, #navigacija a.veliki:hover, .odabran, .odabran2{margin-left: 0px !important; margin-right: 5px!important; padding-right: 20px!important; background:url(../layout/images/hover1.png)!important; color: #fff !important;}
#navigacija a.veliki:hover, .odabran2 {background:url(../layout/images/hover2.png) !important;}
.jezici {float: right; margin-top: 15px; }
.jezici li{float: left; color: #fff;}
#slide{background: #fff url(../layout/images/content-sjena.jpg) no-repeat bottom center; padding-bottom: 8px;}
#sadrzaj {float: left; width: 795px; padding: 20px 0px 10px 0px;}
.home-poruka {padding-bottom: 10px;}
.home-poruka h1, .home-poruka strong{padding-bottom: 0px; border-bottom: none; margin-right: 3px; font-weight: bold; font-size:15px; display: block;}
.home-poruka h1{float: left;}
h2 {font-size: 16px; font-weight: bold; background: url('../layout/images/h2-back.jpg') bottom center no-repeat; padding: 5px; border-bottom: 1px solid #dddddd;}
h2 strong{font-size: 19px;}
p{padding: 5px; }
.info {width: 400px; float: left;}
.info li{padding: 4px 5px 4px 5px;}
.par{background-color: #dddddd}
.r-slike{float: left; width: 370px;}
.r-slike ul{margin: 15px 0px 10px 20px;}
.r-slike li, .galerija li {border: 5px solid #dddddd; margin-bottom: 5px;float: left; margin-right: 5px;}
.galerija li:hover{ border-color: #122649;}
.r-slike li img,.galerija li img {margin-bottom: -4px;}
.r-slike p{margin-left: 20px; font-size: 11px;}
#gmap{border: 5px solid #dddddd; margin-bottom: 5px;}
#price-text{float: left; width: 200px;}
#price-text li {padding-left: 5px; }
#price-form{background-color: #e5f3fe; border-left: 2px solid #122649; float: left; margin-left: 15px; width: 550px; padding: 20px 5px 20px 20px;}
#price-form li{margin-bottom: 10px;}
#price-form label{display: block; float: left; width: 150px; text-align: right; margin-right: 10px;}
#price-form input[type=text], #price-form textarea{border: 1px solid #122649; width: 374px; padding: 3px; color: #122649; }
#price-form input[type=text]:focus, #price-form textarea:focus, #price-form select:focus{background-color: #e5f3fe; font-weight: bold;}
#price-form input[type=submit] {float: right; border:none; height:30px; background:url(../layout/images/intro-footer.jpg) repeat-x; font-weight: bold; color: #fff; background-position: -10px; padding: 0px 20px 0px 20px; cursor: pointer}
#price-form input[type=reset]{float: right; color: #868686; font-size: 15px; margin-top: 7px; margin-right: 15px; border:none; background:none; cursor: pointer;}
#price-form textarea{height: 110px;}
#price-form select{border:1px solid #122649; color: #122649; padding: 3px;}
.date{width: 60px; padding-left: 18px !important;}
.year{width: 100px;  padding-left: 44px !important;}
.year:focus{padding-left: 37px !important; }
.date:focus{padding-left: 18px !important; }

/*prices*/
.price{width: 263px; height: 89px; background: url('../layout/images/price-back.jpg'); float: left; margin: 15px 2px 20px 0px;}
.reservation-month {margin-top: 10px;}
.reservation-month li{margin-bottom: 3px;}
.reservation-month li label{display: inline-block; width: 60px; font-weight: bold; text-align: right; margin-right: 15px;}
.reservation-month li span {display: inline-block; text-align: center; background-color: #9cfd8e; width:21px; padding: 2px 0 2px 0; margin-right: -2px; }
.reservation-month li span.rez {background-color: #fe96a0}
.reservation-month li span.minjanje{background-color: #c6cbff}
.m-t-15{margin-top: 10px; font-size: 12px;}
.m-t-15 span{margin-left: 10px;}
.p_date, .p_cijena, .p_date1, .p_cijena1{font-weight: bold; text-align: center; font-size: 15px; margin-top: 20px;}
.p_cijena{margin-top: 25px;}
.p_date1{margin-top:10px;}
.p_cijena1{margin-top:15px;}
.history{margin-bottom: 10px;}

#footer{height: 48px; background: url('../layout/images/site-footer.jpg') repeat-x; padding-top: 6px;}
#footer p{color: #fff; font-size:13px; margin-left: 7px; text-align: center; margin-top: 3px; padding: 0px;}
#footer span{color: #fff;}
#footer a{color: #fff; text-decoration: underline;}
.madeby{margin-bottom: 5px; padding:3px 20px 15px 20px;margin-top: -8px; background: url('../layout/images/footer-oblak.png') center no-repeat;}
.desno{float: right;}
.madeby, .madeby a{font-size: 11px; color: #fff;}

.ul-right{float: right; width: 392px;}
.info span{display: inline-block; font-weight: bold; float: right;}
.im-right{float:right;}
 a{color:#122649; font-weight: bold;}
.li-naslov{font-weight: bold; font-size:15px;  margin-top: 10px;}
.galerija-velika{margin-left: 15px; margin-top: 15px;}
.napomena{font-size: 11px;}

.duze {width: 480px;}
.krace{width: 280px;}

.m-b-10{margin-bottom: 10px;}
.m-b-20{margin-top: 20px;}
.hide{display:none;}