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

@import url("http://oglasi.turbosist.si/css/reset.css");

/*---------------------------------------------------------------------------*/
body {
	font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;
	font-size:62.5%;
	margin:0;
	background-color:#949393;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
/* TEKSTI */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl {	margin:0.5em 0;}
h1, h2, h3, h4 { font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;}
h1 {font-size: 1.8em;} 
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.4em;}

.black {color:#1f1e21; background:transparent; margin:0; padding:0; display:inline;}
.red {color:#c0001f; background:transparent; margin:0; padding:0; display:inline;}
.strong { font-weight:bold; margin:0; padding:0; display:inline;}

/* glavni DIV-i
-----------------------------------------------------------------------------*/
#wrapper { float:none; width:980px;	margin:0 auto; font-size:1.2em}
#content { _margin-left:1px; float:none;	width:auto; margin:0; padding:0; }
#header { position:relative;  background:url(../images/header.jpg) no-repeat;	float:left;	width:980px;	height:296px}
#slogan { width:100%; height:40px; float:left; }
#slogan h2 { font-size:1.2em; color:#fff; padding:8px 0 0 40px;}
#logo { width:269px; height:186px; float:left; padding:28px 0 0 47px; margin:0 }
#kontakti { float:right; background:url(../images/kontakti_bg.jpg) 10px 72px no-repeat; padding:71px 10px 0 0; width:217px; height:144px;}
#kontakti ul { padding:60px 0 0 17px; }
#kontakti ul li { font-size:1.1em; padding:4px 0 0 0px; }
#menu { width:980px; height:25px; padding:16px 0 0 0; _padding-top:14px; float:none; clear:both;	background:url(../images/menu_r.png) 100% 100% no-repeat;}
#wrapperBottom { float:left; width:980px; background:url(../images/wrapper_bottom_bg.gif) repeat-y;}
#wrapperBottom_top { background:url(../images/wrapper_bottom_top1.gif) no-repeat; height:9px; margin:0; padding:0}
#wrapperBottom_bottom { background:url(../images/wrapper_bottom_bottom.gif) no-repeat; height:17px; margin:0; padding:0}
#nav { background:url(../images/nav.jpg) 11px 0 no-repeat; float:left;	width:260px; height:372px; margin:0; _margin-top:-5px; padding:0px;	}
#vsebina { float:left; padding:12px 0px 0 12px; margin:0; width:685px; _margin-top:-5px; }
#vsebinaLEFT { float:left; width:340px;}
#vsebinaRIGHT { float:right; width:320px;}
#footer { font-size:0.8em; color:#999; text-align:center; background:url(../images/wrapper_bottom_bg.gif) repeat-y; float:none; clear:both; width:auto;	margin:0; padding:20px 0 0 0px;}
#footer a { color:#999;}
#footer img {  padding-top:2px; }

/* TEKSTI in GLOBALNI CSSi
-----------------------------------------------------------------------------*/

.vpis {	padding:10px 0 10px 60px; float:left;	margin:20px 0 15px 0px;	background:#fff url(../images/vpis.gif) no-repeat;	border:#d7dde4 solid 1px;	width:130px;}
.priljubljene {	padding:4px 0 4px 60px; float:left;	margin:10px 0 15px 0px;	background:#fff url(../images/ikona_priljubljene.gif) no-repeat;	border:#d7dde4 solid 1px;	width:130px;}
#natisni { float:right; width:80px; }
#natisni a {}
#natisni a img { padding-right:5px; padding-top:5px}
/* SLONEP novice */
#vsebinaLEFT h2 { font-size:1.0em; font-weight:bold;}
.slonep ul li { color:#cc0000; font-weight:bold; padding:4px 0 0 0;}
.slonep ul li a { color:#000; font-weight:normal;}

.naslov { background:url(../images/naslov.png) no-repeat; text-transform:uppercase; font-size:1.2em; font-weight:bold; padding:0 0 20px 30px;}

a {	text-decoration:none;	color:#cc0000;}
a:hover {	color:#cc0000;}
ul.indent { margin-left:10px;}
ul.indent li { line-height:140%; background:url(../images/indent.gif) 0px 6px no-repeat; padding-left:12px}
.gumb { margin:2px; padding:0 5px; border:#7e2525 solid 1px; background:url(../images/gumb.png) repeat-x; color:#fff; height:22px; }

/* IZBRANA PONUDBA - POSEBNA
-----------------------------------------------------------------------------*/
#posebna { float:left; padding:0; }

#posebna .posebna_container { background:url(../images/posebna_bg.jpg); float:left; width:320px; height:120px; padding:0px; margin:5px 0 20px 0; }
#posebna .slika {	float:left; padding:18px 0 0 16px;}
#posebna .teksti_container { line-height:150%; width:180px; float:left; margin:0; padding:20px 0	0 20px;}

#posebna .lokacija_o { color:#cc0000; font-weight:bold; font-size:1.2em;}

#posebna .posredovanje_o,
#posebna .cena_t,
#posebna .velikost_t { text-transform:capitalize; font-size:0.9em; float:left; width:65px;}

#posebna .cena_o { font-weight:bold; color:#d3212a; float:left; width:110px;}

#posebna .nepremicnina_o,
#posebna .velikost_o { font-weight:bold; float:left; width:115px;}

/* ISKALNIK NEPREMICNIN - LEVO
-----------------------------------------------------------------------------*/
#iskalnik { padding:60px 0 0 50px; margin:0;	width:200px; float:left; ¸font-size:0.9em;}
#iskalnik label { padding:0px 0px 0px 4px; }
#iskalnik .posredovanje_container h3,
#iskalnik .nepremicnina_container h3,
#iskalnik .razvrstitev_container h3 { font-size:1.0em; font-weight:bold; text-transform:uppercase;	width:200px; padding:0;	margin:0; color:#3a5178;}

#iskalnik .posredovanje_container table { margin:0; padding:0; }
#iskalnik .posredovanje_container td { padding:0px 0px 0px 15px; }

#iskalnik .nepremicnina_container table { margin:0; padding:0;}
#iskalnik .nepremicnina_container td { padding:0px 0px 0px 15px; }

#iskalnik .razvrstitev_container table { margin:0; padding:0; }
#iskalnik .razvrstitev_container select { margin:10px 10px 10px 28px; width:170px; background:#f1f1f1; padding:0px; }

#iskalnik .gumb_container {	float:left;	width:200px;	text-align:right;	padding:70px 10px 0 0;}
#iskalnik .gumb_container .gumb { background:url(../images/najdi.png); color:#fff; border:none; width:61px; height:42px;	text-align:center;	padding:0px 0px 20px 0;}

/* ISKALNIK NEPREMICNIN - VSEBINA
-----------------------------------------------------------------------------*/
#iskalnik_nep { width:660px; border:#ccc solid 1px; background:#F1F1F1; height:auto; float:left; margin:0 0 10px 0; padding:0 10px; }
#iskalnik_nep h3 { font-size:1.1em; font-weight:bold; margin:10px 0 0 0; padding:2px; }
#iskalnik_nep .drzava_container { float:none; background:#E9E9E9; margin:0px; padding:0px;}
#iskalnik_nep .filter_container a { text-decoration:none; font-size:0.9em; float:right; background:url(http://picbase.turbosist.si/pic/icons/clean.gif) right no-repeat; margin-top:-46px; padding:18px 35px 5px 5px;}
#iskalnik_nep label { padding:0px 20px 0px 4px; }

#iskalnik_nep .regija_container { float:left; width:160px; padding:0px;}
#iskalnik_nep .posredovanje_container,
#iskalnik_nep .nepremicnina_container,
#iskalnik_nep .razvrstitev_container {float:left; width:160px; padding:0 0 0 6px;}
select { padding:0px; width:160px; }

#iskalnik_nep .tip_container { width:660px; padding:0 0px; float:left; clear:left;}
#iskalnik_nep .tip_container table { width:100%; }
#iskalnik_nep .gumb_container { float:left; text-align:right; width:655px; padding:4px;}

/* REZULTATI ISKANJA - OGLAS
-----------------------------------------------------------------------------*/
#oglas .title { width:55px; float:left;}
#oglas .opis { width:230px; float:left;}
#oglas .oglas_container { border:#ccc solid 1px; width:100%; margin:10px 0; float:left;}
#oglas .oglas_container h2 { font-size:1.1em; font-weight:bold; margin:0; padding:0; color:#cc0000; }
#oglas .slika { float:left; background:#f1f1f1; margin:0px; padding:10px; border:1px solid #fff; border-right:1px solid #ccc; }
#oglas .teksti_container { font-size:1.0em; line-height:130%; width:550px; float:right; padding:5px 0 0 0;}
#oglas .nepremicnina_o { width:305px; color:#cc0000; font-size:1.2em}
#oglas .cena_t { width:40px;}
#oglas .cena_o { width:150px; color:#cc0000; font-size:1.2em}
#oglas .velikost_o { width:305px; font-weight:bold;}
#oglas .leto_t { width:40px;}
#oglas .leto_o { width:150px;}
#oglas .atributi_o { clear:both; }
#oglas .oglas_t { clear:left; padding:5px 0 5px 0;}
#oglas .oglas_o { width:495px; padding:5px 0 5px 0;}
#oglas .kontakt_o { width:305px;}
#oglas .sifra_t { width:40px;}
#oglas .sifra_o { width:150px;}

/* REZULTATI ISKANJA - OGLAS NOVOGRADNJE
-----------------------------------------------------------------------------*/
#oglas.oglas_ng .oglas_container h2 { margin:0; padding:0; color:#55a51a; font-weight:bold; }
#oglas.oglas_ng .nepremicnina_o { width:315px; color:#55a51a; font-size:1.2em; font-weight:bold;}
#oglas.oglas_ng .cena_o { width:115px; color:#55a51a; font-size:1.2em; font-weight:bold;}

/* REZULTATI
-----------------------------------------------------------------------------*/
.status_container { width:99%; float:left; background:#f1f1f1; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; margin:5px 0; padding:3px 2px;}
.status_parametri { float:left;}
.status_stevilo { float:right;}

/* REZULTATI ISKANJA PODROBNOSTI
-----------------------------------------------------------------------------*/
#oglas .podrobnosti_container { margin:0px; padding:0px;}
.gumb.nazaj { }
#oglas .podrobnosti_container .teksti_container { line-height:150%; float:none; width:100%;}
#oglas .podrobnosti_container .title { width:135px; float:left; clear:left; font-size:1.1em; font-weight:normal; }
#oglas .podrobnosti_container .opis { width:550px; float:left; font-size:1.1em;}

#oglas .podrobnosti_container h2 { clear:both; font-size:1.4em; font-weight:bold;  margin:0px;	padding:5px 0;}
#oglas .podrobnosti_container h3  { font-size:1.2em; font-weight:bold; text-transform:uppercase; float:none; border-top:1px solid #999; border-bottom:1px solid #999; background:#f1f1f1; margin:10px 0;	padding:2px;}

#oglas .podrobnosti_container .slike_container { width:100%; overflow:hidden; background:#f1f1f1; margin:0px 0 0 0; padding:0px;}
#oglas .podrobnosti_container .slike_container a { display:block; _display:inline; float:left; margin:5px 0 5px 8px; text-align:center; background:#999; padding:0px; height:auto; width:105px;}
#oglas .podrobnosti_container .slike_container a img { border:1px solid #666; margin:5px; height:70px;}
#oglas .podrobnosti_container .slike_container a:hover img{ border:1px solid #fff;}

#oglas .podrobnosti_container .posredovanje_o { color:#cc0000; font-size:1.4em; }
#oglas .podrobnosti_container .oglas_o { margin:0;}
#oglas .podrobnosti_container .web_o { float:none; width:auto; clear:both; background:#fff; padding:5px; font-size:1.0em; }
#oglas .podrobnosti_container .sifra_t { right:0;}
#oglas .podrobnosti_container .sifra_o { right:0;}
#oglas .podrobnosti_container .cena_o { font-size:1.2em; margin-bottom:5px;}
#oglas .podrobnosti_container .kontakt_prodajalec_o { font-size:1.2em;}
#oglas .podrobnosti_container .toolbar { float:right; padding:0;  margin-bottom:5px;}
#oglas .podrobnosti_container .toolbar .poslji { color:#cc0000; border:none; height:37px; cursor:hand; background:url(../images/ikona_poslji_prijatelju.jpg) 0 0% no-repeat; padding:0 0 0 25px;}
#oglas .podrobnosti_container .toolbar .print { color:#cc0000; border:none; height:37px; cursor:hand; background:url(../images/ikona_print.jpg) no-repeat; padding:0 0 0 25px}
#oglas .podrobnosti_container .toolbar .nazaj { color:#cc0000; border:none; height:37px; cursor:hand; background:url(../images/ikona_nazaj.jpg) no-repeat; padding:0 0 0 25px}

#oglas .engine a { float:right; padding:5px 0; text-align:center; text-decoration:none;}

/* TABELE
-----------------------------------------------------------------------------*/
tr.tabelaheader td { font-size:1.2em;	padding:5px;	background:#7292a9;	color:#FFFFFF;}
tr.tabelamain1 td { padding:5px;	border-bottom:#666 dotted 1px;}
tr.tabelamain2 td {	padding:5px;	background:#ECECEC; border-bottom:#666 dotted 1px;}


/* 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 */

