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

/* -------------------------------------------------------------    STILI GENERICI  */
*{
margin:0;
padding:0;
}
body, html{
height:100%;
}

body{
font-family:Verdana;
font-size:100%;
color:#333333;
/*background:#CCCCCC;*/
background:transparent;

}

a:link, a:visited{
font-family:Arial;
font-size:1.2em;
font-weight:bold;
color:#5F8497;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/*#box a:link:before, #box a:visited:before {
content: " [" attr(accesskey) "] ";
color:#415c6a;
}*/

img{
border:none;
}


h1{
font-size:1.6em;
color:#69676A
}

#box h1{
background:url(../img/h1_bg.gif) no-repeat top left;
padding-left:27px;
margin-top:5px;
}

#box #column h1{
background:none;
padding-left:2px;
border-bottom:1px solid #6E7FB7;
margin-left:-20px;
padding-top:8px;
}

.hide{
display:none;
}


#content h2{
font-size:1.6em;
color:#5F8497;
}

.blu{
color:#5F8497;
}


ul{
list-style-type:none;
}

ul.con{

}

ul.con li{
margin-bottom:25px;
}
ul.img{
margin-top:15px;
list-style-type:none;
}

ul.img li{
float:left;
width:193px;
}

ul.img li span{
display:block;
width:160px;

}

#content p{
padding:20px 0px;
}

p{
line-height:25px;
}

/* -------------------------------------------------------------    BOX STRUTTURALI  */

#mainbox{
width:780px;
margin:0 auto;
height:100%;
background:transparent;
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -100px;
}

#topnav{
clear:both;
padding:15px 0px;
}

#breadcrumb{
float:left;
}

#header{
clear:both;
background:url(../img/header.jpg) no-repeat top left;
height:150px;
margin-bottom:10px;
}
#nav{
display:block;
}

#box{
clear:both;
}

#column{
width:160px;
/*background:red;*/
padding:20px;
display:inline;
float:left;
}

#content{
width:580px;
float:left;
}

#push{
clear:both;
height:100px;
}
#footer{
height:50px;
padding-top:50px;
margin:0 auto;
width:780px;
text-align:center;
}

/* -------------------------------------------------------------        HEADERS       */

#header{
clear:both;
background:url(../img/header.jpg) no-repeat top left;
height:150px;
margin-bottom:10px;
}
#header.autonoleggio{
background:url(../img/autonoleggio_big.jpg) no-repeat top left;
}
#header.allestimenti{
background:url(../img/allestimenti_big.jpg) no-repeat top left;
}
#header.base_girevole{
background:url(../img/base_girevole.gif) no-repeat top left;
}

/* -------------------------------------------------------------    NAVIGAZIONE       */

/* topnav */
#topnav ul{
float:right;
list-style-type:none;
}

#topnav ul li{
display:inline;
float:left;
margin-right:10px;
}

#topnav a:link, #topnav a:visited{
font-size:0.9em;
}

ul.nav-right{
float:right;
}

ul.nav-right li{
display:inline;
float:left;
margin-right:25px;
padding:2px 0px;
}

/* nav */

ul.nav{
list-style-type:none;
background:url(../img/h1_bg.gif) no-repeat top left;
padding-left:27px;
height:30px;
}

ul.nav li{
display:inline;
float:left;
margin-right:25px;
padding:2px 0px;
}

/* sx nav */

ul.sx_menu{
list-style-type:none;
margin-top:5px;
}

ul.sx_menu li{
padding:2px 0px;
}

ul.mappa{
list-style-type:none;
}

ul.mappa li{
padding-bottom:20px;
}

ul.submenu{
list-style-type:none;
margin-left:25px;
}

ul.submenu li{
padding:5px;
}