@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic&subset=latin,latin-ext);

/* BODY */
body {margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#F5F5F5 url(../img/bg.jpg) left top no-repeat; color:#666;}

/* LINKS */
a, a:hover, a:focus { text-decoration:none; outline:none;}

a {color: #444;}
a:hover {color: #FE9901;}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {margin:0; font-family: 'Source Sans Pro', sans-serif;}

/*COLORS*/
.orange {color: #FE9901;}
.orangebg { background:#FE9901;}

.green { color:#75C468;}
.greenbg { background:#75C468;}

.dark { color:#222;}
.darkbg { background:#222;}

.gray { color:#E1E1E1;}
.graybg { background:#E1E1E1;}

.lgray { color:#F2F2F2;}
.lgraybg { background:#F2F2F2;}

.fgray {color:#ADB3B3;}

.white {color:#fff;}
.whitebg {background:#fff;}

.txt_shad_light { text-shadow: 1px 1px 1px #fff;}
.txt_shad_dark { text-shadow: 1px 1px 1px #000;}

#lang img {margin-top:15px; margin-right:5px;}


/*CLASSES*/
.white-box { background:#fff; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2);}
.pad {display:block; padding:10px;}
.vpad {display:block; padding:10px 0px 10px 10px;}


/*MAIN-LAYOUT*/
#header-container { background: #fff url(../img/banner-abstract.png);  padding:20px 0px; z-index:20; border-bottom:1px solid #ddd;  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.4);}
#slide-container { height:600px; border-bottom:2px solid #fff; margin:0; padding:0; margin-top:-7px; z-index:12;  position:relative;  }
#slide-container-v { height:300px;  margin:0; padding:0; margin-top:-7px; z-index:12;  position:relative;  }

#todo-container { padding:40px 0px; border-bottom:1px solid #ddd; background:url(../img/banner-abstract.png) left bottom repeat-x; text-shadow:1px 1px 1px #fff;}
#todo-container h1 { font-weight:300}
#content-container { background:#fff; }
#bottom-container { padding:40px 0px; border-top:1px solid #ddd; background:url(../img/banner-abstract.png) left bottom repeat-x; text-shadow:1px 1px 1px #fff; margin-top:-1px;}
#bottom-container img.img-rounded {margin:10px 0px;}
#footer-container { background:#152630; color:#465359;padding:40px 0px;}
#copy-container { background:#11222A;  color:#fff;padding:20px 0px;}
#page-container {padding-bottom:40px;  z-index:10; position:relative; border-bottom:1px solid #ddd; }
#page-container .container { background:#f1f1f1}
#page-container select {margin:0;} 
#breadcrumb-container {padding:20px 0px;}
ul.breadcrumb {margin:0; background:#fff; font-weight:400;}

#izdvojeno-container {border-top:1px solid #ddd; padding:40px 0px; background:#fff}
#izdvojeno-container h2 {padding-bottom:10px; border-bottom:1px solid #ddd;}
.post-item {width:100%; border-bottom:1px dotted #ddd; float:left; height:130px;}
.post-item .pad {padding:2% 0;}
.post-img  {float:left; width:25%; position:relative; margin-right:20px;}
.post-img span.label { position:absolute; font-size:12px; top:15px; left:15px;}
.post-txt {float:left; width:65%;}
.post-data {float:left; width:20%; text-align:center; border-left: 1px solid #ddd;}
.post-data span {display:block; margin:10px 0px;}
.post-table {width:100%; float:left;}
.post-table table td, .post-table table th {padding:5px 15px; font-size:12px;}
.post-table table th {color:#222; background:#f0f0f0}
.post-table table {margin:0; border-top:1px solid #ddd;}


/*HEADER CONTAINER*/
#logo {}
#menu {padding:10px 0px; position:relative;}
#menu ul {margin:0; padding:0; float:right;}
#menu ul li {margin:0; padding:0; display:inline; position:relative;}
#menu ul li a {margin:0px 5px; padding:10px 15px; display:inline-block; color:#666; font-size:16px; font-family: 'Source Sans Pro', sans-serif; font-weight:bold; text-shadow: 1px 1px 1px #fff;}
#menu ul li a:hover, #menu ul li:hover a, #menu ul li:hover a i {color: #fff; background:#FE9901;  text-shadow: none; }
#menu ul li ul {display:none;}
#menu ul li:hover ul {display:block; position:absolute; left:5px; width:200px;  background:#FE9901; z-index:16}
#menu ul li:hover ul li {margin:0; padding:0; display:block; float:left; width:100%; border-bottom:1px solid #c37802;}
#menu ul li:hover ul li:hover, #menu ul li:hover ul li:hover a, #menu ul li:hover ul li:hover a i { background:#c37802}
#menu ul li:hover ul li a {display:block; padding:10px 10px; font-size:14px; float:left; text-shadow: none; }

#callus {position:absolute; padding:15px 10px; width:150px; height:30px; color:#fff; background: url(../img/flag_header.png) center bottom no-repeat; right:0; z-index:14; top:74px; font-size:14px; text-align:center}

/*SLIDER*/
.fotorama__caption h2 {font-weight:400; color:#fff;  font-size:68px;  text-shadow: 1px 1px 1px #212121; margin-bottom:40px;  }
.fotorama__caption h4 {font-weight:400; color:#fff;  font-size:28px;  text-shadow: 1px 1px 1px #212121; margin-bottom:20px; }

/*INDEX BOOKING*/
#booking-container { height:300px; margin-top:0px; position:relative; z-index:15}
#booking-container .white-box {height:100px; position:relative; margin-bottom:30px;}
#booking-container .white-box .pad {padding:15px 15px 0px 15px; }
#booking-container .white-box .pad  label { font-weight:300; font-family: 'Source Sans Pro', sans-serif;}
.booking-menu {height:42px; margin-top:-41px;}
.booking-menu a {padding:10px 15px; height:20px; background:#FFCC66; display:inline-block; float:left; border-right:1px solid #FE9901;  border-top:1px solid #FE9901; font-weight:bold; color:#fff; font-size:12px;}
.booking-menu a i { color:#FE9901}
.booking-menu a.active, .booking-menu a.active:hover  { border-right:1px solid #fff; border-top:1px solid #fff; background:#fff; color:#222;}
.booking-menu a.active i, .booking-menu a.active:hover i { color:#FE9901}
.booking-menu a:hover {background:#FE9901; }
.booking-menu a:hover i {color:#fff;}
#booking-container .lgraybg {height:60px; position:absolute; bottom:0;}
.index-izdvojeno-top {width:100%; height:160px; overflow:hidden; position:relative;}
.index-izdvojeno-top .index-caption {position:absolute; left:0; top:0; width:96%; background: url(../img/caption-dark.png) repeat; color:#fff; padding:2% 4%;}
.index-izdvojeno-bottom {width:100%; height:50px;}

/*INDEX FOTORAMA*/
.index-izdvojeno {padding:40px 0px; border-bottom:1px solid #ddd;}
.fotorama-item {margin:0; padding:0; height:300px;}
.fotorama-item ul {margin:0; padding:0; }
.fotorama-item ul li {display:inline-block; margin:0; margin-left:2%; width:31.3%; float:left; height:300px; background:#fff; padding:0; position:relative}
.fotorama-item ul li:hover { background:#f2f2f2}


/*FOOTER*/
#footer-container a {color:#ADB3B3;}
#footer-container a:hover {color:#fff;}
#footer-social i.icon-facebook { font-size:24px; padding:10px 18px; background:#43609C; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; margin-right:10px; color:#fff;}
#footer-social i.icon-twitter { font-size:24px; padding:10px 12px; background:#1BB2E9; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; margin-right:10px; color:#fff;}
#footer-social i.icon-youtube { font-size:24px; padding:10px 12px; background:#FF3234; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; margin-right:10px; color:#fff;}
#footer-social i.icon-google-plus { font-size:24px; padding:10px 12px; background:#B53021; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; margin-right:10px; color:#fff;}

#footer-container ul {margin:0; padding:0;}
#footer-container ul li {margin:0; padding:8px 0px; list-style:none; width:100%; float:left; border-bottom:1px dashed #11222A}
#footer-container input { border:0; border-radius:0; background:#49545A; color:#f0f0f0}

/*COPYRIGHT*/
#copy-container .row-fluid {padding:10px 0px;}
#copy-container a, #copy-container  {color:#ADB3B3; font-family: 'Source Sans Pro', sans-serif; font-size:16px;}
#copy-container a:hover {color:#fff;}
.ttop {padding:10px 12px; border:1px solid #ADB3B3; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;}

#mapCanvas img { 
  max-width: none;
}

#mapCanvas label { 
  width: auto; display:inline; 
}