/* css style for: hruskar marine, hruškar servis, hruškar d.o.o., hruškar bih */



body
{
background: #ffffff url(images/background/body1.jpg) repeat-x;
font-family: arial;
font-size: 11px;
line-height: 1.2em;
text-align:left;
color: #535353;
}

*{margin: 0; padding: 0;}


#container
{
margin-top:15px;
width:780px;
border-right: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding-bottom: 13px;
overflow: hidden;

}

#header
{
width:761px;
height:67px;
padding-bottom:2px;
}

.address
{
float:right;
padding-right: 64px;
}

.logo
{
padding-top: 20px;
padding-left:20px;
width:100px;
float:left;
}

#dobrodosli
{
background: url(images/background/dobrodosli.jpg) repeat-x;
height:273px;
width:778px;

}

.naslov
{
height: 25px;
padding-top:5px;
font-size:17px;
font-weight: bold;
color: #ffffff;
padding-left: 20px;
}



#navigation a
{
text-decoration: none;
color: #8B8A8D;
}

#navigation a:hover
{
color:#000000;
}

#subnavigation
{

width:700px;
font-weight:bold;
}

#subnavigation ul
{
list-style:none;

}

#subnavigation li
{
display:inline;
padding-right: 47px;
padding-left:47px;
}

#subnavigation a
{
text-decoration: none;
color: #8B8A8D;
}

#subnavigation a:hover
{
color:#000000;
}


#main
{

padding-top:10px;
}

.leftcoll
{
width: 130px;
float:left;
padding-left:20px;
padding-right:5px;
line-height:16px;

}

.leftcoll ul li ul
{
padding-left:20px;
}
.active a{
	color:#535353 !important;
}
.active a:hover{
	color:#000000 !important;
}
.leftcoll a
{
text-decoration: none;
color: #8B8A8D;
font-weight:bold;
}

.leftcoll a:hover
{
color:#000000;
font-weight:bold;
}

.sublink
{
padding-left:10px;
}

.maincoll
{
width:315px;
float:left;
padding-left:10px;
padding-right:10px;
border-left: #cccccc 1px dotted;
}
.maincoll2
{
width:624px;
float:left;
border-left: #cccccc 1px dotted;

}
.maincoll3
{
width:604px;
float:left;
border-left: #cccccc 1px dotted;
padding-left:10px;
padding-right:10px;
}

.rightcoll
{
width: 204px;
float:left;
padding-left:10px;
}

.rightcoll li
{

list-style: none;

}
.rightcoll img{
	border: #CCCCCC 2px solid;
	margin-bottom:10px;
}
.img{
	border: #CCCCCC 2px solid;
	margin-bottom:10px;
}

#footer
{
background:url(images/background/footer1.jpg) repeat-x;
height:27px;
float:left;
clear:both;
margin-top: 20px;
}

#footer img
{
padding-top: 3px;
float: right;
margin-right:85px;
}




/*-------------specific style------------*/

/*hruškar d.o.o.*/

#navigation .bigpicture 
{
padding-top:2px;
margin-top:3px;
height:250px;

float:left;
list-style: none;
}

#navigation .bigpicture li
{
padding-left: 703px;
padding-top:9px;
padding-bottom:1px;
}


.servis
{
background: url(images/hruskar/servis.jpg) no-repeat;
height:133px;
}



/*hruškar-servis*/

#navigation .bigpicture-servis 
{
background: url(images/service/servis.jpg) no-repeat;
padding-top:2px;
margin-top:3px;
height:250px;
width:756px;
float:left;
list-style: none;
}

#navigation .bigpicture-servis li
{
padding-left: 703px;
padding-top:9px;
padding-bottom:1px;
}

.servis1
{
background: url(images/service/servis1.jpg) no-repeat;
height:133px;
}

.servismotor
{
background: url(images/service/servismotor.jpg) no-repeat;
height:142px;
}

/*hruškar-marine*/
#navigation .bigpicture-marine
{
background: url(images/marine/marine.jpg) no-repeat;
padding-top:2px;
margin-top:3px;
height:250px;
width:756px;
float:left;
list-style: none;
}

#navigation .bigpicture-marine li
{
padding-left: 703px;
padding-top:9px;
padding-bottom:1px;
}

.jahta1
{
background: url(images/marine/jahta.jpg) no-repeat;
height:133px;
}

.jahta2
{
background: url(images/marine/Rivale-low.jpg) no-repeat;
height:132px;
}

/*hruškar.bih*/
#navigation .bigpicture_bih
{
background: url(images/hruskar/hruskar_bih.jpg) no-repeat;
padding-top:2px;
margin-top:3px;
height:250px;
width:756px;
float:left;
list-style: none;
}

#navigation .bigpicture_bih li
{
padding-left: 703px;
padding-top:9px;
padding-bottom:1px;
}




/*-----------------------------twin style-----------------------------*/
.twin
{
width: 100px;
padding-left: 13px;
padding-top: 16px;
list-style:none;
float:left;
}

.twin a
{
height:48px;
width:100px;
display:block;
background: url(images/logo/twinlink.gif) no-repeat;
background-position: right;
}

.twin a:hover
{
height:48px;
width:100px;
display:block;
background: url(images/logo/twinlink.gif) no-repeat;
}

/* -------------------rabljena vozila -----------------------*/
#custLeft
{
float: left;
width:390px;
padding:5px;

}

#custRight
{
margin-top:5px;
float:left;
width:170px;
padding:5px;
border:#CCCCCC 1px solid;
background:#EAEAEA;
}

#item
{
padding:5px;
clear:both;
line-height:18px;
width:350px;
border:#CCCCCC 1px solid;
}

#pregled_vozila_glavni{
float: left;
width:390px;
padding:5px;
}

#pregled_vozila_glavni p{

padding-left:10px;
padding-top:20px;
padding-bottom:20px;

}

#pregled_vozila_desni{
margin-top:29px;
float:left;

border-left: #cccccc 1px dotted;
}

#pregled_vozila_desni img{
padding-left:10px;
}
#vozila_naslov{
font-size:18px;
line-height: 24px;
}
.clear
{
	clear:both;
}

.style1 
{
padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:70px;
}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	width:70px;
}

.one
{
overflow:hidden;
background-color: #EAEAEA;

}

.two
{
overflow:hidden;
 
}

input
{
margin-top:5px;
}

select
{
margin-top:5px;

margin-bottom:5px;

}

/*-----------------------------logo style-----------------------------*/

#logo li
{
padding-left: 25px;
padding-right:25px;
padding-top:3px;
padding-bottom:3px;
list-style:none;
float:left;
}

#logo a
{
display:block;
height:50px;
width:75px;
}

#logo a:hover
{
display:block;
height:50px;
width:75px;
}



.man a
{
background: url(images/logo/man-logo3.jpg) no-repeat;
}

.man a:hover
{
background: url(images/logo/man-logo2.jpg) no-repeat;
}


.boning a
{
background: url(images/logo/boning-logo3.jpg) no-repeat;
}

.boning a:hover
{
background: url(images/logo/boning-logo2.jpg) no-repeat;
}


.twin a
{
background: url(images/logo/twin-logo3.jpg) no-repeat;
}

.twin a:hover
{
background: url(images/logo/twin-logo2.jpg) no-repeat;
}

.neoplan a
{
background: url(images/logo/neoplan-logo3.jpg) no-repeat;

}

.neoplan a:hover
{
background: url(images/logo/neoplan-logo2.jpg) no-repeat;
}

.schwarzmuller a
{
background: url(images/logo/schwarzmuller-logo3.jpg) no-repeat;

}

.schwarzmuller a:hover
{
background: url(images/logo/schwarzmuller-logo2.jpg) no-repeat;
}



.wabco a
{
background: url(images/logo/wabco-logo3.jpg) no-repeat;

}

.wabco a:hover
{
background: url(images/logo/wabco-logo2.jpg) no-repeat;
}

.krone a
{
background: url(images/logo/krone-logo3.jpg) no-repeat;

}

.krone a:hover
{
background: url(images/logo/krone-logo2.jpg) no-repeat;
}

.rexroth a
{
background: url(images/logo/rexroth-logo3.jpg) no-repeat;

}

.rexroth a:hover
{
background: url(images/logo/rexroth-logo2.jpg) no-repeat;
}

.bartec a
{
background: url(images/logo/bartec-logo3.jpg) no-repeat;

}


.bartec a:hover
{
background: url(images/logo/bartec-logo2.jpg) no-repeat;
}

.servogear a
{
background: url(images/logo/servogear-logo3.jpg) no-repeat;

}

.servogear a:hover
{
background: url(images/logo/servogear-logo2.jpg) no-repeat;
}

.duncan a
{
background: url(images/logo/duncan-logo3.jpg) no-repeat;

}

.duncan a:hover
{
background: url(images/logo/duncan-logo2.jpg) no-repeat;
}

.doll a
{
background: url(images/logo/doll-logo3.jpg) no-repeat;

}

.doll a:hover
{
background: url(images/logo/doll-logo2.jpg) no-repeat;
}

.maincoll1
{
width:315px;
float:left;
padding-left:10px;
padding-right:10px;
}


.spacer
{
background:url(images/background/footer1.jpg) repeat-x;
height:27px;
width: 100%;
float:left;
clear:both;
margin-top: 10px;
padding-bottom: 20px;
}

.spacer p
{
font-weight:bold;
padding-top:7px;
padding-left:20px;
}


.motor1
{
background: url(images/hruskar-motori/Motorblock_09_g.jpg) no-repeat;
height:141px;
width:200px;
margin-bottom:10px;
border: #CCCCCC 2px solid;
}

.motor2
{
background: url(images/hruskar-motori/Motorblock_04_g.jpg) no-repeat;
height:136px;
width:200px;
margin-bottom:10px;
border: #CCCCCC 2px solid;
}

.motor3
{
background: url(images/hruskar-motori/Motorblock_03_g.jpg) no-repeat;
height:136px;
width:200px;
margin-bottom:10px;
border: #CCCCCC 2px solid;
}

.motor4
{
background: url(images/hruskar-motori/Motorblock_04_g.jpg) no-repeat;
height:136px;
width:200px;
margin-bottom:10px;
border: #CCCCCC 2px solid;
}

.motor5
{
background: url(images/hruskar-motori/Motorblock_06_g.jpg) no-repeat;
height:136px;
width:200px;
margin-bottom:10px;
border: #CCCCCC 2px solid;
}

.motor6
{
background: url(images/hruskar-motori/Motorblock_06_g.jpg) no-repeat;
height:136px;
width:200px;
margin-bottom:10px;
border: #CCCCCC 2px solid;
}

.motor7
{
background: url(images/hruskar-motori/EURO4_motorblockBIG.jpg) no-repeat;
height:200px;
width:200px;
margin-bottom:10px;
border: #CCCCCC 2px solid;
}

#kontakt{
margin-top:30px;
width:500px;

}
#kontakt legend{
color:#8B8A8D;
font-size:18px;
}
#kontakt fieldset{
padding:10px;

}
#kontakt fieldset ol { 
 
list-style: none;
}
#kontakt textarea{
width:300px;
height:100px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
margin-bottom:10px;
margin-top:5px;
}
#kontak input {
margin-bottom:10px;
}
#kontakt #email, #naslov{
width:300px;
margin-bottom:10px;
}
#thanks{
padding: 10px;
font-size:15px;
}
#tel{
padding-bottom:20px;
}
#map h1{
font-size:15px;
}