/*
LOJER ITALIA
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0; 
padding:0; 
}

body{
background: url(images/top-bg.png) repeat-x;
font: 12px helvetica, Arial;
color: #444;
}

a{
color: #444;
}

img{
border: 0;
}

#container{
position: relative;
width: 960px;
margin: 0 auto 30px auto;
}

.clearfloat{
clear:both;
}

.floatright{
float: right;
}

.floatleft{
float: left;
}

object{
margin: 10px 0;
}

/* HEADER */

#header{
position: relative;
height: 300px;
}

#logo{
position: absolute;
top:10px;
left: 700px;
background: url(images/ability-logo.png) no-repeat;
width: 258px;
height: 80px;
}

#lojer{
position: absolute;
top:60px;
background: #FFF url(images/lojer-logo.png) center no-repeat;
width: 212px;
height: 150px;
}

#menu{
position: absolute;
left: 0px;
top: 17px;
}

#menu li{
float: left;
list-style: none;
margin: 0 10px;
height: 20px;
}

#menu li a{
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
}

#menu li.current a{
color: #444;
background: #FFF;
padding: 2px 5px;
}


.promo{
position: absolute;
left: 580px;
top:130px;
}

#promo{
position: absolute;
left: 348px;
top:130px;
height: 142px;
width: 630px;
}

#promo img{
margin-left: 10px;
}


/* CONTENT */

#content{
padding: 20px 0;
min-height: 300px;
}

#content p{
margin: 5px 0;
}

#content li{
margin-left: 30px;
list-style: square;
}

#content h1{
text-align: left;
font-size: 40px;
margin: 0 0 20px 0;
}

#content h2{
text-transform: uppercase;
margin-top: 15px;
}

#content h3{
font-size: 12px;
margin: 10px 0 0 0;
text-transform: uppercase;
}

/* HOME */

#intro p{
margin: 0 55px 0px 15px;
text-align: justify;
font-size: 14px;
}

#intro h1{
margin: 0 55px 10px 0;
}

#home li{
float: left;
list-style: none;
width: 200px;
margin: 15px;
}

#home a{
text-decoration: none;
}

#home h2{
background: #000;
width: 192px;
height: 20px;
padding: 4px 0 0 10px;
text-transform: uppercase;
font-size: 14px;
}

#home h2 a{
color: #FFF;
}

#home img{
border: 1px solid #666;
margin: 0 0 5px 0;
width: 200px;
height: 300px;
}

#home p{
font-size: 10px;
text-align: justify;
}

#mttconcept{
text-align: center;
}

#mttconcept a{ 
text-decoration: none;
}


/* PULLEY */

#pulley-list,
#capre-list{
margin:0;
}

#pulley-list li,
#capre-list li{
list-style: none;
float: left;
width: 150px;
margin: 0 5px;
}

#pulley-list img,
#capre-list img{
width: 150px;
height: 150px;
margin: 10px 0 0 0;
border: 1px solid #666;
}

#pulley-list a,
#capre-list a{
text-decoration: none;
}

#pulley-list h3,
#capre-list h3{
text-align: center;
}

#accessori-pulley{
margin: 20px 0;
}

#accessori-pulley div{
width: 320px;
float: left;
text-align: center;
height: 190px;
}

#accessori-pulley p{
font-size: 10px;
}

#dispositivi-fissaggio div{
height: 200px;
}

#dispositivi-fissaggio img{
float: left;
}

#dispositivi-fissaggio h3{
margin-top: 20px;
}


/* CAPRE */

#capre-testo{
float: left;
width: 450px;
margin-top: 30px;
}

#capre-img{
float: right;
width: 450px;
margin-top: 30px;
}

#capre-dettaglio{
clear: both;
}

#capre-dettaglio img{
margin: 10px 20px 0 0;
border: 1px solid #666;
}

/* LEG PRESS */

.accessori{
height: 70px;
margin: 20px 0;
}

.accessori img{
margin: 0 10px 0 0;
border: 1px solid #666;
}

.combi{
width: 500px;
}
/* FOOTER */

#footer{
clear: both;
border-top: 1px solid #999;
padding: 10px 0 0 0;
font-size: 10px;
}

#footer p span{
float: right;
}

#footer p span a{
text-decoration: none;
}