* {margin:0;	padding:0;}
html, body {scroll-behavior: smooth;	}

body {
font-family: 'Encode Sans Condensed', sans-serif;
background-color: #0C4560;
background-image: url("domov.jpg");
background-repeat: no-repeat;
background-position: center 60px;
margin: 0px; padding: 0px;
color:#ffffff;
}

div.site { clear: both; position: relative; 
padding:0px; margin:0 auto;
top: 0px;   left: 0px; height: auto; max-width: 1400px;  width: 100%; min-width: 780px;
background: none; border: none; 
overflow: visible; visibility: visible; 
color:#ffffff;  text-align: left; 
}
div.site p.site {color:#ffffff;   text-align: center; padding:5px;}
div.site p.blue {color:#ccccff;  font-size: 14px; text-align: center; padding:5px;}
form, div, p, h1, h2, h3, h4, h5, h6 {	margin: 0;	padding: 0;}

div.glava {position:relative;  height: 60px; background-color:#483c32; overflow: visible; visibility: visible;   } 
#stickThis { width: 100%; min-width: 780px; padding:0px; padding-top:10px; padding-bottom:10px;  text-align:left; overflow: visible; visibility: visible; }
#stickThis.stick {     margin: 0;    position: fixed; top: 0; z-index: 9999;}

div.meni {position:relative; top:25px; float:right; height: 60px; width:66.6%; 
padding:0px; border:0px; margin:0px; font-size: 26px; background-color:none; 
overflow: visible; visibility: visible; font-family: 'Staatliches', sans-serif;}
div.meni-fix {position:absolute;left:0px; top:0px; padding:0px; border:0; margin:5px; 
background-color:none; width:99%; overflow: visible; visibility: visible; }
div.fb  {position:relative; top:-10px; float:right; text-align:left;
padding:0px; border:0; margin:0px; background-color:none; width:110px; }
div.fb img.fd-c-iconsvg {width:50px!important; padding-top:0px!important;}
div.vreme  {position:relative; top:5px; width: 75px; height: 52px; float:right; text-align:left;
padding:0px; border:0; margin:0px; background-color:none;  }
div.vreme img {width:24px!important;}

div.levo {position:relative; top:10px; float:left;
padding:0px; border:0px; margin:0px; width:33.3%; height: auto; text-align:left;}
div.levo-vsebina  {position:relative; float:right;  color:white; width: 100%; height:  470px;text-shadow: 2px 2px 3px #000000; z-index:30; margin: 5px; text-align:right;}

div.desno {position:relative; top:10px; float:left;
padding:0px; border:0px; margin:0px; height: 488px; width:33.3%; color:white; overflow:hidden; }
div.desno-fix {position:absolute;left:0px; top:0px; padding:0px; border:0; margin:5px; 
background-color:none; width:100%; color:#ffffff; text-shadow: 2px 2px 2px #000000;}

div.najdiplovilo {position:absolute; left:0px; top:0px; z-index:10; width:100%; height:auto;
padding:0px; border:0; margin:0px; background-color:none; }
div.lastminutetermin { display: none; }
div.zadetki {position:absolute; left:0px; top:400px; z-index:10;
padding:0px; border:0; margin:0px; 
background-color:none; width:100%; height:30px; overflow:hidden; }

div.noga {position:relative; border-bottom:0; top:40px; clear: both; 
margin:0 0 0 0;height: auto; width:100%;  background-color:#000000; min-width: 780px;}
div.noga p {font-size: 12px; text-align:center; color: white;}
div.noga { line-height: 140%;}

div.info { position: relative;  top:0px; left: 0px;width: 100%; min-width: 780px; height: auto; text-align: left;  background-color:none; clear: both; overflow: hidden;}
.info{ text-align: left;}

div.info1 {position: relative; float:left;  color:white; width: 34%; height: auto; margin: 0px; background-color:none; }
div.info2,  div.info3  {position: relative; float:left;  color:white; width: 33%; height: auto; margin: 0px; background-color:none; }
div.info4 {float:left;  color:white; width: 66%; height: auto; padding: 0px;  background-color:none; }
div.info5 {position: relative; float:left;  color:white; width: 33.3%; height: auto; margin: 0px; background-color:none; }
div.info6 {position: relative; float:left;  color:white; width: 50%; height: auto; margin: 0px; background-color:none; }
div.info7 {position: relative; float:right;  color:white; width: 15%; height: auto; margin: 0px; background-color:none; }
div.info1 span {font-size: 13px; }
div.info1 img {padding-bottom:4px;}
div.info2, div.info3, div.info7{text-align: right;}
div.info5, div.info6 {text-align: left;}

table.info td {width: 25%;   background-color:white; text-align: left; vertical-align:top;}
table.info td.kontakt {width: 12.5%; background-color:#0C4560; vertical-align: bottom; }
div.info h1 {display: block; position: relative; height:3px; top:-30px; left: 4px; text-shadow: 3px 3px 5px #000000;} 
div.info p { color:#0C4560;  font-size: 14px; text-align: left; }
div.info a {  width:100%; height:100%; z-index:20; border: none; overflow:hidden; text-decoration:none;}
div.info a:hover { background-image: url("images/hoverbg.png");}

#detailbox { position: relative;  top:0px; left: 0px; width: 100%;}
div.detail { position: relative;  top:-8px; left: 0px;width: 100%; min-width: 780px; height: auto; text-align: left; margin: 0px; margin-top:10px; background-color:#105B7F; clear: both; overflow: hidden;}
div.detail img {  margin-bottom: 10px; }
div.detail span  {font-size: 15px;	color: #CCCCFF;}
div.detail p.fotosmall  {font-size: 10px;	color: #CCCCFF; text-align: right;}
div.info5 p.povprasevanje  { text-align: right;}
div.detail span.plovilo  {font-size: 24px;	color: #CCCCFF;}
div.detail span.plovilotermin  {font-size: 54px; #CCCCFF; white-space: nowrap;}


h1 { font-size: 22px; color: #ffffff; font-weight: normal;}
h2 { font-family: 'Staatliches', cursive; font-size: 18px; color: #ffffff;}
h3, h4, h5, h6 {	font-family: Arial, Helvetica, sans-serif;}



input, select {margin-left: 0px; margin-top:2px; margin-bottom:2px; border: 1px solid #2E80A7; background-color:#ffffff; padding:3px; padding-left: 0px; font-size: 15px;}
form{	width: 100%;}
 .polje {	width: 98%;}
.polje_pol {	width: 98%;}
.polje_long {width: 100%; padding:3px;}
div.info4 input.polje {margin:0px; margin-bottom:10px; border: 1px solid #2E80A7; background-color:#ffffff; padding:4px; width: 49%; font-size: 15px;}
textarea.polje_long {margin:0px; border: 1px solid #2E80A7; background-color:#ffffff; padding:4px; width: 100%; height:100%; font-family: Arial, sans-serif; font-size: 15px;}
div.sporocilo { position:absolute;  top:0px; left: 50%; z-index:10; padding:0px; border:0; margin:0px; background-color:none; width:50%; height:100%; overflow:hidden; }
span.form-checkbox  { width: 30px;}
div.backlink  { float: right; position:relative; right: 4px; top:-44px; width:auto; height: auto; z-index: 100;}
button.poslji, input.gumb, div.backlink a { background-color:#2E80A7; border: 1px solid white; color: #ffffff; padding:3px; padding:4px;  padding-left:16px; padding-right:16px; font-size: 12px; font-weight: normal; text-decoration:none; cursor: pointer; font-family: Arial;}
button.poslji:hover, input.gumb:hover, div.backlink a:hover {background-color:#0C4560; }
input.detail {opacity:0; cursor: pointer; width:100%; height:128px; z-index: 20;}

input.available, input.available2 { cursor: pointer; border:0; text-decoration: none;  padding:0px; z-index: 20; margin:0px;   background-color: #0C4560;}
input.available { color: white;}
input.available2 { color: #ccccff;}
input.available:hover, input.available2:hover {text-decoration: underline;}
div.info5 p.available { color: #ccccff; font-size: 15px; font-family: arial;}

.best_offer_naslov {	font-size: 17px;	color: #FFFF00;	font-weight: bold;}
.termin {	font-size: 14px;	font-weight: bold;	color: #FF0000;}

div.sitezadetki {position:relative; left:0px; top:0px; z-index:10; padding:0px; border:0; margin:0px; background-color:none; width:100%; height:auto; }
div.sitezadetek  {float: left; position: relative; top:0px; left:0px; width:50%; height:auto; z-index:9; overflow:hidden; background-color:none; }
div.sitezadetekvsebina { position:relative; margin: 5px; background-color:white; height:auto; z-index:9; overflow:hidden; background-color:none;  }
div.sitezadetekvsebina:hover {background-color:#E7EDEF;}
div.sitezadetki {	font-size: 15px;	color: #0C4560; text-shadow: 1px 1px 2px #ffffff;	}
div.sitezadetki a.tabela_rumeno {	font-size: 17px;	font-weight: bold; color: #D06566;	text-decoration: none;  }
div.sitezadetki a.tabela_rumeno:hover{	color: #ccccff;	text-decoration: none;}
div.sitezadetki a.veliko {	font-size: 22px; }
div.sitezadetek  div.slikazadetek { position: relative; float: left; top:4px; left:4px; width:30%; height:auto; overflow: hidden; margin-bottom: 8px;}
img.slika { height: 120px; }
div.sitezadetek  div.slikalink{ position: absolute; top:0px; left:0px; width:100%; height:128px; overflow: hidden;}

div.sitezadetek  div.slikalink a { display:block; position: relative; top:0px; left:0px; width:100%; height:128px; z-index:12; border: none; overflow:hidden; background-color:none; border: none; }
div.sitezadetek  div.slikalink a:hover { background-image: url("images/hoverbg.png");}
div.sitezadetek  div.opiszadetek {position: relative; float: left; top:4px; left:8px; width:50%; height:auto; text-align: left;}
div.sitezadetek  div.cenazadetek { position: relative; float: right; top:4px; right:4px; width:15%; height:auto; text-align: right;}
span.cenaosnovnazadetek {text-decoration: line-through;}
div.best1 {display: none; position: absolute; top:1px; right:1px; width:50px; height:50px; z-index:9; border: none; overflow:hidden; }
div.best0 {display: none;}
div.izberitermin { position: absolute; top:-4px; left:0px; width:100%; height:20px; text-align: left; z-index: 100;}

div.tedensko {position:relative; left:0px; top:0px; width:100%; height:155px; text-align:left; padding:0px;  border:0; margin:0px; background-color:none; overflow:hidden; }
div.tedensko div.tabela {position:relative;  float: left; width:16.63%; height:151px; background-color:none; margin:0px;  overflow: hidden;}
div.tedensko div.slikalink { position: absolute; top:0px; left:0px; width:100%; height:151px; overflow: hidden; z-index:12;}
div.tedensko  div.slikalink a { display:block; position: relative; top:0px; left:0px; width:100%; height:151px; z-index:12; border: none; overflow:hidden; background-color:none; border: none; }
div.tedensko  div.slikalink a:hover { background-image: url("images/hoverbg.png");}

@media (min-width:1100px) {
  div.tedensko div.tabela { width:12.5%; }
  div.info1, div.info4{ width:50%; }
  div.info2,  div.info3, div.info5, div.info6 { width:25%; }
  div.meni { width:75%; }
  div.levo , div.desno, div.info7 { width:25%; }
}

@media (max-width:1100px) {
td.kontakt, div.povp {display:none;}
div.povp2 {width:66.6%;}
}
div.tabela {text-align:left;}
div.tabela div.rob  {position: absolute; float: right; top:4px; right:0px; width:4px; height:91px; z-index:9; border: none; overflow:hidden; background: white; }
div.tabela div.sitezadetekvsebina {height: 143px;}
div.tabela div.sitezadetekvsebina:hover {background-color:#ffffff; }
div.menu { position: relative; top:4px; left:4px; width:98%; height:1px; z-index:10; color: #D06566;	font-size: 14px; font-weight: bold;}
div.best_offer { position: relative; top:20px; left:4px; width:98%; height:1px; z-index:10; color: #0C4560;	font-size: 12px;}
div.best_offer_cena { position: relative; float: right; top:120px; right:8px; width:104px; height:1px; z-index:10; font-size: 17px; color: #D06566;	font-weight: bold; text-align:right;}
div.tabela div.slika { position: relative; top:0px; left:0px; width:100%; height:90px; z-index:9; border: none; overflow:visible; }
div.slika img {margin:4px; height: 90px;}


a {	color: #ffffff; text-decoration: underline;}
a:hover {	color: #ccccff;	text-decoration: none;}


div.meni ul {position: absolute; display: block; top:10px; list-style-type: none; margin: 0px; padding: 0px; width: 100%;  height: 60px; }
div.meni li { display: block; position: relative; float: left; padding: 0px; height: 60px; padding-right: 30px;	margin: 0px; text-decoration: none; font-size: 22px;}
div.meni li a, div.levo a, div.noga a{ text-decoration: none; }
div.meni li.active a {color:#A09F9F; text-decoration: none; }
div.meni li.active, div.meni li:hover  {color:#A09F9F; text-decoration: none; background-image: url("images/bgmenu.png"); background-repeat: no-repeat; background-position: top center;}
li.active a:hover {color:#ffffff; text-decoration: none;}

div.site .tabela_glava {	  font-weight: bold;	color: #FFFFFF;}
div.site .tabela_podatki {	font-weight: normal;	color: #FFFFFF;}
div.site .tabela_rumeno {	font-weight: bold;	color: #ccccff;	text-decoration: none;}
div.site  table  a {color:#ffffff;}
div.site  table  a:hover {color:#ccccff;}
div.site  table.tabela_weekend  {line-height: 140%;}

div.site  table.tabela_weekend tr:hover {background-color:#105B7F;}
div.site  table.tabela_weekend tr.tabela_weekend, 
div.site  table.tabela_weekend tr.tabela_weekend:hover {background-color:#0C4560; }
div.site  table.tabela_weekend td {padding: 4px;}
div.hide { display: none; }
div.vsebina  { position:relative; margin: 5px; background-color:none; height:auto; z-index:9; overflow:hidden; background-color:none;  }