@charset "utf-8";
/* CSS Document */

@import url("http://oglasi.turbosist.si/css/reset3.css");
/*---------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:72%;
	color:#222;
	background:url(../images/bg.png) repeat-x;
	background:url(../images/bg.jpg) 50% 0% repeat-x;
	margin:0;
}
/* TEKSTI */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl {	margin:0.5em 0;}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 1.6em;} 
h2 {font-size: 1.2em; font-weight:bold}
h3 {font-size: 1.1em; font-weight:bold;}

.modra { color:#3667d0;}
.zelena { color:#abc600; color:#669900;}
.rdeca { color:#d94200;}

/* glavni DIV-i
-----------------------------------------------------------------------------*/
#listi-zgoraj-desno { position:absolute; right:0px; top:0px; z-index:1; width:148px; height:105px;}
img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);}
.zavih-page-levo { position:absolute; top:181px; left:-2px; width:35px; z-index:-1}
.zavih-page-desno { position:absolute; top:181px; left:951px; width:35px; z-index:-2}
#wrapper { float:none;	width:984px;	margin:0 auto; position:relative;}
#header {	float:none;	width:984px;	height:182px; background:url(../images/header-bg.jpg) right bottom no-repeat;}
#menu {	float:none; width:auto;	height:33px; background:url(../images/bg.jpg) top no-repeat; z-index:2; position:relative;}
#logo { margin-top:18px; float:left;}
#logo-senca { background:url(../images/logo-senca.png) no-repeat; width:296px; height:9px; position:absolute; left:-27px; top:130px;}
#content { float:none;	width:auto; background:url(../images/content-bg.png) repeat-y; border-top:#5f8ed7 solid 1px;}
#levo { float:left;	width:242px; padding-left:1px; overflow:hidden;}
#levo-top { float:left;	width:242px; background:#eee url(../images/levo-vogal.png) top left no-repeat; border-left:#FFF solid 0px; border-top:#FFF solid 1px;}
#levo-top p { padding:10px; font-size:1em; font-weight:bold}
#nav { float:left;	width:242px; padding-bottom:30px;}
#nav .naslov-podjetje { background:url(../images/naslov-podjetje.png) no-repeat; width:227px; height:40px; margin-top:0px; color:#FFF; padding:7px 0 0 15px; font-size:1.2em;}
#nav .naslov-prodajni-program { background:url(../images/naslov-prodajni-program.png) no-repeat; width:227px; height:40px; margin-top:0px; color:#FFF; padding:7px 0 0 15px; margin-top:30px; font-size:1.2em;}
#vsebina { float:left; width:740px;}
#vsebinaLEFT { float:left; width:520px; padding:10px;}
#vsebinaRIGHT { float:left; width:180px; padding:10px; overflow:hidden;}
#footer { height:29px; background:url(../images/footer-bg.png) repeat-x;	margin:0px 1px; padding-bottom:1px; clear:both;}
#footer_left,
#footer_left a { color:#FFF;}
#footer img { float:left;  padding:3px 0 0 3px;}
#footer_left { float:left; padding:0px 0 0 10px;}
#footer_right { float:right; padding:0px 10px 0 0; color:#FFF;}
#odsev { margin:0 auto; float:none; width:984px;}
#kontakti { width:170px; height:280px; background:url(../images/kontakti-bg.png) no-repeat; padding:30px 0 0 25px; margin-left:-10px; margin-top:-8px;}
#kontakti ul { padding-top:5px!important; padding-bottom:15px!important; padding-left:0!important; font-size:1.2em;}

/* BOXI vsebina
-----------------------------------------------------------------------------*/
.box-vsebina { width:500px; height:190px; margin-left:10px; margin-bottom:40px; font-size:0.95em;}
.box-vsebina h2 { padding:30px 0 0 230px; _padding-top:22px; width:265px;}
.box-vsebina p { padding:5px 10px 0 230px; height:104px; overflow:hidden;}
.box-vsebina a { float:right; margin-top:-4px; padding-right:15px;}
#aquasan-bg { background:url(../images/aquasan-bg.png) no-repeat;}
#aquasan-bg h2 { color:#3667d0;}
#horty-bg { background:url(../images/horty-bg.png) no-repeat;}
#horty-bg h2 { color:#abc600; color:#669900;}
#cistila-bg { background:url(../images/cistila-bg.png) no-repeat;}
#cistila-bg h2 { color:#d94200;}
#cistila-bg p { height:70px; margin-bottom:10px;}
#zacimbe-bg { background:url(../images/zacimbe-bg.png) no-repeat;}
#zacimbe-bg h2 { color:#669900;}
#pvc-bg { background:url(../images/pvc-bg.png) no-repeat;}
#pvc-bg h2 { color:#666;}

/* TEKSTI in GLOBALNI CSSi
-----------------------------------------------------------------------------*/
a {	text-decoration:underline; color:#cc0000;}
a:focus {	outline:none;}
a:hover {	color:#cc0000;}
a:visited {	color:#cc0000;}
#vsebinaRIGHT a { color:#669900; color:#222; text-decoration:underline}
#nav a { text-decoration:none;}
.separator { background:url(../images/separator.gif) 50% 50% no-repeat; width:160px; height:2px;}
#vsebinaLEFT li { padding:4px 0;}
#vsebinaRIGHT ul { margin:0; padding:0 0 0 10px;}
#vsebinaRIGHT li { list-style:none; background:url(../images/indent.gif) left no-repeat; padding:2px 0 2px 15px;}
#slika-aquasan-over { width:172px; height:148px; background:url(../images/aquasan-over.jpg) no-repeat; position:absolute; right:230px; top:116px;}
#slika-horty-over { width:172px; height:148px; background:url(../images/horty-over.jpg) no-repeat; position:absolute; right:230px; top:116px;}
#slika-cistila-over { width:172px; height:148px; background:url(../images/cistila-over.jpg) no-repeat; position:absolute; right:230px; top:116px;}
#slika-zacimbe-over { width:172px; height:148px; background:url(../images/zacimbe-over.jpg) no-repeat; position:absolute; right:230px; top:118px;}
#cenik h1 { padding-bottom:30px;}

/* TABELE
-----------------------------------------------------------------------------*/
.tabela { width:100%;}
tr.tabela-h3 td { margin:0px; color:#000; border-top:#999 solid 1px; background:#f1f1f1;}
tr.tabela-h3 h3 { margin:0px; padding:2px;}
tr.tabela-header td { width:100%; white-space:nowrap; font-size:1.2em;	padding:5px;	background:#b1c600 url(../images/cenik-bg.gif) top repeat-x; color:#000; font-weight:bold;}
tr.tabela-main td { padding:5px;	border-bottom:#666 dotted 1px; white-space:nowrap}

#cenik .tabela { width:100%;}
#cenik tr.tabela-h3 td { margin:0px; color:#000;}
#cenik tr.tabela-header td { margin:0px; padding:2px; border-top:#999 solid 1px; border-bottom:#999 solid 1px; background:#f1f1f1; font-weight:bold;}
#cenik tr.tabela-h3 h3 { white-space:nowrap; font-size:1.2em;	padding:5px;	background:#b1c600 url(../images/cenik-bg.gif) top repeat-x; color:#000;}
#cenik tr.tabela-main td { padding:5px;	border-bottom:#666 dotted 1px; white-space:nowrap}

/* Mozilla: uporaba za vertikalno raztegovanje pri containerjih katerih vsebina ima vec floatov */
/* -------------------------------------------------------------------------------------------- */
.clearer {
	clear: both;
	font-size: 0px;
}

/* clearer next generation */
.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 */