/*  
Theme Name: Elementare
Theme URI: http://www.elementare.si/
Description: Narejeno za Elementare d.o.o.
Version: 1.05
Author: Alain Šik
Author URI: http://www.shikdesign.com/

*/

.reflected { display: block; } 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

h1,h2,h3,h4,form,table,td,tr,ul,ol,li { margin:0; padding:0; }

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, Sans-Serif;
	background: black url('../../../img/gui/bg.jpg') repeat-x;
	color: white;
	text-align: center;
	margin:0;
	padding:0;
	}
	
#stran {
	background-color: black;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border-left: 1px solid #222;
	border-right: 1px solid #222;
	text-align: left;
	}

#header {
	
	}


#content { font-size: 1.2em }


/******* Prva stran *******/
.leftyFirst { float:left; width:582px; /*background-color:#333333;*/ }
	.headerFirst img { margin:20px 0 50px 20px;  }
	#menu { width:582px; height:200px; }
.rightyFirst { float:left; width:378px; font-size:1em; background: black url('../../../img/gui/blue_crte_fp.png') no-repeat right 161px; }
	#noviceNaslovka { width:324px; background: black url('../../../img/gui/bg_novice_fp.jpg') repeat-y; }
	#noviceNaslovka h3 { padding:56px 0 11px 20px; margin:0; color:#BEBEBE; font-size:1.8em; }
	#noviceNaslovka h2 { padding:0 0 2px 0; margin:0; font-size:1.8em; }
	#noviceNaslovka .novica { padding:0 20px 20px 20px; margin:0; }
	#noviceNaslovka .novicaVsebina { font-size:1.2em; }
		.novicaVsebina ol { margin-left:20px; padding-top:5px; }


/******** Kategorije izdelkov  ************/
.headerSub {  background: black url('../../../img/gui/bg_top_sub.gif') repeat-x; }
.headerSub img { margin:20px 0 20px 20px; float:left;  }
.headerSub .rightPart { float:left; width:620px; }
.toolz { height:29px; text-align:right; line-height:1.6em; }
.toolz a { background:#666666; padding:14px 4px 5px 4px; text-decoration:none; margin:10px 0 0 3px; }
.menu { }
.menu ul { list-style-type:none; margin-left:20px; padding-top:21px; }
.menu ul li { float:left; padding: 0 5px 5px 5px; /*background-color:#666666;*/ margin: 0 10px 0 0; font-size:1.4em; font-weight:bold;}
.cat-item a { text-decoration:none; color:#CCCCCC; }
.current-cat a, .current-cat-parent a { color: #00CCFF; }


.lefty { float:left; width:582px; }
	.prikazisamo { font-weight:bold; padding:0 0 0 20px; font-size:1.1em; }
	.podkategorije { padding:0 20px 20px 20px; margin:0 0 0 15px; }
	.podkategorije li { /*list-style-type:none; float:left;*/ margin-right:5px; list-style-type:square; margin-top:2px; font-size:1.1em; }
	.podkategorije .cat-item a { text-decoration:underline; color:#FFFFFF; }
	.podkategorije .cat-item a:hover { color: #00CCFF; text-decoration: none; }
	
	.listaIzdelki { list-style-type:none; margin:0 0 0 20px; padding:0; }
	.listaIzdelki li { float:left; margin:0 14px 14px 0; opacity:0.7; filter: alpha(opacity=70); }
	.listaIzdelki li:hover { opacity:1; filter: alpha(opacity=100); }
	.listaIzdelki li p { font-size:1.1em; /*width:125px;*/ width:117px; height:32px; background:#001D23; padding:4px 4px 0 4px; margin:0; }
	.listaIzdelki li a { text-decoration:none; }
	.listaIzdelki li:hover a { color:#00CCFF; }
	
	.listaNovice { margin:0 20px 0 20px; padding:0; font-size:1.2em; }
	.listaNovice span { color:#666666; font-size:0.8em; }
	.listaNovice h2 { font-size:1.2em; margin:0 0 5px 0; padding:0; }
	.listaNovice p { margin:0; padding:0 0 5px 0; }
	/*.listaNovice .vec { padding:0 0 20px 0; }*/
	
.righty { float:left; width:378px; }
	
	
	.desniKontakt, .desniZakaj { background: black url('../../../img/gui/bg_desni_kontakti.jpg') no-repeat; width:358px; padding-bottom:20px; }
	.desniKontakt h2 { font-size:1.4em; font-weight:bold; }
	.desniKontakt ul, .desniDodatki ul { float:left; list-style-type:none; padding:20px 0 20px 20px; }
	.desniKontakt ul li, .desniDodatki ul li { width:148px; font-size:1.1em; color:#CCCCCC; }
	
	.desniDodatki { background: black url('../../../img/gui/bg_desni_dodatki.jpg') no-repeat; width:358px; padding-bottom:70px; }
	
	.desniZakaj { background: black url('../../../img/gui/bg_desni_kontakti.jpg') no-repeat; width:358px; padding:10px 0 20px 0; }
	.desniZakaj h2 { font-size:1.4em; font-weight:bold; padding:20px 20px 0 20px; }
	.desniZakaj p { font-size:1.2em; padding:0 20px 0 20px; color:#CCCCCC; }
	.desniZakaj strong { color:#00CCFF; font-size:1.2em; font-weight:normal; }
	

.vsebina { margin: 0 0 40px 0; font-size:1.2em; }
.vsebina hr { display: block; }
.vsebina h1 { margin:0 20px 20px 20px; font-size:1.6em; font-weight:normal; }
	.opis { width:265px; margin:0 0 0 20px; padding:13px 0 13px 0; line-height:1.4em; float:left; background: black url('../../../img/gui/bg_opis_up.gif') no-repeat; }
	.opisend { padding:0 13px 6px 13px; background: black url('../../../img/gui/bg_opis_down.gif') bottom no-repeat; }
	.opis p { margin:0; padding: 0 0 6px 0; /*clear:both; display:block;*/ }
	.proizvajalec { margin:0 20px 0 0; padding:13px 20px 5px 20px; float:left; clear:right; }
	.cena { margin:0 20px 0 0; padding:0px 20px 5px 20px; float:left; clear:right; }
	.cena span { font-size:10px; }
	.oglejte { clear:left; padding:10px 0 20px 20px; font-size:0.9em; }
	.oglejte h3 { font-weight:bold; font-size:1em; padding:0 0 3px 0; }
		.nakljucne { list-style-type: square; padding:0 0 0 16px; }
		.nakljucne li { padding:0 0 2px 0; }
	/*.eksponat { margin:0 20px 20px 20px; background-color: #005266; padding:5px 5px 5px 5px; }*/
	.izdelki { margin-left:20px; }
	.izdelki a { width:125px; float:left; margin:0 14px 14px 0; }
	.novica { margin: 0 20px 0 20px; }
	.novica a div { float:left; margin:0 10px 20px 0; }
	
	
.vsebinastran { margin: 0 20px 40px 20px; font-size:1.2em; }
.vsebinastran h1 { margin:0 20px 20px 0px; font-size:1.6em; font-weight:normal; }
	


/******** Drobtine  ************/
#drobtine { padding:0 0 20px 20px; }





small { font-size: 0.9em; line-height: 1.5em; }

h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: #00ccff; font-weight:normal; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #00CCFF; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2 { text-decoration: none; }

a, h2 a:hover, h3 a:hover { color: white; text-decoration: underline; }
a:hover { color: #00CCFF; text-decoration: none; }



/******** FOOTER ***********/
#footer {
	padding: 20px 20px 10px 20px;
	/*border-bottom:1px solid #222;*/
	clear: both;
	background: #1a1a1a url('../../../img/gui/footer_top.jpg') repeat-x;
	}

#footer { }
.copyright { height:47px; line-height:20px; }
.copyright p { padding-top:8px; font-size:11px; }
.copyright img { display:inline; vertical-align:middle; }
.footlinks { background: #1a1a1a url('../../../img/gui/footer_frame_links_bg.gif') no-repeat; float:left; margin-top:20px; width:150px; font-size:1.2em; }
.footlinks ul { list-style-type:none; padding: 20px; }
.footnews { width:300px;  }

.footInfo { background: #1a1a1a url('../../../img/gui/foot_informacije.gif') no-repeat; float:left; margin-top:20px; width:150px; font-size:1.2em; }
.footPonudba { background: #1a1a1a url('../../../img/gui/foot_ponudba.gif') no-repeat; float:left; margin-top:20px; width:150px; font-size:1.2em; }
.footNovica { background: #1a1a1a url('../../../img/gui/foot_novica.gif') no-repeat; float:left; margin-top:20px; width:260px; font-size:1.2em; }
.footInfo ul, .footPonudba ul, .footNovica div { list-style-type:none; padding: 33px 20px 0 13px; }
.footNovica div p { padding:0; margin:0; }
.footNovica div a { text-decoration:none; }
.footInfo ul a { color:#CCCCCC; text-decoration:none; }
.footInfo ul a:hover { color:#00CCFF; }

.footerEnd { background: #1a1a1a url('../../../img/gui/bg_footer_end.png') no-repeat; height:17px; text-align:right; clear:both; padding:12px 20px 0 0; }
.footerEnd a { color:#CCCCCC; text-decoration:none; }





hr { display: none; }
a img { border: none; }
.fouroufour { height:200px; padding:100px 0 0 40px;  }

/************ pagination css *************/
.wp-pagenavi { padding: 40px 20px; font-size:1.1em;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	/*color: white;*/
	/*background-color: #FFFFFF;*/	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	color: white;
	/*background-color: #001d23;*/	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #00ccff;
	color: #00ccff;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}




/******** Front teaser *********/

ul#slider {
    width: 539px;
    height: 280px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 20px;
    overflow: hidden;
}

ul#slider li {
    float: left;
    position: relative;
    /*display: none;*/
}

ul#slider li div {
    position: absolute;
    width: 539px;
    background-color: #000;
    color: #fff;
    left: 0;
    /*display: none;*/
    padding: 10px;
	font-size:14px;
	font-weight:bold;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}