/* CSS Document */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1 {color: #F58406; font-size: 20px;} /*titolo pagina*/
h2 {color: #006699; font-size: 16px;} /*titolo pagina*/

.clear:before,
.clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}
table.Personaliz {text-align: center;}

img {max-width:100%; width:auto !important;}

body {background:#fff; font-family: "Open Sans", sans-serif; !important; padding-top:20px;}
body ul {list-style: none; margin:0;padding:0;} 

div.Note {color:#fff;margin:0 auto;max-width:985px;text-transform:uppercase;
margin-top:5px; background:#ff9d00 ;padding-left:15px;padding-top:9px;text-align:left;
font-size:16px;font-weight:lighter;line-height:28px;
padding-bottom:6px;font-family:"Helvetica";}

div.Titolo {color:#fff;margin:0 auto;max-width:985px;text-transform:uppercase;
margin-top:5px;background:#006699;padding-left:15px;padding-top:9px;text-align:left;
font-size:16px;font-weight:lighter;line-height:28px;
padding-bottom:6px;font-family:"Helvetica";}

div.Titolo2 {color:#3e3e3e;font-size:18px;font-family:"Helvetica";margin-top:0px;
max-width:985px;text-align:center;}

div.Testo {color:#383838;margin:0 auto;max-width:985px;margin-top:0px;
background:#fff;padding:10px;margin-bottom:0px;text-align:justify;
line-height:21px;font-family:"Helvetica";font-size:14px;overflow:hidden;}


div.Payoff {color:#0885F9;font-size:15px; margin-top:10px;
margin-left:20px;max-width:970px;margin:0 auto;}

div.Contacts {text-align:right;color:#3e3e3e;font-size:18px;
max-width:985px;margin:0 auto;margin-top:-80px;margin-bottom:15px;line-height:20px;}

div.Contacts span {text-align:right;color:#808080;font-size:15px;margin-top:10px;line-height:20px;}
div.Contacts a {color:#808080;text-decoration:none;}
div.Contacts a:hover {color:#006699;}
div.ConImage1 {margin-top:6px;padding:5px;display:inline-block;}
div.ConImage2 {padding:5px;display:inline-block;}

div.Titolo3 {color:#fff;max-width:985px;text-transform:uppercase;
margin-left:auto;margin-right:auto;background:#e665dd;padding-left:15px;padding-top:11px;
padding-bottom:8px;line-height:21px;font-family:"Helvetica";margin-top:0px;}


div.Menu {margin:0 auto;border-top:1px solid #b3b3b3; padding:20px;text-align:center;text-transform:uppercase;font-size:15px;font-weight:bold;
margin-bottom:20px;}

div.Menu a {text-decoration:none;margin-left:15px;margin-right:15px;color:#3e3e3e;}
div.Menu a:hover {color:#ec670e;}


div.Col1 {float:left;width:30%;text-align:center;font-size:22px;line-height:30px;
text-transform:uppercase;padding:20px;border-right:1px solid #b2b2b2;}

div.Col2 {float:left;width:70%;font-size:18px;line-height:30px;text-transform:uppercase;padding:20px;
color:#f2d100;}
div.Col2 strong {color:#a8a8a8;font-weight:lighter;}

div.Descrizione4 {
color:#ddd;margin:0 auto;max-width:950px;margin-top:10px;
padding:15px;margin-bottom:15px;line-height:21px;font-family:"Helvetica";font-size:14px;overflow:hidden;}

div.Text1 {font-size:24px;color:#000;margin-top:20px;}

div.Text2 {font-size:19px;color:#000;margin-top:20px;}
div.Text2 strong {font-size:21px;color:#f00;margin-top:20px;text-transform:uppercase;}

div.Text3 {font-size:15px;color:#000;margin-top:20px;}
div.Text3 strong {font-size:22px;color:#000;margin-top:20px;}

div.Text4 {font-size:15px;color:#000;margin-top:20px;line-height:19px;}


div.ContentBox {margin:0 auto;max-width:985px;background:#fff;overflow:hidden;}

div.product-gallery {margin:0 auto;margin-bottom:20px;width:70%;}

/*Colonna destra template*/

div.Colonnabox {float:right;background:transparent;width:50%;margin-top:10px;padding-left: 30px;}

div.Descrizione2 {color:#6f6f6f;line-height:21px;font-family:"Helvetica";font-size:14px;
padding-top:10px;padding-bottom:10px;border-top:1px solid #e3e3e3;text-align:justify;
margin-top:10px;margin-bottom:10px;}


div.Prezzo {background:#f28f19; color:#fff;padding:15px;text-align:center;font-size:18px;margin-top:20px;margin-bottom:20px;}
div.Prezzo span {color:#fff;font-weight:bold;}



#pulsantiera {
	margin-top:20px;
    max-width: 985px;
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
}

#pulsantiera label{
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-weight: 600;
    margin-top: 2px;
    padding: 15px 20px;
    text-align: left;}

input {display: none;}

.contentblock {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    margin-bottom:1px;
    margin-top:-1px !important;
    padding-top:15px;
}

.contentblock a {text-decoration:none !important;color:#929292 !important;}

.contentblock p {margin-top:0px;font-family: "Helvetica";font-size:14px;line-height:20px !important;color:#383838;}
.contentblock p strong {color:#eb6207 !important;}
 
.contentblock p strong a {text-decoration:none !important;color:#c8a704 !important;font-weight:Bold;}

.contentblock p a {text-decoration:none !important;color:#929292 !important;font-weight:Bold;}
.contentblock p a:hover {text-decoration:none;color:#ed7322 !important;font-weight:Bold;}

.contentblock > div {
    display: none;
}
input {
    display: none;
}

#pulsantiera label {
	font-family:"Helvetica";
	text-transform:uppercase;
	font-size:14px !important;
	color:#414141;
    background: #fff;
    display:inline-block;
    border-left:1px solid #b3b3b3;
    border-right:1px solid #b3b3b3;
    border-top:1px solid #b3b3b3;
    border-bottom:1px solid #b3b3b3;
    margin:0px;
    padding-top: 11px;
    padding-bottom: 8px;
    width:16.2%;
    text-align: center;
}

#pulsantiera label:hover {
    background: #006699;
    color: #fff;
    border-left:1px solid #006699;
    border-right:1px solid #006699;
    border-top:1px solid #006699;
    border-bottom:1px solid #006699;
    cursor: pointer; 
}

#pulsantiera input:checked + label {
    background:#006699 none repeat scroll 0 0;
    color:#fff;
    border-left:1px solid #006699;
    border-right:1px solid #006699;
    border-top:1px solid #006699;
    border-bottom:1px solid #006699;
}

.mainline > label {
    width: 100%;
}
#tab01:checked ~ .contentblock #content1, #tab02:checked ~ .contentblock #content2,
#tab03:checked ~ .contentblock #content3, #tab04:checked ~ .contentblock #content4,
#tab05:checked ~ .contentblock #content5, #tab06:checked ~ .contentblock #content6 {
    display: block;
}
#tab07:checked ~ .contentblock #content7, #tab08:checked ~ .contentblock #content8,
#tab09:checked ~ .contentblock #content9, #tab10:checked ~ .contentblock #content10,
#tab11:checked ~ .contentblock #content11, #tab12:checked ~ .contentblock #content12 {
    display: block;
    width: 100%;
}

.product-gallery {
    padding-top: 30px;
    margin-bottom: 30px;
}

.product-gallery .gallery-img-container {
    position: relative;
    padding-top: 100%;
}

.product-gallery .gallery-img-container > img{
    position: absolute;
    left: 0;
    top: -15px;
    max-height: 100% !important;
    transition: all 0.5s;
}

.product-gallery input[name="slide_switch"] {
    display: none;
}

.product-gallery label {
    width:12.5% !important;
    float: left;
    border: 1px solid #fff; 
    cursor: pointer;
    transition: all 0.5s;
    opacity: 0.6;
}

.product-gallery label img {
    display: block;
}

.product-gallery input[name="slide_switch"]:checked+label {
    opacity: 1;
}

.product-gallery input[name="slide_switch"] ~ img {
    opacity: 0;
    transform: scale(1.1);
}

.product-gallery input[name="slide_switch"]:checked+label+img {
    opacity: 1;
    transform: scale(1);
}

div.Header {background:#fff; padding:10px;margin:0 auto;max-width:985px;overflow:hidden;}

div.Headerimage {background:#fff; margin:0 auto;max-width: 50%;overflow:hidden;} 

div.Hleft {float:left;}
div.Hleft a {text-decoration:none;color:#fff;font-size:12px;padding-right:15px;}
div.Hleft a:hover {color:#fbda01 !important;}

div.Hright {float:right;text-decoration:none;color:#fff;font-size:12px;margin-top:3px;}
div.Hright span {color:#fbda01;}

div.Hright div.Wp {float:right;margin-left:5px;}



div.Footer {border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#fafafa;
padding:15px 25px 0 25px;margin:0 auto;max-width:985px;overflow:hidden;margin-top:0px;}

div.Footer .FCol1, .FCol2, .FCol3, .FCol4 {width:21%;float:left;text-align:left;margin:15px 10px 1px 20px;}

div.Footer .FCol1 a {color:#929292;font-size:12px;padding:10 0;text-decoration:none;line-height:22px;}
div.Footer .FCol2 a {color:#929292;font-size:12px;padding:10 0;text-decoration:none;line-height:22px;}
div.Footer .FCol3 a {color:#929292;font-size:12px;padding:10 0;text-decoration:none;line-height:22px;}
div.Footer .FCol4 p {color:#929292;font-size:12px;padding:10 0;}
div.Footer .FCol4 a {color:#929292;font-size:12px;padding:10 0;line-height:22px;text-decoration:none;}

div.FCol1 a:hover {color:#ed7322 !important;}
div.FCol2 a:hover {color:#ed7322 !important;}
div.FCol3 a:hover {color:#ed7322 !important;}
div.FCol4 a:hover {color:#ed7322 !important;}

div.Footer .FCol1 strong {font-size:16px; color:#414141;font-weight:lighter;margin-bottom:15px;}
div.Footer .FCol2 strong {font-size:16px; color:#414141;font-weight:lighter;}
div.Footer .FCol3 strong {font-size:16px; color:#414141;font-weight:lighter;}
div.Footer .FCol4 strong {font-size:16px; color:#414141;font-weight:lighter;}

div.Bottom {background:#c8a704;padding-top:10px;padding-bottom:7px;padding-left:8px;color:#fff;text-align:center;
font-size:14px;margin:0 auto;max-width:985px;overflow:hidden;margin-bottom:20px;}

@media (max-width: 950px) and (min-width: 501px) {

div.Intro {background:#fafafa;border:1px solid #cacaca;padding:10px;overflow:hidden;color: #7a7a7a;
font-size: 12px;text-align: justify;line-height:18px;}

    #pulsantiera {
        position: relative;
    }

    #pulsantiera > label {
        width:100%;
        margin-top:15px;
    }

div.Intro span {color: #3e3e3e;font-size: 13px;}

div.Contacts {text-align:right;color:#3e3e3e;font-size:18px;
margin:0 auto;margin-top:-80px;margin-bottom:15px;line-height:20px;margin-right:20px;}

div.Menu {margin:0 auto;border-top:1px solid #030101; padding:20px;text-align:center;text-transform:uppercase;font-size:13px;font-weight:bold;margin-bottom:20px;}

div.Payoff {display:none;}
div.Headerimage {background:#fff; margin:0 auto;overflow:hidden;} 

div.Header {background:#000; padding:10px;margin:0 auto;overflow:hidden;text-align:center;}

div.Footer .FCol1, .FCol2 {width:40%;float:left;text-align:left;margin:10px;}
div.Footer .FCol3, .FCol4 {width:40%;float:left;text-align:left;margin:10px;}

div.Titolo {color:#fff;margin:0 auto;text-transform:uppercase;
margin-top:5px;background:#006699;padding-left:15px;padding-top:11px;text-align:center;
font-size:20;line-height:28px;padding-bottom:8px;font-family:"Helvetica";}

div.Col1 {width:100%;text-align:center;font-size:20px;line-height:30px;
text-transform:uppercase;padding:20px;border-right:0px !important;}

div.Col2 {width:100%;font-size:16px;line-height:30px;text-transform:uppercase;
padding:20px;color:#f2d100;text-align:center;}

div.Col2 strong {text-align:center;color:#a8a8a8;font-weight:lighter;}

div.Descrizione4 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8db05+0,c0a800+100 */
background: #f8db05; /* Old browsers */
background: -moz-linear-gradient(top, #f8db05 0%, #c0a800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8db05 0%,#c0a800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8db05 0%,#c0a800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8db05", endColorstr="#c0a800",GradientType=0 ); /* IE6-9 */}

div.Testo {color:#383838;margin:0 auto;max-width:985px;margin-top:0px;
background:#fff;padding:10px;margin-bottom:0px;text-align:justify;
line-height:16px;font-family:"Helvetica";font-size:12px;overflow:hidden;}

}



@media (max-width: 500px) {

    #pulsantiera {
        position: relative;
    }

    #pulsantiera > label {
        width:100%;
        margin-top:5px;
    }
    

div.Payoff {display:none;}
div.Headerimage {background:#fff; margin:0 auto;overflow:hidden;}
 
 
div.Headerimage a img {width:40% !important;}

 
div.Testo {color:#383838;margin:0 auto;max-width:985px;margin-top:0px;
background:#fff;padding:10px;margin-bottom:0px;text-align:justify;
line-height:16px;font-family:"Helvetica";font-size:12px;overflow:hidden;}

div.Intro {background:#fafafa;border:1px solid #cacaca;padding:10px;overflow:hidden;color: #7a7a7a;
font-size: 12px;text-align: justify;line-height:18px;}

div.Intro span {color: #3e3e3e;font-size: 13px;}

div.Menu {display:none;}

div.Contacts {text-align:right;color:#3e3e3e;font-size:18px;
margin:0 auto;margin-top:-70px;margin-bottom:15px;line-height:12px;margin-right:20px;}

div.Header {background:#000; padding:10px;margin:0 auto;overflow:hidden;text-align:center;}

div.Footer .FCol1 {width:100%;text-align:center;margin:10px;padding:2px;}
div.Footer .FCol2 {width:100%;text-align:center;margin:10px;padding:2px;}
div.Footer .FCol3 {width:100%;text-align:center;margin:10px;padding:2px;}
div.Footer .FCol4 {width:100%;text-align:center;margin:10px;padding:2px;}

div.Footer .FCol1 a {margin:10px;padding:2px;}
div.Footer .FCol2 a {margin:10px;padding:2px;}
div.Footer .FCol3 a {margin:10px;padding:2px;}
div.Footer .FCol4 a {margin:10px;padding:2px;}

div.Titolo {color:#fff;margin:0 auto;text-transform:uppercase;
margin-top:5px;background:#006699;padding-left:15px;padding-top:11px;text-align:center;
font-size:18;line-height:28px;
padding-bottom:8px;font-family:"Helvetica";}

div.Col1 {width:100%;text-align:center;font-size:18px;line-height:30px;
text-transform:uppercase;padding:20px;border-right:0px !important;}

div.Col2 {width:100%;text-align:center;font-size:14px;line-height:30px;
text-transform:uppercase;padding:20px;color:#f2d100;}

div.Descrizione4 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8db05+0,c0a800+100 */
background: #f8db05; /* Old browsers */
background: -moz-linear-gradient(top, #f8db05 0%, #c0a800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8db05 0%,#c0a800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8db05 0%,#c0a800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8db05", endColorstr="#c0a800",GradientType=0 ); /* IE6-9 */}

}

div.Personalizzazioni {border:1px solid #cacaca;padding:10px;overflow:hidden;color: #7a7a7a;
font-size: 12px;text-align: justify;line-height:22px;}

div.Intro {background:#fafafa;border:1px solid #cacaca;padding:10px;overflow:hidden;color: #7a7a7a;
font-size: 13px;text-align: justify;line-height:22px;}

div.Intro span {color: #3e3e3e;font-size: 14px;}

div.SubTitle {background:#434343;color:#fff;text-align:center;padding:10px;}
div.TabSize {color:#666;text-align:center;margin-bottom:10px;margin-top:10px;}

div.Pultit1 {font-size:24px;color:#383838;text-transform:uppercase;}
div.Pultit2 {font-size:15px;color:#929292;text-transform:uppercase;}

div.Pultit4 {font-size:13px;color:#929292;margin-top:15px;line-height:20px;}
div.Pultit4 strong {font-size:13px;color:#383838;}

div.Pultit5 {font-size:24px;color:#eb6207;margin-top:15px;}
div.Pultit5 span {font-size:24px;color:#929292;text-decoration:line-through;}

div.Pultit6 {font-size:13px;color:#929292;margin-top:15px;}
div.Pultit6 strong {font-size:13px;color:#383838;}