﻿

.todosup   {	display:none;
}
	
#cab1 {	width: 100%;   

	 display:block ;
	margin-left:1%; padding: 4px;
}

#cab2 {	width: 1%; 

	 display:none ;
	text-align:center; margin-left:1%;
}


#cab3 {	width: 100%;
	margin-left:1%;
	display:block ;
	text-align:left; 
}
#ci1   	{   width: 100%;    }
#ci2   	{ padding:2px; width: 100%; margin-top:20px; }
/*#ci3 	{ padding:2px;	width: 100%; }*/

	#ci1  img	{ width: 260px; height:auto; padding:2px; }
	#ci2  img 	{ width: 2px; height:auto; padding:2px;}
	/*#ci3  img	{float: left; width: 24px; height:auto; padding:2px;}*/




#parr {

	width: 100%; padding:0%;
}
#yyy1 {

	width: 100%; padding:0%;
}
	#yyy1 img{

	width: 100%; padding:0%;
}

.botonsuscripcion{
  
width:90%;
height: 40px; 
border:0px; 
border-radius:5px; 
background-color:#333;  font-size: 18px;
color:#fff;
}

.botonsuscripciontrans{
  
width:90%;
height: 40px; 
border:0px; 
border-radius:5px; 
background-color:rgba(204,51,102,0);  font-size: 18px; 
color:#fff; border-color: white; border-style: solid; border-width: 2px;
}

.botonsuscripciont{
  
width:100%;
height: 40px; 
border:0px; 
border-radius:0px; 
background-color:#333;  font-size: 18px;
color:#fff;  
}
.botonsuscripcionvm{
  

width:90%;
height: 40px; 
border:0px; 
border-radius:0px; 
background-color:#333;  font-size: 18px;
color:#ffffff; width: 100%; bottom: 0px;
}



	
	.xxxccc { 
	width: 100%; padding:0; height:200px; overflow: hidden; margin: 0;
}
 
.xxxccc img{ 
	 width: 100%;height: 100%;  object-fit: cover; object-position:right; 
}
		
.xxxcccob { 
	width: 100%; padding:0; height:200px; overflow: hidden; margin: 0;
}
 
.xxxcccob img{ 
	 width:100%;height:100%;  object-fit: cover; object-position:right; 
}



#xxxc2-2 {
	float:left;
	margin-top: 0%;
	margin-bottom: 0%;
	width:100%;padding:0%;
}

.titxxx2{ font-size:18px; margin-bottom:0px; color:#fff; font-weight:100; padding:2%;}
.conxxx2{ font-size:16px; color:#fff;margin: 10px;padding:2%;}


.titxxx2-2{ font-size:18px;  color:#333; font-weight:bold;  padding:2%; }
.conxxx2-2{ font-size:16px; color:#333; width:90%;  padding:2%;display: block;}

.titxxx2-y{ text-align: left; font-size:24px;  color:#333; font-weight:bold;  padding:2%; }


.centcon2 {
	 background: #CCC; margin-bottom:60px;height: auto;  
} 
.centcon2 img {
 
	width: 100%; height: 100%;
	 
} 


#bs{z-index: 50; position: relative;text-align: center; bottom: 10px;width: 100%;}

#bst   { text-align: center; bottom:0px;width: 100%; height: 40px;float: left;}
 

#bsvm{   text-align: center; position: relative; top: -8px;  width: 100%;  }

.zoom:hover {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  
}
#descrip2-1 { color:#333; font-size: 16px; text-align:center; height:75px;  top:200px;padding: 20px; font-weight: bold; 
}
#descrip2-2 { color:#333; font-size: 16px; text-align:center; height:100px; top:300px; padding: 20px;
}
#descrip2-3  {  top:0px;width: 100%; padding:0%; height:160px; overflow: hidden;
} 
#descrip2-3 img  {   top:0px; width: 100%;height: 100%;  object-fit: cover; object-position:top;
}

.opconmov2{
	 color:#FFF; height:450px;    width:90%;margin:auto; padding:15px;     
	
}
#detalladoopconmov2 { color:#fff; font-size: 16px; text-align:center;  width: 90%; height: 450px; margin:0; background: #CCC; -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);  border-color: aliceblue; border: solid; border-width: 4px;float:left; display: block;  
}
.contenedorzactualidad {
	width: 100%;
	margin: auto;  background:#003399;  

}
.containerza {
	width: 100%;
	margin: 0;  text-align: center;   

}

#pie1  { margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 90%;
} 
#pie2 {margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 90%;
}
#pie3 {margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 90%;
}
#pie4 {margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 90%;
} 


#fosupie   { 
	width: 100%;
	margin: auto;   display: flex;
      flex-direction: row; height: 36px;
}

	#fosupie img   { 
	width: 20px;
	height: 20px;display: flex;  vertical-align: middle;   margin: auto;
		
}
#dspie   {background-image:url("../img/fsuppie.png"); background-repeat:repeat; 
	width: 100%;   
	float:right;

}




#logop   {float:left;  
	margin:auto;
	width:100%; padding:0px;
	text-align:center;   
}	

#logop  img {

	width:30%; padding:0px;
	height:auto;  
}

#logos  img {float:left; display: none;
	max-width:50%;
	margin-right:2%;
	width:50%; padding:1%;
	text-align:center;  vertical-align:middle;
}

.textocm{

	background-color:#333333;
	border-radius:0 50px 50px 0;
	color:#FFF;
	font-size:36px;
	line-height:115%;
	left:0;
	right:10%;
	top:20%;
	position:absolute;	
	z-index:2;
    text-align:center;
	width:40%;

}	

.opconmov{
	background:#333333; color:#FFF; height:350px;margin:5px; width: 280px;border-radius: 50px 0 50px 0;overflow: hidden; 
	
}




.opconmov img{
 color:#FFF; height:240px; object-fit: cover; object-position:center;  
	
} 
.vermas {
	opacity:1;  margin: auto;bottom: 10px; position: absolute; align-content: center;  justify-content: center;  display:block; width: 100%;
}
.vermas img{
	 width:30px;height: 30px;   z-index:3; text-align:center;
}
#descrip { color:#fff; font-size: 18px; text-align:center; font-weight: bold;  line-height: 18px; margin: 5px;
}
.zoom {
  display: inline-block;
  transition-duration: 0.4s;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transition-duration: 0.4s;

}

.zoom:hover {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  
}
	
.conmenu {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 0px;
	width: 98%;
	text-align:center;
}
.contenedoropconmov {background:#003399;
	width: 100%;
	margin: auto;  

}
.contenedorzactualidad {background:#003399;
	width: 100%;
	margin: auto;  

}
.contenedorblanco {
	width: 100%;
	margin: auto;background:#fff;  

}
.contenedortextura {background-image:url("../img/textura2.png"); background-repeat:repeat; 
	width: 100%;
	margin: auto;  

}
.contenedorcab {
	width: 100%;
	margin: auto; background:#003399;

}
.contenedorpie {
	width: 100%;
	margin: auto;background:#003399;
	

}
	.fluides {
	display: block;
	width: 100%; float:left;
}
.suptot  { 
	width: 98%;
	max-width: 1350px; text-align:center; margin: auto;
} 
.cabtot  { 
	width: 100%;
	max-width: 1366px; text-align:center; margin: auto;
}
.inftot  { 
		width: 98%; max-width: 1350px; text-align:center; margin: auto;
}
.header .contenedor {
	display: table;
}
.section {
	width: 100%;
	margin-bottom: 25px;
}

.barra img {
	 width: 14px; height: 35px;
}

#bienvenidos {
	text-align: center;
}
#tituloizq {float:left;text-align: left; color:#666; font-weight: bold;  font-size:  14px;
}
#tituloizq img {float:left; width: 14px; height: 35px; margin-right:2%;
}

#titulocen {float:left;
	text-align: center; width: 100%;font-size:  18px;
}

#tituloder {float:left;
	text-align: left; width: 100%;
}
#tituloder img { width: 14px; height: 35px;
}
.footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; background:#255532; color:#fff;
}



.sociales {
	width: 100%;
	text-align: center;
	font-size: 28px;
}

#titpie { font-size:24px; font-weight: bold; color:#FFFFFF;  float: left; width: auto; display: flex;  vertical-align: middle;   margin: 10px;
	
}

#subtitpie { font-size:16px; color:#FFFFFF; margin-left:20px; margin-top:20px;line-height:150%; float: none; }
.sociales a {
	color: #fff;
	text-decoration: none;

}



.centd {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
	width: 100%;
	text-align:left; 
}
.titxxx2{ font-size:18px; margin-bottom:20px;}
.conxxx2{ font-size:14px;}
.cenco {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 0px;
	width: 98%;
	text-align:justify;  
}





#zzz1 {

	padding:0%; text-align: center; color:#666; font-weight: bold;  font-size:  14px;
}


#zzz1 img { position:relative; text-align:left;

	width:100%; padding:0%;
}

#xxx1 {
	float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 40%; padding:1%
}
#xxx1 img{
	float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 100%; padding:1%;
}
#xxx2 {
	float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width:60%;padding:1%;
}


.centcon {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
	width: 100%;
	text-align:left; 
}

#xxxc1 {
	float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 24%; padding:1%
}
#xxxc1 img{
	float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 100%; padding:1%;
}
#xxxc2 {
	float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width:70%;padding:1%;
}

#pie5 {
	color:#FFFFFF;
	float:left;
	display:block;
	font-size:14px;
	line-height:124%;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align: center; margin:auto;
	width: 100%;
}

#titulozactualidad {
font-weight: bold;
	color: #fff;
	font-size: 28px;
	line-height:115%;
	padding-top:2%;
	padding-bottom:2%;
	text-align: center;
	width:100%;	
}



#tituloopconmov {
font-weight: bold;
	color: #fff;
	font-size: 28px;
	line-height:115%;
	padding-top:2%;
	padding-bottom:2%;
	text-align: center;
	width:100%;	
}




#titulo {
font-weight: bold;
	color: #333333;
	font-size: 28px;
	line-height:115%;
	padding-top:2%;
	padding-bottom:2%;
	text-align: center;
	width:100%;	
}

#tlaempresa {

	color: #333333;
	font-size: 28px;
	font-weight:bold;
	line-height:115%;
	padding-top:2%;
	padding-bottom:1%;
	text-align: center;
	width:100%;	
}

#subtlaempresa {

	color: #666;
	font-size: 20px;
	font-weight:normal;  
	line-height:125%;
	padding-top:1%;
	padding-bottom:2%;
	text-align: center;
	width:90%;	margin: auto;
}


@media (min-width: 320px){
		#detalladoopconmov2{  width: 100%; 
	
} 
#subtitpie {  height: auto; }
	.sociales{
		width: auto;
	}
	footer .contenedor {
		justify-content: space-between;
	}

	
	
#zona1 {
	float:left;
	margin-top: 0%;
	margin-bottom: 2%;
	width: 100%; padding:0%;
}
 
#zona2 {
	float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width:100%;padding:1%;
}
	
	
	#sector1-4 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;height: auto;
}

	#sector1-4 img { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}
#sector1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}

#sector3-3 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 100%; padding:1%;
}
#bloque1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 96%; padding:1%;
}

#transpa { display:none;
}
#correo { display:none;
}

.todopie {
	width: 100%;
	margin: 0;background:#333333;text-align:center;

}

.conpie { 
	line-height:100%;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	width:96%; 
}
.distri {
	display: block;
	width: 96%; float:left;
 text-align:center; padding:1% 5% 1% 5%;
} 
	
.objcab {
	background:#fff;

	margin-top:0px;left:0;
	width:100%;
	text-align:center;
}
	
	#imacab .objcab  { float:left;
	

	max-width:480px; padding:2%;
	text-align:center;
}





	
	}
	
	
	





@media (min-width: 480px){
		.botonsuscripcion{
  
width:50%; 
}
	.opconmov2{  width:90%; height: 450px; 
	
}
	#detalladoopconmov2{  height: 450px; width: 100%;
	
	
}
	#subtitpie {  height: 140px; }
	.sociales{
		width: auto;
	}
	footer .contenedor {
		justify-content: space-between;
	}


	.fluides2 {
	display:block;
	width: 100%; float:left;
}

	
#zona1 {
	float:none;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 100%; padding:1%;
}
 
#zona2 {
	float:none;
	margin-top: 2%;
	margin-bottom: 2%;
	width:100%;padding:1%;
}
	

#sector1-4 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width:100%; padding:1%;height: auto;
}

	#sector1-4 img {
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}
#sector1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}


#sector3-3 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 100%; padding:1%;
}



#bloque1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 96%; padding:1%;
}


.todopie { 
	width: 100%;
	margin: 0;background:#333333;text-align:center;

}
.conpie { 
	line-height:100%;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	width:96%; 
}
.distri {
	display: block;
	width: 96%; float:left;
 text-align:center; padding:1% 5% 1% 5%;
} 


.objcab {
	background:#fff;

	margin-top:0px;left:0;
	width:100%;
	text-align:center;
}
	
	#imacab .objcab  { float:left;
	

	max-width:768px; padding:2%;
	text-align:center;
}



	
	}
	
	
	
	



@media (min-width: 768px){
		.botonsuscripcion{
  
width:60%; 
}
	.opconmov2{  width:45%; 
	
}
	
#subtlaempresa {

	color: #666;
	font-size: 20px;
	font-weight:normal;  
	line-height:125%;
	padding-top:1%;
	padding-bottom:2%;
	text-align: center;
	width:33%;	margin: auto;
}
	#zzz1 {

	padding:0%; text-align: center; color:#666; font-weight: bold;  font-size:  14px;
}


#zzz1 img { position:relative; text-align:left;

	width:100%; padding:0%;
}
	.sociales{
		width: auto;
	}
	footer .contenedor {
		justify-content: space-between;
	}

#parr {
float:left;
	width: 46%; padding:2%;
}
#yyy1 {
float:left;
	width: 46%; padding:2%;
}
	#yyy1 img{

	width: 100%; padding:0%;
}
	
#zona1 {
	float:none;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 98%; padding:1%;
}
 
#zona2 {
	float:none;
	margin-top: 2%;
	margin-bottom: 2%;
	width:98%;padding:1%;
}
	
#sector1-4 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 45%; padding:1%;height:auto;
}

	#sector1-4 img { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}
#sector1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}


#sector3-3 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 100%; padding:1%;
}

	#bloque1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 96%; padding:1%;
}

#transpa  { display:block;position:absolute; z-index:5000;

	top:0;
	left: 50%;
	width:50%; padding:20px;
	text-align:center;
}
#transpa  img { max-height:60px;
}


	
#correo  { display:block;position:absolute; z-index:5000;

	top:0;
	left: 0%;
	width:50%; padding:20px;
	text-align:center;
}
#correo  img { max-height:60px;
}



.todopie { 
	width: 100%;
	margin: 0;background:#333333;text-align:center;

}
.conpie { 
	line-height:100%;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	width:95%; 
}
.distri {
	display: block;
	width: 90%; float:left;
 text-align:center; padding:1%;
} 

.objcab {
	background:#fff;

	margin-top:0px;left:0;
	width:100%;
	text-align:center;
}
	
	#imacab .objcab  { float:left;
	

	max-width:1024px; padding:2%;
	text-align:center;
}



#sup1 {	width: 32%; 
	float:left;
	display:none; 
	text-align:left; margin-left:1%;
}

	#sup2 {	width: 32%; 
	float:left;
	 display:none;
	text-align:left; margin-left:1%;
}


#sup3 {	width: 32%;
	float:left;margin-left:1%;
	 display:none;
	text-align:left; 
}
#si1   	{ float: left; font-size: 14px; color: #fff; padding:2px;    width: 100%;  }
#si2   	{ float: left; font-size: 14px; color: #fff; padding:2px; width: 100%; }
#si3 	{float: left; font-size: 14px; color: #fff; padding:2px;width: 100%; }

	#si1  img	{float: left; width: 24px; height:auto; padding:2px;}
	#si2  img 	{float: left; width: 24px; height:auto; padding:2px;}
	#si3  img	{float: left; width: 24px; height:auto; padding:2px;}


.todosup{float:left;width:100%;display:block;margin-top:10px;margin-top:10px;} 
	
	}
	
	
	



@media only screen and (min-width: 1024px) {
			.botonsuscripcion{
  
width:40%; 
}
	
			 .opconmov2{  width:21%; 
	
}

.formulario {
    width:100%;
}
form {
    width:100%;
}
 
input, textarea {
    width:100%;
}
 
textarea {
    height:150px;
}

.botontexto {
	width:100%;
}	

#zona1 {float:left;	margin-top: 2%;
	margin-bottom: 2%;
	width: 60%; padding:1%;
}

#zona2 {float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 36%;
	padding:1%;
}



#espacio1 {float:left;	margin-top: 2%;position:relative; text-align:left;
	margin-bottom: 2%;
	width: 65%; padding:1%;
}
#espacio1 img{ 
	width: 20px; 
	padding:1%;
}

#espacio2 {float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 32%;
	padding:1%;
}
	
	#sector1-4 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 45%; padding:1%;height: auto;
}

	#sector1-4 img { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}
#sector1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 65%; padding:1%;
}



#sector3-3 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 30%; padding:1%;
}
#bloque1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 96%; padding:1%;
}


#transpa  { 
	display:block;
float:right;
	margin-right:10%;
	width:30%; padding:0px;
	text-align:center;
}
#transpa  img { max-height:60px;
}

#correo  { display:block;position:absolute; z-index:5000;

	top:0;
	left: 0%;
	width:50%; padding:20px;
	text-align:center;
}
#correo  img { max-height:60px;
}


.todopie {display: block;
	width: 100%;
	margin: 0;background:#333333;text-align:center;

}
.conpie { 
	line-height:100%;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	width:100%; text-align:center; 
}
.distri {
	display: block;
	width: 95%; float:left; margin-left:2%;
 text-align:center; padding:1%;
} 


.objcab {
	background:#fff;

	margin-top:0px;left:0;
	width:100%;
	text-align:center;
}
	
	#imacab .objcab  { float:left;
	

	max-width:1248px; padding:2%;
	text-align:center;
}

#logop   {float:left; position: absolute;
	top:10px;
	left:10px;
	width:24%; padding:0px;
	text-align:center;   
}	

#logop  img {

	width:100%; padding:0px;
	height:auto;  
}

#logos  img {float:right;
	
	margin-right:10%;
	width:auto; padding:1%;
	text-align:center; height:auto;vertical-align:middle;
}
	




#sup1 {	width: 32%; 
	float:left;
	display:block; 
	text-align:left; margin-left:1%;
}

	#sup2 {	width: 32%; 
	float:left;
	 display:block;
	text-align:left; margin-left:1%;
}


#sup3 {	width: 32%;
	float:left;margin-left:1%;
	 display:block;
	text-align:left; 
}
#si1   	{ float: left; font-size: 14px; color: #fff; padding:2px;    width: 100%;  }
#si2   	{ float: left; font-size: 14px; color: #fff; padding:2px; width: 100%; }
#si3 	{float: left; font-size: 14px; color: #fff; padding:2px;width: 100%; }

	#si1  img	{float: left; width: 24px; height:auto; padding:2px;}
	#si2  img 	{float: left; width: 24px; height:auto; padding:2px;}
	#si3  img	{float: left; width: 24px; height:auto; padding:2px;}
	
	
	
	
#cab1 {	width: 25%;  
	float:left;
	 display:block ;
	 margin-left:1%;
}

#cab2 {	width: 1%; 
	float:left;
	 display:block ;
	text-align:center; margin-left:1%; vertical-align:middle;
}


#cab3 {	width: 70%;
	float:left;margin-left:1%;
	display:block ;
	text-align:left; 
}
#ci1   	{  text-align:left; position:absolute;z-index: 999999999999999999999999; width:300px;}
#ci2   	{ float: left; padding:2px; width: 100%; margin-top:20px; }
/*#ci3 	{ float: left; padding:2px;	width: 100%; }*/

	#ci1  img	{ width:300px; height:auto;   text-align:left; }
	#ci2  img 	{width:2px; height:60px; padding:2px;}
	/*#ci3  img	{float: left; width: 24px; height:auto; padding:2px;}*/


.todosup{float:left;width:100%;display:block;margin-top:10px;}
		
	
#pie1  { margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 23%;
}


#pie2 {margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 23%;
}
#pie3 {margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 23%;
}
#pie4 {margin: 1%;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	line-height:124%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
	width: 23%;
}

	
	
	}
	

@media only screen and (min-width: 1248px) {
	 .opconmov2{  width:22%; 
	
}
		.contenedorxx {
	   margin-top: 0px;

}

.formulario {
    width:100%;
}
form {
    width:100%;
}
 
input, textarea {
    width:100%;
}
 
textarea {
    height:150px;
}

.botontexto {
	width:100%;
}	

	
	
#zona1 {float:left;	margin-top: 2%;
	margin-bottom: 2%;
	width: 60%; padding:1%;
}

#zona2 {float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 35%;
	padding:1%;
}



#espacio1 {float:left;	margin-top: 2%;position:relative; text-align:left;
	margin-bottom: 2%;
	width: 65%; padding:1%;
}
#espacio1 img{ 
	width: 20px; 
	padding:1%;
}

#espacio2 {float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 32%;
	padding:1%;
}
	
	
#sector1-4 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 23%; padding:1%; height: auto;
}

	#sector1-4 img { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}
	
#sector1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 65%; padding:1%;
}



#sector3-3 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 30%; padding:1%;
}
#bloque1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 96%; padding:1%;
}


#transpa  { 
	display:block;
float:right;
	margin-right:10%;
	width:30%; padding:0px;
	text-align:center;
}
#transpa  img { max-height:60px;
}

#correo  { display:block;position:absolute; z-index:5000;

	top:0;
	left: 0%;
	width:50%; padding:20px;
	text-align:center;
}
#correo  img { max-height:60px;
}


.todopie { 
	width: 100%;
	margin: 0;background:#333333;text-align:center;

}
.conpie { 
	line-height:100%;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	width:100%; text-align:center; 
}
.distri {
	display: block;
	width: 95%; float:left; margin-left:2%;
 text-align:center; padding:1%;
} 

.objcab {
	background:#fff;

	margin-top:0px;left:0;
	width:100%;
	text-align:center;
}
	
	#imacab .objcab  { float:left;
	

	max-width:1366px; padding:2%;
	text-align:center;
}

#logop   {float:left; position: absolute;
	top:10px;
	left:10px;
	width:24%; padding:0px;
	text-align:center;   
}	

#logop  img {

	width:100%; padding:0px;
	height:auto;  
}

#logos  img {float:right;
	
	margin-right:10%;
	width:20%; padding:1%;height:auto;
	text-align:center;  vertical-align:middle;
}
	



#sup1 {	width:32%; height: 50px;
	float:left;
	 display:block ;
	text-align:left; margin-left:1%;
}

	#sup2 {	width: 32%; height: 50px;
	float:left;
	 display:block ;
	text-align:left; margin-left:1%;
}


#sup3 {	width:32%;height: 50px;
	float:left;margin-left:1%;
	 display:block ;
	text-align:left; 
}
#si1   	{ float: left; font-size: 14px; color: #fff; padding:2px;    width: 100%;  }
#si2   	{ float: left; font-size: 14px; color: #fff; padding:2px; width: 100%; }
#si3 	{float: left; font-size: 14px; color: #fff; padding:2px;width: 100%; }

	#si1  img	{float: left; width: 24px; height:auto; padding:2px;}
	#si2  img 	{float: left; width: 24px; height:auto; padding:2px;}
	#si3  img	{float: left; width: 24px; height:auto; padding:2px;}


	
	
#cab1 {	width: 25%;   
	float:left;
	 display:block ;
	  margin-left:1%;
}

#cab2 {	width: 1%; 
	float:left;
	 display:block ;
	text-align:center; margin-left:1%; vertical-align:middle;
}


#cab3 {	width: 70%;
	float:left;margin-left:1%;
	display:block ;
	text-align:left; 
}
#ci1   	{   }
#ci2   	{  padding:2px;  width: 100% ;vertical-align:middle;margin-top:20px; }
/*#ci3 	{ float: left; padding:2px;	width: 100%; }*/

	#ci1  img	{ width:300px; height:auto;   }
	#ci2  img 	{ width: 2px; height:80px; padding:2px;vertical-align:middle;}
	/*#ci3  img	{float: left; width: 24px; height:auto; padding:2px;}*/


.todosup{float:left;width:100%;display:block;margin-top:10px;}	
		.contenedorxx {
	   margin-top: 0px;

}

}


@media only screen and (min-width: 1600px) {
	#subtitpie {  height: 120px; }


.formulario {
    width:100%;
}
form {
    width:100%;
}
 
input, textarea {
    width:100%;
}
 
textarea {
    height:150px;
}

.botontexto {
	width:100%;
}	

#zona1 { margin-top: 2%;
	margin-bottom: 2%;
	width: 62%; padding:1%;
}


#zona2 { 
	margin-top: 2%;
	margin-bottom: 2%;
	width: 30%;
	padding:1%;
}




#espacio1 {float:left;	margin-top: 2%;position:relative; text-align:left;
	margin-bottom: 2%;
	width: 65%; padding:1%;
}
#espacio1 img{ 
	width: 20px; 
	padding:1%;
}

#espacio2 {float:left;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 32%;
	padding:1%;
}

#sector1-4 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 23%; padding:1%;height: auto;
}

	#sector1-4 img { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%; padding:1%;
}

#sector2-4 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 30%; padding:1%;
}
#sector3-4 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 30%; padding:1%;
}
#sector4-4 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 30%; padding:1%;
}
#sector4-4 {float:left;
	margin-top: 1%;
	margin-bottom: 2%;
	width: 30%; padding:1%;
}
	
	
#bloque1-3 { float:left;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 96%; padding:1%;
}





#correo  { 
	display:block;position:absolute; z-index:5000;
	top:0;
	left: 0%;
	width:50%; padding:20px;
	text-align:center;
}
#correo  img { max-height:60px;
}

.todopie {height: auto;
	width: 100%;
	margin: 0;background:#333333;text-align:center;

}
.conpie { 
	line-height:100%;height: auto;
	margin: 0;
	padding-left: 0%;
	padding-right: 0%;
	width:100%; 
}
.distri {
	display: block;
	width: 95%; float:left;
 	text-align:center; padding:1% 5% 1% 5%;
} 
.objcab {
	background:#fff;

	margin-top:0px;left:0;
	width:100%;
	text-align:center;
}
	
	#imacab .objcab  { float:left;
	

	max-width:1600px; padding:2%;
	text-align:center;
}


#logop   {float:left; position: absolute;
	top:10px;
	left:10px;
	width:24%; padding:0px;
	text-align:center;   
}	

#logop  img {

	width:100%; padding:0px;
	height:auto;  
}

#logos  img {float:right;
	
	margin-right:10%;
	width:20%; padding:1%; vertical-align:middle;
	text-align:center; height:auto;
}
	
.superior  { 
	background:#255532;
	height:36px;width: 100%; text-align:center;
}

#sup1  {	width: 32%; 
	float:left;
	 display:block ;
	text-align:left; margin-left:1%;
}

#sup2 {	width: 32%; 
	float:left;
	 display:block ;
	text-align:left; margin-left:1%;
}


#sup3 {	width: 32%;
	float:left;margin-left:1%;
	display:block ;
	text-align:left; 
}
#si1   	{ float: left; font-size: 14px; color: #fff; padding:2px;    width: 100%;  }
#si2   	{ float: left; font-size: 14px; color: #fff; padding:2px; width: 100%; }
#si3 	{float: left; font-size: 14px; color: #fff; padding:2px;width: 100%; }

	#si1  img	{float: left; width: 24px; height:auto; padding:2px;}
	#si2  img 	{float: left; width: 24px; height:auto; padding:2px;}
	#si3  img	{float: left; width: 24px; height:auto; padding:2px;}


	
	
#cab1 {	width: 25%;  
	float:left;
	 display:block ;
	  margin-left:1%;
}

#cab2 {	width: 1%; 
	float:left;
	 display:block ;
	text-align:center; margin-left:1%; vertical-align:middle;
}


#cab3 {	width: 70%;
	float:left;margin-left:1%;
	display:block ;
	text-align:left; 
}
#ci1   	{   }
#ci2   	{  padding:2px;  width: 100% ;vertical-align:middle;  }
/*#ci3 	{ float: left; padding:2px;	width: 100%; }*/

	#ci1  img	{  width: 300px; height:auto; } 
	#ci2  img 	{ width: 2px; height:100px; padding:2px;vertical-align:middle;}
	/*#ci3  img	{float: left; width: 24px; height:auto; padding:2px;}*/


.todosup{float:left;width:100%;display:block;margin-top:10px;}

 }