@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px}



@media only screen and (min-width: 1001px) {
	
	
	
	#redes {width:100%; height:44px; float:left;  position:relative;}
	#redes1 { width:400px ; height:30px ; position:absolute; top:10px ; left:5%; }
		#redes1  #redes1a {  height:20px ; margin-left:20px ; font-size:16px;text-decoration:none; float:left; color:#FFF; font-weight:500}
	#redes1  #redes1a  img {height:20px ; object-fit:cover}
	
	
	
	
	#redes2 { width:400px ; height:30px ; position:absolute; top:10px ; right:5%;  }
	#redes2  #redes2a { width:20px; height:20px ; margin-left:20px ; text-decoration:none; float:right}
	#redes2  #redes2a  img {height:20px ; object-fit:cover}
	
	
	.logomenu {width:100%; height:100px; float:left;  position:relative}
		.logomenux {width:100%; height:70px; position:fixed; left:0px; top:0px; z-index:10; background:#FFF;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);}
		
	.logomenux 	#logo { height:40px; object-fit:cover ; position:absolute; top:10px ; left:5%;

	}
		
		
	.logomenux	#menu { position:absolute; right:5% ; height:100px; top:10px}
		
		
		
		
		
		
		
	#cuerpo1 { width:100%; height:600px; float:left; overflow:hidden; position:relative}
	
	#video1 { width: 100%;
height: 700px;
 object-fit:cover;  position:absolute ; top:0px ; left:0px ; filter: brightness(0.7) 
   }
   #logo { height:60px; object-fit:cover ; position:absolute; top:20px ; left:5%;

	}
	#menu { position:absolute; right:5% ; height:100px; top:30px}
	#menu #boton,  #boton1, #boton2{ font-size:16px ; font-weight:600; color:#21345a ; padding:10px 10px; text-align:center; text-decoration:none; float:left ; margin-left:40px;text-shadow: 3px 2px 3px rgba(255,255,255,.2)}
	#menu #boton:hover { border-bottom:3px solid #FC3}
	#menu #boton1:hover { border-bottom:3px solid #FC3}
	#menu #boton2:hover { border-bottom:3px solid #FC3}
	
	#menumovil { display:none}
	
	#slogan { position:absolute; left:5%; top:300px; width:700px; font-size:50px; line-height:49px; color:#fff;  font-weight:bold;text-shadow: 0 0 5px #FFFFFF, 0px 0px 5px rgba(26,5,3,0); }
	
	#slogan1 { position:absolute; left:5%; top:270px; width:700px; font-size:25px; line-height:25px; color:#fff;  font-weight:500; }
	#slogan2 { position:absolute; left:5%; top:410px; height:4px; width:400px; border-radius:2px; background: #FC0}
	
	#cuerpo2 { width:100%; height:600px; float:left;  margin-top:80px }
	
	#cuerpo2a { width:1300px; height:600px;  position:relative; margin-left:auto; margin-right:auto; background:#FFF}
	
	#cuerpo2b { position:absolute; left:0px; top:0px ; height:600px ; object-fit:cover}
	
	#cuerpo2c { position:absolute; left:680px; top:50px ; font-size:30px; line-height:29px;  color:#000 ; font-weight: bolder; width:550px}
	
	#cuerpo2d { position:absolute; left:680px; top:180px ; font-size:27px; color:#f90 ; font-weight:600; width:600px}
	#cuerpo2e { position:absolute; left:680px; top:230px ; font-size:18px;  color:#666 ; font-weight:400; width:600px ; padding:10px 20px ; border-left:solid 3px #FF9900}
	#cuerpo2f { position:absolute; left:680px; top:360px ; font-size:27px; color:#f90 ; font-weight:600; width:600px}
	#cuerpo2g { position:absolute; left:680px; top:420px ; font-size:18px;  color:#666 ; font-weight:400; width:600px ; padding:10px 20px ; border-left:solid 3px #FF9900}
	
	
	#cuerpo3 { width:100%; height:700px; float:left;  margin-top:80px ; background: #FAFAFA}
	#cuerpo3b { width:1000px ; height:50px; margin-top:50px; font-size:36px; color: #003; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:50px}
	#cuerpo3a { width:1300px; height:480px;  position:relative; margin-left:auto; margin-right:auto; }
	
	
	
	
	#cuerpo4 { width:100% ; height:560px; float:left; margin-top:50px;  background-image:url(../imagenes/varios/fondoindex.png); background-size:cover }
	#cuerpo4a { width:1150px; height:480px; margin-top:50px; margin-left:auto; margin-right:auto; }
	#cuerpo4b { width:350px; height:200px ; float:left;  margin-bottom:40px }
	#cuerpo4e { width:350px; height:200px ; float:left;  margin-right:50px; margin-left:50px; margin-bottom:40px }
	#cuerpo4c { font-size:80px; text-align:center; width:350px; color:#21345a; height:100px; float:left    }
	
	
	#cuerpo4d { width:260px; margin-left:45px;  font-size:14px; color:#21345a ; text-align:center; border:thin solid #21345a ; border-radius:5px; text-decoration:none; padding:15px 10px; margin-top:30px; float:left; line-height:14px; cursor:pointer }
	
	#cuerpo4d:hover {background:#21345a; color:#FFF }
	






	
	
	
	
	
	
	
	
	
	
	#pie { width:100%; height:480px; float:left}
	#pie1 { width:1300px; height:400px; margin-left:auto; margin-right:auto; margin-top:30px; border-bottom: thin solid #FFF}
	/* ------------------------------------ */
	#pie2 { width:400px; height:400px; float:left; }
	
	#pie2a { height:90px ; object-fit:cover; float:left; margin-right:150px;  margin-bottom:20px} 
	#pie2b { width:380px; font-size:17px; line-height:30px; color:#FFF; font-weight:500; } 
	#pie2c { width:400px; height:40px ; margin-top:40px} 
	
	#pie2d { width:40px; height:40px; border-radius:5px;  text-align:center; font-size:24px; color:#FFF; background: #fc9615; float:left; margin-right:10px; text-decoration:none; padding-top:7px}
	
	#pie2d:hover { background:#FFF; color: #fc9615}
	/* ------------------------------------ */
	#pie3 { width:500px; height:400px; float:left;   margin-left:15px ; margin-right:15px}
	
	#pie3a { width:250px; font-size:14px; color:#FFF; float:left; font-weight:400; line-height:13px; margin-bottom:10px}
	
	
	
	
	
	
	
	#pie4 { width:330px; height:400px; float:left; }
	#pie4a { width:330px; font-size:22px; color:#FFF; font-weight: bold; margin-top:30px; margin-bottom:40px}
	#pie4b { width:330px; height:50px; position:relative; margin-top:20px  }
	#pie4c { position:absolute; font-size:30px ; left:0px; top:5px; color:#FFF}
	#pie4d { position:absolute; left:50px; top:0px; font-size:16px; font-weight: bold; color:#FFF}
	#pie4e { position:absolute;left:50px; top:20px; font-size:17px; font-weight:500; color:#FFF}
	
	.pie5 { width:1300px ; height:40px ; font-size:12px; color:#FFF; position: relative}
	
	#pie7 { width:300px; height:40px; text-align:end; color:#FFF; font-size:11px ; float:right}
	#pie6 { position: fixed; right:30px ; width:50px ; height:50px; border-radius:5px; font-size:25px; text-align:center; padding-top:10px; background:#fc9615; color:#FFF;  bottom:40px}
	#pie6:hover {box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);}
	
	
	
	
	
	
	
	
	
	.closex { font-size:54px;  color:#F00; font-weight:600; opacity:1 ; background:none; border:none; float:right}

.closex:hover {text-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75); opacity:0.8 ;font-size:53px}
	
	
	
	.modal-content { width:800px;  padding-top:20px; padding-bottom:20px;  left:50%; top:20%;  transform: translate(-50%, 20%); background: none  }
	
	#cuerpoventana { background: #FFF; width:500px; padding:40px 30px ; border-radius:20px; border:thin solid #666;  font-size:22px; line-height:35px; margin-left:150px; color:#21345a;box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75) }

	
		#whatsapp img { width:80px ; height:80px}



 #whatsapp {
   -webkit-animation: tiembla 1s infinite;width:80px ; height:80x;  position:fixed ; bottom:130px ; right:20px; z-index:100
}





@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-2deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(.9); }
  100%{ -webkit-transform:rotateZ( 2deg); }
}

#formulariowhatsapp { width:550px ; height:400px ;  margin-top:50px}


#whatscont {width:500px ; height:30px ; line-height:30px;  font-size:20px ; font-weight:600; float:left; text-indent:120px; color:#fc9615  }

#dato_contx {  width:550px ; height:50px ; line-height:50px;  font-size:18px ; font-weight:600; }

#formulariowhatsapp input  {width:550px ; height:60px; padding:10px; font-size:18px; color:#336 ; font-weight:500 ; border-radius:10px ; border: solid thin #999}

#enviarwhatsapp { width:550px ; height:40px; line-height:40px ; font-size:18px; color:#fff ; font-weight:500 ; margin-top:30px}


#enviarwhatsapp:hover {box-shadow: 0px 2px 22px -4px rgba(0,0,0,0.75);}
	
	
	
	}
	

/* CUERPO PARA CELULARES */



@media only screen and (max-width: 1000px) {
	
	#redes { display:none}
	#menumovil { width:100px ; height:90px ; border-radius:20px ; font-size:40px ; color:#fc9615; padding:20px ; border: 2px solid #fc9615; position:absolute ; top:30px ; right:5%; text-decoration:none; text-align:center }
	
	
		.logomenux {width:1000px; height:200px; position:fixed; left:0px; top:0px; z-index:10; background:#FFF;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); z-index:370}
		
	.logomenux 	#logo { height:40px; object-fit:cover ; position:absolute; top:10px ; left:5%;

	}
		
		
	.logomenux	#menu { display:none}
	
	
	
	
	
	#cuerpo1 { width:1000px; height:1000px; float:left; overflow:hidden; position:relative}
	
	#video1 { width: 1300px;
height: 1400px;
 object-fit:cover;  position:absolute ; top:0px ; left:-150px ; filter: brightness(0.7) 
   }
   
   .logomenu {width:1000px; height:150px; float:left;  position:relative}
   #logo { height:120px; object-fit:cover ; position:absolute; top:20px ; left:3%;

	}
	#menu { display:none}
	#menu #boton,  #boton1, #boton2{ font-size:16px ; font-weight:600; color:#21345a ; padding:10px 10px; text-align:center; text-decoration:none; float:left ; margin-left:40px;text-shadow: 3px 2px 3px rgba(255,255,255,.2)}
	#menu #boton:hover { border-bottom:3px solid #FC3}
	#menu #boton1:hover { border-bottom:3px solid #FC3}
	#menu #boton2:hover { border-bottom:3px solid #FC3}
	
	
	
	#slogan { position:absolute; left:5%; top:400px; width:850px; font-size:55px; line-height:49px; color:#fff;  font-weight:bold;text-shadow: 0 0 5px #FFFFFF, 0px 0px 5px rgba(26,5,3,0); }
	
	#slogan1 { position:absolute; left:5%; top:370px; width:700px; font-size:35px; line-height:25px; color:#fff;  font-weight:500; }
	#slogan2 { position:absolute; left:5%; top:510px; height:4px; width:400px; border-radius:2px; background: #FC0}
	
	
	
	
	
	
	#cuerpo2 { width:1000px; height:900px; float:left;  margin-top:100px; }
	
	#cuerpo2a { width:900px; height:900px;  position:relative; margin-left:auto; margin-right:auto; background: #FFF}
	
	#cuerpo2b { position:absolute; left:0px; top:0px ; height:600px ; object-fit:cover; display:none}
	
	
	
	
	
	
	#cuerpo2c { position:absolute; left:0px; top:50px ; font-size:55px; line-height:50px;  color:#000 ; font-weight: bolder; width:900px}
	
	#cuerpo2d { position:absolute; left:0px; top:280px ; font-size:40px; color:#f90 ; font-weight:600; width:600px}
	#cuerpo2e { position:absolute; left:0px; top:330px ; font-size:30px;  color:#666 ; font-weight:400; width:880px ; padding:20px 20px ; border-left:solid 3px #FF9900}
	#cuerpo2f { position:absolute; left:0px; top:610px ; font-size:40px; color:#f90 ; font-weight:600; width:880px}
	#cuerpo2g { position:absolute; left:0px; top:670px ; font-size:30px;  color:#666 ; font-weight:400; width:880px ; padding:20px 20px ; border-left:solid 3px #FF9900}
	
	
	
	
	
	
	
	
	
	#cuerpo3 { width:1000px; height:1400px; float:left;  margin-top:0px ; background: #FAFAFA}
	#cuerpo3a { width:1000px; height:1100px;  position:relative; margin-left:auto; margin-right:auto;background: #FAFAFA }
	#cuerpo3b { width:1000px ; height:50px; margin-top:130px; font-size:47px; color: #003; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:100px}
	
	
	
	
	
	#cuerpo4 { width:1000px ; height:1180px; float:left; margin-top:100px; background-image:url(../imagenes/varios/fondoindexmovil.png); background-size:cover }
	#cuerpo4a { width:900px; height:1080px; margin-left:auto; margin-right:auto; margin-top:80px  }
	
	
	
	
	#cuerpo4b { width:450px; height:300px ; float:left;  margin-bottom:80px ; }
	#cuerpo4e { width:450px; height:300px ; float:left;  margin-bottom:80px; }
	
	
	
	#cuerpo4c { font-size:120px; text-align:center; width:450px; color:#21345a; height:120px; float:left    }
	
	
	#cuerpo4d { width:350px; margin-left:50px;  font-size:27px; color:#21345a ; text-align:center; border:thin solid #21345a ; border-radius:5px; text-decoration:none; padding:15px 10px; margin-top:50px; float:left; line-height:25px; cursor:pointer }
	
	#cuerpo4d:hover {background:#21345a; color:#FFF }
	






	
	
	
	
	
	
	
	
	
	
	#pie { width:1000px; height:2380px; float:left}
	#pie1 { width:800px; height:2080px; margin-left:auto; margin-right:auto; margin-top:100px; border-bottom: thin solid #FFF; }
	/* ------------------------------------ */
	#pie2 { width:800px; height:500px; float:left; }
	
	#pie2a { height:120px ; object-fit:cover; float:left; margin-right:250px;  margin-bottom:50px} 
	#pie2b { width:800px; font-size:30px; line-height:50px; color:#FFF; font-weight:500; } 
	#pie2c { width:800px; height:100px ; margin-top:80px} 
	
	#pie2d { width:80px; height:80px; border-radius:12px;  text-align:center; font-size:48px; color:#FFF; background: #fc9615; float:left; margin-right:50px; text-decoration:none; padding-top:14px}
	
	#pie2d:hover { background:#FFF; color: #fc9615}
	
	
	
	
	
	
	/* ------------------------------------ */
	#pie3 { width:800px; height:1000px; float:left;    }
	
	#pie3a { width:800px; font-size:28px; color:#FFF; float:left; font-weight:400; line-height:28px; margin-bottom:40px}
	
	
	
	
	
	
	
	#pie4 { width:800px; height:500px; float:left;  }
	#pie4a { width:330px; font-size:40px; color:#FFF; font-weight: bold; margin-top:30px; margin-bottom:40px}
	
	
	
	
	#pie4b { width:800px; height:100px; position:relative; margin-top:40px  }
	#pie4c { position:absolute; font-size:60px ; left:0px; top:10px; color:#FFF}
	#pie4d { position:absolute; left:100px; top:0px; font-size:32px; font-weight: bold; color:#FFF}
	#pie4e { position:absolute;left:100px; top:40px; font-size:34px; font-weight:500; color:#FFF}
	
	.pie5 { width:800px ; height:80px ; font-size:24px; color:#FFF; position: relative}
	
	#pie7 { width:500px; height:80px; color:#FFF; font-size:20px ; float:left}
	#pie6 { position: fixed; right:70px ; width:100px ; height:100px; border-radius:10px; font-size:50px; text-align:center; padding-top:20px; background:#fc9615; color:#FFF;  bottom:80px}
	#pie6:hover {box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);}
	
	
	
	
	
	
	
	
	
	.closex { font-size:100px;  color:#F00; font-weight:600; opacity:1 ; background:none; border:none; float:right}

.closex:hover {text-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75); opacity:0.8 ;font-size:90px}
	
	
	
	.modal-content { width:800px;  padding-top:20px; padding-bottom:20px;  left:50%; top:20%;  transform: translate(-50%, 20%); background: none  }
	
	#cuerpoventana { background: #FFF; width:700px; padding:100px 60px ; border-radius:20px; border:thin solid #666;  font-size:40px; line-height:60px; margin-left:50px; color:#21345a;box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75) }

	
		#whatsapp img { width:160px ; height:160px}



 #whatsapp {
   -webkit-animation: tiembla 1s infinite;width:160px ; height:160x;  position:fixed ; bottom:250px ; right:40px; z-index:100
}





@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-2deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(.9); }
  100%{ -webkit-transform:rotateZ( 2deg); }
}

#formulariowhatsapp { width:550px ; height:500px ;  margin-top:50px; }


#whatscont {width:700px ; height:60px ; line-height:60px;  font-size:32px ; text-indent:100px; font-weight:600; float:left; color:#fc9615;   }

#dato_contx {  width:550px ; height:80px ; line-height:80px;  font-size:27px ; font-weight:600; }

#formulariowhatsapp input  {width:550px ; height:80px; padding:10px; font-size:27px; color:#336 ; font-weight:500 ; border-radius:10px ; border: solid thin #999}

#enviarwhatsapp { width:550px ; height:40px; line-height:40px ; font-size:27px; color:#fff ; font-weight:500 ; margin-top:50px}


#enviarwhatsapp:hover {box-shadow: 0px 2px 22px -4px rgba(0,0,0,0.75);}
	
	#cuerpomenu { background: #FFF; width:700px; height:700px; padding:100px 60px ; border-radius:20px; border:thin solid #666;   margin-left:50px; color:#21345a;box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75) }
	
	#botonmenumovil { width:500px ; height:100px; margin-top:40px; font-size:40px ; line-height:100px ; text-align:center;  color:#21345a ;  text-decoration:none; float:left}
	
	.close { width:50px; height:50px ; font-size:50px}
	
	
	}