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


#cookieChoiceInfo  { font-size:13px; color: #ffffff; text-align:center; background-color:#000000; font-family: Arial, Helvetica, sans-serif; padding:20px 5%; z-index: 999999;}
#cookieChoiceDismiss{ font-weight:bold; text-decoration:none; color:#ffffff;}

html,body{margin: 0; padding: 0; height: 100%;}	
body{ font-family: 'Open Sans Condensed', sans-serif;}

ol{padding: 0; margin: 10px 0;}
.string1{position: absolute; z-index: 9999999; right: 0; margin-top: 219px; width: 45px; display: none;}
.string2{position: absolute; z-index: 9999999; right: auto; margin-left: 130px; margin-top: 355px; width: 176px; display: none;}
.string3{position: absolute; z-index: 9999999; right: auto; margin-left: 130px; margin-top: 555px; width: 51px; display: none;}


.navigation{width: 100%; padding: 0; height: 100%; background-color: #000000; float: left; margin-left: -1100px; position: fixed; z-index: 99999;}
.navigation_in{margin-left: 1100px; position: absolute; right: 5%; height: 100%; padding: 0 0 0 5%}
.navigation a{color: #bbbbbb; text-decoration: none;}
.current, .navigation a:hover{color: #ffffff;}
.logo img{width: 100%; max-width: 230px; margin-top: 50px;}
.nav{color: #bbbbbb; margin: 100px 0; padding: 0; text-transform: uppercase;}
.nav li{list-style: none; margin: 10px 0; padding: 0; font-size: 22px; font-weight: 300;}	

.menu_m{display: none;}

.footer{color: #bbbbbb; bottom: 50px; font-size: 16px;}
	
.content{ float: right; width: 1100px;}	
	
.content a{color: #000000;}
.header{width: 100%;}
.header img{width: 100%;}
.product_top{ margin: -180px auto 5px auto; width: 100%; text-align: center; z-index: 9999;
position: relative;}	
.product_top img{margin: 0 30px; }	
.title1{font-weight: bold; margin: 0 auto; font-size: 30px; text-align: center; padding: 0 10px;}	
.title2{background-color: #000000; color: #ffffff;  padding: 15px 20px; text-transform: uppercase; font-size: 26px; font-weight: bold; text-align: center; margin: 0 auto;}
.title3{font-size: 20px; text-align: center; display: block; margin-top: 10px; text-transform: uppercase; max-width: 295px;}
.title4{background-color: #000000; color: #ffffff; width: 255px; padding: 15px 20px; text-transform: uppercase; font-size: 26px; font-weight: bold;  text-align: center; margin: 40px 0 0 0;}
.title5{background-color: #000000; color: #ffffff; width: auto; padding: 15px 20px; text-transform: uppercase; font-size: 21px; font-weight: bold;  text-align: center; margin: 0 auto;}
.title6{font-size: 20px; text-align: center; display: block; margin-top: 10px; width: auto; text-transform: uppercase;}


.content ul{margin: 0; padding: 0 25px}
	
.riquadro{ text-align: center; width: auto; margin: 0 auto; position: relative;
z-index: 999;}
.txt{ text-align: center; width: 90%; padding: 0 5%; font-size: 25px; margin: 0 auto;}	
.txt2{ text-align: center; width: 90%; padding: 0 5%; font-size: 25px; max-width: 550px; margin: 80px auto;}	
.txt3{ width: 80%; padding: 0 5%; font-size: 25px; margin: 0 auto;}	
.txt4{ width: 100%; padding: 0; font-size: 25px; margin: 50px auto;}	

.strip{ width: 100%;  margin: 0 auto; text-align: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+52,eff0f0+52,eeefef+53,f0f1f1+54,f2f3f3+64,f4f5f5+65,f5f5f5+69,f6f7f7+70,f8f8f8+76,f9fafa+76,f9f9f9+78,fafbfb+78,fcfcfc+86,fefefe+87,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 52%, #eff0f0 52%, #eeefef 53%, #f0f1f1 54%, #f2f3f3 64%, #f4f5f5 65%, #f5f5f5 69%, #f6f7f7 70%, #f8f8f8 76%, #f9fafa 76%, #f9f9f9 78%, #fafbfb 78%, #fcfcfc 86%, #fefefe 87%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 52%,#eff0f0 52%,#eeefef 53%,#f0f1f1 54%,#f2f3f3 64%,#f4f5f5 65%,#f5f5f5 69%,#f6f7f7 70%,#f8f8f8 76%,#f9fafa 76%,#f9f9f9 78%,#fafbfb 78%,#fcfcfc 86%,#fefefe 87%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 52%,#eff0f0 52%,#eeefef 53%,#f0f1f1 54%,#f2f3f3 64%,#f4f5f5 65%,#f5f5f5 69%,#f6f7f7 70%,#f8f8f8 76%,#f9fafa 76%,#f9f9f9 78%,#fafbfb 78%,#fcfcfc 86%,#fefefe 87%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
	
.strip a{color: #000000;}
	
.strip2{ width: 100%;  margin: 0 auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+52,eff0f0+52,eeefef+53,f0f1f1+54,f2f3f3+64,f4f5f5+65,f5f5f5+69,f6f7f7+70,f8f8f8+76,f9fafa+76,f9f9f9+78,fafbfb+78,fcfcfc+86,fefefe+87,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 52%, #eff0f0 52%, #eeefef 53%, #f0f1f1 54%, #f2f3f3 64%, #f4f5f5 65%, #f5f5f5 69%, #f6f7f7 70%, #f8f8f8 76%, #f9fafa 76%, #f9f9f9 78%, #fafbfb 78%, #fcfcfc 86%, #fefefe 87%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 52%,#eff0f0 52%,#eeefef 53%,#f0f1f1 54%,#f2f3f3 64%,#f4f5f5 65%,#f5f5f5 69%,#f6f7f7 70%,#f8f8f8 76%,#f9fafa 76%,#f9f9f9 78%,#fafbfb 78%,#fcfcfc 86%,#fefefe 87%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 52%,#eff0f0 52%,#eeefef 53%,#f0f1f1 54%,#f2f3f3 64%,#f4f5f5 65%,#f5f5f5 69%,#f6f7f7 70%,#f8f8f8 76%,#f9fafa 76%,#f9f9f9 78%,#fafbfb 78%,#fcfcfc 86%,#fefefe 87%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
	
.strip2 a{color: #000000;}	
.strip2 tr{vertical-align: top;}	
	
.prodsx{width:60%; }	
.prodsx img{width: 96%; padding: 2%;}	
.proddx{width:40%; }	
	
.product_list {
    display: inline-block;
    margin: 0px 10%;
    width: 26%;
}

.product_list img{width: 100%;}

.product_list2 {
    display: inline-block;
    margin: 20px 38px;
    width: 245px;
}	


.product_list2 img{
    width: 100%;
}	

.border{border-top: solid 2px #ffffff; border-bottom: solid 2px #ffffff; display: block; padding: 10px 0}	
.margtop{margin-top: 80px;}
.clear{clear: both;}

.bgnav{width: 100%;
padding: 0;
height: 100%;
background-color: #000000;
float: left;
margin-left: -75%;
position: fixed; display: none;}

.footer_m{width: 90%; padding: 20px 5%; background-color: #000000; color: #ffffff; display: none;}
.footer_m a{color: #ffffff; text-decoration: none;}

@media screen and (min-width: 1100px) and (max-width: 1500px) {	
.nav{color: #bbbbbb; margin: 80px 0; padding: 0; text-transform: uppercase;}	
.logo img{width: 100%; max-width: 200px; margin-top: 50px;}
.txt{ text-align: center; width: 90%; padding: 0 5%; font-size: 22px; margin: 0 auto;}	
.txt2{ text-align: center; width: 90%; padding: 0 5%; font-size: 22px; max-width: 550px; margin: 80px auto;}	
.txt3{ width: 80%; padding: 0 5%; font-size: 22px; margin: 0 auto;}	
.txt4 {
    width: 100%;
    padding: 0;
    font-size: 20px;
    margin: 35px auto;
}
.title1{font-weight: bold; margin: 0 auto; font-size: 26px; text-align: center; padding: 0;}	
.title3{font-size: 18px; text-align: center; display: block; margin-top: 10px; text-transform: uppercase;}
.title4{background-color: #000000; color: #ffffff; max-width: 255px; width: auto; padding: 15px 20px; text-transform: uppercase; font-size: 20px; font-weight: bold; text-align: center; margin: 40px 0 0 0;}
.title5 {
    background-color: #000000;
    color: #ffffff;
    width: auto;
    padding: 15px 12px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.title6{font-size: 20px; text-align: center; display: block; margin-top: 10px; width: auto; text-transform: uppercase;}	
	
.nav li{list-style: none; margin: 10px 0; padding: 0; font-size: 18px; font-weight: 300;}	

	
.navigation{width: 100%; padding: 0; height: 100%; background-color: #000000; float: left; margin-left: -75%; position: fixed;}
		
.content{ float: right; width: 75%;}		
	
.navigation_in {
    margin-left: 75%;
    position: absolute;
    height: 100%;
}
	
.footer{color: #bbbbbb;  bottom: 50px; font-size: 14px;}

.product_list {
    display: inline-block;
    margin: 0px 8%;
    width: 30%;
	max-width: 240px;
}	
	
.footer{color: #bbbbbb;  bottom: 50px; font-size: 14px;}
	
.border {

    border-top: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    display: block;
    padding: 8px 0;

}	
	
.title2 {

    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-align: center;

}	

.margtop{margin-top: 80px;}	
	

.product_top{ margin: -150px auto 5px auto; width: 100%; text-align: center}

.product_top img {

    margin: 0px 20px;
    max-width: 150px;
}
	
.product_list2 {
    display: inline-block;
    margin: 20px 30px;
    width: 200px;
}
	
.string1{position: absolute; z-index: 9999999; right: 0; margin-top: 15%; width: 3%; display: none;}
.string2{position: absolute; z-index: 9999999; right: auto; margin-top: 24%; width: 13%; display: none;}
.string3{position: absolute; z-index: 9999999; right: auto; margin-top: 38%; width: 3.5%; display: none;}
	
}


@media screen and (max-width: 1099px) {	
.menu_m{background-color: #000000; width: 90%; padding: 5px 5%; display: block;}
.openmenu{cursor: pointer;}
.logo_m{max-width: 100px;}
.nav{color: #bbbbbb; margin: 80px 0; padding: 0; text-transform: uppercase;}	
.navigation{display: none;}
.logo img{width: 100%; max-width: 200px; margin-top: 50px;}
.txt{ text-align: center; width: 90%; padding: 0 5%; font-size: 20px; margin: 0 auto;}	
.txt2{ text-align: center; width: 90%; padding: 0 5%; font-size: 18px; max-width: 550px; margin: 80px auto;}	
.txt3{ width: 80%; padding: 0 5%; font-size: 18px; margin: 0 auto;}	
.txt4 {
    width: 100%;
    padding: 0;
    font-size: 20px;
    margin: 15px auto;
    text-align: center;
}
.title1{font-weight: bold; margin: 0 auto; font-size: 22px; text-align: center; padding: 0;}	
.title3 {
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
    margin: 10px auto;
}.title4 {
    background-color: #000000;
    color: #ffffff;
    max-width: 255px;
    width: auto;
    padding: 15px 18px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.title5 {
    background-color: #000000;
    color: #ffffff;
    width: auto;
    padding: 15px 12px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
	
.title5  .border {min-height: 34px;}	
	
.title6{font-size: 14px; text-align: center; display: block; margin-top: 10px; width: auto; text-transform: uppercase;}	
	
.nav li{list-style: none; margin: 10px 0; padding: 0; font-size: 18px; font-weight: 300;}	

	
.navigation {
    width: calc(100% - 75px);
    padding: 0;
    height: 100%;
    background-color: #000000;
    float: left;
    margin-left: 0;
    position: fixed;
    top: 0;
    max-width: 300px;
}
	
.content{ float: none; width: 100%}		
	
.navigation_in {
    margin-left: 0;
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 10%;
}
	
.footer{color: #bbbbbb;  bottom: 50px; font-size: 14px;}

.product_list {
    display: inline-block;
    margin: 0px 5%;
    width: 39%;
    max-width: 220px;
}
	
.footer{display: none;}
	
.border {
    border-top: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    display: block;
    padding: 8px 0;
}
	
.title2 {
    background-color: #000000;
    color: #ffffff;
    padding: 15px 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.margtop{margin-top: 80px;}	
	

.product_top{ display: none;}


.product_list2 {
    display: inline-block;
    margin: 20px 2%;
    width: 28%;
}
	
	.riquadro {
    text-align: center;
    width: auto;
    margin: -8% auto 30px auto;
    padding: 0 5%;
}	
	
	
.prodsx {
    width: 100%;
    display: block;
    max-width: 500px;
    margin: 0 auto;
}
	
.proddx {
    width: 100%;
    display: block;
    margin: -60px auto 0 auto;
}	
	
.bgnav{display: none !important;}	
	
	
 .logo img{
    width: 100%;
    max-width: 170px;
    margin-top: 27px;
}	

.footer_m{display: block;}
.break{display: block}	
	
.string1{position: absolute; z-index: 9999999; right: 0; margin-top: 19.5%; width: 5%; display: none;}
.string2{position: absolute; z-index: 9999999; right: 64%; margin-top: 31%; width: 21%; display: none;}
.string3{position: absolute; z-index: 9999999; right: 84%; margin-top: 50.5%; width: 6%; display: none;}

}




/* per altezza medium desktop */
@media screen and (max-height: 700px) and (max-width: 1500px)  {	

	.footer{color: #bbbbbb; position: absolute; bottom:auto; font-size: 14px; width: 75%; padding: 0 0 50px 0}
	.navigation {
    position: absolute;
}
	
	.bgnav{display: block;}	
	

	
}


/* per altezza large desktop */
@media screen and (max-height: 720px) and (min-width: 1501px)  {	

	.footer{color: #bbbbbb; position: absolute; bottom:auto; font-size: 14px; width: 75%; padding: 0 0 50px 0}
	.navigation {
    position: absolute;
}
	
	.bgnav{display: block;
margin-left: -1100px;
}

	
}