/*Resolucion Espoecial*/

@media only screen and (max-width: 680px){
	#grupo{
	
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:170px;	
	overflow: hidden;
	}
	#cabezote_nosotros{
	height:auto;
	}


}
@media only screen and (min-width: 1150px){
	#grupo{
	
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:350px;
	overflow: hidden;	
	}
	#cabezote_nosotros{
	
	height:350px;
	}

}
@media only screen and (max-width: 1149px)and (min-width: 681px){
	#grupo{
	
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:350px;
	overflow: hidden;	
	}
	#cabezote_nosotros{
	
	height:350px;
	}

}
/* FIN DE RESOLUICION ESPECIAL*/


@media only screen and (max-width: 480px){
	
#mision, #vision, #politica{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	max-width:380px;
	height:auto;
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;

}
#mision_nosotros, #vision_nosotros, #politica_nosotros{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	max-width:380px;
	height:auto;
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;

}


#empresa{
	width:80%;
	height:auto;
	max-width:380px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_procesos{
	width:80%;
	height:auto;
	max-width:380px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_contactenos{
	width:80%;
	height:1070px;
	max-width:380px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_cotizacion{
	width:80%;
	height:1070px;
	max-width:380px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#valores{
	width:80%;
	max-width:380px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:0px;
	background-image: url(../images/valores480.png);
	background-repeat: no-repeat;
	background-position: center;
}
#metalizada, #plegadiza, #etiqueta, #inserto, #calendario, #bolsa, #bolsa2, #preprensa, #ctp, #prensa, #plastificado, #troquelado, #uv {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	max-width:380px;
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto;
	display:block;
}


#d3{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	max-width:380px;
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 530px;
}


#metalizada{
	background-image: url(../images/metalizada.png);
}
#plegadiza{
	background-image: url(../images/cajas.png);
}
#etiqueta{
	background-image: url(../images/etiquetas.png);
}
#inserto{
	background-image: url(../images/insertos.png);
}
#calendario{
	background-image: url(../images/calendarios.png);
}
#bolsa{
	display: none;	
}
#bolsa2{
	height: 240px;
	
	
}
#bolsa2 a:link, #bolsa2 a:visited, #bolsa2 a:active{
	background-image:url(../images/bolsas.png);
	background-repeat:no-repeat;
	display:block;
	height: 240px;
	background-position: top;
}

#preprensa{
	background-image: url(../images/preprensa.png);
	height: auto;
}
#ctp{
	background-image: url(../images/procesos.png);
	height: auto;
}
#prensa{
	background-image: url(../images/prensa.png);
	height: auto;
}
#plastificado{
	background-image: url(../images/plastificado.png);
	height: auto;
}
#troquelado{
	background-image: url(../images/troquelado.png);
	height: auto;
}
#uv{
	background-image: url(../images/brillo.png);
	height: auto;
}

#donde_estamos480, #escribenos {
	float:left;
	width:95%;
	margin-left:10px;
	margin-bottom:10px;
	
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
}	

#donde_estamos{
	display: none;
	}
#donde_estamos480{
	overflow: hidden;
	height: auto;
}




#pdf480, #archivo {
	float:left;
	width:95%;
	margin-left:10px;
	margin-bottom:10px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
}	

#pdf{
	display: none;
	}
#pdf480{
	overflow: hidden;
	height: auto;
}
#archivo{
	height: 600px;
}	
#pdf480 a:link, #pdf480 a:visited, #pdf480 a:active{
	background-image:url(../images/cotizacion480.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 100%	;
	height: 400px;
	background-position: center;
}
#pdf480 a:hover{
	background-image:url(../images/cotizacion480.jpg);
	
}
}

@media only screen and (max-width: 1066px) and (min-width: 481px){
#mision, #vision, #politica{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	
	
}
#mision_nosotros, #vision_nosotros, #politica_nosotros{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	
	
}
#empresa{
	width:80%;
	height:auto;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_procesos{
	width:80%;
	height:auto;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_contactenos{
	width:80%;
	height:1050px;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_cotizacion{
	width:80%;
	height:1200px;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}

#valores{
	width:80%;
	max-width:700px;
	height:450px;
	margin-left:auto;
	margin-right:auto;
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
  	background-image: url(../images/valores768.png);
	background-repeat: no-repeat;
	background-position: center;
	padding:0px;
}

#metalizada, #plegadiza, #etiqueta, #inserto, #calendario, #bolsa, #bolsa2, #preprensa, #ctp, #prensa, #plastificado, #troquelado, #uv{

	background-repeat: no-repeat;
	background-position: bottom;
	height: auto;

	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	display: block;
}



#d3{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 530px;
}


#metalizada{
	background-image: url(../images/metalizada.png);
}
#plegadiza{
	background-image: url(../images/cajas.png);
}
#etiqueta{
	background-image: url(../images/etiquetas.png);
}
#inserto{
	background-image: url(../images/insertos.png);
}
#calendario{
	background-image: url(../images/calendarios.png);
}
#bolsa{
	display: none;	
}
#bolsa2{
	height: 240px;
	
	
}
#bolsa2 a:link, #bolsa2 a:visited, #bolsa2 a:active{
	background-image:url(../images/bolsas.png);
	background-repeat:no-repeat;
	display:block;
	height: 240px;
	background-position: top;
}
#preprensa{
	background-image: url(../images/preprensa.png);
	height: auto;
}
#ctp{
	background-image: url(../images/procesos.png);
	height: auto;
}
#prensa{
	background-image: url(../images/prensa.png);
	height: auto;
}
#plastificado{
	background-image: url(../images/plastificado.png);
	height: auto;
}
#troquelado{
	background-image: url(../images/troquelado.png);
	height: auto;
}
#uv{
	background-image: url(../images/brillo.png);
	height: auto;
}

#donde_estamos, #escribenos {
	float:left;
	width:95%;
	margin-left:10px;
	margin-bottom:10px;
	height: auto;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	overflow: hidden;
}

#donde_estamos480{
	display: none;
	}
#pdf{
	
	margin-left:auto;
	margin-right: auto;
	margin-bottom:10px;
	height:610px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	width: 400px;
	
}

#pdf a:link, #pdf a:visited, #pdf a:active{
	background-image:url(../images/cotizacion.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 400px;
	height: 600px;
	background-position: top;
}
#pdf a:hover{
	background-image:url(../images/cotizacion.jpg);
	
}
#archivo{
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	height:570px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	width: 400px;
}
#pdf480{
	display: none;
	}
}
@media only screen and (min-width: 1067px) {
	#mision, #vision, #politica{
	float:left;
	width:300px;
	margin-left:10px;
	margin-bottom:10px;
	height:auto;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	
	
}
#mision_nosotros, #vision_nosotros, #politica_nosotros{
	float:left;
	width:300px;
	margin-left:10px;
	margin-bottom:10px;
	height:350px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	
	
}


#empresa{
	width:100%;
	height:auto;
	max-width:990px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_procesos{
	width:100%;
	height:1400px;
	max-width:990px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_contactenos{
	width:100%;
	height:600px;
	max-width:990px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}
#empresa_cotizacion{
	width:100%;
	height:600px;
	max-width:990px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}

#valores{
	width:100%;
	max-width:960px;
	height:550px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 400px;
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:0px;
	background-image: url(../images/valores.png);
	background-repeat: no-repeat;
	background-position: center;
}
#metalizada, #plegadiza, #etiqueta, #inserto, #calendario, #bolsa, #bolsa2, #preprensa, #ctp, #prensa, #plastificado, #troquelado, #uv{
	
	
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto;
	float:left;
	width:300px;
	margin-left:10px;
	margin-bottom:10px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	
}


#d3{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	
	border: #C52326 5px solid;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	background-repeat: no-repeat;
	background-position: center;
	height:530px;
}



#metalizada{
	background-image: url(../images/metalizada.png);
}
#plegadiza{
	background-image: url(../images/cajas.png);
}
#etiqueta{
	background-image: url(../images/etiquetas.png);
}
#inserto{
	background-image: url(../images/insertos.png);
}
#calendario{
	background-image: url(../images/calendarios.png);
}
#bolsa2{
display: none;
}

#bolsa{
	height: 220px;

}
#bolsa a:link, #bolsa a:visited, #bolsa a:active{
	background-image:url(../images/bolsas.png);
	background-repeat:no-repeat;
	display:block;
	width: 300px;
	height: 220px;
	background-position: top;
}
#pdf a:hover{
	background-image:url(../images/bolsas.png);
	
}
#preprensa{
	background-image: url(../images/preprensa.png);
	height: 644px;
}
#ctp{
	background-image: url(../images/procesos.png);
	height: 644px;
}
#prensa{
	background-image: url(../images/prensa.png);
	height: 644px;
}
#plastificado{
	background-image: url(../images/plastificado.png);
	height: 716px;
}
#troquelado{
	background-image: url(../images/troquelado.png);
	height: 716px;
}
#uv{
	background-image: url(../images/brillo.png);
	height: 716px;
}
#social_all {
	list-style: none;
	width: 40px;
	height: 150px;
	position:relative;
	top:-350px;
	left: 95%;
	z-index:100;


}
#donde_estamos, #escribenos {
	
	margin-left:10px;
	margin-bottom:10px;
	height:550px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
}
#escribenos {
	float:right;
	width: 250px;
}
#donde_estamos {
	float:left;
	width: 650px;
}
#donde_estamos480{
	display: none;
	}

#pdf{
	
	margin-left:10px;
	margin-bottom:10px;
	height:610px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	float:left;
	width: 450px;
	
}

#pdf a:link, #pdf a:visited, #pdf a:active{
	background-image:url(../images/cotizacion.jpg);
	background-repeat:no-repeat;
	display:block;
	width: 450px;
	height: 600px;
	background-position: top;
}
#pdf a:hover{
	background-image:url(../images/cotizacion.jpg);
	
}
#archivo{
	
	margin-left:10px;
	margin-bottom:10px;
	height:610px;
	border: #C52326 5px solid;
  	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
  	border-bottom-right-radius: 20px;
	padding:5px;
	float:left;
	width: 450px;
}
#pdf480{
	display: none;
	}