/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
body
	{
	margin: 0px;
	padding: 0px;
	background-color: White; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	}

table
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap
	{
	color : #191970;
	background: #A8D4FF; 
	width: 991px;
	margin: 0 auto;
	text-align: left;
	border-left: 5px solid  #CCE697; 
	border-bottom: 3px solid #CCE697; 
	border-right: 5px solid #CCE697; 
	border-top: 2px solid #CCE697; 

	}
.box-header
	{
	color: #000000;
	margin: 0px;
	padding: 0px;
	border: none;
	}

.box-footer
	{
	background: #E4F1C9;
	color: #9ACD32;
	padding: 0.5em;
	clear: both;
	border: none
	}
	
	.box-footer a, .box-footer a:link, .box-footer a:visited {
		color: #2F4F4F;
	}
	.box-footer a:hover{
		text-decoration: underline;
	}
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float
	{
	float: left;
	width: 75%;
	}
.column-one
     {
     float: right;
     width: 100%;
     }
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-right: 66%; }
.column-three {margin-left: 75%;
	
	background:  #A8D4FF;  }

/* */
.column-one-content, .column-two-content, .column-three-content
	{
	padding: 6px;
	border: none;
	color: #000000;
	}	
.column-one-content {
	background: #A8D4FF; 
		}
.column-two-content { background: #CAE6FF;  }
.column-three-content {
	border-left: 0px dotted #191970;
	border-bottom: 0px dotted #191970;
	background: #A8D4FF; 
	}
/* GUTTERS BETWEEN COLUMNS */
.column-one-content
	{

	margin-right: 5px;
	}
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 5px; }
.column_padding_after
	{
	height:5px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ p\osition: relative; }




.cenovnik {
	width: 100%;
	border: 1px dotted black;
	padding: 0px;

}


.cenovnik p{
	display: inline;
	margin: 0px;
	padding:0px;
	
	
}

h1
	{
	margin: 0px;
	padding: 0.25em;
	font-size: 14px;
	color: #F2F5FF;
/*	background: #C2DF86; */
	background: #8CC7FF; 
	border-top: 1px solid #F2F5FF; 
	border-bottom: 1px solid #F2F5FF; 
	} 


h2
	{
	margin: 0px;
	padding: 0.25em;
	font-size: 14px;
	color: White;
	color: #000000;
	background: Silver;
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF; 
	} 

h3
	{
	margin: 0px;
	display: inline;
	font-size: 13px;
	color: #005AB0; 
	/*	background: #E4F5C3;*/
	background: #E3E3E3; 
	padding: 1px 5px 0px 0px;
	
	} 

	h4 {
	margin: 0px 0px 10px 0px;
	padding: 4px;
	font-size: 14px;
	color: White;
	background: #60B1FF; 
	display: block;
	height: 20px;
	border: 1px solid silver; 
	} 
	
	
	h6
	{
	margin:0px 0px 0px 0px;
	border: 2px solid #191970;
	display: inline;
	font-size: 14px;
	color: #191970;
	background: #D2EF98;
	padding: 5px;
	
	} 

	
	.slika1{
		width:260px;
		float: right;
		border-left: 1px dotted black;
		border-bottom: 1px dotted black;
		border-right: none;
		border-top: none;
		
	}
	.slika1 img{
	float: right;
	margin:0px 0px 10px 0px;
	}
		
		
	
	ul {
	margin: 5px 5px 10px 15px;
	padding: 0px;
	
	}
 br {
 	margin: 0px;
	padding: 0px;
 }
 
 .divopis {
 	padding:5px 0px 5px 15px;
 	width: 440px;
	w\ idth: 450px;
	background: #F2F5FF;
 }
 
 .divdugme {
 	margin: 0px 0px 10px 0px;
	
 }
 
 .divdugme h6
 {
 	margin:0px 0px 0px 127px;
 }
 .navrh{
 	float: right;
	padding:0px;
	margin:-10px 5px 0px 280px;
 }

 a {
text-decoration: none;
}

a:link, a:visited , a:active{
	color: #191970;
}

a:hover {
	color: #FF8000;
}


.meni{
	border: none;
	background: none;
}
.meni li{
    margin: 0;
    padding: 0;
    float: left;
	 width: 16.6666%;
	 height: 30px;
	 text-align:center;
	 background: url(slike/meni.jpg);
		
}
.meni ul{
	margin: 0;
   padding: 0px;
   list-style-type: none;
}
.meni a, .meni a:link, .meni a:visited, .meni a:active{
		color: White;
      display: block;
      width: 100%;
      text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		background: navy;
		background: url(slike/meni.jpg);
		padding:5px 0px 0px 0px;
		background-repeat: no-repeat;
    }
.meni a:hover {
   	color: #FFBB66;
		background-repeat: no-repeat;
		
    }
.divpomocni2{
	font-size: 2px;
}

.tabslicice {
	text-align:center;
	
}
.tabslicice img {
	border: 2px solid navy;
}



.divdetalji{
	padding:15px 0px 5px 15px;
}

.slikav {
	margin: 0 auto;
	text-align: center;
	
}

.slikav img {
	margin: 10px auto;
	text-align: center;
	border:3px solid #191970;
	
}

.tabslika{
	margin: 10px auto;
	text-align:center;
	width: 800px;
}

.divd
	{
	
	border: 2px solid #191970;
	font-size: 15px;
	color: #191970;
	background: #FF9F0D;
	padding: 2px;
	background-image: url(slike/Logo/pozadina_narandzasta.gif);
	font-weight: bold;
	} 
	
.divd a:hover{
	color: Aqua;
}	
	
	
.copyright{
	color: #9ACD32;
	margin: 10px;
}

.slikaright{
	float: right;
	margin: 0px 0px 0px 2px;
}

.komentar{

	font-size: 11px;
	padding: 5px;
}

.divdodato{
	/*float: right;*/
	background: White;
	font-weight: normal;
	border-bottom: 2px solid #FFA500;
	border-left: 2px solid #FFA500;
	border-right: 2px solid #FFA500;
	border-top: 2px solid #FFA500;
	padding: 3px;
	margin: 0px;
}
img{
	padding: 0px;
	margin: 0px;
}
hr{
background-color: Fuchsia;
background: navy;
width: 90%;
height: 4px;	
text-align: center;
padding: 0px;
}


	
.katalog{
font-size: 14px;
color: navy;
background-color: orange;
margin: 0px 0px 0px 0px;
padding: 3px;
border: 1px solid silver;
}
.katalog a:link, .katalog a:visited , .katalog a:active{
	color: navy;
}

.katalog a:hover {
color: yellow;

}
.opsteinfo{
	width: 530px;
}


.tabuvod{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.tabuvod p{

	padding: 5px;
}

.tabpopust {
	width: 580px;
	font-size: 14px;
	background-color: White;
	text-align: center;
	border: 1px solid orange;
	
}
.tabpopust td{
	border: 1px solid orange;
	padding: 5px;
}

.haynes{
	font-size: 12px;
	background-color: White;
}

.haynes td{
	border: 1px dotted orange;
}
.inostranstvo {
	background-color: #f2f5ff;
	padding: 5px;
	display: block;
	width: 80%;
}


.tabverzije{
	font-size: 12px;
	width: 726px;
	background-color: #F2F5FF;
	text-align: center;
}

.tabverzije td{
	border: 1px dotted #CCCCCC;
}

#s1 {
	text-align: left;
}

#s1 a {
	font-size: 14px;
	font-weight: bold;
}

#s1 a:hover {
	color: #FFA500;
	background-color: white;
}

#s2{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.s2{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

#s3 {
font-size: 11px;
color: navy;
padding: 5px;
background-color:#F2F5FF;
}

#s4{
	text-align: left;
	padding:5px;
	font-weight: bold;
	color: #191970;
}

.style2 {
	color: #0000FF;
	font-weight: bold;
	font-style: italic;
}

.spisak {
	text-align: center;
	background-color: #91C8FF;
}

.spisak td{
	font-size: 12px;
	border: 1px dotted #FFFFFF;
	padding: 3px;
}

.tablegenda {
	font-size: 12px;
	background-color: white;
}

.tablegenda img{
	padding: 0px 3px 0px 0px;
}
.tablegenda td {
	padding: 5px 5px 5px 0px;
	border: 1px dotted #91C8FF;
}

.tablegenda p{
	padding: 5px;
}

.paket {
	margin: 0px 0px 10px 0px;
	background-color: #F2F5FF;
	font-size: 11px;
}

.paket ul {
	list-style-type: circle;
}

.font12{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.font13{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#tabAutodate {
	width: 210px;
	border: none;;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 5px 0px 0px 0px;
	
}

#tabAutodate td {
	border: 1px dotted navy;
	padding: 5px;
}

#crveno
{
	color: red;
}

#zeleno{
	color: #009900;
}


#p2
{
	margin-top: 10px;
	color: navy;
	font-size: 12px;
	padding: 5px;
	border: 2px solid #FFFFFF;
}

#jezik {
font-size: 12px;
display: block;
text-align: left;
margin: 5px 260px 10px 0px;
background: #CAE5FF;
padding: 5px;
}

.sreng {
	margin: 5px 0px 5px 840px;
	font-size: 14px;
	padding: 3px;
	border: 0px solid white;	
	text-align: center;
	width: 140px;
	w\ idth: 150px;
	background: #F2F5FF;

}

#mini{
	font-size: 1px;
	color: #A8D4FF; 
}


#divopis2{
	padding:5px 0px 5px 15px;
	background: #F2F5FF;
	display: block;
}

#divopis2 img{
	margin: 0px 0px 0px 10px;
}

#trialtxt{
	font-size: 8px;
	font-weight: normal;

}

.underlined{
	text-decoration: underline;
}

.crossover {
	text-decoration: line-through;
}


.mt1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px dotted #91C8FF;
	padding: 5px;
	background: #F2F5FF;
}

.mt2{
	border: none;
	padding: 5px;
}

.mt1 img{
	margin: 0px 3px 0px 0px;
}

.block {
	display: block;
	text-align: center;
}

.al-center {
	text-align: center;
}

.pad-5
{
	padding: 5px;
}

.orange{
	display: inline;
	color: #FF8000;
	font-weight: bold;
}

form{
	padding: 0px;
	margin: 0px;

}
.kocka{
	Padding: 5px;
	background: #D2E9FF;
	width: 96%;

}