/* STILI ZA CMS********************************************************************************/
a:link,a:visited { color:#00c0f3; text-decoration:none }
a:hover { color:#00c0f3; text-decoration:none}

/* ADMINISTRACIJA====================================================================================== */
/*TASK*/
div.task { position:relative; left:0px; top:0px; width:941px; height:25px; background-image: url(images/admin/task-bg.jpg); margin-left:auto; margin-right:auto; }
div.task-admin {width:124px; height:15px; background-image: url(images/admin/task-admin.jpg); float: left; padding: 10px 0px 0px 0px}
div.task-uredi {width:102px; height:15px; background-image: url(images/admin/task-uredi.jpg); float: left; padding: 10px 0px 0px 0px}
div.task-pomoc {width:82px;	 height:15px; background-image: url(images/admin/task-pomoc.jpg); float: left;padding: 10px 0px 0px 0px }
div.task-odjava {width:82px; height:15px; background-image: url(images/admin/task-odjava.jpg); float: left; padding: 10px 0px 0px 0px}
.linktask A:link, .linktask A:visited , .linktask A:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px !important;text-decoration: none;color: #414B52;padding: 0px 0px 0px 28px}
.linktask A:hover   {font-family: Arial, Helvetica, sans-serif;font-size: 11px !important;text-decoration: underline;color: #414B52}
.obiskovalci { font-family: Arial; font-size:10pt !important; width: 330px; float: left; position: relative; height: 13px; padding: 10px 0px 0px 10px; color: #FFFFFF; }
/* ADMINISTRACIJA====================================================================================== */

/*WYSIWYG naslovi======================================================================================*/
/*naslov*/
H1 { font-family: Arial; font-size: 14px; margin: 0; padding: 0; color:#03AB25;}
H2 { font-family:"Trebuchet MS"; font-size: 14px; margin: 0; padding: 0; color:#03AB25; border-bottom: 1px dotted #03AB25; margin: 0 0 5px 0;}
H3 {font-family:"Trebuchet MS"; font-size: 14px; margin: 0; padding: 0; color:#666666;}
H4, H4 a:visited, H4 a:hover,  H4 a:link,  H4 a:active { font-family: Arial; font-size: 14px; margin: 0; padding: 0; color:#00c0f3; margin: 0 0 5px 0;}
H5{ font-family:"Trebuchet MS"; font-size: 16px; padding: 0px 0px 0px 0px; color: #C20000; letter-spacing: -1px; margin: 10px 0px 0px 20px; }
H6{ font-family: Arial; font-size: 16px ; color: #666666; margin: 0 0 0 0; }
/* opomba*/
pre{ font-family: Arial; font-size: 11px ; color: #555555; font-style: italic; }	
p{ font-size:11px; margin: 0 0 0 0; color: #555555; }
td{ font-family: Arial; font-size: 11px  ; margin: 0 0 0 0; line-height: 1.4em; color: #555555; }
/*Konec WYSIWYG ======================================================================================*/

/*SPLOSNO****************************************************************************************/
body{ color:#000; font-family:Arial; font-size:11px;  }
img{	border:0;}
img.imgborder { border: 1px solid #555555; }
img.rob {border:2px solid #e5cfb7; display:inline; margin:0; }
img.imgborderdouble {border:1px solid #B90606; padding:0px; background:#fff; }
.clear {clear:both;display:block}
form{	margin: 0;	padding: 0;}
.right { float: right; margin-bottom: 10px; }
.left { float: left; }
//hr {border:0;width: 100%; color: #EEEEEE; background-color: #EEEEEE; height: -5px; margin-top:0px; margin-bottom:-20px; }
hr {border:0px; border-top:1px dotted #BBBBBB; height:0px; margin-top:0px; margin-bottom:0px;}
.clear {clear:both;display:block}
.breadcrumb, .breadcrumb a:link, .breadcrumb  a:visited, .breadcrumb  a:active{ font-family: Tahoma; font-size: 11px !important; color: #888888; text-decoration:none}
.breadcrumb  a:hover{ font-family: Tahoma; font-size: 11px !important; color: #888888; text-decoration:underline }
.crta-hr { background-image: url(images/bloki/crta-hr.gif); margin-top: 5px; margin-bottom: 5px; height: 1px; }
ul{  font-size: 11px ; line-height: 1.4em; color: #555555; margin: 10px 0px 10px 30px;}
div#top{position:absolute;top:-1999em;width:800px}
/*SPLOSNO****************************************************************************************/


/*SEARCH****************************************************************************************/
.searchbreadcrumb, .searchbreadcrumb a:link, .searchbreadcrumb  a:visited, .searchbreadcrumb  a:active{ font-family: Tahoma; font-size: 11px !important; color: #AAAAAA; text-decoration:none}
.searchbreadcrumb  a:hover{ font-family: Tahoma; font-size: 11px !important; color: #AAAAAA; text-decoration:underline}
.search_naslov { font-size: 16px !important; color: #D50908; margin: 0 0 0 0; font-weight: bold; }
.searchtext input { border:1px solid #29516D; width: 130px; height: 18px; margin:2px 0 0 0; float: left; font-size: 11px !important; color: #ED0101; } 
.searchimg { margin-top: 2px; float: left; margin-left: 5px; } 
.newsimg{ height: 23px; width: 52px; float: left; margin: 1px 0 0 5px; }
/*SEARCH****************************************************************************************/

/*NOVICE****************************************************************************************/
#clanek { position: relative; }
.nazaj{ float: right; position: absolute; margin-left: 663px; padding-top: 4px; }
.nazaj a:link, .nazaj a:active, .nazaj a:visited {color: #C20000; text-decoration:none; font-weight:bold}
/*NOVICE****************************************************************************************/


/*MENI****************************************************************************************/
.meni_kat_active A:link,  .meni_kat_active A:active, .meni_kat_active A:visited, .meni_kat_active A:hover  { color: #fff; text-decoration: none; background-image: url(images/meni_arrow1.png); background-repeat: no-repeat; background-position: 0 6px; margin: 0; padding: 6px 0 6px 12px; display: block; border-bottom: 1px dotted #02AC30; font-size: 12px;  }
.meni_kat A:link, .meni_kat A:active, .meni_kat A:visited { color:#fff;text-decoration: none;background-image: url(images/meni_arrow1.png);background-repeat: no-repeat;	background-position: 0 6px;	margin: 0;padding: 6px 0 6px 12px;display: block;	border-bottom: 1px dotted #02AC30;  font-size: 12px; }
.meni_kat A:hover  {color: #fff;	text-decoration: none;	background-image: url(images/meni_arrow1.png);	background-repeat: no-repeat;	background-position: 0 6px;	margin: 0;	padding: 6px 0 6px 12px;	display: block;	border-bottom: 1px dotted #02AC30;}

.meni_page_active A:link,  .meni_page_active A:active, .meni_page_active A:visited, .meni_page_active A:hover   { color: #FFFF99; text-decoration: none; margin: 0; padding: 3px 0 3px 16px; display: block; border-bottom: 1px dotted #02AC30; font-weight: bold; }
.meni_page A:link, .meni_page A:active, .meni_page A:visited { color: #fff;	text-decoration: none;		margin: 0;	padding: 3px 0 3px 16px;	display: block;	border-bottom: 1px dotted #02AC30;}
.meni_page A:hover  { color: #fff;	text-decoration: underline;	margin: 0;	padding: 3px 0 3px 16px;	display: block;	border-bottom: 1px dotted #02AC30;}
/*MENI****************************************************************************************/







/*
	Wrapper Layout
	Header Layout
	Middle Layout
	Footer Layout
	Typography
	Typography Links
*/

* {margin:0; padding:0; }
/** { border:1px solid #F00; }*/

/* Wrapper Layout
--------------------------------------------------------------------------------------- */
#wrapper { margin:0 auto; width:956px; }

/* Header Layout
--------------------------------------------------------------------------------------- */
#header { background:url(images/bg_header.png) no-repeat bottom left; height:189px; margin:0 auto; overflow:visible; position:relative; width:956px; }
	
#vdc_logo { background:url(images/logo_vdc.png) no-repeat; height:112px; float:left; margin:20px 0 0 9px; width:111px; }
	
#random_slika { bottom:1px; position:absolute; right:200px; }
	
.header_menu_top, .header_menu_top_lang { float:left; list-style:none; font-size: 11px !important; }
	
	.header_menu_top { margin:31px 29px 0 25px; }
	.header_menu_top_lang { margin:31px 0 0 100px; }
		
#header_menu_right { float:right; list-style:none; margin:85px 100px 0 0; }
	
	.header_menu_top li, #header_menu_right li { margin:0 0 12px 0; }
		
#header h1 { clear:both; bottom:20px; position:absolute; left:149px; }
	
	#header h1 .h1_separator  { margin:0 4px 0 4px; }

/* Middle Layout
--------------------------------------------------------------------------------------- */
#middle { background:url(images/bg_middle.gif) repeat-y top left; margin:0 auto; overflow:visible; position:relative; width:956px; }
	
#zelena_pika { background:url(images/bg_middle_top.png) no-repeat top left; height:132px; left:0; position:absolute; top:0; width:956px; z-index:0; }	
#middle_bliznjice { background:url(images/bg_modra_pika.png) no-repeat; height:161px; position:absolute; right:0; top:164px; width:180px; }
	
	#middle_bliznjice h1 { margin:10px 0 0 0; }
		
	#middle_bliznjice #middle_bliznjice_links { list-style:none; margin:16px 0 0 21px; }
		
		#middle_bliznjice #middle_bliznjice_links li { margin:5px 0 0 0; }
	
#middle_prijava { background:url(images/bg_rdeca_pika.png) no-repeat; height:81px; position:absolute; right:0; top:333px; width:180px; }
	
	#middle_prijava h1 { margin:19px 0 0 21px; }
		
	#middle_prijava #email_form { height:18px; margin:4px 0 0 0; }
		
		#middle_prijava #email_form .input_email { background:#f1e4d6; border:0; height:18px; margin:0 0 0 20px; padding:4px 0 0 8px; width:128px; }
	
#middle_menu_right { float:right; list-style:none; margin:0 164px 0 0; z-index:1; position:relative; }	


#middle_menu_leftg { float:left; list-style:none; margin:10px 0 0 0; width:50px; z-index:1; position:relative;}
#middle_menu_left { float:left; list-style:none; margin:10px 0 0 0; width:140px;z-index:1; position:relative; }
#middle_menu_left li { margin:0 0 6px 0; }
	#middle_menu_left li .middle_menu_left_link, #middle_menu_left li .middle_menu_left_link:hover { height:20px; width:140px; }
	#middle_menu_left li .middle_menu_left_link { background:url(images/btnModer.png);  }
	#middle_menu_left li .middle_menu_left_link:hover { background:url(images/btnModerOver.png); }
	#middle_menu_left li .middle_menu_left_link1, #middle_menu_left li .middle_menu_left_link1:link, #middle_menu_left li .middle_menu_left_link1:hover, #middle_menu_left li .middle_menu_left_link1:active, #middle_menu_left li .middle_menu_left_link1:visited { background:url(images/btnModerOver.png);height:20px;  }
	
	
	#middle_menu_left a { margin:2px 0 0 20px; }
	#middle_menu_left .middle_menu_left_submenu { list-style:none; }
	#middle_menu_left .middle_menu_left_submenu li { margin:4px 0 4px 20px; }
	#middle_menu_left .middle_menu_left_submenu li.dashed { border-top:1px dashed #231f20; font-size:1px !important; line-height:1px !important; margin:0px 0px 0px 20px; padding: 0px; }
	#middle_menu_left .middle_menu_left_submenu a { margin:0; }

	
#middle_content { float:left; width:621px; min-height: 420px; height:auto !important; height:320px;z-index:1; position:relative;  }
#middle_content { float:left; width:621px; z-index:1; position:relative; }	
	#middle_content_header { background-color:#FFF; margin:0; }
		
		#middle_content_header div.img { float:left; margin:10px 4px 25px 18px; width:183px; }
			
		#middle_content_header div.img img { border:2px solid #e5cfb7; display:inline; margin:0; }
			
		#middle_content_header div.desc, #middle_content_header div.desc_footer { text-align:left; font-weight:normal; }
			
		#middle_content_header div.desc  { margin:8px 0 0 0; }
		#middle_content_header div.desc_footer { margin:0; }
		
	.middle_content_header_article { margin:8px 0 25px 24px; }
		
		.middle_content_header_article h1 { margin:0 0 5px 0; }
			
		.article div.img_article { float:right; margin:0 6px 25px 24px; width:152px; }
			
		.middle_content_header_article .article div.img_article img { border:2px solid #ef4223; display:inline; margin:0; }
			
		.middle_content_header_article .article div.desc_article { text-align:left; font-weight:normal; }
			
		.middle_content_header_article .article div.desc_article  { margin:4px 0 0 0; }
			
	#middle_content_header p.dashed { border-top:1px dashed #231f20; clear:both; margin:0 8px 10px 24px; }
	
	#middle_content_footer { clear:both; }

/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer { clear:both; background:url(images/bg_footer.png) no-repeat top left; height:200px; margin:0 auto; overflow:visible; width:956px; }
	
	#footer_kazalo { padding:42px 0 0 133px; }
	
	.footer_sep { margin:0 9px 0 9px; }


/* Typography
---------------------------------------------------------------------------------------
	#FFF - header_menu_right links
	#231f20 - header_menu_top, footer_kazalo links
	#ef4223 - header_menu_top, header_menu_top_lang hover
	#e5cfb7 - okvir slike
	#231f20 - desc
	#00c0f3 - desc links
	#231f20 - separator (crtkane crte)
	#f1e4d6 - ozadje input forme
*/
	
input { font-family:Arial; font-size:11px !important; }
	
#header { text-align:left; }
	#header h1 { color:#ef4223; font-size:20px; font-weight:normal; }
	#header h1 .h1_separator  { color:#00c0f3; font-size:10px; }
	#header h1 .h1_submenu { font-size:10px; }
	
#middle { text-align:left; }
	#middle_menu_left { color:#FFF; font-size:12px !important; }
		
	#middle_bliznjice h1 { color:#FFF; font-size:25px; font-weight:normal; }
		
	.middle_content_header_article h1 { color:#ef4223; font-size:14px; text-align:left; }
		
	.middle_content_header_article { color:#231f20; font-size:11px; }
		
	#middle_prijava h1 { color:#FFF; font-size:12px; font-weight:normal; text-align:left; }
		
	#middle_menu_left .middle_menu_left_submenu { color:#000; }
		
	#middle_content_header div.desc, #middle_content_header div.desc_footer { color:#231f20; font-size:11px; text-align:left; }
		
	.middle_content_header_article .article div.desc_article { color:#231f20; font-size:9px !important; text-align:left; }
		
	#middle_content_header div.desc h1, #middle_content_header div.desc_footer h1 { color:#ef4223; font-size:14px !important; text-align:left; }
		
#footer #footer_kazalo { font-size:10px; text-align:left; }
	
/* Typography Links
--------------------------------------------------------------------------------------- */
#header h1 .h1_submenu,
#header h1 .h1_submenu:link,
#header h1 .h1_submenu:visited,
#header h1 .h1_submenu:hover,
#header h1 .h1_submenu:active { color:#00c0f3; text-decoration:none; }

#header_menu_right a,
#header_menu_right a:link,
#header_menu_right a:visited,
#header_menu_right a:hover,
#header_menu_right a:active { color:#FFF; text-decoration:none; font-size: 12px ;}

.header_menu_top a, .header_menu_top_lang a,
.header_menu_top a:link, .header_menu_top_lang a:link,
.header_menu_top a:visited, .header_menu_top_lang a:visited,
.header_menu_top a:hover, .header_menu_top_lang a:hover,
.header_menu_top a:active, .header_menu_top_lang a:active { color:#231f20; text-decoration:none; font-size: 11px !important;}

.header_menu_top a:hover, .header_menu_top_lang a:hover  { color:#ef4223; text-decoration:none; }

#middle_menu_left a,
#middle_menu_left a:link,
#middle_menu_left a:visited,
#middle_menu_left a:hover,
#middle_menu_left a:active { color:#FFF; text-decoration:none;font-size: 12px !important;  }

#middle_menu_left .middle_menu_left_submenu a,
#middle_menu_left .middle_menu_left_submenu a:link,
#middle_menu_left .middle_menu_left_submenu a:visited,
#middle_menu_left .middle_menu_left_submenu a:active { color:#000; text-decoration:none; font-size: 11px !important; }

#middle_menu_left .middle_menu_left_submenu a:hover { color:#ef4223; text-decoration:none; font-size: 11px !important;}
	
#middle_content_header div.desc a, #middle_content_header div.desc_footer a, .middle_content_header_article a,
#middle_content_header div.desc a:link, #middle_content_header div.desc_footer a:link, .middle_content_header_article a:link,
#middle_content_header div.desc a:visited, #middle_content_header div.desc_footer a:visited, .middle_content_header_article a:visited,
#middle_content_header div.desc a:hover, #middle_content_header div.desc_footer a:hover, .middle_content_header_article a:hover,
#middle_content_header div.desc a:active, #middle_content_header div.desc_footer a:active, .middle_content_header_article a:active { color:#00c0f3; text-decoration:none; }

#footer #footer_kazalo a,
#footer #footer_kazalo a:link,
#footer #footer_kazalo a:visited,
#footer #footer_kazalo a:hover,
#footer #footer_kazalo a:active { color:#231f20; text-decoration:none; }

#middle_bliznjice #middle_bliznjice_links a,
#middle_bliznjice #middle_bliznjice_links a:link,
#middle_bliznjice #middle_bliznjice_links a:visited,
#middle_bliznjice #middle_bliznjice_links a:hover,
#middle_bliznjice #middle_bliznjice_links a:active { color:#FFF; text-decoration:none; font-size: 12px}
.vsebina { width: 570px; margin-left: 25px; margin-right: 5px; margin-top: 5px;  }
.vsebina1 { width: 700px; margin-left: 40px; margin-right: 5px; margin-top: 5px;  }

