.wrapper{width:100%;height: auto;margin:0 auto;padding:0px;position:relative; float: left;
/*border: 1px solid #ff00cc;*/}

#acas{
position:fixed; 
 top:45; 
 left:100; 
 width:100%; 
 height:100%; 
 overflow:auto; 
}

/*height:87px*/


.fotoslimit {
            
            text-align: center;
            margin:auto;
	width:550px;
	height: 450px;
	float:left;
/*border: 1px solid #ff0000;*/

        }
.fotoslimit2 {
            display:inline;
            text-align: center;
            margin:auto;
           /* background:red;*/
	width:520px;
height: 300px;
	float:left;

/*border: 1px solid #000000;*/
        }

#limit3{display: inline; 
float:right;
}

.fotoslimit3 {
            display:inline;
            text-align: center;
           /* margin:auto;*/
width: 350px;
height: 450px;
float:right;
	/*border: 1px solid blue;*/
        }

#zoom_mw{display:block; max-width:500px;max-height:400px;/*width:411px;height:274px;border:1px solid #e4e4e4;*/float:left;margin-bottom:5px;margin-top:0px;margin-left:0px;position:relative;}
.zoomWrapper{/*height:274px;width:411px;*/max-width:500px; max-height:390px;position:absolute;/*border:1px solid #e4e4e4;*/}

#img_01{width:58px;padding:1px; margin-right:10px;margin-top:10px;margin-bottom:40px}

#Orale{width:510px;height:97px;display:block;float:left;margin-top:10px;margin-left:0px;margin-bottom:10px}
#Orale a{display:inline-block;float:left;height:100px;width:58px;margin-right:5px}

/*#zprod_descrip{width: calc(100%-420px); height:411px;float:right;position:relative;font-family:sans-serif;font-size:17px;color:#6e6d6c;left:416px;border:1px solid green;top:auto;}*/


p.zprod_det{width:96%;padding-bottom:20px;/*border-top:2px dotted rgba(202,202,202,1);*/padding-top:20px;color:#333333;font-family:City;font-size:16px;clear:both}



.break_line{width:100%;border-bottom:1px solid transparent;border-top:1px solid transparent;margin:40px 0;clear:both}

#Orale img{border:2px solid #fff;width: 58px;}


#giordano{width:0px;}

/*.active img{border:2px solid #e4e4e4!important}@media screen and (min-width:0\0){.flexslider ul.slides li{margin-left:-315px}}*/

@media screen and (min-width:300px) and (max-width:1366px) {
body{font-size:0.8em;}
sidebar{display:none;}
}
img{max-width:100%;}


@media screen and (max-width: 1280px){

.fotoslimit3 {

width:280px;


}

@media screen and (max-width: 1190px){

.fotoslimit {
            
            text-align: center;
            margin:auto;
	width:420px;
	height: 380px;
	float:left;

        }

.fotoslimit3 {
height: 380px;
}

.fotoslimit2 {
            display:inline;
            text-align: center;
            margin:auto;
          
	width:420px;
height: 245px;
	float:left;

        }
#Orale{width:420px;}

#Orale a{display:inline-block;float:left;height:53px;width:50px;margin-right:0px;}
#zoom_mw{max-width:400px;max-height:235px;}

#Orale img{width:50px; }


#img_01{width:50px;}


}

@media screen and (max-width: 980px){

.fotoslimit {            
            text-align: center;
            margin:auto;
            /*background:red;*/
	width:400px;
	height: 380px;
	float:left;


        }

.fotoslimit2 {
            display:inline;
            text-align: center;
            margin:auto;
	width:400px;
height: 230px;
	float:left;

        }
#Orale{width:400px;}

#Orale a{display:inline-block;float:left;height:60px;width:45px;margin-right:5px;}
#zoom_mw{max-width:400px;max-height:230px;}


#Orale img{width:50px; }


#img_01{width:50px;}
}

@media screen and (max-width: 840px){

.fotoslimit {
            
            text-align: center;
            margin:auto;
           
	width:350px;
	height: 320px;
	float:left;


        }

.fotoslimit2 {
            display:inline;
            text-align: center;
            margin:auto;
           
	width:350px;
height: 205px;
	float:left;
        }
#Orale{width:350px;}

#Orale a{display:inline-block;float:left;height:53px;width:35px;margin-right:5px}
#zoom_mw{max-width:350px;max-height:205px;}

#Orale img{width:45px;}
#img_01{width:45px;}
}



@media screen and (max-width: 760px){
.wrapper{float: none; margin: auto;}

.fotoslimit {         
	width:90%;
	height: 460px;
	margin: auto;

        }
.fotoslimit2 {
            display: block;
            text-align: center;
            margin:auto;
	width:100%;
height: 300px;
	float:none;

        }

#Orale{width:600px;}

#limit3{display: block; 
float:none;
margin: auto;
}

.fotoslimit3 {
width: 100%;
margin: auto;

}


#Orale{width:100%;}

#Orale a{display:inline-block;float:left;height:45px;width:58px;margin-right:5px}
#zoom_mw{max-width:100%;max-height:346px; margin: auto;}

#Orale img{width:58px;}
#img_01{width:58px;}
}

@media screen and (max-width: 600px){

.fotoslimit {         
	width:95%;
	height: 460px;

        }
.fotoslimit2 {
            display: block;
            text-align: center;
            margin:auto;
	width:100%;
height: 280px;
	float:none;

        }

#Orale{width:600px;}

#limit3{display: block; 
float: none;
margin: auto;
}

.fotoslimit3 {
width: 100%;
margin: auto;
text-align: center;

}


#Orale{width:100%;}

#Orale a{display:inline-block;float:left;height:45px;width:58px;margin-right:5px}
#zoom_mw{max-width:98%;max-height:346px;}

#Orale img{width:58px;}
#img_01{width:58px;}
}

@media screen and (max-width: 550px){

.fotoslimit {         
	width:98%;
	height: 460px;

        }
.fotoslimit2 {
            display: block;
            text-align: center;
            margin:auto;
	width:100%;
height: 280px;
	float:none;

        }

#Orale{width:500px;}

#limit3{display: block; 
float: none;
margin: auto;
}

.fotoslimit3 {
width: 100%;
margin: auto;

}


#Orale{width:100%;}

#Orale a{display:inline-block;float:left;height:45px;width:58px;margin-right:5px}
#zoom_mw{max-width:98%;max-height:346px;}

#Orale img{width:58px;}
#img_01{width:58px;}
}


@media screen and (max-width: 480px){
.fotoslimit { 
	width:90%;
	height: 280px;        }
.fotoslimit2 {
	width:100%;
height: 200px;
        }

#limit3{display: inline; 
float:left;
margin:auto;
}

.fotoslimit3 {

width: 100%;
margin: auto;

}
#Orale{width: 100%;}
#Orale a{display:inline-block;float:left;height:35px;width:40px;margin-right:5px}
#zoom_mw{max-width:98%;max-height:290px;}
#Orale img{width:40px;}
#img_01{width:40px;}}


@media screen and (max-width: 450px){
.fotoslimit { 
	width:90%;
	height: 280px;        }
.fotoslimit2 {
	width:100%;
height: 200px;
        }

#limit3{display: inline; 
float:left;
margin:auto;
}

.fotoslimit3 {

width: 100%;
margin: auto;

}
#Orale{width: 100%;}
#Orale a{display:inline-block;float:left;height:35px;width:40px;margin-right:5px}
#zoom_mw{max-width:95%;max-height:290px; width:95%}
#Orale img{width:40px;}
#img_01{width:40px;}}

@media screen and (max-width: 366px){
.fotoslimit { 
	width:90%;
	height: 280px;        }
.fotoslimit2 {
	width:90%;
height: 200px;
        }

#limit3{display: inline; 
float:left;
margin:auto;
}

.fotoslimit3 {

width: 100%;
margin: auto;

}
#Orale{display:block; width: 90%; margin-auto;}
#Orale a{display:inline-block;float:left;height:35px;width:40px;margin-right:5px}
#zoom_mw{max-width:98%;max-height:290px; width:98%}
#Orale img{width:40px;}
#img_01{width:40px;}}



@media screen and (max-width: 300px){
.fotoslimit { 
	width:90%;
	height: 320px;        }
.fotoslimit2 {
	width:98%;
height: 200px;
        }

#limit3{display: inline; 
float:left;
margin:auto;
}

.fotoslimit3 {

width: 100%;
margin: auto;

}
#Orale{display:block; width: 100%; margin-auto;}
#Orale a{display:inline-block;float:left;height:35px;width:40px;margin-right:5px}
#zoom_mw{max-width:98%;max-height:290px; width:98%}
#Orale img{width:40px;}
#img_01{width:40px;}}



</style>

<style type="text/css">


.tododar {
  display:block;
 position:relative;
  margin-top: 10px;
  margin-right: 10px;

float:right;
/*margin:auto;*/
border:solid 1px #010101;

height:70px;
}

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 4px solid #00DBFF;/*#00ACCA;*/
}



/*==========checkbox=======*/
.yahoo {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
color: #010101;
font-weight: bold;
text-align: left;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.yahoo input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.yahoo:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.yahoo input:checked ~ .checkmark {
  background-color: #0F121B;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.yahoo input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.yahoo .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #00DBFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}