/* GENERAL */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* GENERAL */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong, .strong {font-weight:bold;}
i,em {font-style:italic;}

/* BASIC */
html,body {padding:0px;margin:0px;width:100%;height:100%;}
body {background:url(../images/wavegrid.png) repeat left top; font-size:13px; color:#565656; font-family: 'Alegreya', serif;}
a, td a {color:#921a38;text-decoration:underline;outline:none;}
a:hover {color:#255300;text-decoration:none;}
a img, img { border: none;outline:none; }
p {margin:0;line-height:16px;}
img {/*width:100%; max-width: 100%; height:auto;*/}
.contextOption img { width: auto; }
.contextOption img { height: auto;}
ul, li {margin:0px 0px 0px 9px;padding:0;list-style-position:outside;}
ol {margin:5px 0px 5px 15px;padding:0;list-style-position:inside;}
li {padding: 2px 0px;}
a, td a {color:#921a38;text-decoration:underline;outline:none;}
a:hover {color:#255300;text-decoration:none;}
.cf {clear:both;}
hr {border:none;border-bottom:1px #e8e8e8 solid;padding:0px;margin:0px;line-height:1px;}

h1, h1 a, h1 a:hover {font-family: inherit; font-weight:700;font-size:1.4 em /*22px*/;line-height:22px;color: #327000; padding-bottom:5px;margin:0;}
h2, h2 a, h2 a:hover {color:#327000;font-size:1.5em /*18px*/;line-height:20px;font-weight:700;margin-bottom:10px;}
h3, h3 a, h3 a:hover {color:#565656;font-size:1.3em /*16px*/;line-height:20px;text-decoration:none;margin-bottom:5px;}
h4, h4 a, h4 a:hover {color:#921a38;font-size:1.2em /*15px*/;line-height:18px;text-decoration:none;margin-bottom:5px;}

h1,h2 {margin-bottom:10px;}

/* PARTS */
.sprite{background:url(../images/sprite.png) no-repeat;}
#wrapper{width:100%;min-height:100%;height: auto !important;height:100%;position:relative;}

#header-container{width:100%;height:167px;background:url(../images/headerP.png) repeat-x left top;}
#header {position:relative;width:956px; padding:0px;margin:0 auto; z-index:400;}
#logo a {display:block;width:280px;height:153px;background-position:0px 0px;position:absolute;left:0px;top:4px;}
#flags {position:absolute;top:22px;right:16px;}
#flags a {display:inline-block;width:21px;height:22px;margin-left:8px;background-position:-739px 0px;opacity:0.4;filter:alpha(opacity=40);}
#flags a.hr {background-position:-765px 0px;}
#flags a.en {background-position:-790px 0px;}
#flags a.de {background-position:-815px 0px;}
#flags a:hover,#flags a.active {opacity:1;filter:alpha(opacity=100);}
#search-container{position:absolute;top:53px;right:16px;}
#search {width:175px;height:27px;padding:5px 25px 5px 7px;position:relative;background-position:-232px 0px;}
#search-bottom {width:175px;height:27px;padding:5px 25px 5px 7px;margin:5px 0 5px 10px;position:relative;background-position:-232px 0px;}
.input2 {position:absolute;top:0px;left:10px;width:140px;height:26px;border:none;background:none;color:#fff;font-family: inherit;font-style:italic;font-size:12px;}
.enter  {position:absolute;right:8px;top:5px;width:23px;height:23px;}

#content-container{position:relative;padding-bottom: 160px;}
#content{width:970px;min-height:300px;padding:10px 0px 0px;margin:0 auto -50px auto;position:relative;z-index:300;}
#info {position:relative;float:right;width:266px;}
#main {float:left;width:100%;}

/* VISUAL */
#visual { overflow: hidden; width: 956px; height: 346px; margin: -74px auto 0 auto; position: relative; -moz-box-shadow: 0px 0px 5px #3d3d3d;
-webkit-box-shadow: 0px 0px 5px #3d3d3d;
box-shadow: 0px 0px 5px #3d3d3d;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px; 
background: #fff;
}
#visual .visual-element { position: absolute; left:0px; top: 0px; display: none; }
#visual .visual-element img { height: 100%; width: 100%; -moz-border-radius: 9px;-webkit-border-radius: 9px;border-radius: 9px; }
#visual .visual-navi { position: absolute; z-index: 5; bottom: 10px; text-align: center; width: 100%;}
#visual .visual-title { 
    position: absolute;
bottom: 35px;
left: 21px;
background: #255002;
background: rgba(37,80,2,0.8);
}
#visual .visual-title h3 {  
    font-size: 30px;
line-height: 32px;
color: #fdf9f1;
margin: 0;
padding: 5px 10px;
}
#visual .visual-navi-button {     
display: inline-block;
width: 16px;
height: 16px;
background: #fff;
border: 2px solid #327000;
padding: 0;
margin: 0 0 0 4px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
}
#visual .visual-navi-button.active { 
background: #921a38;
border: 2px solid #fff;
cursor: pointer;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#visual .visual-navi-button span { display: none; }

#info .search-responsive {display: none;}
#footer-container {font-family: inherit; font-size:12px;color:#624E48;text-decoration:none;width:100%;position:absolute;bottom:0;background:url(../images/footerP.png) repeat-x left top;;z-index:200;}
#footerContent{width:948px;height:122px;padding:30px 15px 0;margin:0 auto;}
#footerContent a{color:#624E48;text-decoration:none;}
#footerContent a:hover{text-decoration:underline;}
#footer {width:936px;height:11px;margin:0 auto;padding:45px 10px;}
#footer,#footer a {color:#624E48;font-size:13px;text-decoration:none;}
#footer a:hover {color:#000;text-decoration:underline;}
#copyright {float:left;}
#sly {float:right;}

.search_result {margin-bottom: 14px;}
.inner-content .subtitle {font-weight: bold; font-size: 16px; }
/* galerija */
.simpleGallery a img{border:1px #ccc solid;padding:2px;margin:0 10px 10px 0;}
.simpleGallery_paging a { font-size: 16px; margin:0 3px 0 0;}
.simpleGallery_paging .active {color: #255300; text-decoration: none; }
a.shadowbox img{border: 1px solid #ccc; padding:2px; margin-bottom: 10px;}

#primarna {height:40px;width:630px;position:absolute;top:102px;right:0px;z-index:400;background-position:0 -189px;}
#primarna ul { list-style: none; }
#primarna ul li {position:relative;margin:0px;padding:0px;list-style:none;float:left;}
#primarna a.level1 {color:#624E48;font-weight:normal;font-size:18px;text-decoration:none;padding:3px 17px 3px;text-transform:uppercase; border-radius:6px;}
#primarna a.level1.active {color:#fff; background:#624E48; }
#primarna a.level1:hover,#primerna a.lavel1.active {color:#333;}
#primarna ul.level1 ul { display: none; }

#primarna li:hover ul.level2 { display: block; }
#primarna li.level1 ul { background: url(../images/seku_bg.png) no-repeat bottom left;padding-left:2px;position:absolute;left:0;top:0px;text-align:left;z-index:20;width:191px;}
#primarna ul.level2 { margin-top: 29px; }
#primarna ul.level2 li { position:relative;border-bottom:1px solid #d7cabf;width:183px; }
#primarna ul.level2 li:last-child { position:relative;border:none;margin-bottom:8px; }
#primarna ul.level2 a  { display: block; width:183px;color:#327000;text-shadow:0 1px 0px rgba(255,255,255,0.9);font-weight:normal;font-size:13px;padding:7px 12px 7px 21px;margin:0;text-decoration:none;font-family: inherit; }
#primarna ul.level2 a:hover, #primarna ul.level2 a.active, #primarna ul.level2 a:hover, #primarna ul.level2 a.active  { background:#327000;color:#fff; }


/* NEWSLETTER */
.mailee_form{position:relative;height:77px;width:227px;}
.emailField input{border:none;background:url(../images/sprite.png) no-repeat -232px -48px;width:220px;height:26px;padding:5px 10px;font-family: inherit; font-size:12px;color:#fff;font-style:italic;}
.unsubscribeLink {margin:25px 0 0 8px;}
.unsubscribeLink a {font-size:12px;color:#9d9d9d;text-decoration:none;}
.unsubscribeLink a:hover {text-decoration:underline;}
.submitButton input{border:none;width:90px;height:32px;position:absolute;top:44px;right:1px;padding-top:30px;background:url(../images/sprite.png) no-repeat -368px -82px;}
.submitButton input:hover{cursor:pointer;}

/* OTOK - OBLAK */
#main .otok {margin-bottom:15px;/*width:682px;*/}
#main .otok > .title{/*width:690px;*/padding:20px 20px 18px 25px;background:url(../images/oNaslovMain.png) no-repeat;margin:0;}
#main .otok > .title h2{font-family: inherit;font-weight:700;font-size:1.7em /*22px*/;color: #327000;}
#main .otok > .content{/*width:690px;*/background:url(../images/oVsebinaMain.png) no-repeat left bottom;padding:0 0 38px;}
#main .otok .inner-content{background:url(../images/oVsebinaCMain.png) repeat-y left top;padding:0 25px;}

#info .otok {margin-bottom:15px;}
#info .otok .title{height:60px;padding:21px 15px 0 22px;background:url(../images/oNaslovInfo.png) no-repeat;margin:0;}
#info .otok .title h2{font-size:1.7em /*22px*/; color: #d0e4ad;font-weight:700;}
#info .otok .content{background:url(../images/oVsebinaInfo.png) no-repeat left bottom;padding:20px;}

/* Rezervacija */
.sf-buttons-bar .sf-button { background: #2B6000; border-radius: 3px; padding: 6px 8px 5px 8px; font-size: 12px; text-transform: capitalize; cursor: pointer; }
.sf-buttons-bar .sf-button:hover { background: #306C00; }
/*#slyNavigation .tools img, #slyNavigation .toolbar img {width: auto;}*/

@media screen and (max-width:1000px){
#visual { width: 97%; }
#header, #content, #footer { width: 97%; }
#footer-container { width: 100%;}
#primarna { width: 97%;}
#content { padding-top: 15px; }
#info { width: 26%; }
#main { width: 72%; }
#main .otok .title { background: none; padding: 15px 20px 3px 20px; }
#main .otok .content { background: #e6e6e6; padding: 0;}
#main .otok .inner-content {background: none; padding: 20px 25px;}
#info .otok .title { height: 45px; padding: 13px 10px 0 15px; background: #6C9F14;}
#info .otok .content { padding: 10px 0; background: #d8d8d8;}
#main .otok .title, #info .otok .title{
-moz-box-shadow: 0px 0px 7px #7c7c7c;
-webkit-box-shadow: 0px 0px 7px #7c7c7c;
box-shadow: 0px 0px 7px #7c7c7c;
border: none;
border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-webkit-border-radius: 7px 7px 0px 0px;
-ms-border-radius: 7px 7px 0px 0px;}
#main .otok .content, #info .otok .content{
-moz-box-shadow: 0px 0px 7px #7c7c7c;
-webkit-box-shadow: 0px 0px 7px #7c7c7c;
box-shadow: 0px 0px 7px #7c7c7c;
border: none;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
-ms-border-radius: 0px 0px 7px 7px;}
.mailee_form{ padding: 10px; }
.emailField input {background: #88b53c; width: 99%;
-moz-box-shadow: inset 0 0 5px #7c7c7c;
-webkit-box-shadow: inset 0 0 5px #7c7c7c;
box-shadow: inset 0 0 5px #7c7c7c;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;}
.submitButton input { right: 7px; }
}

.remote-content table{margin-bottom:20px; color:#414141;}
.remote-content table th, #remote-content table td{padding:10px 5px;}
.remote-content table th{font-size:14px; font-weight:bold; text-align:left; border-top:none;}
.remote-content table tr{border-top:#708090 1px solid;}
.remote-content table td{min-width:100px;}
.remote-content table td em{color:#000000}
.remote-content th{ background-color:#AFAFAF;}
.remote-content tr:nth-child(odd){ background-color:#DCDCDC; }
.remote-content tr:nth-child(even){ background-color:#F1F1F1; }

/*.simpleGallery_page img { width: 23.4%; }*/