/* CSS Document */
/* PARTI COMUNI ---------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Bad+Script);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic);
@font-face{
  font-family: 'Rosario','Bad Script', sans-serif;
}
body{margin:0; font-family:'Rosario',Calibri,arial; font-size:14px; color:#666666; background-color:#c4d4ee;}

/* CSS di BASE*/
.widthBase{overflow:hidden; position:relative;}
.widthBase2{position:relative;}
.widthBase{ width:980px;left:50%; margin-left:-490px;}
.widthBase2{ width:980px;left:50%; margin-left:-490px;}

.clearBoth{clear:both}
.margin0{margin:0;}
.marginTop5{margin-top:5px;}
.marginRight5{margin-right:5px;}
.marginBottom5{margin-bottom:5px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.noOverFlow{overflow:hidden;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.small{font-size:12px}
.color01{color:#008a35;}
.color02{color:#003a8c;}
.hidden{display:none;}

.trTitle{background-color:#a9b1cf; color:#fff;}
.tr01{background-color:#efefef;}
.tr02{background-color:#d7dae2;}
.tr03{background-color:#f9fa9c;}

.trTitle01{background-color:#6F8EBC; color:#fff;}

.moreInfo{ background:url(../images/layout/contatti.png) no-repeat right center; padding:10px 30px 10px 10px; text-align:right;}

#header{}
#top{z-index:10; position:relative; height:30px;}
#logo{width:220px; float:left; z-index:10; position:absolute; top:-5px;}
#logo img{border:0; width:100%;}

#social, .social{float:right;text-align:center; overflow:hidden; margin-top:11px; margin-right:30px;}
#social a, .social a{color:#ffffff; text-decoration:none; font-size:11px;}
#social ul, .social ul{list-style:none; padding:0; margin:0;}
#social ul li, .social ul li{float:left; padding:0px 5px; margin:0; text-align:center;}
#social img, .social img{border:none;}

#menu{color:#666666; background:#f6ecd7;margin:5px 0 10px 0; height:35px;}
#menu ul{list-style:none;}
#menu li{float:left; margin-right:5px;}

#quickmenu{float:left; padding:0 0 0 30px;margin:5px 0 0 0;}
#quickmenu img{border:none;}
#nav{float:right; padding:0 20px 0 0; margin:0;}
#nav li{float:left;overflow:hidden;text-transform:uppercase;padding:0 5px; line-height:35px;}
#nav li ul{background:#e1d7c2; position:absolute; z-index:100; margin:0 0 0 0px; padding:10px; text-align:left;display:none; width:150px;
           -moz-border-radius: 0px 10px 10px 10px;
           -webkit-border-radius: 0px 10px 10px 10px;
           border-radius: 0px 10px 10px 10px;
}
#nav li ul li{float: none; text-align:left; padding:5px; font-style:italic; line-height:15px;;}
#menu a{color:#666666; text-decoration:none;}
/* FINE MENU */


.leggi a{color:#d40018; text-decoration:none;float:left; padding-left:15px;}

#slideshow{overflow: hidden; width:100%;}
#slider{}
#slideshow .slides{background:#fff;
                   -moz-border-radius: 30px;
                   -webkit-border-radius: 30px;
                   border-radius: 30px;
                   overflow: hidden;
                   -moz-box-shadow: 0px 0px 7px #666;
                   -webkit-box-shadow: 0px 0px 7px #666;
                   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=0, Strength=7);
                   box-shadow: 0px 0px 3px #666;
                   margin:10px;}

#slideshow .flex-caption{bottom: 30px; left: 30px; position: absolute; width:550px;
                         color:#fff;
                         text-shadow: 0px 0px 8px #000;
                         [if lte IE 9.0] color:#666;
}


.textA, .textB{font-family:'Bad Script';}
.textA{font-size:50px; line-height:45px;}
.textB{font-size:22px;}

.banner{border:2px solid #c4d4ee; float:left; line-height:0; margin:0 8px;}
.banner img{border:none;}

#corpo{margin:0px; padding:0 30px 30px 30px; overflow:hidden;background:#fff;}

#corpo h1{font-size:30px; font-weight:normal; margin:0; padding:0;}
#corpo h1,#corpo h3 {color:#00447b;}
#corpo h3 {margin-top: 0;}
#corpo a{color:#008a35;}

#bannerini{background:#f6ecd7;padding:10px 0; overflow:hidden;}


#quickmenu2{font-size:10px; text-transform:uppercase; line-height:30px; color:#00447b; overflow:hidden; padding:0 20px;}
#quickmenu2 a{color:#00447b;}

.intro{float:left; width:346px;
       -moz-border-radius: 30px;
       -webkit-border-radius: 30px;
       border-radius: 30px;
       overflow: hidden;
       background:#f4f4f4;
       border:2px solid #f4f4f4;
}
.intro h2{font-weight:normal; font-size:22px;}
.intro .text{margin:40px;}
.intro .text .title{color:#00447b;}


.left{float:left; width:346px; min-height:400px;}
.center{padding:0 30px;}
.left h2,.center h2{font-weight:normal; font-size:22px;}
.left .text,.center text{margin:0 0px 50px 20px; /*min-height:385px;*/}
.left strong,.center strong, .testo-col strong {color:#008a35;}
.left .text .title,.center .text .title{color:#00447b;}
.left .text img{max-width:346px;}
.left .elenco,.center .elenco{
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:#f4f4f4;
  border:2px solid #f4f4f4;
}
.left .elenco {padding:40px;}
.left .elenco ul{padding:0; margin:0; list-style-image:url(../images/layout/lancia-verde.png);line-height: 25px;}
.left .elenco a{color:#008a35;}

.right{float:right; width:593px; overflow:hidden;}

.negozio{float:left; width:270px; padding:5px; border:1px solid #cccccc; margin-right:10px; height:80px; margin-bottom:10px; text-align:left;}
.negozio a{color:#018934;}

.slideProdotti{
  float:right; height:400px; width:588px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  border:2px solid #c4d4ee;
  margin-bottom:30px;
}
.slideProdotti .title{
  color:#00447b;text-align:center;
  background:#c4d4ee url(../images/layout/sliderprodotti-title.jpg) top right no-repeat; padding:12px 40px;
  width:160px;
}
.slideProdotti .flex-caption{top: -30px; right: 20px; width:340px; text-align:center; position: absolute; color:#008a35;}
.slideProdotti .slides li{padding:50px 0;}

.slideProdotti .flex-control-nav{
  position: absolute;
  text-align: center;
  width: 100%;}

.caratteristiche,.testo-col {overflow:hidden; margin-bottom:20px; width:100%}
.caratteristiche ul{list-style:none; padding:0; margin:0;}
.caratteristiche ul li{float:left; margin:0 0 10px 10px; min-height: 50px; }

.prodotticorrelati{
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  background:#f4f4f4;
  border:2px solid #f4f4f4;
  margin-bottom:30px;
}
.prodotticorrelati{padding-bottom:20px;}
.prodotticorrelati .title{color:#00447b; font-size:16px; margin:15px 30px 0; text-transform:uppercase;}
.prodotticorrelati .img{
  width:40px; height:40px; border:3px solid #fff; overflow:hidden; float:left;
  /*
  -moz-box-shadow: 0px 0px 3px #666;
  -webkit-box-shadow: 0px 0px 3px #666;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=0, Strength=3);
  box-shadow: 0px 0px 3px #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
}
.prodotticorrelati .img img{border:0px; width:100%;}
.prodotticorrelati .text{width:170px; padding:10px; float:left;color:#507d9a;}
.prodotticorrelati .text a{color:#507d9a;}
.prodotticorrelati ul{list-style:none; padding:20px; margin:0;}
.prodotticorrelati ul li{
  list-style:none; padding:15px 10px;
  border-bottom:1px solid #c6d9e5;
  background:#fff;
  float:left;
  margin:0 10px 10px 0;}


.download{width:148px; height:210px; overflow:hidden; text-align:center; float:left; margin:10px; padding:10px; background:#fff;
          -moz-box-shadow: 0px 0px 3px #666;
          -webkit-box-shadow: 0px 0px 3px #666;
          filter: progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=0, Strength=3);
          box-shadow: 0px 0px 3px #666;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
}
.download img{width:100%;}

#headerfooter{ background:#8da2c3; height:25px; border-top:5px solid #fff;}
#footer{font-family:Calibri, arial, sans; color:#fff; font-size:12px; overflow:hidden; width:100%; background-color:#9db1d0; padding:20px 0;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

.address, .menufooter{float:left;overflow:hidden;}
.address{width:263px;}
.address .title{background-color:#a9c3d4;font-family:'Ropa Sans'; padding:10px 30px; color:#fff;}
.address p{ padding:10px 30px; margin:0;}

.address2{width:300px; float:left;}

.menufooter{width:238px; border-left:1px solid #c6d9e5;}
.menufooter .title{background-color:#c6d9e5;font-family:'Ropa Sans'; padding:10px 30px;}
.menufooter ul{list-style:none; padding:0; margin:5px 20px;}
.menufooter ul li ul li{ font-style:italic;}

.address a, .menufooter a{color:#666666;}

/* ---------------------------------------- */
.box_rotate {
  -webkit-transform: rotate(90deg);  /* Chrome, Safari 3.1+ */
  -moz-transform: rotate(90deg);  /* Firefox 3.5-15 */
  -ms-transform: rotate(90deg);  /* IE 9 */
  -o-transform: rotate(90deg);  /* Opera 10.50-12.00 */
  transform: rotate(90deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_rotateBack {
  -webkit-transform: rotate(0deg);  /* Chrome, Safari 3.1+ */
  -moz-transform: rotate(0deg);  /* Firefox 3.5-15 */
  -ms-transform: rotate(0deg);  /* IE 9 */
  -o-transform: rotate(0deg);  /* Opera 10.50-12.00 */
  transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}




/* CONTATTI ------------------------------- */
.contacts-icon{height:20px; width:20px;}
.tel{background:url(../images/layout/contacs-icons.png) no-repeat; background-position:-72px;}
.fax{background:url(../images/layout/contacs-icons.png) no-repeat;background-position:-49px top;}
.email{background:url(../images/layout/contacs-icons.png) no-repeat;background-position:0px top;}


/*
@media screen and (min-width: 1px) {
    .widthBase{width:auto;left:0; margin-left:0}
    .widthBase2{width:auto;left:0; margin-left:0;}
}
*/

@media screen and (min-width: 1024px) {
  .widthBase{ width:980px;left:50%; margin-left:-490px;}
  .widthBase2{ width:980px;left:50%; margin-left:-490px;}
}