/*
Theme Name: Gruppo Silva
Theme URI: http://
Description: Gruppo Silva
*/

/* Resetter */

* {
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: none;
    position : relative;
}

h1, h2, h3{
    line-height: 150%;
}

/* Inizio Tipografia e colori */

body, a, input, select, textarea {
    font-family: Arial, Lucida sans, Helvetica, Verdana;
    font-size: 62.5%;
    /* Resets 1em to 10px */
    font-size: 12px;
    color : rgb(92,91,96);
    line-height: 130%;

}
img, fieldset, input {
    border : 0px;
}

.title{
    font-size : 25px;
    color : #E60007;
    padding-left : 21px;
    margin-bottom : 7px;
    margin-top : 6px;
}

/* Body e scheletro del sito */

body{
    background : url(../images/body-bg.jpg) repeat-x left top;
}
#page{

}
#main-container{
    margin : 0 auto;
    width : 960px;
}
#top{
    height : 48px;
    background : url(../images/top-bg.jpg) no-repeat center top;
}

/* Form di ricerca */

.search{
    height : 56px;
    background : url(../images/search-bg.jpg) no-repeat left bottom;
}
.search form{
    height : 56px;
    width : 190px;
    float : right;
    margin-left:20px;
}
.search form input{
    height : 16px;
    padding-top : 1px;
    float : left;
    width : 150px;
    margin-top : 11px;
    margin-left : 13px;
    color : rgb(129,127,132);
    background : none;
}
.search form input.submit{
    height : 20px;
    width : 20px;
    padding-top : 0px;
    background : url(../images/submit.gif) no-repeat left top;
    margin-top : 9px;
    margin-left : 6px;
    cursor : pointer;
}
.search form input.submit:hover{
    background : url(../images/submit.gif) no-repeat left -21px;
}
.search .text {
    float : left;
    height : 20px;
    margin-top : 12px;
    color : rgb(129,127,132);
    /*    padding-left : 29px;*/
}
.search .text span{
    color : rgb(230,0,7);
}

/* Navigation */

#navigation{
    height : 97px;
    width : 960px;
    margin-top : 5px;
}

/* Logo */

.logo, .logo-comenuovo{
    background : url(../images/logo.jpg) no-repeat left top;
    float : left;
    width : 361px;
    height : 97px;
}

.logo-comenuovo{
    background : url(../images/logo-comenuovo.jpg) no-repeat left top;
}

.logo a, .logo-comenuovo a{
    height : 97px;
    width : 260px;
    margin-left : 25px;
    float : left;
}

/* Menu di navigazione */

#navigation ul{
    float : left;
    height : 97px;
    width : 599px;
}
#navigation ul li{
    float : left;
    height : 97px;
}
#navigation ul li a{
    height : 97px;
    float : left;
}
#navigation ul li a.land-rover{
    background : url(../images/land-rover.jpg) no-repeat left top;
    width : 107px;
}
#navigation ul li a.land-rover:hover{
    background : url(../images/land-rover.jpg) no-repeat left -98px;
}
#navigation ul li a.fiat{
    background : url(../images/fiat.jpg) no-repeat left top;
    width : 78px;
}
#navigation ul li a.fiat:hover{
    background : url(../images/fiat.jpg) no-repeat left -98px;
}
#navigation ul li a.lancia{
    background : url(../images/lancia.jpg) no-repeat left top;
    width : 76px;
}
#navigation ul li a.lancia:hover{
    background : url(../images/lancia.jpg) no-repeat left -98px;
}
#navigation ul li a.mazda{
    background : url(../images/mazda.jpg) no-repeat left top;
    width : 77px;
}
#navigation ul li a.mazda:hover{
    background : url(../images/mazda.jpg) no-repeat left -98px;
}
#navigation ul li a.volvo{
    background : url(../images/volvo.jpg) no-repeat left top;
    width : 77px;
}
#navigation ul li a.volvo:hover{
    background : url(../images/volvo.jpg) no-repeat left -98px;
}
#navigation ul li a.alfa-romeo{
    background : url(../images/alfa-romeo.jpg) no-repeat left top;
    width : 78px;
}
#navigation ul li a.alfa-romeo:hover{
    background : url(../images/alfa-romeo.jpg) no-repeat left -98px;
}
#navigation ul li a.ford{
    background : url(../images/ford.jpg) no-repeat left top;
    width : 106px;
}
#navigation ul li a.ford:hover{
    background : url(../images/ford.jpg) no-repeat left -98px;
}

/* Header */

#header{
    height : 248px;
}

#header img{
    display: none;
}



/* Navigation TOP */

#top-navigation{
    height : 25px;
    width : 960px;
    margin : 0 auto;
    padding-top : 23px;
    font-weight: bold;
}
#top-navigation ul li{
    float : left;
    height : 25px;
    width : 90px;
    margin-right : 5px;
}
#top-navigation ul li.last{
    margin : 0px;
}
#top-navigation ul li.ext{
    width : 187px;
}
#top-navigation ul li a.transparent{
    background : url(../images/btnav.gif) no-repeat left top;
    width : 90px;
    float : left;
    height : 25px;
    color : #fff;
    opacity : 0.4;
    filter:alpha(opacity=40);
}
#top-navigation ul li.ext a.transparent{
    background : url(../images/a-topbg.gif) no-repeat left top;
    width : 187px;
}
#top-navigation ul li a.transparent.hover, #top-navigation ul li a.active, #top-navigation ul li.ext a.active  {
    background-position : left -26px;
    text-decoration : none;
    opacity : 1;
    filter:alpha(opacity=100);
}

#top-navigation ul li a.text{
    height : 18px;
    width : 90px;
    float: left;
    padding-top : 4px;
    margin-top : -22px;
    color : #fff;
    z-index : 100;
    position : relative;
    text-align : center;
    text-decoration : none;
}
#top-navigation ul li.ext a.text{
    width : 187px;
}
#top-navigation ul li a.text:hover, #top-navigation ul li a.text.active{
    color : rgb(129,127,132) !important;
}


/* Content */

.content{
    background : url(../images/content-bg.jpg) no-repeat left top;
    padding-top : 25px;
    padding-bottom : 10px;
}

.content ul li{
    list-style: square;
    margin-left: 10px;
}

.content ol li{
    list-style: decimal;
    margin-left: 15px;
}

.relevant, .offer, .used, .post-sell{
    float : left;
    width : 477px;
}
.offer, .post-sell{
    margin-left : 6px;
}
.line{
    background : url(../images/separatore.jpg) no-repeat left top;
    height : 16px;
    margin-top : 20px;
}

.line-small{
    background : url(../images/separatore_small.jpg) no-repeat left top;
    height : 8px;
    margin-top : 20px;
}

/* Box modello in rilievo e in offerta */

.model{
    width : 235px;
    float : left;
}
.model.right{
    float : right;
}
.model .image {
    width : 235px;
    height : 100px;
    position : relative;
}
.model .image a{
    display : block;
    height : 100px;
    width : 235px;
    overflow : hidden;
    float : left;
}
.model .image img{
    width : 235px;
    height : 100px;
}
.model .image .corner{
    position : absolute;
    height : 14px;
    width : 14px;
}
.model .image .corner.lefttop{
    left : 0px;
    top :  0px;
    background : url(../images/c-left-top.png);
}
.model .image .corner.leftbottom{
    left : 0px;
    bottom :  0px;
}
.model .image .corner.righttop{
    right : 0px;
    top :  0px;
    background : url(../images/c-right-top.png);
}
.model .image .corner.rightbottom{
    right : 0px;
    bottom :  0px;
}
.model a.transparent{
    background : url(../images/a-model.jpg) no-repeat left top;
    width : 235px;
    margin-top : -22px;
    float : left;
    height : 22px;
    color : #fff;
    opacity : 0.8;
    filter:alpha(opacity=60);
}
.model a.text{
    height : 18px;
    padding-left : 20px;
    width : 215px;
    float: left;
    padding-top : 4px;
    font-weight : bold;
    margin-top : -22px;
    color : #fff;
    z-index : 100;
    position : relative;
    text-decoration : none;
}
.model a.transparent.hover{
    background : url(../images/a-model.jpg) no-repeat left -22px;
    opacity : 1;
    filter:alpha(opacity=100);
}
.model .details{
    padding : 0px 20px;
    margin-top : 10px;
}

/* Usato */

.used .details{
    margin : 0px;
    padding : 0px;
    float : right;
    width : 212px;
    height:90px;
    padding-left : 25px;
    padding-top : 30px;
    padding-right : 5px;
    background : url(../images/model-info.jpg) no-repeat left top;
}

.used .promo .details{
    background : url(../images/model-info-promo.jpg) no-repeat left top;
}

.details-large{
    margin : 0px;
    padding : 0px;
    float : right;
    width : 450px;
    padding-left : 25px;
    padding-top : 30px;
    padding-right : 5px;
    background : url(../images/news-info.jpg) no-repeat left top;
}

.details-large .info{
    font-style: italic;
}

.details-large p{
    width: 430px;
}

.details-large .news-image img{
    float: left;
    margin: 10px 5px 5px 0px;
}
.news-brand{
    float:left;
    margin: 10px 10px 10px 0;
}

.home-brands{
    display:block;
    width: 280px;
    height:60px;
    float: left;
    text-decoration:none;
    z-index:1000;
}

.home-brands p {
    color:#5C5B60;
    font-weight:bold;
    font-size:.8em;
}

h3 {
    color : #E60007;
    font-size : 13px;
    font-weight : bold;
}
.used .details a, .details-large a{
    text-decoration : none;
    font-weight : bold;
}
.used .details a:hover, .details-large a:hover{
    color : #E60007;
    text-decoration : none;
}
.used .details p{
    padding : 5px 0px;
}
.used-model{
    margin-bottom : 20px;
}

ul.additional_images{
    width: 475px;
    overflow: hidden;
}

ul.additional_images li{
    float: left;
    list-style: none;
    margin: 10px 10px 0 0;
    _margin: 10px 9px 0 0;
    padding: 0;
}

#loader{
    background: url(../images/loader.gif) no-repeat top center;
    width: 470px;
    height: 19px;
    float: left;
}


.preview_small_car .small-image {
    width : 100px;
    height : 100px;
    position : relative;
}
.preview_small_car .small-image a{
    display : block;
    width : 100px;
    height : 100px;
    overflow : hidden;
    float : left;
}
.preview_small_car .small-image img{
    width : 100px;
    height : 100px;
}

.preview_small_car a.transparent{
    background : url(../images/evidenza.png) no-repeat left top;
    width: 100px;
    height: 100px;
    margin-top: -100px;
    margin-left: 0;
    float: left;
}


/* Post Sell */

.post-sells .title{
    padding-left : 0px;
    margin-bottom : 35px;
}
.post-sells{
    padding : 0px 20px 0px 25px;
    width : 432px;
    background : url(../images/post-sell.jpg) no-repeat left 43px;
    float : right;
}

.post-sell{
    margin-left : 0px;
    width : 340px;
    margin-bottom : 20px;
    padding-left : 50px;
}
.post-sell p{
    padding : 5px 0px;
}
.post-sell a{
    text-decoration : none;
    font-weight : bold;
}
.post-sell a:hover{
    color : #E60007;
    text-decoration : none;
}

.comenuovo .post-sells{
    padding : 300px 20px 0px 25px;
    width : 432px;
    background : url(../images/post-sell-comenuovo.jpg) no-repeat left 43px;
    float : right;
}

/* Gestione Footer */

#footer-container{
    height : 293px;
    background : url(../images/footer-bg.jpg) repeat-x left top;
    margin-top  :10px;
}
#footer{
    height : 293px;
    background : url(../images/footer.jpg) no-repeat center top;
}
#footer .content{
    padding : 0px;
    margin : 0px;
    width : 960px;
    margin : 0 auto;
    background : none !important;
}

#footer .white{
    color: white;
}

/* Box Newsletter */

.newsletter, .locations{
    float : left;
    width : 235px;
    height : 235px;
}
.newsletter form{
    margin-top : 44px;
}
.newsletter input{
    height : 20px;
    width : 197px;
    float : left;
    margin-left : 20px;
    margin-bottom : 22px;
    background : none;
    color : rgb(129,127,132);
}
.newsletter input.submit, .form input.submit {
    height : 33px;
    float : right;
    width : 94px;
    margin : 0px;
    margin-right : 6px;
    margin-top : -10px;
    padding : 0px;
    background : url(../images/submit-invia.png) no-repeat left top;
    cursor : pointer;
    color : #fff;
    text-align : left;
    padding-left : 35px;
    padding-bottom : 6px;
    font-size : 14px;
    margin-bottom : 4px;
    border: 0;
}
.newsletter input.submit:hover, .form input.submit:hover{
    background : url(../images/submit-invia.png) no-repeat left -34px;
}
.newsletter div{
    clear : both;
    margin-top : 10px;
}
.newsletter div span{
    float : right;
    color : #fff;
    width : 195px;
    padding-top : 3px;
    font-size : 11px;
    line-height : 110%;
    padding-right :10px;
}
.newsletter div input.check{
    margin : 0px;
    padding : 0px;
    float : left;
    border : 0px;
    margin-left : 10px;
    width : 12px;
}

/* Sedi */

.locations{
    margin-left : 5px;
}
.locations .title {
    margin-bottom : 38px;
}
.who-we-are .title{
    margin-bottom : 32px;
    padding-left : 5px;
}
.locations div{
    padding : 0px 22px;
    padding-right : 19px;
    margin-bottom : 5px;
    margin-top : 4px;
}
.locations div a, .locations span{
    text-decoration : none;
    font-weight : bold;
    color : #fff;
}
.locations span{
    display : block;
    clear : both;
    font-style : italic;
    font-weight : normal;
}
.locations div a:hover{
    color  :#9A999E;
    text-decoration : none;
}

/* Chi siamo */

.who-we-are{
    width : 447px;
    float : left;
    margin-left : 7px;
    height : 235px;
    padding : 0px 15px;
}
.who-we-are div{
    color : #fff;
    padding-top : 8px;
    padding-left : 7px;
    line-height : 132%;
}
.logo-footer{
    float : right !important;
    margin-top : -5px;
    width : 156px;
    height : 53px;
    margin-left : 10px;
    margin-bottom : 7px;
    background : url(../images/logo-footer.png) no-repeat left top !important;
}

/* Menu Navigazione nel footer */

.footer-nav{
    height : 25px;
    float : left;
    width : 960px;
    margin-top : 32px;
}
.footer-nav ul li{
    width : auto;
    float: left;
    list-style: none;
}
.footer-nav ul li a{
    color : rgb(216,219,220);
    text-decoration : none;
    float : left;
}
.footer-nav ul li a:hover{
    text-decoration : underline;
}
.footer-nav ul li span{
    float : left;
    color : rgb(216,219,220);
    padding : 0px 5px;
}

/* Regole Uso Generale */

.clearer {
    clear : both;
    float : none !important;
    height : 1px !important;
}
.leftflotter {
    float : left;
}
.rightflotter{
    float : right;
}

/* Link preventivo */
div.request{
    margin-top: 10px;
}

a.link-requests {
    background : url(../images/li-a.jpg) no-repeat left -20px;
    display : block;
    width : 190px;
    height : 18px;
    padding-top : 2px;
    padding-left : 25px;
    text-decoration : none;
    font-weight : bold;
    color : rgb(92,91,96);
}

a.link-requests:hover{
    background : url(../images/li-a.jpg) no-repeat left top;
    color : #E60007;
}

/* Sidebar */

.sidebar{
    width : 220px;
    float : right;
    margin-top: 10px;
}

.sidebar p{
    width: 190px;
    text-align: justify;
}

.sidebar a.side-link {
    color:red;
    display:block;
    font-size:1.5em;
    margin:20px 0;
    margin-right:10px;
    text-decoration:none;
}
.sidebar a.side-link:hover {color : rgb(92,91,96);text-decoration:underline;}
/* Lista Sidebar principale */

.sidebar h2.title{
    padding-left : 0px;
}
ul.links{
    margin-bottom : 20px;
}
ul.links li{
    height : 30px;
    margin-bottom : 5px;
    list-style: none;
}
ul.links li a{
    background : url(../images/li-a.jpg) no-repeat left -20px;
    display : block;
    width : 190px;
    height : 18px;
    padding-top : 2px;
    padding-left : 25px;
    text-decoration : none;
    font-weight : bold;
    color : rgb(92,91,96);
}

ul.links li a:hover {
    background : url(../images/li-a.jpg) no-repeat left top;
    color : #E60007;
}
ul.links li a.active, ul.links li a.active:hover{
    background : url(../images/li-active.jpg) no-repeat left top;
    height : 18px;
    padding-top : 2px;
    color : #E60007;
}

/* Text-form Secondario */

.text-full{
    padding: 10px 25px;
}

.text-form{
    float : right;
    width : 718px;
    margin-bottom : 20px;
    margin-top: 10px;
    line-height: 130%;
}
.text-form .text {
    padding : 0px 39px;
    margin-bottom : 20px;
}
.form{
    background : url(../images/post-top.jpg) no-repeat left top;
    padding-top : 15px;
}
.form fieldset{
    background : url(../images/post-bg.jpg) repeat-y left top;
    padding : 10px 20px 0px 20px;
}
.form .end-form{
    background : url(../images/post-bottom.jpg) no-repeat left top;
    height : 16px;
}
.form h2.title{
    padding-left : 0px;
}
.form p{
    margin-bottom : 20px;
}
.form label{
    float : left;
    padding-top : 5px;
    width : 105px;
}
.form input{
    padding : 4px 10px 0px 10px;
    border : 1px solid rgb(216,219,220);
    height : 21px;
    width : 540px;
    float : right;
    margin-bottom : 5px;
}
.form textarea{
    padding : 4px 10px 4px 10px;
    border : 1px solid rgb(216,219,220);
    width : 540px;
    float : right;
    margin-bottom : 5px;
    height : 130px;
    overflow : auto;
}

.text-form .title, .text-full .title{
    margin: 0px !important;
    padding: 0px !important;
}

/* flash[] messaggi */

#flash {
    font-weight:bold;
    color:white;
    top:0;left:0;
    margin-top:-1px;
    position:absolute;
    width:100%;
}

#flash div span {
    cursor:pointer;
    cursor:hand;
}

#flash #notice { background-color: #2F2F2F; padding:10px 20px; text-align:center }

#flash #warning { background-color: orange; padding:10px 20px;text-align:center }

#flash #error { background-color: #E20008; padding:10px 20px;text-align:center }


.comments-written .message{
    margin-bottom: 10px;
    padding: 10px;
}

.comments-written .even{
    background: #f1f2f4;
}

.comments-written .message .info{
    font-size: 10px;
    font-weight: bold;
}

.tags a{
    text-decoration: none;
    font-weight: bold;
}

.css1{ font-size: 0.6em; }
.css2{ font-size: 1.0em; }
.css3{ font-size: 1.4em; }
.css4{ font-size: 1.8em; }

.youtube{
    margin: 5px 0;
}

.youtube embed{
    width: 600px;
}

/* ComeNuovo */

.comenuovo hr{
    border: none;
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
}

.comenuovo .brand{
    float: left;
    margin-right: 10px;
}

.comenuovo .brand div {
    margin-top:5px;text-align:center;
}
.comenuovo .brand div a{
    color:red;
    font-size:14px;
    font-weight:bold;
}
.comenuovo .preview_small_car{
    float: left;
    /* margin-left: 15px;*/
}

.comenuovo .car_name{
    width: 100px;
    text-align: center;
    margin-top: 2px;
}

.comenuovo .car_name a{
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

.comenuovo .car_name a:hover{
    color: #000;
}


.carousel{
    zoom : 1;
    width : 810px;
    position : relative;
    float: left;
    height: 105px;
}

.carousel .container {
    width : 770px;
    overflow: hidden;
    position:absolute;
}

div.arrow-left{
    position : absolute;
    right : 0px;
    top : 55px;
    cursor: pointer;
    cursor: hand;
}
div.arrow-right{
    position : absolute;
    right : 0;
    top : 15px;
    cursor: pointer;
    cursor: hand;
}
ul.car-list{
    padding : 0px 0px;
    position : relative;
    width : 6140000px;
    float: left;
}
ul.car-list li{
    margin: 0;
    list-style: none;
    float: left;
    text-align : center;
    width : 110px;
    position : relative;
}
ul.car-list li.last{
    margin : 0;
}

ul.search-results li {
    list-style-type:none;
}

.search-results .search-home a, .search-results .search-page a{
    display : block;
    text-decoration : none;
    font-weight : bold;
    font-size:1.3em;
    color : #E60007;
}

.search a.advanced {
    margin-top:7px;
    float : right;
    background : url(../images/ricerca_avanzata.png) no-repeat top left;
    height:26px;
    width:244px;
    display:block;
}


.cars-advanced {
    border-top:1px solid #555;
    border-left:1px solid #555;
}

.cars-advanced td, .cars-advanced th{
    border-right:1px solid #555;
    border-bottom:1px solid #555;
    padding: 10px;
    font-weight:bold;
}

.cars-advanced th{ background-color:#f1f2f4;color:#5C5B60;}

.cars-advanced td.name a{color:#E60007;}

.cars-advanced th.sort a{
    display:block;
    padding-left:15px;
    background:url('/images/tri.png') no-repeat left 4px;
}
.cars-advanced th.sort-down a{
    display:block;
    padding-left:15px;
    background:url('/images/tri.png') no-repeat left -10px;
}
.form fieldset.advanced {padding:10px 10px 0px 10px;}
.form .advanced input {width:100px;float:none;}
.form .advanced label {width:50px;}
.post-sell div {margin-top:10px;}
.post-sell div span {text-transform:uppercase;}
.post-sell div span.descr {font-weight:bold;color:#5C5B60;}

.box-iva {
    width:349px;
    height:151px;
    background:url('/images/box_azienda.png') no-repeat top left;
}

.box-iva h3 {
    padding-top:15px;
    margin-left:25px;
    margin-bottom:0 !important;
}

.box-iva a {
    color:#333;
    font-weight:bold;
    font-size:1.5em;
    font-weight:bold;
    padding:10px 20px;
    display:block;
}

.relevant .title a {
    font-size : 25px;
    color : #E60007;
    text-decoration:none;
}

.relevant .title a:hover {
    color: #333;
}