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

body,td {
	font-size: 16px;
	color: #999;
	font-family:"Trebuchet MS", verdana, sans-serif;	
}
th {font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#999;}

a:link { color:#FFFFFF;}
h3 { margin-left:20px; margin-top:0; margin-bottom:0; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:150%;}
h4 { margin-left:25px; margin-right:25px; margin-top:0; margin-bottom:0; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:normal; font-size:14px;}
h5 { margin-left:25px; margin-right:25px; margin-top:0; margin-bottom:0; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:normal; font-size:14px; text-align:right;}
h6 { font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:14px; }
#maintable{
	width:100%;
	min-width:1200px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
body {
	background-color: #343434;
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

div#header {
	margin:0;
	padding:0;
	background:url(header.jpg) repeat-x;
	height:240px;
	width:100%;
	position:relative;
}
div#Trebnje { position:fixed; z-index:9999; right:0px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksTrebnje.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Trebnje a { display:block; z-index:9999; width:179px; height:40px; border:0px; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#666666;}
div#Trebnje:hover{ position:fixed; z-index:9999; right:0px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksTrebnjeIzbran.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Trebnjeizb { position:fixed; z-index:9999; right:0px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksTrebnjeIzbran.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Trebnjeizb a { display:block; z-index:9999; width:179px; height:48px; border:0px; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#666666;}

div#Brezice { position:fixed; z-index:9999; right:179px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksBrezice.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Brezice a { display:block; z-index:9999; width:179px; height:40px; border:0px; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#666666}
div#Brezice:hover{ position:fixed; z-index:9999; right:179px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksBreziceIzbran.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Breziceizb { position:fixed; z-index:9999; right:179px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksBreziceIzbran.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Breziceizb a { display:block; z-index:9999; width:179px; height:40px; border:0px; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#666666}

div#Krsko { position:fixed; z-index:9999; right:358px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksKrsko.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Krsko a { display:block; z-index:9999; width:179px; height:40px; border:0px; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#666666;}
div#Krsko:hover{ position:fixed; z-index:9999; right:358px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksKrskoIzbran.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Krskoizb { position:fixed; z-index:9999; right:358px; top:0px; width:179px; height:40px; border:0px; background:url(LoteksKrskoIzbran.png) no-repeat; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-indent:-9999px;}
div#Krskoizb a { display:block; z-index:9999; width:179px; height:48px; border:0px; font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#666666;}

div#logo { background:url(LOGO.png); width:386px; height:179px; position:absolute; top:10px; left:20px; display:block; text-indent:-9999px;}
div#logo a {width:386px; height:179px; display:block;}
div#logo:hover { background:url(LOGOover.png); width:386px; height:179px; position:absolute; top:10px; left:20px; display:block; text-indent:-9999px;}
div#logo:active { background:url(LOGOactive.png); width:386px; height:179px; position:absolute; top:10px; left:20px; display:block; text-indent:-9999px;}
div#logoTrebnje { background:url(LOGO-Trebnje.png); width:386px; height:179px; position:absolute; top:10px; left:20px; display:block;}
div#logoTrebnje a{position:absolute; bottom:10px; left:54px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; font-weight:normal; color:#CCC}
div#logoTrebnje a:hover{color:#485efd}

.avto{position:absolute; top:7px; left:-20px}
.avto a{position:absolute; top:7px; left:-20px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing:2.3em; color:#CCC}
.avto a:hover{color:#485efd}

.moto{position:absolute; bottom:2px; left:-20px}
.moto a{position:absolute; bottom:2px; left:-20px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing:2em; color:#CCC}
.moto a:hover{position:absolute; bottom:2px; left:-20px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing:2em; color:#485efd}

.bike{position:absolute; bottom:2px; left:168px}
.bike a{position:absolute; bottom:2px; left:168px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing:2em; color:#CCC}
.bike a:hover{position:absolute; bottom:2px; left:168px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing:2em; color:#485efd}

div#logoBrezice { background:url(LOGO-Brezice.png); width:386px; height:179px; position:absolute; top:10px; left:20px; display:block;}
div#logoBrezice a {position:absolute; top:12px; left:32px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; letter-spacing:2.3em; color:#CCC}
div#logoBrezice a:hover {position:absolute; top:12px; left:32px; font-family:"Trebuchet MS", verdana, sans-serif; font-size:16px; text-align:center; text-decoration:none; letter-spacing:2.3em; color:#485efd}
div#telefon {position:absolute; right:0px; top:145px; width:50px; height:50px; border:0px; background:url(telefon.png) no-repeat; text-indent:-9999px;}
div#telefon:hover {position:absolute; right:0px; top:145px; width:50px; height:50px; background:url(telefonOverb.png) no-repeat; text-indent:-9999px;}
div#telefon a {width:50px; height:50px; display:block;}

div#pisi {position:absolute; right:50px; top:145px; width:50px; height:50px; border:0px; background:url(pisite.png) no-repeat; text-indent:-9999px;}
div#pisi:hover {position:absolute; right:50px; top:145px; width:50px; height:50px; background:url(pisiteOverb.png) no-repeat; text-indent:-9999px;}
div#pisi a {width:50px; height:50px; display:block;}

div#cas {position:absolute; right:100px; top:145px; width:50px; height:50px; border:0px; background:url(cas.png) no-repeat; text-indent:-9999px;}
div#cas:hover {position:absolute; right:100px; top:145px; width:50px; height:50px; background:url(casOverb.png) no-repeat; text-indent:-9999px;}
div#cas a {width:50px; height:50px; display:block;}

div#zemljevid {position:absolute; right:150px; top:145px; width:50px; height:50px; border:0px; background:url(zemljevid.png) no-repeat; text-indent:-9999px;}
div#zemljevid:hover {position:absolute; right:150px; top:145px; width:50px; height:50px; background:url(zemljevidOverb.png) no-repeat; text-indent:-9999px;}
div#zemljevid a {width:50px; height:50px; display:block;}

div#facebook {position:absolute; right:200px; top:145px; width:50px; height:50px; border:0px; background:url(facebook1.png) no-repeat; text-indent:-9999px;}
div#facebook:hover {position:absolute; right:200px; top:145px; width:50px; height:50px; background:url(facebookOverb.png) no-repeat; text-indent:-9999px;}
div#facebook a {width:50px; height:50px; display:block;}

div#body { background:#212121 repeat; min-height:100%; width:auto; min-width:480px; margin-bottom:-136px; position:relative;}

div#levo {width:15%; height:100%; min-height:300px; float:left; margin-left:1%;}
div#desno {width:15%x; height:100%; min-height:300px; float:left;}
div#center {width:70%; height:100%; min-width:350px; min-height:300px; float:left; margin-left:auto; margin-right:auto;}


div#NavigacijskiMeni { position:absolute;width:auto; display:block;}
div#facebookLIKEBOX { position:relative; margin-top:338px;margin-right:25px; display:block; width:185px; min-height:50px; height:auto; border:0;}
div#facebook-glava{display:block; width:185px;height:66px;border:0; background:url(facebook-glava.jpg) no-repeat; text-indent:-9999px; margin:0;}
div#facebook-glava a {width:185px; height:68px; display:block;}
div#facebook-glava:hover {display:block; width:185px;height:66px;border:0; background:url(facebook-glava-over.jpg) no-repeat; text-indent:-9999px;}
div#facebook-telo{display:block; width:185px; height:350px;border:0; background:url(facebook-telo.jpg) repeat-y; margin:0; padding:0;}
div#facebook-noga{display:block; width:185px;height:20px;border:0; background:url(facebook-noga.jpg) no-repeat; margin:0;}

div#PoslovalnicaTrebnje { margin-top:0px; display:block; width:auto; height:auto; margin-right:0px;}
div#GlavaT { background:url(PE-Trebnje.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaT:hover { background:url(PE-TrebnjeHover.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaT a { display:block; width:152px; height:64px;}
div#TeloT { background:url(PE-Ozadje2.jpg) no-repeat; display:block; width:152px; height:129px; text-align:center; line-height:0.7em; margin-top:0;}
div#TeloT p { font-family:"Trebuchet MS", verdana, sans-serif; font-size:14px;}

div#PoslovalnicaBrezice { margin-top:10px; display:block; width:auto; height:auto; margin-right:0px;}
div#GlavaB { background:url(PE-Brezice.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaB:hover { background:url(PE-BreziceHover.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaBaktivno { background:url(PE-BreziceHover.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaBaktivno a { display:block; width:152px; height:64px;}
div#GlavaB a { display:block; width:152px; height:64px;}
div#TeloB { background:url(PE-Ozadje2.jpg) no-repeat; display:block; width:152px; height:129px; text-align:center; line-height:0.7em; margin-top:0;}
div#TeloB p { font-family:"Trebuchet MS", verdana, sans-serif; font-size:14px;}

div#PoslovalnicaKrsko { margin-top:10px; display:block; width:auto; height:auto; margin-right:0px;}
div#GlavaK { background:url(PE-Krsko.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaK:hover { background:url(PE-KrskoHover.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaKaktivno { background:url(PE-KrskoHover.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#GlavaKaktivno a { display:block; width:152px; height:64px;}
div#GlavaK a { display:block; width:152px; height:64px;}
div#TeloK { background:url(PE-Ozadje2.jpg) no-repeat; display:block; width:152px; height:129px; text-align:center; line-height:0.7em; margin-top:0;}
div#TeloK p { font-family:"Trebuchet MS", verdana, sans-serif; font-size:14px;}

div#Facebook { margin-top:10px; display:block; width:auto; height:auto; margin-right:0px;}
div#Facebook GlavaF { background:url(facebook-glava.jpg) no-repeat; display:block; width:152px; height:64px; text-indent:-9999px; margin-bottom:0;}
div#Facebook TeloF { background:url(facebook-body2.jpg) no-repeat; display:block; width:152px; height:221px; text-align:center; line-height:1em; margin-top:0;} 

#ovitek { height:auto; width:100%;}
#zgoraj-levo { background:url(body-zgoraj-levo.jpg) no-repeat; width:27px; height:25px;}
#zgoraj-center { background:url(body-zgoraj-center.jpg) repeat-x; min-width:200px; width:auto; height:25px;}
#zgoraj-desno { background:url(body-zgoraj-desno.jpg) no-repeat; width:26px; height:25px;}
#center-levo { background:url(body-center-levo.jpg) repeat-y; min-height:1em; width:27px; height:auto;}
#center-center { width:auto; min-height:1em; min-width:200px;}
#center-desno { background:url(body-center-desno.jpg) repeat-y; min-height:1em; width:26px; height:auto;}
#spodaj-levo { background:url(body-spodaj-levo.jpg) no-repeat; width:27px; height:25px;}
#spodaj-center { background:url(body-spodaj-center.jpg) repeat-x; min-width:200px; width:auto; height:25px;}
#spodaj-desno { background:url(body-spodaj-desno.jpg) no-repeat; width:26px; height:25px;}

div#footer {
	background:url(footer2.jpg) repeat-x;
	height:136px;
	width:100%;
	position:relative;
}
.clearfooter { height:136px; clear:both;}

#content {float:left;width:auto;}

.border_box {background:#000;padding:1px;
	box-shadow:#000 0 0 5px;
	-o-box-shadow:#000 0 0 5px;
	-moz-box-shadow:#000 0 0 5px;
	-webkit-box-shadow:#000 0 0 5px;
	margin:0 0 10px 0;
	width:800px;
	height:300px;
}

.textBox {padding:1px;
	box-shadow:#000 0 0 5px;
	-o-box-shadow:#000 0 0 5px;
	-moz-box-shadow:#000 0 0 5px;
	-webkit-box-shadow:#000 0 0 5px;
	margin:20px 0 20px 0;
	min-width:300px;
	min-height:100px;}
	
#ovitek{ margin-top:20px;}

	
#TextBox { display:block; margin:0; padding:0; border:0;}
#TextBoxHeaderDobrodosli { position:relative; background:url(glava-dobrodosli.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderTrebnje { position:relative; background:url(glava-trebnje.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderBrezice { position:relative; background:url(glava-brezice.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderOnas { position:relative; background:url(glava-onas.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderAkcija { position:relative; background:url(glava-akcija.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderPonudba { position:relative; background:url(glava-ponudba.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderKontakt { position:relative; background:url(glava-kontakt.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderMoto { position:relative; background:url(glava-moto.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderAvto { position:relative; background:url(glava-avto.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderKolo { position:relative; background:url(glava-kolo.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderKjesmo { position:relative; background:url(glava-kjesmo.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderPisite { position:relative; background:url(glava-pisite.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderCas { position:relative; background:url(glava-delovnik.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderFacebook { position:relative; background:url(glava-facebook.jpg) no-repeat; display:block; width:805px; height:77px; margin-top:30px; margin-bottom:0;}
#TextBoxHeaderPrazna { position:relative; background:url(glava-glava.jpg) no-repeat; display:block; width:805px; height:26px; margin-top:30px; margin-bottom:0;}
#TextBoxBody { position:relative; background:url(glava-telo2.jpg) repeat-y; display:block; width:805px; margin:0; padding:0; border:0; line-height:1.5em; text-align:left;}
#TextBoxBody p {margin:0;text-align:left; font-family:"Trebuchet MS", verdana, sans-serif; font-size:14px;}
#TextBoxBody a { color:#FFFFFF;}
#TextBoxBody ul { font-family:"Trebuchet MS", verdana, sans-serif; font-size:14px;}
#TextBoxBody table {width:auto; margin-left:20px; margin-right:20px;}
#TextBoxBody odmik { margin-left:25px;}
#TextBoxBodyFacebook { position:relative; background:url(glava-telo2.jpg) repeat-y; display:block; width:805px; height:400px; margin:0; padding:0; border:0; line-height:1.5em; text-align:left;}
#TextBoxFooter { position:relative; background:url(glava-noga.jpg) no-repeat; display:block; width:805px; height:26px; margin-top:0;}


#motooprema { background:url(motooprema.png) no-repeat; border:0; margin:0; padding:0; width:250px; height:418px;}
#motooprema:hover { background:url(motooprema-h.png) no-repeat; border:0; margin:0; padding:0; width:250px; height:418px;}
#motooprema a { display:block; width:250px; height:418px;}
#avtodeli { background:url(avtodeli.png) no-repeat; border:0; margin:0; padding:0; width:250px; height:418px;}
#avtodeli:hover { background:url(avtodeli-h.png) no-repeat; border:0; margin:0; padding:0; width:250px; height:418px;}
#avtodeli a { display:block; width:250px; height:418px;}
#kolesarstvo { background:url(kolesarstvo.png) no-repeat; border:0; margin:0; padding:0; width:250px; height:418px;}
#kolesarstvo:hover { background:url(kolesarstvo-h.png) no-repeat; border:0; margin:0; padding:0; width:250px; height:418px;}
#kolesarstvo a { display:block; width:250px; height:418px;}
#footer-box{ position:absolute; bottom:0px; left:20px; background:url(spodnji-meni.jpg) no-repeat; float:left; width:179px; height:80px; display:block; color:#999; margin:0;}
#footer-box2{ position:absolute; bottom:0px; left:199px; background:url(spodnji-meni.jpg) no-repeat; float:left; width:179px; height:80px; display:block; color:#999; margin:0;}
#footer-txt{ display:block; width:170px; height:120px; position:absolute; bottom:0; left:0;font-family:"Trebuchet MS", verdana, sans-serif; font-weight:normal; font-size:12px; text-decoration:none;}
#footer-txt a{font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#FFFFFF;}
#footer-txt ul{font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#CCC; margin-left:-30px; margin-bottom:1em;}
#footer-txt2{display:block; width:170px; height:120px; position:absolute; bottom:0px; left:190px;font-family:"Trebuchet MS", verdana, sans-serif; font-weight:normal; font-size:12px; text-decoration:none;}
#footer-txt2 a{font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#FFFFFF;}
#footer-txt2 ul{font-family:"Trebuchet MS", verdana, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#CCC; margin-left:-30px; margin-bottom:1em;}
/* predogled slik tabela */
#logofooter { display:block; background:url(LOGOfooter.png) no-repeat; position:absolute; bottom:5px; left:30px; width:232px; height:107px;text-indent:-9999px}
#logofooter a{ display:block; width:232px; height:107px; text-indent:-9999px}
#logofooter :hover{ display:block; background:url(LOGOfooterOver.png) no-repeat;}

#logolyo { display:block; background:url(lyoness.png) no-repeat; position:absolute; bottom:10px; right:10px; width:40px; height:43px;text-indent:-9999px}
#logolyo a{ display:block; width:40px; height:43px; text-indent:-9999px}
#logolyo :hover{ display:block; background:url(lyonessOver.png) no-repeat;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}	
.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

h7{
   position: absolute; 
   bottom: 0px; 
   left: 0; 
   width: 100%;
   color: #999; 
   font-family:"Trebuchet MS", verdana, sans-serif;
   font-weight:bold; font-size:14px; text-decoration:none;
   letter-spacing: 1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7); 
}
h7 p{ padding-left:20px; padding-right:20px; color:#CCC;}
h7 p1{ padding-left:20px; padding-right:20px; color:#CCC; font-size:12px}
#tabela1 {padding:1px;
	box-shadow:#000 0 0 5px;
	-o-box-shadow:#000 0 0 5px;
	-moz-box-shadow:#000 0 0 5px;
	-webkit-box-shadow:#000 0 0 5px;}