@charset "utf-8";

html, body {
height: 100%;
margin:0;
padding:0;
}

h1,h2,h3 {
margin:0;
padding:0;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #999;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

}

p, li  {
	margin:0 0 0 0;
	padding:0;
	font-size:12px;
	

}

table  {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.iskanje {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;

}

.admin h1 {
	font-size:17px;
	font-weight:bold;
	color: #CE0000;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.admin h2 {
	font-size:14px;
	font-weight:bold;
	color:#CE0000;

}

.admin h3 {
	font-size:12px;
	font-weight: normal;
	color:#CE0000;

}

a:link		{ color: #ff0000; text-decoration: none }

a:visited	{ color: #ff0000; text-decoration: none }

a:active	{ color: #ff0000; text-decoration: none }

a:hover		{ color: #ff0000; text-decoration: none }

a { 
	text-decoration: none;	
} 

a:hover { 
	text-decoration: underline;
} 

#container { 
	position:relative;
	width: 920px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-image:url(images/meni.jpg);
	background-repeat:repeat-y;
	background-color:#f4f4f4;

} 
#header { 
	background: #000; 
	padding: 5px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header p {
	color: #c0c0c0;
	font-size:10px;
	margin:0px;
}

#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header li {
	font-size:10px;
	color: #fff;
	display:inline;
}

#header li a {
	display:inline;
	font-size:10px;
	color: #c0c0c0;
}

#headerrdec { 
	background: #FF3737; 
	padding: 5px 10px;
	height:30px;
	background-image:url(images/trak-levo.jpg);
	background-repeat:repeat-y;
	border-bottom:1px black solid;
} 

#headerrdec a, #headerrdec a:visited{
	font-size:24px;
	font-weight:bold;
	font-style:oblique;
	color:#FFFFFF;
	margin: 0;
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	
}

/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/

#divleft {
	margin: 0px;
	float: left; 
	width: 148px;
}

#sidebar1 {
	width: 100%; /* since this element is floated, a width must be given */
	padding: 0px 0; /* top and bottom padding create visual space within this div  */
}

#sidebar1 ul {
padding : 0; 
margin : 0; 
color : #ffffff;  

display:inline;
}

#sidebar1 li {
padding : 0; 
margin : 0; 
list-style-type : none; 
display:inline;
}

#sidebar1 li a:link, #sidebar1 li a:visited  {
border-right : 1px solid #E3E6E6; 
border-top : 1px solid #fefefe; 
border-left : 1px solid #fefefe; 
border-bottom : 1px solid #E3E6E6; 
padding: 5px 0 5px 7px; 
display:block;
color : #000; 
font-weight : normal; 
background: #f8fafc url(../arrow2.gif) no-repeat left;
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}

#sidebar1 li a:hover {
border-left-color : #fefefe;
border-bottom-color : #E3E6E6;
border-top-color : #fefefe;
background: #f8fafc url(../arrow3.gif) no-repeat left;
border-right : 3px solid #FF8237;
font-size : 11px;
color : #FE393A;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
	
}

#sidebar1 li a:active {
border-left-color : #fefefe; 
border-bottom-color : #E3E6E6; 
border-top-color : #fefefe; 
background-color : #f8fafc; 
border-right-color : #E3E6E6; 
font-size : 11px; 
color : #FE393A; 
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none; 
}

.menuheader {

font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px; 
text-align : left; 
font-weight : bold; 
color : #fff; 
background: #FE393A url(images/rdectrak-levo.jpg) repeat-y center left;
padding-top : 3px; 
padding-bottom : 3px; 
padding-left : 7px; 
border-bottom : 1px solid #4F82B0; 
border-right : 1px solid #598BB5; 
border-top : 1px solid #f1f5fa; 
display : block;
text-transform:uppercase;

}

#sidebar1 h3,  #sidebar1 p {
	margin:5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;


}

/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
#mainContent { 
	margin: 0 0 0 150px;
	padding:0 0 2.5em 0;
	border-top: 1px solid white;
	
} 

#mainContentTop {
	background:#000000;
	margin:0 0 20px 0;
	padding:0;
}

/* Hides from IE5-mac \*/
* html #mainContent {height: 1%; margin-left:147px;}
/* End hide from IE5-mac */ 



#mainObvestilaContainerShadow {
	float:right;
	width:182px;
	height:400px;
	margin:0px 0px 15px 15px;
	position:relative;
	background-image:url(images/shadowlight.gif);
	padding:0;
	top:5px;
} 


#mainObvestilaContainer { 
	padding:0;
	color:#FFFFFF;
	position:relative;
	top:-5px;
	left:-5px;
} 

#mainContentMain {
	margin:0px 15px 10px 15px;
	padding:0;
	width:736px;
	
}

#mainContentMain h1 {

	font-size:18px;
	color:#333;
	padding-bottom:12px;
	font-weight:normal;
}

#mainContentMain h2 {

	font-size:17px;
	color:#D90F0F;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#mainContentMain h3 {
	margin-top:5px;
	font-size:14px;
	color:#D90F0F;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;

}

#mainContentMain h5 {

font-size:12px;
padding:0;
margin-top:3px;
color:#666;
font-weight:normal;
font-variant:small-caps;

}


#mainContentMain p, #mainContentMain li { 
font-family:"Bitstream Vera Sans","Lucida Sans Unicode","Lucida Grande",Verdana;
font-size:12px;
margin-top:10px;
margin-bottom:3px;
line-height:1.5em;


}



#mainObvestilaHead { 
	color:#FFFFFF;
	padding: 5px 10px 1px 10px;
	height:20px;
	
		
} 

#mainObvestilaHead .sb-inner { 
background-color:#FF8237;	
	
}

#mainObvestilaHead .sb-border { 
background-color:#FF3737;	
	
}

#mainObvestilaHead p { 
text-transform:uppercase;
		
} 

#mainObvestila { 
	
border-bottom:1px solid #FF3737;
border-left:1px solid #FF3737;
border-right:1px solid #FF3737;
	padding:0;
} 

#mainLevo {
	float:left;
	width:228px;
	margin:0 20px 0 0;


} 

#mainLevoBox, #mainLevoBox2, #mainLevoBox3 { 

padding:10px;

} 

#mainLevoBox3 h5 { 

font-size:10px;
font-variant:normal;
margin:7px 0 5px 0;

} 


#mainLevoBox .sb-inner { 
background-color:#A6C880;	

} 

#mainLevoBox2 .sb-inner { 
background-color:#CBB782;	

}

#mainLevoBox3 .sb-inner { 
background-color:#F7E088;	

}

#mainLevoBox .sb-border { 
background-color:#666;	

} 

#mainLevoBox2 .sb-border { 
background-color:#666;	

} 

#mainLevoBox3 .sb-border { 
background-color:#666;	

} 

#mainLevoBox p, #mainLevoBox2 p { 

font-family:arial, verdana, sans-serif;
font-size:14px;
padding:0;
margin:0;
} 

#mainLevoBox .vec, #mainLevoBox2 .vec {
	font-family:arial, verdana, sans-serif;
	font-size:11px;

} 


#mainDesno {
	float:right;
	width:484px;

} 

#mainDesno p { 
font-family:"Bitstream Vera Sans","Lucida Sans Unicode","Lucida Grande",Verdana;
font-size:12px;
margin-top:3px;
margin-bottom:8px;
text-transform:uppercase;

}

#mainDesno p.podnaslov, #mainContentMain.revija p.podnaslov { 
	
font-size:11px;
text-transform:none;
color:#444;

} 

/* revija */


#mainDesnoRevijaContaier {
	float:right;
	width:252px;
	margin:0;
	background-color:#F4F4F4;
	padding: 0;

} 

#mainDesnoRevija {
	float:right;
	width:222px;
	margin:0 10px 20px 20px;
	_margin:0 0 20px 20px;


} 

#mainContentZanimivosti img.slikalevo { 
margin:0 10px 10px 0px;
float:left;
	
}

#mainContentRevijaHead { 
padding:5px 10px;
	
}


#mainContentRevijaHead .sb-border { 
background-color:#666;	

} 

#mainContentRevijaHead .sb-inner { 
background-color: #DBCC59;	

}

#mainContentRevijaHead h1 {

	padding-bottom:6px;
	padding-left:7px;
	color:#444444;

}


/* konec revije */


/* knjige */

.knjigeLevo {
	padding: 0 10px 10px 0px;
	display:block;
	width: 230px;
	float:left;

}

.vsebina {margin-left:240px;}


/* konec knjig */

#footer { 
	padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	position:relative;

	width:920px;
	border-top: 1px solid black;
	margin-top:-45px;
	margin-left:auto;
	margin-right:auto;

} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.desno { 
	float: right;
	padding:0;
	margin:0;
}
.levo { 
	float: left;
	padding:0;
	margin:0;
}

.slika { 
	padding:0;
	margin:0;
	line-height:1px;
	font-size:1px;
}

.nula { 
	padding:0;
	margin:0;
	display:block;
}

.slikaokvir { 
	padding:0;
	margin:0;
	display:block;
	border:1px solid #666;
}

.levo10 { 
	float: left;
	padding-right:10px;
}

.desno10 { 
	float: right;
	padding-left:10px;
}

.top7 { 
	padding-top:7px;
}

#mainContentZanimivosti.top0 { 
	padding-top:0;
	margin-top:0;
}




.10PixLevo { 
	padding: 0 0 0 10px;
	display:block;
}


.clear { 
	clear:both;
}

.clearleft { 
	clear:left;
}

.clearright { 
	clear:right;
}

.scisti { 
	padding:0;
	margin:0;
	line-height:0;
	font-size:0px;
}

.FirstCaseBold { 
	text-transform:capitalize;
	font-weight:bold;
}

.10pix { 
	font-size:8px;

}

.SelectRevija{

background-color: #DBCC59;
	font-size:14px;

	color: #000;
	text-transform:uppercase;
	position:relative;
	bottom:right;

	
}

.slika-desno {
	margin: 0 0 5px 10px;
	float:right;
	border: #999999 1px solid;

}

.skrito {
	display:none;
	font-size:12px;
	text-align:justify;
}

#animacija {

height:50px;
background-image:url(images/animacija.gif);
background-repeat:no-repeat;

}


/* tabele */

td.tabela, td.tabela1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	border-bottom: 1px dotted #c0c0c0;
	padding: 3px 5px 3px 5px;
}

td.tabela1 {
	background:#BCD3BC;
}



#mainContentMain .tabela h3 {
padding:0;
margin:0;
font-size:13px;

}

#mainContentMain .tabela p {
margin:3px 0 5px;
}

td.tabelaheader {
	background:#DDB88B;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	padding: 5px 5px 5px 5px;
	vertical-align:middle;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;	
}

/* Konec tabel */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.noviceboxnaslov { 
	color:white;
	text-transform:uppercase;

}

/* Formularji */

form{ 
margin:0;
padding:0;
}

.senca	{ 
		font-family:arial, verdana, sans-serif;
		font-size:12px;
		background-image: url("images/senca.gif");
		text-align: left;
		padding:3px 3px 3px 5px;
		margin:0px;
		border: #000000 1px solid;
}

.box	{ 
		font-family:arial, verdana, sans-serif;
		font-size:12px;
		background:#FFFFFF;
		text-align: left;
		padding: 2px;
		margin:0px;
		border: #666 1px solid;
}

.vkosarico	{ 
		text-align: left;
		padding: 0px;
		margin:0px;
}

#kosarica	{
	padding:0 0 5px 0;
}

.kosarica-zelena	{ 
	background:#578557;
}

.kosarica-bela	{ 
	background:#fff;
}

#kosarica-objem {
	color:#FFFFFF;
	padding: 20px 20px 20px 20px;
}

#kosarica-objem .sb-border { 
background-color:#666;	

} 

#kosarica-objem .sb-inner { 
background-color:#fff;

} 

#kosarica-levo {
	padding-top:7px;

}

#mainContentMain p.kosarica-cena {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0;
margin:0;


}

/* zanimivosti */

#mainContentZanimivosti {
	margin: 20px 15px 15px 15px;

	
} 

.bordernula  {
	border:0;

}

.border  {
	border-bottom:1px #666 dashed;

}

.mainContentZanimivostiFooter p { 
	margin: 15px 30px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
} 

#mainContentZanimivosti img.slika { 
margin:0 0 10px 10px;
float:right;
border:1px solid #999;
	
}

#mainContentZanimivostiHead { 
padding:5px 10px;
height:30px;
	
}

#mainContentZanimivostiHeadLevo {

float:left;

}

#mainContentZanimivostiHeadDesno {

float:right;

}



#mainContentZanimivostiHead .sb-border { 
background-color:#666;	

} 

#mainContentZanimivostiHead .sb-inner { 
background-color:#DBCC59;	

}

#mainContentZanimivostiHead h1 {

	padding-bottom:6px;
	padding-left:7px;
	color:#444444;

}

#mainContentZanimivosti h2 {


}



#mainContentZanimivosti p {

text-align:justify;
margin-bottom:12px;
font-family:"Bitstream Vera Sans","Lucida Sans Unicode","Lucida Grande",Verdana;

}

/* Povezave */

#mainContentPovezaveHead { 
padding:5px 10px;
height:30px;
	
}

#mainContentPovezaveHead .sb-border { 
background-color:#666;	

} 

#mainContentPovezaveHead .sb-inner { 
background-color:#DBCC59;	

}

#mainContentPovezaveHead h1 {

	padding-bottom:6px;
	padding-left:7px;
	color:#444444;

}

/* Predstavitev */

#mainContentPredstavitev {

	float:left;
	width:365px;

}

#mainContentPredstavitevDesno {

	float:right;
	width:320px;
	margin-left:10px;
}

/* Arhiv */

.ArhivBox {
	float:left;
	width:228px;
	margin:0 8px 10px 0;
}

/* set the image to use and establish the lower-right position */ 
.Arhivcssbox, .Arhivcssbox_body, .Arhivcssbox_head, .Arhivcssbox_head h4 {
    background: transparent url(images/arhiv.png) no-repeat bottom right; 
} 

/* set the image to use and establish the lower-right position */ 
.Knjigecssbox, .Knjigecssbox_body, .Knjigecssbox_head, .Knjigecssbox_head h4 {
    background: transparent url(images/knjige.png) no-repeat bottom right; 
} 

/* set the image to use and establish the lower-right position */ 
.Narocninacssbox, .Narocninacssbox_body, .Narocninacssbox_head, .Narocninacssbox_head h4 {
    background: transparent url(images/narocnina.png) no-repeat bottom right; 
} 


.Arhivcssbox, .Knjigecssbox, .Narocninacssbox {
	width: 216px !important; /* intended total box width - padding-right(next) */
	width: 216px; /* IE Win = width - padding */
	padding-right: 14px; /* the gap on the right edge of the image (not content padding) */
	margin: 0px auto;
} 

/* set the top-right image */ 
.Arhivcssbox_head, .Knjigecssbox_head, .Narocninacssbox_head { 
    background-position: top right; margin-right: -14px; /* pull the right image over on top of border */
    padding-right: 14px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.Arhivcssbox_head h4, .Knjigecssbox_head h4, .Narocninacssbox_head h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 10px 0 0px 14px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.Arhivcssbox_body, .Knjigecssbox_body, .Narocninacssbox_body  { 
    background-position: bottom left; 
    margin-right: 0px; /* interior-padding right */ 
    padding: 1px 0 15px 14px; /* mirror .cssbox_head right/left */ 
} 

/* dodatni stili za boxe */

.Narocninacssbox_head h4  { 
	font-size:12px;
	font-weight:bold;
} 

#mainContentMain .Narocninacssbox_body h5  {
	padding-top:5px;
	padding-borrom:0px;
	margin: 0;
} 

/* set the image to use and establish the lower-right position */ 
.Belicssbox, .Belicssbox_body, .Belicssbox_head, .Belicssbox_head h4 {
    background: transparent url(images/belibox.png) no-repeat bottom right; 
} 

/* set the image to use and establish the lower-right position */ 
.Rumenicssbox, .Rumenicssbox_body, .Rumenicssbox_head, .Rumenicssbox_head h4 {
    background: transparent url(images/narocnina.png) no-repeat bottom right; 
} 

.Belicssbox, .Rumenicssbox  { 
    width: 320px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 14px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.Belicssbox_head, .Rumenicssbox_head { 
    background-position: top right; margin-right: -14px; /* pull the right image over on top of border */
    padding-right: 14px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.Belicssbox_head h4, .Rumenicssbox_head h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
	line-height:13px;
    padding: 0px 0 0px 16px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.Belicssbox_body, .Rumenicssbox_body  { 
    background-position: bottom left; 
    margin-right: 0px; /* interior-padding right */ 
    padding: 1px 0 18px 16px; /* mirror .cssbox_head right/left */ 
}