/* GENERAL */
html { overflow-y: scroll;  }
html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { background: white; }
body,td,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,form,textarea,select { font-size: 13px; font-family: Trebuchet MS,Arial,Verdana,Arial,Helvetica; color:#000000; margin:0px;  }
body.mainBody { padding: 0; margin: 0; background: #d1d0be; }

P { margin-bottom: 0px; line-height: 20px; }
IMG { border: none; }

/* TEXT */
ul, li { margin: 5px 0px 5px 7px; padding: 0; list-style-position: outside; }
ol { margin: 5px 0px 5px 15px; padding: 0; list-style-position: inside; }
li { padding: 3px 0px 3px 0px; }

A, td a, A:hover { color: #3F3F3F; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }

#PAGE-FOOTER a, #PAGE-FOOTER li a { color: #707070;  }
#PAGE-FOOTER ul, #PAGE-FOOTER LI { margin: 0px; padding: 0; list-style-position: outside; list-style: none; }
#PAGE-FOOTER LI { list-style: none; border-bottom: 1px #383838 solid; background: url(../../site/seku_nb.gif) no-repeat 0px 8px; padding: 2px 0px 4px 0px;  }
#PAGE-FOOTER LI a { padding: 0px 10px 0px 10px;}

/* HEADING */
h1,.heading1,h2,.heading2,h3,.heading3,h4,.heading4,h5,.heading5,h6,.heading6 { color: #434343; }
h1, h1 a, h1 a:hover { color: #283080; font-size: 20px; font-weight: bold; font-style: italic; margin-bottom: 10px; text-decoration: none; }
h2, h2 a, h2 a:hover { color: #d81818; font-size: 18px; font-weight: bold; font-style: italic; margin-bottom: 10px; text-decoration: none; }
h3, h3 a, h3 a:hover { color: #283080; font-size:16px; font-weight:normal; margin-bottom: 5px; text-decoration: none; }
h4, h4 a, h4 a:hover { color: #d81818; font-size:16px; font-weight:normal; margin-bottom: 5px; text-decoration: none; }
h5 { color: #595959; font-size:12px; font-weight:normal; }

/* WEBARTS */
#FRAME-CONTAINER {
  width: 100%;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: url(../../site/bg_top.jpg) repeat-x top center;
}

#FRAME { width: 980px; margin: 0 auto; }
#top { height: 148px; position: relative; }
#logo { float: left; margin: 0px 0px 0px 0px; }
#globalContainer { float: right; }
#flags { float: left; padding-top: 7px; margin-right: 20px; }
#flags p { float: left; padding-left: 10px; }
#flags img { display: block; }
#global { float: left; padding-right: 10px; padding-top: 9px; }
#global p { float: left; padding-right: 10px; }
#search { float: left; width: 212px; height: 16px; background: url(../../site/bg_search.png) no-repeat; margin-top: 5px; }

#VISUAL { width: 100%; height: 180px; margin: 0 auto; position: relative; }

#currentPathContainer { width: 980px; height: 40px; background: url(../../site/bg_currentPathContainer.png) no-repeat; margin: 0 auto; }
#currentPath { float: left; width: 840px; margin-left: 4px; padding: 6px 0px 12px 0px; }
#currentPath a { 
  font-size: 14px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding: 11px 0px 12px 10px; }
#currentPath a:hover { color: #ffae0b; }
#currentPath img { margin-left: 10px; }

#LINKS { float: right; }
#LINKS p { float: left; padding: 5px 15px 0px 0px; }

#CONTENT-CONTAINER { width: 100%; background: white url(../../site/bg_contentTop.gif) repeat-x top left; }
#CONTENT { width: 972px; min-height: 500px; margin: 0 auto; background: url(../../site/bg_content.gif) no-repeat bottom; }
#MAIN { float: left; width: 675px; padding: 0px 15px 20px 15px; }
#MAIN .vnosPadLeft, #MAIN .vnosPadRight { margin: 0px; padding: 0px; }

#SOLO-MAIN { width: 972px; margin: 0 auto; }
#SOLO-MAIN .vnosPadLeft, #SOLO-MAIN .vnosPadRight { margin: 0px; padding: 0px; }

#INFO-CONTAINER { float: right; width: 220px; padding: 0px 15px 20px 15px; }
#INFO .vnosPadLeft, #INFO .vnosPadRight { margin: 0px; padding: 0px; }
#INFO-CONTAINER h1 { color: #0c6e9d; font-size: 18px; font-weight: bold; font-style: italic; margin-bottom: 10px; text-decoration: none; text-align: right; }

#PF { width: 980px; margin: 0 auto; }
#PF .vnosPadLeft, #PF .vnosPadRight { margin: 0px; padding: 0px; }
#PF h1, #PH h1 a, #PH h1 a:hover { color: #003a62; font-size:20px; font-weight:normal; height: 25px; padding: 0px 5px; border-bottom: #003a62 1px solid; margin-bottom: 10px; }
#PF .pf { padding: 0px 5px; }
#PF, #PF p, #PF a { color: #003a62; }
#PF a { text-decoration: none; }
#PF a:hover { text-decoration: underline; }

#FOOT-CONTAINER { width: 985px; margin: 0 auto; border-top: white 1px dashed; padding-top: 10px; }
#FOOT, #FOOT a { color: white; text-decoration: none; font-size: 11px; }

/* DEFINICIJA TABEL */
.cenik td { border-bottom: 1px #a9cfe3 solid; }

/* GALERIJA SLIK */
.gallery_thumb { text-align: center; }
a.lightbox img, a.lightbox1 img, a.lightbox2 img, a.lightbox3 img, a.lightbox4 img, a.lightbox5 img, a.lightbox6 img, a.lightbox7 img, a.lightbox8 img, a.lightbox9 img { border: 1px #a9cfe3 solid; padding: 2px; margin: 5px; width: 75px; }
a.lightbox:hover img { width: 150px; }

/* STD Tabela - class="stdtable" */
.stdtable TR TD, .stdtable p, .stdtable ul, .stdtable li { font-size: 11px; line-height: 12px; }
.stdtable TR.first TD { margin: 0px; padding: 0px; background: #e6f8ff; padding: 5px; font-size: 12px; }
.stdtable td { padding: 5px; }

/* PRIMARNA NAVIGACIJA */
#PRIMARNA { width: 980px; height: 46px; position: absolute; bottom: 0px; }
#PRIMARNA ul, #PRIMARNA li { list-style:none; margin:0px; padding:0px; text-align:center; }
#PRIMARNA li { float: left; margin:0px; padding:0px; }
#PRIMARNA a {
  display: block;
  color: white;
  font-size:12px;
  font-weight: bold;
  text-decoration:none;
  text-align: center;
  margin-right: 12px;
  padding-right: 6px;
  }

#PRIMARNA #poletni_program { margin-right: 0px; }
#PRIMARNA span { padding: 13px 9px 13px 14px; display: block; }
#PRIMARNA a:hover, #PRIMARNA a.active0, #PRIMARNA li.seku0 a.active0 { color: white; background: url(../../site/bg_prim_li.png) no-repeat center right; }
#PRIMARNA a:hover span, #PRIMARNA a.active0 span { background: url(../../site/bg_prim_a.png) no-repeat center left; }

/*TERCIARNA NAVIGACIJA */
#SEKUNDARNA { width: 220px; }
#SEKUNDARNA ul, #SEKUNDARNA li { list-style:none; margin:0px; padding:0px; text-align: right; }
#SEKUNDARNA li { margin: 0px; padding: 0px; border-bottom: 1px #e3f4fe solid; }
#SEKUNDARNA .seku3.last, #SEKUNDARNA .seku4.last, #SEKUNDARNA .seku5.last, #SEKUNDARNA .seku6.last { border-bottom: none; }

#SEKUNDARNA a {
  color:#01305e;
  text-decoration:none;
  text-align: right;
  padding: 4px 17px 4px 0px;
  display:block;
  font-size: 12px;
  background: url(../../site/terc_li.gif) no-repeat 210px 9px;
  }
  
#SEKUNDARNA a:hover, #SEKUNDARNA a.active { color: #fe8208; background: url(../../site/terc_li_a.gif) no-repeat 210px 9px; }

#SEKUNDARNA a.seku2 { padding-right: 30px; background: url(../../site/kvart_li.gif) no-repeat 197px 9px; }
#SEKUNDARNA a.seku2:hover, #SEKUNDARNA a.seku2active { background: url(../../site/kvart_li_a.gif) no-repeat 197px 9px;}

#SEKUNDARNA a.seku3 { padding-right: 42px; background: url(../../site/kvart_li.gif) no-repeat 185px 9px; }
#SEKUNDARNA a.seku3:hover, #SEKUNDARNA a.seku3active { background: url(../../site/kvart_li_a.gif) no-repeat 185px 9px;}

#SEKUNDARNA a.seku4 { padding-right: 54px; background: url(../../site/kvart_li.gif) no-repeat 173px 9px; }
#SEKUNDARNA a.seku4:hover, #SEKUNDARNA a.seku4active { background: url(../../site/kvart_li_a.gif) no-repeat 173px 9px;}

/* SCROLL IMG NAVIGACIJA*/
#jCarouselLiteDemo { width: 994px; margin: 0 auto; background: red; position: relative; }
#jCarouselLiteDemo .carousel a.prev { background:url("../../site/knob_right.png") no-repeat scroll left 60px transparent; display:block; float:left; height:140px; text-decoration:none; width:11px; cursor:pointer; }
#jCarouselLiteDemo .carousel a.next { background:url("../../site/knob_left.png") no-repeat scroll right 60px transparent; display:block; float:right; height:140px; text-decoration:none; width:11px; cursor:pointer; position: absolute; right: 0px; }
.jCarouselLite { left:0; overflow:hidden; position:relative; visibility:visible; width:960px; z-index:2; padding: 0px; margin: 0px; margin-left: 0px; }
.jCarouselLite ul { width: 972px; }
.jCarouselLite li { padding: 0px; margin: 0px; margin-right: 5px; }
#jCarouselLiteDemo .carousel .jCarouselLite { float:left; }
.imgLite { float:left; width: 239px; height: 140px; overflow:hidden; }
.imgLite img { display: block; }

/* INFO PUSH */
.iDatum { float: left; color: #cccfd1; display: none; }
#iNaslov { float: left; }
#iNaslov, #iNaslov a { color: #d81818; font-weight: bold; font-size: 16px; text-decoration: none; }
#iOpis, #iOpis p { color: #000000; }
#iMore, #iMore a { text-align: left; text-decoration: none; color: black; padding-top: 5px; }

#iContentFirst #iNaslov { display: block; width: 361px; background: url(../../site/bg_iNaslov.png) repeat; }
#iContentFirst #iNaslov, #iContentFirst #iNaslov a { font-size: 12px; }
#iContentFirst #iNaslov a  { display: block; padding: 2px 10px; }
#iContentFirst #iOpis, #iContentFirst #iOpis p { color: #000000; font-size: 11px; padding: 0px 10px; line-height: 14px; }
#iContentFirst #iMore, #iContentFirst #iMore a { text-align: right; text-decoration: none; font-size: 11px; color: black; padding-top: 0px; }
#iContentFirst #iMore a { margin-right: 10px; }

/* PRIPOROČAMO - PAGING */
.newsPaging { border-top: solid 1px #CCC;  }
.newsPagingTop { border-bottom: solid 1px #CCC; border-top: none; margin-bottom: 15px; }
.newsPaging ul, .newsPaging li { padding: 0; margin:0; }
.newsPaging li { float: left; display: block; margin-top: 5px; }
.newsPagingTop li { margin-top: 0px; margin-bottom: 5px; }
.newsPaging .text, .newsPaging li.info { padding: 5px 5px 5px 0px; }
.newsPaging li.info { float: right; padding-right: 0px; }
.newsPaging a { display: block; float: left; padding: 5px 8px; background: #EEE; margin-left: 5px; }
.newsPaging li.selected a { background: #CCC; font-weight: bold; color: #ffffff; text-decoration: none; }

/*FORME*/
.input1 { border:1px #BBBBBB solid; background: #FFFFFF; font-weight: normal; font-size:12px; margin-right: 5px; height:17px; padding: 0px 3px 0px 3px; width: 150px;  }
.input2 { border:none; color: #2c4784; background: none; font-weight: normal; font-size:12px; padding: 0px 5px 1px 5px; vertical-align: top; width: 165px; font-style: italic; }
.enter { width: 28px; height: 16px; margin-left: 9px; }
.cSubmit, .cCancel { width: 99px; }
#f_more { height: 80px; }

/* CONTACT RESERVATION FORM */
.CONTACTOR, .CONTACTOR td, .CONTACTOR th { font-family: Tahoma; }
.CONTACTOR #row1 { width: 675px; }
.CONTACTOR .input95 { width: 200px;}
.radiotable td, .radiotable th { font-size: 10px; text-align: left; }
.radiotable .smucanje { width: 240px; }
#row2 td.program { padding-top: 15px; font-weight: bold; }
#row3 td.termin { padding-top: 15px; font-weight: bold; }
#f_instruktor, #f_apartma, #f_tipapartma { height: 20px; width: 208px; }

/* OTOK BACKGROUNDI */
.otok { background: url(../../otok/moder/otok_naslov_1.jpg) no-repeat top left; }
.otok .oNaslov { background: url(../../otok/moder/otok_naslov_2.jpg) no-repeat top right; }
.otok .oVsebina { background: url(../../otok/moder/otok_vsebina_1.jpg) no-repeat bottom left; }
.otok .lyv { display: block; background: url(../../otok/moder/otok_vsebina_2.jpg) no-repeat bottom right; }

.siv .otok { background: url(../../otok/siv/otok_naslov_1.jpg) no-repeat top left; }
.siv .oNaslov { background: url(../../otok/siv/otok_naslov_2.jpg) no-repeat top right; }
.siv .otok .oVsebina { background: url(../../otok/siv/otok_vsebina_1.jpg) no-repeat bottom left; }
.siv .otok .lyv { display: block; background: url(../../otok/siv/otok_vsebina_2.jpg) no-repeat bottom right;  }

.oker .otok { background: url(../../otok/oker/otok_naslov_1.jpg) no-repeat top left; }
.oker .oNaslov { background: url(../../otok/oker/otok_naslov_2.jpg) no-repeat top right; }
.oker .otok .oVsebina { background: url(../../otok/oker/otok_vsebina_1.jpg) no-repeat bottom left; }
.oker .otok .lyv { display: block; background: url(../../otok/oker/otok_vsebina_2.jpg) no-repeat bottom right;  }

.otok .oNaslov { height: 35px; padding: 20px 15px 0px 15px; }
.otok .oNaslovText, .otok .oNaslovText a { display block; font-weight: bold; font-style: italic; font-size: 18px; color: #043766; text-decoration: none; }
.siv .otok .oNaslovText, .siv .otok .oNaslovText a { color: #989898; }
.oker .otok .oNaslovText, .oker .otok .oNaslovText a { color: #fd912a; }
.otok div.oVsebinaC { padding: 0px 15px 40px 15px; }
.otok div.oVsebinaC, .otok .oVsebinaC p, .otok .oVsebinaC td { font-size: 13px; color: #2b2f32; }

