html, body, ul, ol, li, p, form, tr, fieldset, h1, h2, h3 {
margin: 0;
padding: 0;
border: 0;

}

body {
text-align:center;
background:#FFE8D7;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#Container {
width:850px;
height:100%;
margin: 0 auto;
text-align:left;
background:#fff4ec;
}

#head {
width:850px;
height:155px;
background:url(grafika/glava.jpg) no-repeat;
}

#logotip {
float:left;
}

a {
	color:#B65A2E;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p, ul, ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.5em;
}

ul, ol {
	padding-left:2em;
}

p.vsebina {
	margin:0;
}

p.malo {
	font-size: 10px;
	margin:0 0 5px 0;
}

.naslovrubrike {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #995E39;
	text-transform:uppercase;
	padding-bottom:5px;
	padding-top:10px;

}

.naslovrecepta {
	font-size: 15px;
	font-weight: bold;
	color: #995E39;
	text-transform:uppercase;
	margin:0;

}

.naslov {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
}
.small {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0pt 8px 7px;
}

.samosmall {

	font-size: 10px;
}

#besedilo p.date{

color:#838383;
font-size:10px;
font-weight:normal;
text-transform:none;
padding:0pt 0pt 5px;
}



table {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.barilla {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;


}

.slika, .slikalevo {
	margin-bottom:8px;
	border:1px solid #B86F45;

}

.slikalevo {
	float:left;
	margin:4px 8px 8px 0px;
	border:1px solid #B86F45;
}

.containerslike{
	float:left;
	width:202px;
	margin-right:10px;
}

.clearleft {
	clear:left;
	display:block;
}

.clearright {
	clear:right;
}

.clearboth {
	clear:both;
}

/* MENU */

#meni {
width:485px;
float:left;
}

#meni ul {
	margin:0;
	padding:0;
}

#meni li {
	float:left;
	width:95px;
	list-style:none;
}

#meni a {
	display: block;
	border:none;
}

#meni a:hover, #meni a:visited {
text-decoration:none;
	background-color: #f8faf0;
}

#meni img {
	margin:0;
	padding:0;
	border:none;
}

#meniskupaj {
	float:left;
	width:681px;
	height: 130px;

}

#menidesno {
float:right;
height:80px;
	
}

#menidesno p {
border-bottom: 1px dotted #E67D0B;
border-top: 1px dotted #E67D0B;
padding: 3px 0;
	
}

#meniiskanje {
float:right;
height:30px;
	
}

#menispodaj {
	float:left;
	width:678px;
	margin-left: 3px;
}

#menispodaj p {
	font-size:11px;
}

/* BODY REVIJA */

#bodyrevija {
	width:850px;
	background-color:#FFF4EC;
	padding:15px 0 0 0;
}

#bodyrevija p.veliko{
padding-left:8px;
padding-bottom:10px;
}

#bodyrevija .kolona1 {
width:302px;
float:left;
}


#bodyrevija .kolona2 {
	width:252px;
	padding-left:10px;
	margin-top:-10px;
	float:left;
}

#bodyrevija #kolona2a {
	width:500px;
	padding-left:10px;
	margin-top:-10px;
	float:left;
}

#bodyrevija #kolona2a p {
	padding-bottom:5px;
}

#bodyrevija .kolona3 {
	width:250px;
	padding-left:10px;
	float:right;
}
#receptfull {
	background:#FACC9A;
	border:1px solid #878471;
	padding:5px;
	margin-top:15px;
}

.DesnaCrta p {
	padding-bottom:5px;
	padding-left:6px;
}

#receptfull p {
	padding-bottom:5px;
}

#narocilo {
	background:#FFDDC4;
	border:1px solid #878471;
}

.petpik {
	padding:5px;
}

.10pixdol {
	padding-bottom: 10px;
}

.floatleft { float:left }
.floatright { float:right }

.napisnadsliko, .napisnadslikoportal {
	border:1px solid #B86F45;
	background:#D1720A;
	color:#FFFFFF;
	width:246px;
	padding:2px;
	font-size:12px;
}

.napisnadslikoportal {
	width:284px;

}

.formgumb {
	background:#ffffff;
	border:1px solid #878471;
	text-align:center;
	vertical-align:middle;
	width:20px;
	height:16px;
}

.formgumbsplosni {
	background:#ffffff;
	border:1px solid #878471;
}

.formsubmit { vertical-align:middle;
	margin:0;
	padding:0;
}

.vkosarico { 
	vertical-align:middle;
	
	
}

.iskanjegumb {
	background:#FFF4EC;
	border:1px solid #878471;
	width:100px;
	vertical-align:middle;
	margin:0;
	padding: 2px 3px;
	font-size:11px;
}



#besedilo {
	
}

#besedilo p {
	margin: 0 6px 7px 6px;
}

#besedilo h1 {
	font-size:17px;
	margin: 8px 0px 16px 0px;
	padding: 3px 7px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #E67D0B;
	border-top:1px dotted #E67D0B;
	color:#E75241;
	text-transform:uppercase;
	background:#FFFDFB;
		
}

#besedilo h2, #besedilo h2.portal {
	background:#ffecdd none repeat scroll 0%;
	border-bottom:1px dotted #f7a851;
	border-top:1px dotted #f7a851;
	color:#454545;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:13px;
	margin:15px 0px 8px 0px;
	padding:4px 7px;
	text-transform:uppercase;
}

#besedilo h2.portal{
	margin-left:212px;

}


#besedilo .small {
	font-size: 10px;
	text-transform:none;
	font-weight:normal;
	color:black;
}


/* PORTAL */

#portallevo{
	float:left;
	width:550px;
	margin-right:10px;		
}

#portaldesno{
	float:left;
	width:290px;		
}

.rumenokvir {
	background:#FFFFB5;
	border:1px solid #B86F45;
	padding:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:12px;
		
}

#besedilo .rumenokvir h1, #besedilo .rumenokvirbrez h1 {
	font-weight:bold;
	color:#AA5E09;
	margin:0;
	padding:0;
	border:none;
	font-variant:small-caps;
	font-size:15px;
	background:none;
	text-transform:none;
	letter-spacing:2px;
		
}

.rumenokvirbrez {
	background:#FFFFB5;
	border:1px solid #B86F45;
	padding:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	margin:0;
		
}

#izbranirecepti {
	padding-top:10px;
		
}



#portalobvestilacontainer{
		width:100%-2px;
		background-color:white;
		position:relative;
		height:240px;
		border: 1px solid #B86F45;
		border-top:none;

}

#portalobvestila{
	overflow:auto;
	height:231px;
	margin-bottom:0px;
}

.portalrecepti ul{
	list-style-type: none;
	padding: 0em;
	margin: 0em;	

}

.portalrecepti li{
	list-style-type: none;
	background-image: url(recept.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-bottom:1em;

}



#besedilo #portalobvestila h1 {
	font-size:14px;
	margin: 15px 6px 3px 6px;
	padding: 3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #E67D0B;
	border-top:1px dotted #E67D0B;
	color:#454545;
	text-transform:uppercase;
	background:#FFF0E1;
		
}

.obvestilonaslov{
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#AA5E09;
	margin:0;
	padding:0px;
	text-transform:uppercase;
	font-size:15px;
	background:#FFFFB5;
	border:1px solid #B86F45;
	border-bottom:none;
}

#ticker{
margin:0;
padding:0;
}

.zadnjaobvestila{
float:left;
padding-left:10px;
_padding-top:10px;
vertical-align:baseline;
font-size:15px;
font-variant:small-caps;
font-weight:bold;
color:#E75241;
}


#seznamreceptov {
	background:#FFDDC4;
	border:1px solid #878471;
	padding:15px 5px 5px 5px;
	margin-top:0px;
}

#seznamreceptov p {
	padding:0;
	margin:0;
	padding-bottom:5px;
}

#seznamreceptov h1 {
	padding:5px 0;
	margin:5px 0;
	background:#FFFFB5;
}

/* ARHIV REVIJ + PODSTRAN REVIJE*/

.RevijaArhiv {
	margin-left:11px;
	_margin-left:11px;
	float:left;
	width:202px;

	border: 1px solid #878471;
	background:#ffddc4;
}

.RevijaArhivGlava {
	height:42px;

}

#besedilo .RevijaArhivGlava p {
	padding:3px;
	margin:0;
	text-transform:uppercase;

}

#besedilo .RevijaArhiv p {
	
}

#besedilo .RevijaArhiv img {
	border-top: 1px solid #878471;
}

#besedilo .RevijaArhiv .ArhivSlika {
	height:274px;
}

#letniki {
	width:370px;
	float:left;
	margin:0 7px 10px 0;
}

#MapeContainer {
	width:470px;
	float:right;

}

#MapeBody {
	background:#ffddc4;
	border-left:1px solid #878471;
	border-right:1px solid #878471;
	border-bottom:1px solid #878471;
}

#MapeKosarica {
background:#ffddc4;
	border-left:1px solid #878471;
	border-right:1px solid #878471;
	border-bottom:1px solid #878471;
}

#MapeBody p{
	padding-top:12px;	
}

.DesnaCrta {
	border-right:1px solid #878471;
	padding-bottom:5px;
	padding-right:5px;
}

.seznamkosarica {
	min-height:80px;
	_height:90px;
}

.seznamkosarica1 {
	min-height:60px;
	_height:60px;
}

.kosaricaizdelek {
	text-align:center;
}


/* TABELA SEZNAM - ZACASNO! */

#seznam p {
	margin: 0 5px 7px 5px;
}

/* REGISTRACIJA AJAX! */

.validMsg{
	width:16px;
	height:16px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}

.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg, .confirmValidState .validMsg{
	display:inline;
}

.WAATKTextField {
background-color:#ffffe6;
border:1px solid #878471;
padding:4px;
}

/* FOOTER */

#footer {
	background:url(/grafika/crta-spodaj.gif) no-repeat 0 0 #fff4ec;
	padding-top:20px;
	margin-top:20px;
}

#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5c514b;
}

#footerlevo{
	width:155px;
	float:left;
	padding-left:5px;
}

#footerdesno{
	width:685px;
	float:right;
	text-align:right;
	padding-right:5px;
}

#footercopyright{
	border-top:1px dotted #E67D0B;
	margin-top:10px;
	padding-top:5px;
	padding-left:5px;
	background:#fff;
}

#footercopyright p {
		font-size:10px;
}

.footerslika{
	padding-left:12px;
}

.futuretech{
	float:right;
	padding-right:5px;
	text-align: right;
}

#footerspodaj p {
	font-size:12px;
}

/* REZULTATI */

.rezultaticrta {
	border-top:1px dotted #E67D0B;
	font-variant:small-caps;
}

#rezultatitabela {
	

}

#rezultatitabela th {
	font-weight:bold;
	text-align:left;
	padding:10px 6px;
	background:#ffffb5;
	border-top:1px dotted #b86f45;

}

#rezultatitabela td {
	text-align:left;
	padding:10px 6px;
	background:#ffddc4;
	border-top:1px dotted #b86f45;

}

.tablerezultati {
	text-transform:none;

}


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */
margin: 1em 0 0 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #B86F45; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #B86F45; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FFDDC4; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */

/* begin content slide */
.contentslide{
padding: 0px;

}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
text-align: right;
padding: 10px 0 4px 0;
border-top:1px dotted #E67D0B;
margin-top:12px;
font-size:12px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/

}

.pagination a{
padding: 2px 5px;
text-decoration: none; 
color: #fff;
background-color: #D1720A;
border: 1px solid #B86F45;
}

.pagination a:hover, .pagination a.selected{
color: #000;
text-decoration: none; 
background-color: #fff;
}

/* end content slide */

/* CSS for my first scrolling box */
	#scrollingContainer{
		width:120px;	/* 170 pixels in width */
		height:236px;	/* Height of box */
		
		border-right:1px dotted #b86f45;	/* Black border around box */
		background-color: #fbc88e;	

		padding:2px;	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		margin-right:5px;	/* Right margin of 10 pixels */
		font-size:0.9em;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	}
	
		#scrollingContainer ul{
		border-bottom: 1px dotted #fff;
		padding: 3px 2px 3px 3px;
		margin:0;
		font-size:0.75em;	/* Smaller font size than the rest of the page */
		

	}
	
			#scrollingContainer a:link, #scrollingContainer a:visited{

			color:#7c4405;
	}
	
	/* End css for my first scrolling box */