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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; border:0px; outline:none; list-style:none; text-decoration:none; font-size: 100%; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6{ font-weight:inherit;}

body{font-family: 'Open Sans', sans-serif; font-weight:300; background:url(../images/bg.png);}
input, textarea{ font-family: 'Open Sans', sans-serif;}
strong{ font-weight:700;}
a, input{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.radius{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.left{ float:left;}
.right{ float:right;}


#header-wrap.home{ width:100%; height:600px; float:left; background:#333;}
#header-wrap.page{ width:100%; height:400px; float:left; background:#333;}
#header .top-wrap{ width:980px; position:absolute; z-index:2000; left:50%; margin-left:-490px; margin-top:40px;}
#header .top-wrap .top{ width:920px; height:80px; float:left; padding:0 30px; background:#fff;}
#header .top-wrap .top .logo{ width:auto; float:left; margin:20px 0 0 0;}
#header .top-wrap .top .menu{ width:auto; float:right; margin:30px 0 0 0; text-transform:uppercase;}
#header .top-wrap .top .menu li{ width:auto; float:left; font-size:14px; background:url(../images/bg-slash.png) right no-repeat; padding:0 15px 0 10px;}
#header .top-wrap .top .menu li.last{ background:none; padding-right:0px;}
#header .top-wrap .top .menu li a{ color:#3f3f3f; padding-bottom:10px;}
#header .top-wrap .top .menu li a:hover{ color:#006fd6;}
#header .top-wrap .top .menu li a.active{ color:#006fd6; font-weight:700; background:url(../images/bg-menu-hover.png) bottom center no-repeat;}
#header .slider .map{ width:100%; position:absolute; z-index:1000;}
#header .slider .table-wrap{ width:980px; margin:0 auto;}
#header .slider .table-wrap .table{ width:300px; height:300px; position:absolute; z-index:2000; margin:170px 0 0 0; background:#fff; padding:20px 30px;}
#header .slider .table-wrap .table .title{ width:100%; height:25px; float:left; margin:0 0 20px 0; color:#006fd6; font-size:18px; text-align:center; padding:0 0 10px 0; text-transform:uppercase; border-bottom:1px solid #e1e1e1; font-weight:700;}
#header .slider .table-wrap .table .list{ width:100%; float:left; margin:0 0 10px 0;}
#header .slider .table-wrap .table .list li{ width:100%; float:left; font-size:14px; color:#414141; padding:5px 0;}
#header .slider .table-wrap .table .list li.current{ color:#006fd6; font-weight:700;}
#header .slider .table-wrap .table .list li .right{ width:auto; text-align:right;}
#header .slider .table-wrap .table .list li .right span{ padding:0 3px;}
#header .slider .table-wrap .table .list li.close{ color:#b5b5b5;}
#header .slider .table-wrap .table .list li.close .right{ padding-right:24px;}
#header .slider .table-wrap .table .note{ width:100%; float:left; font-size:13px; color:#414141; margin-top:5px; text-align:center;}


#content-wrap{ width:980px; margin:0 auto;}
#content{ width:100%; float:left; position:relative; z-index:2000; padding-bottom:40px; margin-top:-40px;}

#content .box-contact{ width:920px; height:80px; float:left; margin:0 0 40px 0; padding:0 30px; background:#333;}
#content .box-contact .left{ width:200px; line-height:80px; color:#fff; font-size:16px; text-transform:uppercase;}
#content .box-contact .right li{ width:auto; float:left; margin:0 20px 0 0; color:#fff; font-size:14px; line-height:80px;}
#content .box-contact .right li i{ float:left; font-size:20px; color:#006fd6; margin:0 7px 0 0;}
#content .box-contact .right li a{ color:#fff;}
#content .box-contact .right li.address i{ margin-top:29px;}
#content .box-contact .right li.phone i{ font-size:25px; margin-top:27px;}
#content .box-contact .right li.mail i{ margin-top:29px;}

#content .box-welcome{ width:100%; float:left; padding:0 0 30px 0; text-align:center;}
#content .box-welcome .title{ font-size:25px; color:#006fd6; text-transform:uppercase; margin:0 0 10px 0;}
#content .box-welcome .description{ font-size:15px; color:#5c5c5c; line-height:24px; padding:0 40px; margin:0 0 40px 0;}
#content .box-welcome .divider{ width:100%; height:12px; border-top:1px solid #cacaca;}
#content .box-welcome .divider span{ width:22px; height:12px; margin-top:-7px; display:inline-block; text-align:center; background:url(../images/arrow.jpg) no-repeat;}

#content .box-page{ width:100%; float:left; padding:0 0 10px 0; margin:0 0 40px 0; border-bottom:1px solid #e1e1e1;}
#content .box-page .title{ font-size:25px; color:#006fd6; text-transform:uppercase; margin:0 0 10px 0;}
#content .box-page .description{ font-size:14px; color:#5c5c5c; line-height:22px; margin:0 0 30px 0;}
#content .box-page .description p{ margin:0 0 10px 0;}
#content .box-page .gallery{ width:100%; float:left; margin:0 0 10px 0;}
#content .box-page .gallery li{ width:310px; height:180px; float:left; overflow:hidden; margin:0 25px 20px 0;}
#content .box-page .gallery li.last{ margin-right:0px;}
#content .box-page .gallery li a img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#content .box-page .gallery li a:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1,1.1);}
#content .box-page .products{ width:100%; float:left; margin:0 0 10px 0;}
#content .box-page .products li{ width:203px; float:left; overflow:hidden; margin:0 25px 20px 0;}
#content .box-page .products li.last{ margin-right:0px;}
#content .box-page .products li .left{ padding-bottom:15px; width:200px; height:200px; float:left; overflow:hidden; margin:0 20px 0 0;}
#content .box-page .products li .left img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#content .box-page .products li .left:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1,1.1);}
#content .box-page .products li .right{ width:257px; float:left;}
#content .box-page .products li .right .title{ font-size:18px;}
#content .box-page .products li .right .description{ margin:0px;}
#content .box-page .list-products{ width:100%; float:left; margin:0 0 30px 0;}
#content .box-page .list-products li{ width:310px; float:left; color:#5c5c5c; overflow:hidden; margin:0 25px 10px 0;}
#content .box-page .list-products li.last{ margin-right:0px;}
#content .box-page .list-products li .icon{ width:auto; float:left; color:#006fd6; padding:0 0 0 1px; margin:-7px 10px 0 0; font-size:25px;}
#content .box-page .two-gallery{ width:100%; float:left; margin:0 0 10px 0;}
#content .box-page .two-gallery li{ width:174px;  float:left; overflow:hidden; margin:0 25px 20px 0;}
#content .box-page .two-gallery li.last{ margin-right:0px;}
#content .box-page .two-gallery li a img{border:1px solid #f6f6f6; width:170px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#content .box-page .two-gallery li a:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1,1.1);}





#content .box-page .form{ width:664px; float:left; margin:0 0 10px 0; border-top:1px solid #e1e1e1; padding:40px 158px 0 158px;}
#content .box-page .form .row{ width:100%; float:left; margin:0 0 15px 0;}
#content .box-page .form .row textarea, #content .box-page .form .row textarea{ width:631px; height:100px;}
#content .box-page .form .row .input2 input, #content .box-page .form .row .input1 input{ width:auto; float:left; background:#fafafa; padding:10px 15px; position:relative; font-size:13px; border:1px solid #e1e1e1;}
#content .box-page .form .row textarea{ width:auto; position:relative; float:left; background:#fafafa; font-size:13px; padding:10px 15px; border:1px solid #e1e1e1; overflow:hidden; resize:none;}
#content .box-page .form .row .input1{ width:100%; float:left;}
#content .box-page .form .row.center{ text-align:center;}
#content .box-page .form .row .check{ width:auto; display:inline-block; margin:2px 7px 0 0;}
#content .box-page .form .row .label{ width:auto; display:inline-block; font-size:13px; line-height:18px; color:#666;}
#content .box-page .form .row .actions{ width:100%; float:left;}
#content .box-page .form .row .actions ul{ padding:0; margin:0 auto; list-style-type:none; float:left; position:relative; left:50%;}
#content .box-page .form .row .actions li{ width:auto; float:left; position:relative; right:50%; margin:0 7px;}
#content .box-page .form .row .actions li input{ width:auto; height:40px; display:inline-block; font-weight:300; font-size:14px; color:#fff; line-height:40px; padding:0 20px; cursor:pointer;}
#content .box-page .form .row .actions li input.submit{background:#006fd6;}
#content .box-page .form .row .actions li input.submit:hover{ background:#0062bc;}
#content .box-page .form .row .actions li input.reset{background:#eee; color:#333;}
#content .box-page .form .row .actions li input.reset:hover{ background:#666; color:#fff;}
#content .box-page .form .row .input2{ width:315px; float:left; margin:0 23px 0 0;}
#content .box-page .form .row .input2.last{ margin-right:0px;}
#content .box-page .form .row .input2 input, #content .box-page .form .row .input2 input{ width:293px;}
#content .box-page .form .row .input1 input, #content .box-page .form .row .input1 input{ width:631px;}
#content .box-page .form .row textarea, #content .box-page .form .row textarea{ width:631px; height:100px;}


#content .box-home{ width:100%; float:left; margin:0 0 40px 0;}
#content .box-home li{ width:310px; float:left; margin:0 25px 0 0;}
#content .box-home li.last{ margin-right:0px;}
#content .box-home li .image{ width:100%; float:left; overflow:hidden; margin:0 0 15px 0;}
#content .box-home li .image a img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#content .box-home li .image a:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1,1.1);}
#content .box-home li .title{ color:#006fd6; font-size:18px; text-transform:uppercase; margin:0 0 10px 0;}
#content .box-home li .description{ width:100%; float:left; font-size:14px; color:#5c5c5c; line-height:22px;}

#content .box-banner{ width:920px; height:70px; float:left; padding:30px; background:url(../images/bg-banner.jpg) no-repeat;}
#content .box-banner.contatti{ background:url(../images/bg-contatti.jpg) no-repeat;}
#content .box-banner .left{ width:600px;}
#content .box-banner .left .title{ color:#006fd6; font-size:18px; text-transform:uppercase; margin:0 0 5px 0;}
#content .box-banner .left .description{ width:100%; float:left; font-size:14px; color:#5c5c5c; line-height:22px;}
#content .box-banner .right a{ width:auto; float:right; font-size:14px; margin:18px 0 0 0; height:40px; line-height:40px; color:#fff; background:#006fd6; padding:0 20px; text-transform:uppercase;}
#content .box-banner .right a:hover{ background:#0062bc}

#map-canvas{ width:100%; height:600px; position:absolute; z-index:1000;}
#map-content{ padding:20px; position:relative; font-family: 'Open Sans', sans-serif;}
#map-content .title{ font-size:15px; text-align:center; line-height:18px; color:#006fd6; text-transform:uppercase; margin:0 0 3px 0; font-weight:700;}
#map-content .content{ font-size:13px; text-align:center; line-height:20px; color:#666;}

#footer-wrap{ width:100%; float:left; padding:30px 0; border-top:1px solid #cacaca;}
#footer{ width:980px; margin:0 auto; font-size:13px; color:#5c5c5c; line-height:20px;}
#footer a{ color:#5c5c5c;}
#footer a:hover{ color:#006fd6;}
#footer .left{ width:auto;}
#footer .right{ width:auto; text-align:right;}