/* CSS document by dDesign | www.d-design.hr */

body {font-family: 'Roboto Slab', serif; padding-top:148px;}

h1, h2, h4 {font-family: 'Palatino Linotype','Roboto Slab', 'Times New Roman', serif;}
h1 {font-size:1.8em; line-height:2em; border-bottom: #E2E2E2 1px solid;}
h2 { font-size:1.6em;}
h3 { font-size:0.875em; color:#001D2B; line-height:1.6em; text-transform: uppercase; border-bottom: #E2E2E2 1px solid;}

p { font-size: 1em;}

.no-padding{padding:0;}
.active { color:#333;}

/* HEADER */
.top{ background:#011D2B; margin-bottom:0; margin-top:0;padding:0;color:#fff; font-size:0.9em;}
.top ul { height:34px; line-height:34px; margin-bottom:0;}
.top li { float: left; margin-left:70px;}
.navbar{margin-bottom:0;}
.top ul ul{height: inherit; text-align: left; min-width: 0;}
.top ul ul li { float: left; margin-left:0;}
.tel { background:url(img/ico_tel.gif) 0 9px no-repeat; padding-left:17px;}
.zaglavlje { margin-bottom:0}
.navbar { background-color: #fff;}
.main-menu {padding:20px;}
.navbar-brand { width:177px; height:67px; background:url(img/logo.gif) no-repeat; text-indent: -999999px;}
ul.nav li { border-right: #E2E2E2 1px solid;}
ul.nav li:last-child {border-right:none;}
.navbar-default .navbar-nav > li > a { color:#001D2B;}
ul.nav li a span { font-size: 0.6em; color: #A6A5A3;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color:#f9f9f9;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background-color:#f9f9f9; color:#428BCA;}
.navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li > a:focus span{color: #333}

.languages-sm { text-align: center;}
.languages-sm a { display:inline-block; padding:0 10px; font-size: .75em; text-transform: uppercase;}
.languages-sm a:hover { text-decoration: none;}

/* HOMEPAGE styles*/
.intro h1 { font-size: 2.1em; line-height:1.4em; margin:0; padding:30px 0; border-bottom:none; }
.intro h1 span { color:#1E5072;}
.intro p { font-size: 1.2em; margin-top:30px; }
.intro-divider { background:url(img/intro_h1_border.gif) top center repeat-y; min-height:260px;}
.home-apartmani h2 { font-size:1.7em; line-height:1.9em; color: #001D2B; border-bottom: #E2E2E2 1px solid;}
.home-apartmani h2 a { color: #001D2B;}
.home-apartmani h2 a:hover { text-decoration: none; color:#428BCA;}
.home-apartmani p, .dogadjanja p { font-size:0.875em;}
.home-apartmani img:hover { transform:scale(1.1);}
.subheading { font-weight:bold; color:#000;}
.dogadjanja { background:#F5F5F5; padding:15px 0; margin:15px 0;}
.dogadjanja h3{ margin-top:0;}
.dogadjanja a { display:block; color:#333;}
.owl-item { padding-top:10px;}
.dogadjanja div.owl-item:hover { background:#fff; }
.owl-item a:hover { text-decoration: none;}

p.fb { line-height: 34px; margin-top: 30px;}
p.fb img { margin-right: 10px;}

/* INSIDE PAGES styles*/
p.lead { font-size:1.3em; margin-top:35px;}
.rezervacija, .raspolozivost { font-family: Arial, Tahoma, sans-serif; text-transform: uppercase; font-size: .85em; font-weight: bold; text-shadow:0 0 1px rgba(0, 0, 0, 0.6); border:none; border-radius: 0; width:100%; margin:20px 0; padding:10px 20px;}
.rezervacija { background:url(img/arrow_right.png) 95% center no-repeat #F57B02; }
.raspolozivost { background:url(img/arrow_bttm.png) 95% center no-repeat #011D2B;}
.gallery { margin:20px 0;}
.table { margin-bottom:45px;}
.table tbody tr:hover { background-color: #C6ECFF;}
.content-img { margin:10px;}

ul.rslides iframe { width:100%;}

/* Apartment styles */
#inline { display:none;}
#gcalendar { display: none; padding-bottom:50px;}
#inline label { display: block; margin: 6px 0;}
#inline h2 { text-align: center; margin-bottom: 15px; color: #001D2B;}
#inline input, #inline textarea { width:80%; margin-bottom:10px;}
#inline input[type="submit"] { margin-top:15px;}

/* kontakt forma */

label { display: block; margin: 6px 0;}
input, textarea { width:100%; margin-bottom:10px;}
input[type="submit"] { margin-top:15px;}
.kontakt-obrazac { padding:20px; background:#f9f9f9; margin-top:25px; margin-bottom: 35px;}

/* SIDEBAR */
.sidebar { background: #F5F5F5; margin-top:70px; padding:20px;}
.sidebar h4, .sidebar h4 a { font-size:1.1em; line-height:1.9em; text-indent: 5px; color: #001D2B; border-bottom: #E2E2E2 1px solid; margin-bottom:4px;}
.sidebar h4 a { border:none; color:#001D2B; }
.sidebar h4 a:hover { text-decoration: none; color:#428BCA;}
.sidebar p.subheading { font-size:.9em; color:#929597; font-weight: normal; text-indent: 5px;}
ul.side-nav { margin:40px 0; padding:0; list-style-type: none; border-top:#E2E2E2 1px solid;}
ul.side-nav li { border-bottom:#E2E2E2 1px solid; }
ul.side-nav li a { line-height:30px; padding-left:44px; color:#282C30; background:url(img/bllt_sidebar.gif) 22px 4px no-repeat;}
ul.side-nav li a:hover  { text-decoration: none; color:#428BCA;}
.img_center { margin:0 auto;}

/* FOOTER STYLES */
.footer { background:#011D2B; margin-bottom:0; padding:15px 0; margin-top:75px; color:#fff;}
.footer ul{ height:30px; line-height:30px; margin-bottom:12px;}
.footer li { float: left; margin-right:15px;}
.footer li a { color: #fff; }
.logo-footer { display:block; width: 134px; height: 61px; background: url(img/logo_footer.gif) no-repeat;}
p.copy { font-size: 0.875em; color: #A7A5A3; margin:0;}
.copyright{padding:8px; margin-bottom:0; color:#a7a5a3;}
.copyright a{color:#a7a5a3; font-style:italic;}
.copyright a:hover{color:#007BC2;}
.content-data { clear:both; margin-left:15px;}

/* SLIDER */
.slider { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.slider-content { position: absolute; z-index: 70; width: 100%; bottom:0; text-align: right; margin-bottom:20px;}

.btn-upit { background:#F57B02; font-family: Arial, Tahoma, sans-serif; text-transform: uppercase; font-size: .85em; font-weight: bold; text-shadow:0 0 1px rgba(0, 0, 0, 0.6); border:none; border-radius: 0; padding:10px 45px; margin-bottom:5px; opacity:0.7;}
.slider-content p { font-family: Arial, Tahoma, sans-serif; color:#fff; text-shadow:0 0 1px rgba(0, 0, 0, 0.6); margin:0;}

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; 	top: 0;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}

/* carousel */
.owl-theme .owl-controls .owl-nav div{ color: #FFF; display: inline-block; margin: 5px; padding: 4px 7px; font-size: 12px; cursor: pointer;}
.owl-nav {text-align: center;}
.owl-prev { background:url(img/bllt_sidebar_left.gif) center center no-repeat #efefef; width: 45%; text-indent: -9999em}
.owl-next { background:url(img/bllt_sidebar.gif) center center no-repeat #efefef;width: 45%; text-indent: -9999em}
.owl-prev:hover, .owl-next:hover { opacity:0.6;}

/* video responsiveness */
.video-container { position: relative;  padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 
.video-container iframe, .video-container object, .video-container embed { position: absolute;   top: 0;
    left: 0; width: 100%;  height: 100%; margin:25px 0;}

/* MEDIA Styles*/
@media (min-width:768px) { .rezervacija, .raspolozivost {width:60%;}}
@media (min-width:768px) and (max-width:991px){ .navbar-nav{ float:none !important; clear:both; } .navbar-nav li a span{ display:none;} .navbar-brand { margin-bottom:15px; background-size:70% auto;}.navbar-header{ width:100%;} .main-menu { padding-bottom:0;} ul.nav {width:auto;}}
@media (min-width:991px){ .navbar-nav{display:block;} }
@media (max-width:768px) { .navbar-brand { background-size:70% auto;}}