html, body { margin:0px; padding:0px; }
body { background-color:#fff; color: #909090; font-size:100%; font-family: 'Roboto', sans-serif;}
input, textarea { font-family: 'Roboto', sans-serif; color: #3d3d3d; }
header { margin:0 auto; }
div.wrap { margin:0 auto; max-width:75em; padding-right:3em; padding-left:3em; }
#block_menu_prod_mobi, #cont_menu_mobi{ display: none; }
#cont_toptop {width:100%; float:left; padding-top:15px; padding-bottom:12px;background-color: #010101;}
#tel_top_img, #mail_top_img {width:auto; float:left;}
#tel_top_img img, #mail_top_img img {width:18px; margin-right:15px;}
#tel_top, #mail_top {width:auto; float:left; margin-right:60px;font-size:14px;padding-top:3px;}
#tel_top a:link, #mail_top a:link, #tel_top a:visited, #mail_top a:visited {color:white;}
#cont_top {width:100%; float:left; padding-top:25px; padding-bottom:17px;}
#logo {width:20%; float:left; }
#logo img {height:50px;}
#menu { width:auto; float:right; padding-top:10px; text-align:right; }
#cont_header {width:100%; float:left;background-color: white;}
#cont_header_sfondo_slide {width:100%; height:100%; min-height:300px; position:absolute; float:left;background-color: #000; opacity: 0.3; z-index:999;}
#cont_box_A {width:100%;float:left;padding:80px 0px;}
#box_A {width:100%; float:left;}
#sfondo_home {width:100%; float:left; height:350px; background-image:url(sfondo_home.png); background-size:cover;background-attachment: fixed;}
#cont_box_B {width:100%;float:left; margin-top:-200px; padding-bottom:50px; }
#box_B {margin:0 auto;width:900px;}
#cont_box_C {width:100%; float:left;background-color:#e52530; padding:50px 0px;margin-top:80px;}
#box_C {width:100%; margin:0 auto; color:white; }
#box_C1 {width:auto;float:left;font-size:30px;padding-top:3px;}
#box_C2 {width:auto;float:right;background-color:#010101;padding:10px 25px;text-transform:uppercase;color:white;}
#cont_box_DE {width:100%; float:left;}
#box_D {width:50%; float:left; margin-bottom: -2px;}
#box_D iframe {height:500px;}
#box_E {width:45%; margin-left:5%;float:left; padding:50px 0px; line-height:180%; }
#box_E img {width:25px;margin-bottom:5px;}
#cont_footer { width:100%; float:left; height:auto; background-color:#010101; padding:50px 0px; color:white;}
#footer { float:left; width:100%; font-size:14px;}
#footer a:visited, #footer a:hover, #footer a:link { color:white; }
#box_D div.boxlat-title, #box_A figure.img_zoom {display:none;}
#box_A div.boxlat_cont {line-height:180%;}
#box_A div.boxlat_tit_center {font-size:30px;line-height:150%;font-weight:bold;text-align:center;width:100%;float:left;margin-bottom:30px;color:#232c3a;}
#box_B div.boxlat {width:50%;float:left;background-color:white;padding:50px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#box_B div.boxlat:nth-child(2n) {padding-left:25px;}
#box_B div.boxlat:nth-child(1), #box_B div.boxlat:nth-child(3) {padding-right:25px;}
#box_B div.boxlat:nth-child(3), #box_B div.boxlat:nth-child(4) {padding-top:0px;}
#box_B figure.img_zoom img {width:100%;}
#content {width:100%;float:left;}
#testo {width:100%;float:left;line-height:150%;margin-top:20px;}
#testo H1 {border-top: 1px solid #e52530;border-bottom: 1px solid #e52530;padding:30px 0px;text-align:left;}
#testo a:link, #testo a:visited {color:black;}
#testo a:hover {color:#e52530;}
#testo2 {width:60%;float:left;line-height:150%;}
#cella_sx {width:35%;margin-right:5%;float:left;}
.text_header_titolosx h2, .text_header_titolodx h2, .text_header_titolocentro h2 {margin-bottom:5px;}
.sommary_header{width:100%; float:left;font-size: 0.9em; font-weight: normal;}
.text_header_titolocentro { text-align:center; width:70%; left:15%; right:15%; padding-top:20%; font-weight:bold; color:#fff;font-size:70px; text-transform:uppercase; line-height:70px; position:absolute; z-index:1000; bottom:40%; margin:0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s;}
#contact_1, #contact_2, #contact_3 {width:33.3333%;float:left;margin-bottom:60px;margin-top:20px;}
/* BLOG ---------------------------------------------------------------------------------------------------------------*/
#cont_elenco_post {width:100%;float:left;display: flex; align-content: flex-end; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap;}
div.elenco_post { float:left; width:50%; padding-left:20px; padding-right:20px; margin-bottom:40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.elenco_post_img { width:100%; float:left; }
div.elenco_post_img img { width:100%; margin-bottom:30px; }
div.elenco_post_testo { width:100%; float:left; text-align:center; }
div.elenco_post_testo a:link, div.elenco_post_testo a:visited {color:#3d3d3d;font-size:25px;line-height:150%;}
div.elenco_post_testo a:hover {color:#5ac4ee;}
#contentpost { text-align:justify; margin-bottom:20px; }
#contentpost a:link, #contentpost a:visited, #contentpost a:hover { font-size:1em; color:black; font-style:italic; font-weight:bold; }
#datapost {width:50%;float:left;margin-top:25px;}
#socialpost {width:50%;float:left;text-align:right;margin-top:18px;}
#post_bigimg { width:520px; text-align:left; }
#box_blog { width:100%; float:left; }
#boxblog_mesi { float:left; border:1px solid #e5e5e5;height:auto; padding:15px; margin-bottom:30px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.boxblog_content, div.boxblog_content a:link, div.boxblog_content a:visited { font-size:0.9em; color:#000; height:auto; }
div.boxblog_title { font-size:1.4em; font-weight:bold; margin-bottom:5px; color:#202020; }
div.box_component { width:100%; float:left; color:#505050; display: flex; align-content: flex-end; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; }
div.box_component_title { width:100%; float:left; margin-bottom:10px; font-size:20px; }
div.box_component_title a:link, div.box_component_title a:visited, div.box_component_title a:hover {color:black;text-transform:uppercase;font-size:1.2em;line-height:130%;font-weight:bold;}
div.box_component_img { width:40%; float:left; }
div.box_component_summary {width:50%; padding-left:5%; padding-right:5%; float:left; padding-top:80px; padding-bottom:80px; font-size:14px; margin-top:10px; line-height:150%; }
#boxblog_cat { background-color:#282d33; padding:12px; margin-bottom:20px; }
#social_share_fb { float:right; width:30px; border-bottom:3px solid #4560a3; margin:3px; text-align:center; }
#social_share_tw { float:right; width:30px; border-bottom:3px solid #68ace3; margin:3px; text-align:center; }
#social_share_gp { float:right; width:30px; border-bottom:3px solid #cc3333; margin:3px; text-align:center; }
#social_share_pt { float:right; width:30px; border-bottom:3px solid #cc3333; margin:3px; text-align:center; }
#social_share_fb img, #social_share_tw img, #social_share_gp img, #social_share_pt img { height:20px; }
/* TESTO PAGINA -----------------------------------------------------------------------------------------------------*/
h1 { color:#202020;font-size:30px; text-align:center;font-weight:normal;margin-top:0px;margin-bottom:20px;}
h2 { font-size:20px; font-weight:normal; margin-top:0px; text-align:center;}
h3 { font-size:1em; font-weight:normal;}
h4 { font-size:0.9em; font-weight:normal;}
h5 { font-size:0.8em; font-weight:normal;}
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
input.radio { color:#000; border-style:none; }
input { font-size:11px; background-color:#fff; margin-bottom:3px; width:100px; border:1px solid #a8a8a8; }
/* MENU TOP ------------------------------------------------------------------------------------------------------------*/
ul.menu_top { text-align:center; list-style-type:none; margin:0; padding-top:7px; width:100%; }
ul.menu_top li { color:#464646; font-size:0.98em; display:inline; margin-right:3%; margin-left:3%; }
ul.menu_top li#current_menu_top { color:#464646; }
ul.menu_top li a:hover, ul.menu_top li a:link, ul.menu_top li a:visited { color:#464646; text-transform:uppercase; }
ul.menu_top li#current_menu_top a:hover, ul.menu_top li#current_menu_top a:link, ul.menu_top li#current_menu_top a:visited { color:#464646; text-transform:uppercase; }
/* NEWSLETTER ---------------------------------------------------------------------------------------------------*/
div.newsl_label { width:100%; text-align:center; float:left; color: #202020; text-transform:uppercase; font-size: 12px; font-weight: 700; margin-bottom:10px; }
div.news_input { width:100%; float:left; text-align:center; }
input.newsl {color: #202020;text-align:center;font-size:1.2em;border: 1px solid #ececec;width:100%;max-width:300px; margin-bottom:30px; padding: 14px 19px 14px 19px; font-size: 14px; text-transform:lowercase; }
/* CATEGORIE ---------------------------------------------------------------------------------------------------------------*/
div.categ {width:42%;float:left;margin-left:4%;margin-right:4%;margin-top:40px;}
div.wrap_categ {margin:0 auto; width:100%; max-width:900px;}
div.cat_name {width:100%;float:left;font-size:30px;color:#202020;margin-bottom:15px;}
div.cat_img {width:100%;float:left;}
div.cat_img img {width:100%;}
/* PRODOTTI / CATEGORIE ----------------------------------------------------------------------------------------------*/
div.scopri_button { background-color:#e52530; color: white; width: 120px; margin:0 auto; margin-top:20px; text-align:center; padding-top:8px; padding-bottom:8px; font-size:15px;}
.scopri_button a:link, .scopri_button a:visited {color:white;}
.scopri_button:hover {width:140px; transition: all 0.2s ease;}
#prod_cont { width:100%; float:left; display: flex; margin-top: 40px; align-content: flex-end; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; }
div.product { box-sizing: border-box;width:31.3333%; float:left; height:auto; margin-bottom:50px; background-color:#ececec; margin-right:3%; padding-bottom:50px; }
div.product:nth-child(3n) {margin-right:0%;}
div.product.prod-search { width:22%;margin-left:1.5%;margin-right:1.5%; }
div.product_thumb { width:100%; float:left; text-align:center; margin-bottom:30px; }
div.product_thumb img { width:100%; }
div.product_name { text-align:center; float:left; width:90%; margin-left:5%; margin-right:5%; margin-bottom:10px; line-height:170%; }
div.product_name a:link, div.product_name a:visited, div.product_name a:hover {color:black; font-size:23px; text-transform:uppercase;}
.title_path{width:100%;float:left;border-top:1px solid #e52530;border-bottom:1px solid #e52530;}
.title-box-prod{width:50%;float:left;}
.path-box-prod{width:50%;float:left;padding:30px 0px;text-align:right;}
.title-box-prod h1 {margin-bottom:0px;border-top:0px !important;border-bottom:0px !important;}
/* SCHEDA PRODOTTI -------------------------------------------------------------------------------------------------*/
#cont_product {width:100%;float:left;margin-top:25px;}
#product_image { float:left; width:30%; margin-right:5%;}
#product_image img {width: 100%;}
div.product_img_small1, div.product_img_small2, div.product_img_small3, div.product_img_small4, div.product_img_small5, div.product_img_small6 { width:31.333%; margin-right: 2%;float:left; }
div.product_img_small1 img, div.product_img_small2 img, div.product_img_small3 img, div.product_img_small4 img, div.product_img_small5 img, div.product_img_small6 img { width:100%;}
#product_producer {width:auto;float:left;margin-top:20px;}
#product_producer img {border:1px solid #efefef;padding:8px;}
#product_detail { float:left; width:65%; margin-top:5px; }
#product_detail li {list-style-type:disc;margin-left:15px;}
div.product_download {width:100%;float:left;margin-top:30px;}
div.product_download_img {width:30px;margin-right:20px;float:left;}
div.product_download_img img {width:35px;}
div.product_download_text {width:auto;float:left;padding-top:5px;border-bottom:1px solid black;}
#product_return {margin:0 auto;margin-top:40px;width:250px;background-color:grey;color:white;padding:8px;text-align:center;}
#product_sommario {width:100%; float:left; font-size:23px; color: #232c3a; }
/* FORM CONTATTI ------------*/
form.contatti {width:100%;float:left;}
.lab_cont { width:10%; text-align:left; float:left; font-size:15px; padding-top:5px; margin-bottom:2px; margin-left:10%; }
.inp_cont { width:100%; float:left; margin-bottom:5px; }
.inp_cont input[type=text] { margin-bottom:10px; width:100%; padding: 14px 19px 14px 19px; font-size:14px; border:1px solid #ececec; color:#202020; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform:lowercase; }
input[type=submit] { margin-bottom:20px; width:30%; padding:1px; font-size:15px; cursor:pointer; }
textarea { width:100%; padding: 14px 19px 14px 19px; text-transform:lowercase; margin-bottom:20px; resize:none; border:1px solid #ececec; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:14px; }
input.radio { color:#000; border-style:none; width:25px; }
/* BOX LAT ---------------------*/
div.boxlat {width:100%;float:left;}
div.boxlat-title {width:100%;float:left;}
div.boxlat-content {width:100%;float:left;}
#box_B figure {position:relative;overflow:hidden;display:flex;}
#box_B figcaption {position:absolute;top:0;left:-100%;z-index:2;width:100%;height:100%;background:rgba(229, 37, 48, 0.85);-webkit-transition:.6s;transition:.6s;opacity:1;}
#box_B figure:hover figcaption {top:0;left:0;}
#box_B figcaption .boxlat_tit_center {top:45%;position:absolute;width:100%;text-align:center; font-weight:bold;}
#box_B figcaption a:link, #box_B figcaption a:visited {color:white; font-size:23px;}
#box_B figcaption a:hover {color:black; font-size:23px;}
/* VARI ---------------------*/
.clear { clear:both; }
l { clear:both; padding:0px; margin:0px; list-style-type:none; }
li { padding:0px; margin:0px; list-style-type:none; }
img { border:none; }
a:link, a:visited, a:hover { text-decoration:none; }
/* BLOG ----------------------*/
#see_also { border:1px solid #cccccc; }
#see_also a:link, #see_also a:hover, #see_also a:visited { color:#000; }
.row_year { float:left; width:100%; height:auto; text-align:left; margin-top:8px; padding-bottom:8px; margin-bottom:3px; }
.b_year { width:100%; float:left; font-size:1.2em; margin-bottom:8px; }
.b_month { float:left; width:auto; }
.b_month ul { clear:both; padding:0px; margin:0px; list-style-type:none; }
li.meseanno { display:inline; margin-right:4px; }
/********* MEDIA QUERY *************/
@media only screen and (max-width:768px), only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
div.wrap { margin:0 auto; max-width:82.25em; padding-right:0.75em; padding-left:0.75em; }
#cont_menu_mobi {display:block;width:100%;float:left;padding:12px 0px;background-color:#e52530;}
#ico_menu_mobi { width:auto; float:left; text-align:left; }
#ico_menu_mobi img {width:27px;}
#logo {width:100%; text-align:center; }
#logo img {height:40px;}
#menu, #cont_toptop { display: none; }
#cont_box_A {padding:50px 0px;}
#box_A div.boxlat_tit_center {font-size:25px;}
#sfondo_home {display:none;}
#cont_box_B {margin-top:0px;}
#box_B {width:100%;max-width:350px}
#box_B div.boxlat {width:100%;padding:0px;margin-bottom:50px;}
#box_B div.boxlat:nth-child(1), #box_B div.boxlat:nth-child(3) { padding-right: 0px;}
#box_B div.boxlat:nth-child(2n) {padding-left:0px;}
#box_B div.boxlat:last-child {margin-bottom:0px;}
#box_C1 {font-size:25px;width:100%;}
#box_C2 {float:left;margin-top:25px;}
#box_D { width:100%;}
#box_E { width:95%; }
#box_D iframe { height:250px;}
#footer { line-height:150%; }
#testo H1 {padding:25px 0px;}
H1 {font-size:25px;}
.text_header_titolocentro { text-align:center; width:70%; left:15%; right:15%; padding-top:20%; font-weight:bold; color:#fff;font-size:30px; text-transform:uppercase; line-height:30px; position:absolute; z-index:1000; bottom:30%; margin:0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s;}
#box_B figcaption {top:0;left:0;}
#contact_1, #contact_2, #contact_3 {width:100%;margin-top:0px;}
/* BLOG ------------------------------------------------------------------------------------------------------------*/
div.box_component {width:100%; margin-left:0%; margin-right:0%;margin-bottom:50px;}
div.elenco_post {width:100%;padding-left:0px;padding-right:0px;}
#post_bigimg { width:100%; }
div.elenco_post_img { width:100%; float:left; text-align:center; margin-right:0%; }
div.elenco_post_img img { width:100%; max-width:400px; margin-bottom:10px; }
div.elenco_post_testo { width:100%; }
div.box_component_img { width:100%; float:left;height: 300px;}
div.box_component_summary {width:100%; padding-top:50px; padding-bottom:40px; }
/* PRODOTTI / CATEGORIE ------------------------------------------------------------------------------------------------------------*/
div.categ { width:100%; }
div.categ {margin-left:0%; margin-right:0%;margin-bottom:0px;}
div.categ:last-child {margin-bottom:0px;}
div.wrap_categ {max-width:350px;}
div.product {width:100%;}
div.product_name a:link, div.product_name a:visited, div.product_name a:hover {font-size:18px;}
#product_image { margin-right:0%;width:100%;margin-top:10px; }
#product_detail { width:100%; margin-left:0%;margin-right:0%; margin-top:10px; }
.title-box-prod {width: 100%; margin: 0;}
.path-box-prod {width: 100%; margin: 0; text-align: left; padding-bottom: 30px; padding-top: 0;}
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
.lab_cont { width:100%; text-align:left; float:left; font-size:15px; padding-top:5px; margin-bottom:2px; margin-left:1%; }
.inp_cont { width:98%; margin-left:1%; float:left; margin-bottom:5px; margin-right:1%; }
input.radio { color:#000; border-style:none; width:25px; }
input { color:#000; }
div.newsl_label { width:100%; text-align:center; float:left; }
div.news_input { width:100%; float:left; margin-bottom:10px; text-align:center; }
input.newsl { width:80%; }
}
/* !!! schermi piccoli pc */
@media only screen and (min-width:769px) and (max-width:1024px){
div.wrap { margin:0 auto; max-width:81.75em; padding-right:1.5em; padding-left:1.5em; }
#box_C, #box_B {width:700px;}
}