#draw_content{ max-width: 107rem; width: 100%; margin: 0 auto; font-size:14px; line-height: 1.4;}
#draw_content h1{ font-family: 'Michroma', sans-serif; color: #0b5fa7; text-transform: uppercase; border-bottom: 2px #0b5fa7 solid; padding: 1rem;}
#draw_content .box{ margin:3rem 0;}
#draw_content .box h2{ color: #0b5fa7; margin-top: 0;}
#draw_content .box p{ text-align: justify;}
#draw_content .box .sx{ float:left; width: 47%; padding: 1rem;}
#draw_content .box .sx img{ max-width: 100%;}
#draw_content .box .dx{ float:right; width: 47%; padding: 1rem;}
#draw_content .legenda{ background-color:#005192; background-image: url('/images/draw/ico01.png'); background-repeat: no-repeat; background-position: 2rem center; color:#FFF; padding: 1rem; padding-left: 8rem;}
#draw_content .box3,#draw_content .box4,#draw_content .box5{ padding: 1rem;}

#draw_content .box3 .table-responsive { margin-top:2rem; overflow-x: auto;}
#draw_content .box3 table{ width: 100%;}
#draw_content .box3 table tr td{ background-color: #F0F0F0; text-align: center; padding: 0.5rem;}
#draw_content .box3 table tr.header1 td{ background-color: #055a9b; color: #FFF; text-transform: uppercase; font-weight: bold;}
#draw_content .box3 table tr.header2 td{ background-color: #0099cc; color: #FFF; text-transform: uppercase; font-weight: bold;}

#draw_content .box4 h3{ clear:both; text-align: center; display: inline-block; width: 100%;}
#draw_content .prod_list { display: flex; flex-wrap: wrap; margin-left: -1rem; margin-right: -1rem;}
/*#draw_content .box4 .photo{ width:15.4%; float:left; text-align: center; border: 1px #ebebeb solid; padding: 1rem; margin: 1rem; font-size: 0.75rem; min-height: 16rem;}*/
#draw_content .box4 .photo{ width: calc(100% - 2rem); text-align: center; border: 1px #ebebeb solid; padding: 1rem; margin: 1rem; box-sizing: border-box;}
#draw_content .box4 .photo img{ width: 100%; display: block;}


#draw_content .form_clear{ clear:both;}
#draw_content .form_field { width: 50%; float:left; padding: 1rem 0;}
#draw_content .form_field .form_text_box{ width: 80%; text-align: justify;}
#draw_content .form_field input[type="text"], #draw_content .form_field input[type="email"], #draw_content .form_field textarea { border:1px #000 solid; padding:0.5rem; width: 80%; border-radius: 5px; font-family: inherit; font-size: inherit;}
#draw_content .form_field textarea{ height: 15rem; resize: none;}

#draw_content .browse_box{ width: 80%; border: 1px #005192 solid; padding: 0.5rem; position: relative; cursor: pointer; color: #005192; border-radius: 5px; overflow: hidden; font-weight: bold; background-image: url('/images/draw/carica_ico.png'); background-repeat: no-repeat; background-position: 98% center;}
#draw_content .browse_box input[type="file"]{ position: absolute; top: 0; left: 0; width: 100%; padding: 0.5rem; opacity: 0; cursor: pointer;}

#draw_content .form_button{ text-align: center; padding: 1rem;}
#draw_content .form_button input[type="submit"]{ background-color: #005192; color:#FFF; text-transform: uppercase; padding:1rem 4rem; border-radius: 0.3rem;}

.flashmessage { width: 1224px; left: 50%; transform: translateX(-50%); box-sizing: border-box; margin: 0;}

@media (max-width: 1070px){ 
	#draw_content .box .sx { width: 44%;}
}	

@media (max-width: 767px){ 
	#draw_content .box .sx{ float:none; width: 90%;}
	#draw_content .box .dx{ float:none; width: 90%;}
	#draw_content .legenda { background-image: none; padding: 1rem;}
	#draw_content .form_field { width: 100%; float: none;}	
	#draw_content .form_button input[type="submit"]{ padding: 1rem 2rem;}
}
@media (min-width:480px) {
	#draw_content .box4 .photo{ width: calc(50% - 2rem);}
}
@media (min-width:768px) {
	#draw_content .box4 .photo{ width: calc(33.333% - 2rem);}
}

@media (min-width:1200px) {
	#draw_content .box4 .photo{ width: calc(25% - 2rem);}
}