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

@import url("http://oglasi.turbosist.si/css/reset3.css");
/*---------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background:#f7fbff url(../images/ozadje.jpg) top repeat-x;
	font-size:62.5%;
	font-size:75%;
	margin:0;
}
/* TEKSTI */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dl {	margin:0.5em 0;}
h1, h2, h3, h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#2095d8;}
h1 {font-size: 2.2em;} 
h2 {font-size: 1.4em; font-weight:normal; color:#222;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.0em;}

td {
	vertical-align:top;
}

.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
-----------------------------------------------------------------------------*/
#map { position:absolute; top:14pxpx; right:0px; z-index:-1; background:url(../images/map.jpg) no-repeat; width:421px; height:195px;}
#wrapper { float:none;	width:980px; margin:0 auto;}
#content { float:none;	width:auto;}
#header { position:relative; float:none;	width:auto;	height:220px; background:url(../images/header.jpg) no-repeat;}
#header .logo { background:#FFF; width:340px;	height:80px;}
#header .link-spletpro { position:absolute; left:400px; width:200px; height:200px;}
#header .logo img { padding:8px}
#container-vsebina { float:none;	width:980px; margin:0 auto; background:#fff; position:relative; border-left:#dbe9f0 solid 1px; border-right:#dbe9f0 solid 1px; min-height:700px}
#page-senca-levo { background:url(/images/page-senca-levo.jpg) no-repeat; position:absolute; float:left; top:32px; left:-55px; width:55px; height:385px;}
#page-senca-desno { background:url(/images/page-senca-desno.jpg) no-repeat; position:absolute; float:left; top:32px; right:-55px; width:55px; height:385px;}
#menu {	float:none;	width:auto;	height:46px; background:url(../images/menu-bg.gif) repeat-x;}
#vsebina { float:left; width:980px; background:url(../images/container-bg.png) top repeat-x; padding-bottom:50px; padding-top:10px;}
#footer { background:#f4f4f4; border-top:#ddd solid 1px; font-size:90%;}
#footer-center, #footer-center a { margin-top:0pt; margin:0 auto; width:980px; height:30px; text-align:left; position:relative; color:#7c7c7c;}
#footer-center img { margin-top:5px; margin-left:0px;}
#turbosist { position:absolute; top:0px; right:0px; text-align:right;}

/* vsebina levo
-----------------------------------------------------------------------------*/
#vsebina-levo ul { list-style:none;}
#vsebina-levo ul li { background:url(/images/li-vsebina-modra.gif) 0px 5px no-repeat; padding-left:15px;}
#vsebina-levo { float:left; width:590px; overflow:hidden; padding-left:40px;}
.ul-vsebina-okvir { width:295px; height:272px; margin-right:10px; margin-bottom:20px; float:left; background:url(/images/vsebina-box.png) bottom no-repeat;}
#graficna-okvir.ul-vsebina-okvir { width:295px; height:286px; _height:299px; margin-right:10px; /*margin-bottom:20px;*/ float:left; background:url(/images/vsebina-box.png) bottom no-repeat;}

.h2-spletne-strani { display:inline-block; background:url(/images/h2-spletne-storitve.png) left no-repeat; width:141px; height:39px; text-indent:-200px; overflow:hidden;}
.h2-optimizacija { display:inline-block; background:url(/images/h2-optimizacija.png) left no-repeat; margin-bottom:38px; _margin-bottom:31px; width:183px; height:39px; text-indent:-250px; overflow:hidden;}
.h2-graficno-oblikovanje { display:inline-block; background:url(/images/h2-graficno-oblikovanje.png) left no-repeat; width:211px; height:39px; text-indent:-200px; overflow:hidden; margin:0}

.ul-vsebina-okvir ul { margin-left:0px; margin-bottom:0; background:none;}
.ul-vsebina-okvir ul li { list-style:none; background:none!important;}
.ul-vsebina-okvir ul li h2 { margin:6px 0; padding:0; _height:0px;}
.ul-vsebina-okvir ul li h2 a { font-size:0.65em; font-weight:bold; text-decoration:none; line-height:normal; color:#000; padding:0 0 0 15px!important; background:url(/images/li-vsebina-modra.gif) left no-repeat;}
.ul-vsebina-okvir ul li h2 a:hover { color:#eb3d00; padding:0 0 0 15px!important; background:url(/images/li-vsebina-rdeca.gif) left no-repeat;}
.ul-vsebina-okvir p { margin:0 10px; margin-top:8px; padding-top:8px; color:#7b7b7b; font-size:0.95em; border-top:#ececec solid 1px;}

.ul-vsebina-2-okvir { width:295px; height:327px; margin-right:10px; margin-bottom:20px; float:left; border:#999 solid 0px;}
.ul-vsebina-2-okvir .ul-vsebina-2 { width:287px; height:91px; margin-top:10px;}
.ul-vsebina-2-okvir .ul-vsebina-2 ul { padding-top:30px;}
.ul-vsebina-2-okvir .ul-vsebina-2 ul li { list-style:none; padding:0!important; background:none!important;}
.ul-vsebina-2-okvir .ul-vsebina-2 ul li h2 { margin:6px 0; padding:0;}
.ul-vsebina-2-okvir .ul-vsebina-2 ul li h2 a { font-size:0.65em; font-weight:bold; text-decoration:none; line-height:normal; color:#000; padding:0 0 0 15px!important; background:url(/images/li-vsebina-siva.gif) left no-repeat;}
.ul-vsebina-2-okvir .ul-vsebina-2 ul li h2 a:hover { color:#eb3d00; padding:0 0 0 15px!important; background:url(/images/li-vsebina-rdeca.gif) left no-repeat;}

.ul-vsebina-2-okvir #ul-spletni-marketing { background:url(/images/spletni-marketing-bg.png) left no-repeat;}
.ul-vsebina-2-okvir #ul-izdelava-oglasnih-pasic { background:url(/images/izdelava-pasic-bg.png) left no-repeat;}
.ul-vsebina-2-okvir #ul-izdelava-tiskanih-oglasov { background:url(/images/izdelava-oglasov-bg.png) left no-repeat;}

/* vsebina desno
-----------------------------------------------------------------------------*/
#vsebina-desno-bg { float:right; width:340px; overflow:hidden; padding:0px; border-right:#fff solid 1px; background:#ededed url(/images/vsebina-desno-bg.png) bottom no-repeat;}
#vsebina-desno { float:right; width:340px;}
#desno { float:left; width:320px; padding-left:10px; overflow:hidden; padding-top:10px;}
#desno h2 { color:#333; font-size:1em; font-weight:bold; padding:0; margin:0}
#desno li { list-style:none;}
ul.indent-desno { margin:0; padding:0; padding-top:20px;}
.indent-desno li { list-style:none; font-size:0.9em; background:url(/images/li-desno.gif) left no-repeat; padding:2px 0 2px 15px;}
.separator { width:315px; height:2px; margin:10px 0; float:left; _float:none; clear:both; padding-left:0px; background: url(/images/separator.gif) right no-repeat;}

#povprasevanje-gumb { background:url(/images/povprasevanje-gumb.png) no-repeat; float:left; margin-bottom:10px; width:132px; height:106px;}
#povprasevanje-gumb a { color:#9d9daa; font-weight:bold; text-decoration:none; font-size:0.9em; background:#000; padding:2px 5px; width:118px; margin-left:2px; margin-top:82px; float:left;}
#povprasevanje-gumb a:hover { background:#eb3d00; color:#000}

#kontakt-gumb { background:url(/images/kontakt-gumb.png) no-repeat; width:132px; height:32px; clear:left;}
#kontakt-gumb a { color:#2a2c2e; text-decoration:none; float:right; padding:6px 15px; font-weight:bold;}
#kontakt-gumb a:hover { color:#eb3d00;}

#kontakti { float:right; width:180px;}

.h2-reference { background:url(/images/reference.png) right no-repeat; display:block; color:#333; font-size:1em; font-weight:bold; padding:5px 0 0 12px; float:left; width:315px; height:20px;}
.tel { color:#2095d8; font-size:1.25em; font-weight:bold; padding:0 10px 0px 10px; vertical-align:bottom;}
.td-tel { padding:14px 0;}
#flashcontent-container { width:315px; height:232px; float:left; margin-left:12px; _margin-left:6px;}
#flashcontent { width:311px; height:228px;padding:2px; background:#CCC; float:left}

#zagrizite-v-izkusnjo { padding-left:12px; padding-top:14px; float:left; overflow:hidden; width:320px}

/* REFERENCE
-----------------------------------------------------------------------------*/
#ref-slike { float:left; clear:both; width:600px;}
.ref-slika { float:left; margin-right:40px; margin-top:30px; margin-bottom:40px; width:258px; height:177px; border-bottom:#9c9c9c solid 1px;}
.link-reference { float:left; background:url(/images/li-vsebina-siva2.gif) left no-repeat; padding-left:15px; margin-top:20px;}
#ref-linki { padding-top:50px; width:600px; clear:left; float:left;}
.ref-300 { float:left; width:300px;}

/* REFERENCE OPTIMIZACIJA */
#ref-optimizacija { clear:both; width:600px; background:#f1f1f1}
.ref-slika-optimizacija { float:left; margin-right:40px; margin-top:30px; padding-bottom:80px; width:258px; height:177px; clear:right;}
.link-optimizacija { float:left; background:url(/images/li-vsebina-siva2.gif) left no-repeat; width:243px; padding-left:15px; margin-top:10px; border-top:#9c9c9c solid 1px;}
.link-optimizacija2 { float:left; white-space:nowrap; display:block; background:url(/images/li-vsebina-siva2.gif) left no-repeat; padding-left:15px;}

/* REFERENCE GRAFIKA */
.ref-slika-grafika { float:left; margin-right:40px; margin-top:30px; _margin-top:0px; margin-bottom:40px; width:254px;	height:167px;}
.ref-slika-grafika img { float:left; width:254px;	height:167px;	border:#b7b7b7 solid 2px;}
.opis-reference { float:left; background:url(/images/indent.gif) left no-repeat; color:#767676; font-weight:bold; padding-left:15px; margin-top:10px; margin-bottom:20px;}
.ref-300-grafika { float:left; width:300px;}
.ref-300-grafika li { background:url(/images/indent.gif) left no-repeat!important }

/* TEKSTI in GLOBALNI CSSi
-----------------------------------------------------------------------------*/
a {	text-decoration:underline; color:#006699;}
a:focus {	outline:none;}
a:hover {	color:#006699;}
/*#vsebina li { list-style:none; background:url(../images/indent.gif) 0px 8px no-repeat; padding:2px 0 2px 12px}*/
tr.tdborder td { padding:4px; background:url(../images/dot.gif) bottom repeat-x;}
ul.ul-inline { margin:0!important; padding:5px 0!important; background:#f5f5f5; float:left; width:580px;}
ul.ul-inline li { float:left; display:inherit; white-space:nowrap; padding-right:10px; padding-left:12px!important;}
ul.ul-inline li h2 { font-size:1em!important; margin:0; padding:0;}

/* slike\*/
.immpod {
	display:block;
	float:left;
	width:251px;
	height:164px;
	padding-right:10px;
	padding-top:8px;

	}
	.immopr {
	display:block;
	float:left;
	width:150px;
	height:251px;
	padding-right:10px;
	padding-top:16px;

	}
	/* bodyslike\*/



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