@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:#F6F6F6; color:#666;}

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

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

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

.red { color:#F00}

.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:20px; 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;}
.pad2 {display:block; padding:10px 20px 20px 20px;}
.inline { display:inline}
.mar-vert { border-bottom:1px solid #ddd; margin:20px; margin-left:0; width:92%; padding-bottom:15px; }
.mar-vert h2 {padding-bottom:20px;}
.mar-vert2 {  margin:20px; margin-left:0; width:92%;}
.tab-content {padding:20px;}
.fotorama { background:#f0f0f0;}
.light { font-weight:400}
.pad20 {padding:20px; border-bottom:1px solid #ddd; width:96%;}
.mar-bot-20 {margin-top:20px;}


/*MAIN-LAYOUT*/
#header-container { background: #fff url(../img/banner-abstract.png);  padding:20px 0px; z-index:15;-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); }
#zig-container { background:url(http://www.adriatours.net/tpl/stil/img/zigzag-border.png) center top repeat-x; height:7px; z-index:15; position:relative;}
#slide-container { height:600px; border-bottom:2px solid #fff; 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;}
#breadcrumb-container {margin-top:20px;}
#page-container .container { background:#f0f0f0; margin-bottom:40px;}

/*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:81px; font-size:14px; text-align:center}

/*SLIDER*/
.fotorama__caption h1 {font-weight:400; color:#222;  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:320px; margin-top:-260px; position:relative; z-index:15}
#booking-container .white-box {height:320px; position:relative;}
#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:258px; overflow:hidden; position:relative;}
.index-izdvojeno-top .index-caption {position:absolute; left:0; top:0; width:100%; background: url(../img/caption-dark.png) repeat; color:#fff; padding:10px;}
.index-izdvojeno-bottom {width:100%; height:62px;}

/*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;}



#objekt-data {margin-top:40px; margin-bottom:40px;}
#sidebar .white-box {margin-bottom:30px;}
#sidebar .white-box h3 {margin-bottom:10px;}
.comment-item { width:100%; padding:15px 0px; border-top:1px dotted #ddd;}
.comment-item img {float:left; margin-right:20px;}
#mapCanvas {width:100%; height:512px;}
.comments-box { border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}
table.comment-table td { border:none;}
input.nostyle {border:none; padding:0; font-weight:bold; color: #FE9901}

ul.nav-tabs {background:#FFCC66; border:0;}
ul.nav-tabs li a {padding:10px 15px; height:20px; background:#FFCC66; display:inline-block; float:left; border-right:1px solid #FE9901;   font-weight:bold; color:#fff; font-size:14px; margin:0; border-top:0; -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
ul.nav-tabs li a i {color:#FE9901}
ul.nav-tabs li a:hover i{color:#fff;}
ul.nav-tabs li a.active i, ul.nav-tabs li.active a:hover i { color:#FE9901}
ul.nav-tabs li a:hover {background:#FE9901; border-right:1px solid #FE9901; border-left:1px solid transparent; border-bottom:1px solid transparent;}
ul.nav-tabs li.active a {color:#222;}


.filter-head { text-align:center; width:111%; color:#fff; font-weight:bold; position:relative; border-right:1px solid #FE9901; margin-bottom:20px;}
.filter-head small {color:#fff;}
.filter-head .orangebg:after, .filter-head .orangebg:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .filter-head .orangebg:after { border-color: rgba(254, 153, 1, 0); border-top-color: #FE9901; border-width: 30px; left: 50%; margin-left: -30px; } .filter-head .orangebg:before { border-color: rgba(254, 153, 1, 0); border-top-color: #FE9901; border-width: 31px; left: 50%; margin-left: -31px; }

.post-content { border-left:1px solid #ddd;}
.post-item {width:100%; border-top:2px solid #FE9901; float:left;}
.post-item .pad {padding:2%;}
.post-img  {float:left; width:15%; position:relative;}
.post-img span.label { position:absolute; font-size:12px; top:25px; left:25px;}
.post-txt {float:left; width:55%;}
.post-data {float:left; width:15%; 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;}

.pagination {float:left; width:100%; padding:20px 0px; text-align:center; border-top:1px solid #ddd; margin:0;}

form {padding:0; margin:0;}

.category-item { padding:20px; float:left; width:830px; border-bottom:1px solid #ddd;}
.category-item img { margin-right:20px;}