@charset "UTF-8";
/* CSS Document */
body {
			margin: 0 !important;
			padding: 0 !important;
			-webkit-text-size-adjust: 100% !important;
			-ms-text-size-adjust: 100% !important;
			-webkit-font-smoothing: antialiased !important;
			}
			img {
			border: 0 !important;
			outline: none !important;
			}
			
			a, span {
			mso-line-height-rule: exactly;
			}
			
			.contenedor{
			width: 100%;
			max-width: 930px;
			margin: auto;
			box-sizing: border-box;
			flex-wrap: wrap;
			}
			
			.subtitulo{
			background-color:#00a6ff;
			color:#FFF;
			padding:10px 35px 10px 35px;
			font-size:20px;
			font-family:Arial, Helvetica, sans-serif;
			}
			
			.espacio_contenedor{
			padding:30px 45px 30px 45px; !important}
			
			.flex{ display:flex;}
			.flex2{ display:flex;}
			
			.show{
			display:block;
			}
			.hide{
			display:none;
			}
			.mostrar{ display:none;}
			
			.mediascajas{ width:50%;}
			
			.60{ width:70%;}
			.40{ width:30%;}
			
			
			
			#versatil{
				padding:0px 35px 10px 35px; 
				position:relative; 
				top:-20px;}
				
			.box35{
				width:33%; 
				}
			.box25{ width:22%; padding:0px 20px 10px 20px;}
			
			.box20{ width:20%; padding:0px 20px 10px 20px;}
			#color-carac{
				background-color:#e6e7e8; 
				height:280px;}
				
			#espaciob{ position:relative; top:100px;}
			#padingtop10{ padding-top:20px;}
			
			.espacio{ padding-top:30px;}
			
			#adn-texto{width:80%; margin:auto;}	
			@media only screen and (min-width:481px) and (max-width:930px) {
			div[class=em_main_table] {
			width: 100% !important;
			}
			div[class=em_wrapper] {
			width: 100% !important;
			}
			img[class=em_full_img] {
			width: 100% !important;
			height: auto !important;
			}
			table[class=em_wrapper] {
			width: 100% !important;
			}
			
			div[class=em_wrapper2] {
			width: 100% !important;
			height:auto;!important;
			}
			
			div[class=em_wrapper3] {
			width: 100% !important;
			height:auto;!important;
			text-align:center;
			}
			
			#color-carac{
				background-color:#e6e7e8; 
				height:;}
				img[class=em_full_img2] {
			width: 100% !important;
			height: 100% !important;
			}
				
			
				}
				
			@media only screen and (max-width:860px) {	
			.box35{ width:90%;
			margin:auto;
			padding-bottom:10px;
			}
			
			.box36{ width:100%;
			margin:auto;
			}
			
		
			
			#show{
			display:none;
			}
			
			.hide{
			display:block;
			}
			#color-carac{
				background-color:#e6e7e8; 
				height:460px;}
				
			#espaciob{ position:relative; top:130px;}
			#espacioimg{ padding-bottom:30px;}
			}
				
			@media only screen and (max-width:730px) {
				img[class=em_full_img2] {
			width: 60% !important;
			height: 60% !important;
			}
			div[class=em_wrapper2] {
			width: 100% !important;
			height:auto;!important;
			}
			
			
			.centro{
			text-align:center;
			}
			.icon{ width:100%; margin:auto;}
			
			.calidad{
			width:100%;
			margin:auto;
			}
			
			.mediascajas{
			width:100%;
			}
			.flex{ display:block;}
			.flex2{ display:block;}	
			.60, .40{
			width:100%;
			}
			
			.flex #centro{ margin:auto; text-align:center;}
			
		
			#imgheader{   width:80%;
			height:auto; 
			}
			
			#imgheader img{ 
			width:60%;
			height:auto;
			}
			#versatil{
			padding-top:30px;
			position:static;
			top:0px;
			padding-bottom:30px;
			}
		
			#imgcentro{ margin:auto; text-align:center; padding-bottom:20px;}
			
			
			#color-carac{
				background-color:#e6e7e8; 
				height:540px;}
			
			#espaciob{ position:relative; top:60px;}
			
			.box25, .box20{ width:90%; padding:0px 20px 10px 20px; text-align:center;}
			#padingtop10{ padding-top:0px;}
			.espacio{ padding-top:0px;}	
			
			#adn-texto{width:100%; margin:auto;}	
							}
							
			@media only screen and (max-width:635px) {	#color-carac{
				background-color:#e6e7e8; 
				height:auto;
				padding-bottom:20px;}
				#espaciob{ position:relative; top:0px;}
				
			}
		
			@media only screen and (max-width:480px) {
			div[class=em_wrapper] {
			width: 100% !important;
			}
			img[class=em_full_img] {
			width: 100% !important;
			height: auto !important;
			}
			.espacio_contenedor{
			padding:35px; !important}
			
			.texto{
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			}
			
			div[class=em_wrapper5] {
			width: 100% !important;
			height:auto;!important;
			text-align:center;
			}
			
			.imgheader .em_full_img4{ margin:auto; text-align:center;}
			.hide{
			display:block;
			}
			#imgheader img{ 
			width:70%;
			height:auto;
			}
			
			
			}
			
			@media  only screen and  (max-width:380px) {
			div[class=em_wrapper] {
			width: 100% !important;
			}
			img[class=em_full_img] {
			width: 100% !important;
			height: auto !important;
			}
			.em_full_img4{ width:90%;
			height:auto;}
			
			.hide{
			display:block;
			}
			#adncel img{width: 80% !important;
			height: auto !important;}
			
				}
}