@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"Janda Closer To Free";
	src:url("../fuentes/Janda_Closer_To_Free/JandaCloserToFree.eot?") format("eot"),
	url("../fuentes/Janda_Closer_To_Free/JandaCloserToFree.woff") format("woff"),
	url("../fuentes/Janda_Closer_To_Free/JandaCloserToFree.ttf") format("truetype"),
	url("../fuentes/Janda_Closer_To_Free/JandaCloserToFree.svg#JandaCloserToFree") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Hug Me Tight";
	src:url("../fuentes/Hug_Me_Tight/Hug_Me_Tight.eot?") format("eot"),
	url("../fuentes/Hug_Me_Tight/Hug_Me_Tight.woff") format("woff"),
	url("../fuentes/Hug_Me_Tight/Hug_Me_Tight.ttf") format("truetype"),
	url("../fuentes/Hug_Me_Tight/Hug_Me_Tight.svg#HugMeTight") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Whipsmart";
	src:url("../fuentes/Whipsmart/Whipsmart.eot?") format("eot"),
	url("../fuentes/Whipsmart/Whipsmart.woff") format("woff"),
	url("../fuentes/Whipsmart/Whipsmart.ttf") format("truetype"),
	url("../fuentes/Whipsmart/Whipsmart.svg#Whipsmart") format("svg");
	font-weight:normal;
	font-style:normal;
}

#contenedor{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	overflow:hidden;
}

#barra{
	width:100%;
	min-width:960px;
	position:fixed;
	bottom:0px;
	background-image:url(../img/logo-b.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	height:213px;
	z-index:20;
}

.home{
	background-image:url(../img/bg-home.jpg);
	background-repeat:repeat-x;
}

.empresa{
	background-image:url(../img/bg2.jpg);
	background-attachment:fixed;
}

.niveles{
	background-image:url(../img/bg3.jpg);
	background-attachment:fixed;
}

.meto{
	background-image:url(../img/bg4.jpg);
	background-attachment:fixed;
}

.infraestructura{
	background-image:url(../img/bg5.jpg);
	background-attachment:fixed;
}

.actividades{
	background-image:url(../img/bg6.jpg);
	background-attachment:fixed;
}

.cursos{
	background-image:url(../img/bg7.jpg);
	background-attachment:fixed;
}

.servicios{
	background-image:url(../img/bg8.jpg);
	background-attachment:fixed;
}

.videos{
	background-image:url(../img/bg9.jpg);
	background-attachment:fixed;
}

.circulares{
	background-image:url(../img/bg10.jpg);
	background-attachment:fixed;
}

.contacto{
	background-image:url(../img/bg11.jpg);
	background-attachment:fixed;
}

#contenido{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
}

#contenido-960{
	width:960px;
	margin:auto;
	position:relative;
}

#conocimiento{
	position:absolute;
	left:0px;
	background-image:url(../img/conocimiento.png);
	width:241px;
	height:242px;
	background-repeat:no-repeat;
	z-index:10;
}

#conocimiento:hover{
	background-image:url(../img/conocimiento-h.png);
}

#nubes{
	position:absolute;
	width:100%;
	min-width:960px;
}

#menu{
	position:absolute;
	right:0px;
	width:460px;
	background-image:url(../img/menu.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:334px;
	z-index:10;
}

#menu ul{
	float:right;
	width:130px;
	text-align:center;
	font-family:"Janda Closer To Free";
	font-size:12px;
	margin-top:10px;
	margin-right:35px;
}

#menu ul li a{
	text-decoration:none;
	color:#000;
	float:left;
	position:relative;
	width:130px;
	padding-top:6px;
	padding-bottom:6px;
}

#m1:hover a{
	background-color:#f4c831;
}

#m1 .selec{
	background-color:#f4c831;
}

#m2:hover a{
	background-color:#64dcc7;
}

#m2 .selec{
	background-color:#64dcc7;
}

#m3:hover a{
	background-color:#d5d16f;
}

#m3 .selec{
	background-color:#d5d16f;
}

#m4:hover a{
	background-color:#cb072a;
}

#m4 .selec{
	background-color:#cb072a;
}

#m5:hover a{
	background-color:#b31247;
}

#m5 .selec{
	background-color:#b31247;
}

#m6:hover a{
	background-color:#87388e;
}

#m6 .selec{
	background-color:#87388e;
}

#m7:hover a{
	background-color:#68b9d8;
}

#m7 .selec{
	background-color:#68b9d8;
}

#m8:hover a{
	background-color:#f3ac59;
}

#m8 .selec{
	background-color:#f3ac59;
}

#m8:hover a{
	background-color:#f3ac59;
}

#m9 .selec{
	background-color:#94a9c7;
}

#m9:hover a{
	background-color:#94a9c7;
}

#m10 .selec{
	background-color:#a4ba62;
}

#menu span{
	width:0px;
	padding:0;
	position:absolute;
	overflow:hidden;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
	z-index:101;
}

#menu ul li a:hover span{
	width:245px;
	height:250px;
	position:absolute;
	left:-270px;
}

.menu1{
	background-image:url(../img/menu/1.png);
	top:0px;
}

.menu2{
	background-image:url(../img/menu/2.png);
	top:-20px;
}

.menu3{
	background-image:url(../img/menu/3.png);
	top:-40px;
}

.menu4{
	background-image:url(../img/menu/4.png);
	top:-60px;
}

.menu5{
	background-image:url(../img/menu/5.png);
	top:-80px;
}

.menu6{
	background-image:url(../img/menu/6.png);
	top:-100px;
}

.menu7{
	background-image:url(../img/menu/7.png);
	top:-120px;
}

.menu8{
	background-image:url(../img/menu/8.png);
	top:-140px;
}

.menu9{
	background-image:url(../img/menu/9.png);
	top:-160px;
}

.menu10{
	background-image:url(../img/menu/10.png);
	top:-180px;
}

#radial{
	position:absolute;
	top:-80px;
	left:-400px;
	width:1674px;
	height:1471px;
	z-index:-1;
}

#home{
	float:left;
	position:relative;
	margin-left:-205px;
}

div#shell1 {
	display: block;
	position: relative;
	width:100%;
}

div#shell1{
	z-index: 1;
}

img#plax-logo-1 {
	position: absolute;
	top: 140px;
	left: 0px;
	z-index: 3;
	width:1046px;
	height:568px;
}

img#plax-logo-2 {
	position: absolute;
	z-index: 4;
	top: 325px;
	left: 0px;
	width:872px;
	height:341px;
}

img#plax-logo-3 {
	position: absolute;
	z-index: 4;
	top: 160px;
	left: 180px;
	width:502px;
	height:146px;
}

img#plax-logo-4 {
	position: absolute;
	top: 410px;
	left: 345px;
	z-index: 1;
	width:1086px;
	height:343px;
}

img#plax-logo-5 {
	position: absolute;
	top:0px;
	left:900px;
	z-index: 1;
	width:794px;
	height:279px;
}

#gracias{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	padding-top:30px;
	height:90px;
}

#gracias-960{
	width:960px;
	margin:auto;
	position:relative;
	height:90px;
}

#gracias-960 p{
	text-align:center;
	font-size:18px;
	font-family:"Hug Me Tight";
}

#gracias-960 h1{
	background-color:#d6132b;
	color:#FFF;
	font-size:25px;
	font-family:"Janda Closer To Free";
	text-transform:uppercase;
	position:absolute;
	padding-left:40px;
	font-weight:normal;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
	bottom:-20px;
	left:345px;
	z-index:5;
}

#home-b{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/home-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#93DBD0;
	height:1304px;
}

#home-b-960{
	width:960px;
	margin:auto;
	position:relative;
}

#arriba{
	width:109px;
	height:78px;
	position:absolute;
	background-image:url(../img/arriba.png);
	top:60px;
	z-index:10;
	left:440px;
}

#arriba:hover{
	background-image:url(../img/arriba-h.png);
}

#texto-home{
	background-image:url(../img/texto-home.png);
	width:768px;
	height:549px;
	position:relative;
	float:left;
	margin-top:100px;
	margin-left:170px;
}

#texto-home p{
	text-align:center;
	width:470px;
	font-family:"Whipsmart";
	font-size:15px;
	margin-top:240px;
	margin-left:80px;
}

#texto-home h1{
	font-family:"Hug Me Tight";
	font-size:18px;
	font-weight:normal;
	margin-top:15px;
	margin-left:185px;
}

.comillas{
	font-size:40px;
}

#head{
	width:100%;
	min-width:960px;
	position:fixed;
	top:0px;
	background-image:url(../img/head.png);
	background-position:center top;
	background-size: cover;
	background-repeat:no-repeat;
	z-index:100;
}

#head-960{
	width:960px;
	position:relative;
	margin:auto;
}

#logo{
	background-image:url(../img/logo.png);
	float:left;
	position:relative;
	width:361px;
	height:214px;
}

#texto-emp{
	background-image:url(../img/emp-tex.png);
	width:645px;
	position:relative;
	float:left;
	margin-top:230px;
	height:448px;
	margin-left:-80px;
	z-index:10;
}

#img-emp{
	float:left;
	margin-top:230px;
	position:relative;
}

#galeria{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-top:145px;
}

#galeria-960{
	width:960px;
	margin:auto;
	position:relative;
}

#galeria-img{
	float:left;
	position:relative;
}

#galeria-img ul li{
	font-family:"Janda Closer To Free";
	font-size:16px;
}

#galeria-img ul li a{
	text-decoration:none;
	color:#000;
	background-image:url(../img/li.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
	width:205px;
	float:left;
	position:relative;
	margin-top:5px;
	background-color:#FFF;
}

#galeria-img ul li a:hover{
	background-color:#f6bf17;
}

#galeria-fotos{
	float:left;
	position:relative;
	background-image:url(../img/tablero.png);
	width:687px;
	height:458px;
	margin-left:20px;
}

#clip{
	background-image:url(../img/clip.png);
	width:55px;
	height:55px;
	position:absolute;
	right:65px;
	top:25px;
	z-index:10;
}

#abajo{
	width:101px;
	height:77px;
	background-image:url(../img/abajo.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	margin-left:190px;
}

#abajo:hover{
	background-image:url(../img/abajo-h.png);
}

#mapa{
	width:234px;
	height:309px;
	float:left;
	position:relative;
	background-image:url(../img/mapa.png);
	margin-top:50px;
}

#mapa:hover{
	background-image:url(../img/mapa-h.png);
}

#formulario{
	float:left;
	position:relative;
	width:570px;
	margin-left:70px;
	margin-top:75px;
}

#formulario p{
	font-family:"Janda Closer To Free";
	font-size:16px;
	margin-top:10px;
	line-height:20px;
	float:left;
	position:relative;
	color:#FFF;
	width:80px;
}

input{
	width:452px;
	padding-left:5px;
	float:left;
	position:relative;
	height:50px;
	border:none;
	margin-top:5px;
	font-family:"Janda Closer To Free";
	font-size:20px;
	background-image:url(../img/input.png);
	background-color:transparent;
	color:#FFF;
	background-repeat:no-repeat;
}

textarea{
	width:452px;
	float:left;
	position:relative;
	height:96px;
	border:none;
	margin-top:5px;
	padding-left:10px;
	background-image:url(../img/text.png);
	font-family:"Janda Closer To Free";
	font-size:20px;
	color:#FFF;
	background-color:transparent;
	background-repeat:no-repeat;
}

#enviar{	
	color:#000;
	font-family:"Janda Closer To Free";
	float:right;
	margin-right:10px;
	position:relative;
	font-size:16px;
	text-decoration:none;
	margin-top:10px;
	width:115px;
	cursor:pointer;
	background-image:url(../img/btn.png);
	height:38px;
}

#enviar:hover{
	background-image:url(../img/btn-h.png);
}

#borrar{
	color:#000;
	font-family:"Janda Closer To Free";
	float:right;
	margin-right:20px;
	position:relative;
	font-size:16px;
	text-decoration:none;
	margin-top:10px;
	width:115px;
	cursor:pointer;
	background-image:url(../img/btn.png);
	height:38px;
}

#borrar:hover{
	background-image:url(../img/btn-h.png);
}

#footer{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-color:#FFF;
	margin-top:45px;
	padding-top:15px;
	padding-bottom:10px;
}

#footer-960{
	width:960px;
	margin:auto;
	position:relative;
}

#tele{
	float:left;
	position:relative;
	padding-left:50px;
	background-image:url(../img/tel.png);
	background-repeat:no-repeat;
	height:50px;
	width:270px;
}

#tele p{
	font-family:"Whipsmart";
	font-size:15px;
}

#mail{
	float:left;
	position:relative;
	padding-left:60px;
	background-image:url(../img/mail.png);
	background-repeat:no-repeat;
	height:50px;
	width:260px;
}

#mail p{
	font-family:"Whipsmart";
	font-size:15px;
	margin-top:10px;
}

#dir{
	float:left;
	position:relative;
	padding-left:55px;
	background-image:url(../img/casa.png);
	background-repeat:no-repeat;
	height:50px;
	width:265px;
}

#dir p{
	font-family:"Whipsmart";
	font-size:15px;
	margin-top:10px;
}

#footer2{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-color:#aadacf;
	padding-top:15px;
	padding-bottom:15px;
}

#footer2-960{
	width:960px;
	margin:auto;
	position:relative;
}

#footer2-960 p{
	float:left;
	position:relative;
	font-family:"Whipsmart";
	font-size:15px;
	margin-top:20px;
}

#web{
	float:left;
	position:relative;
	background-image:url(../img/web.png);
	font-family:"Whipsmart";
	font-size:12px;
	text-decoration:none;
	color:#0000004d;
	background-repeat:no-repeat;
	background-position:right;
	padding-right:130px;
	height:14px;
	margin-top:15px;
}

#redes{
	float:right;
	position:relative;
}

#fb{
	background-image:url(../img/fb.png);
	background-repeat:no-repeat;
	width:45px;
	height:44px;
	float:left;
	position:relative;
	margin-left:20px;
}

#fb:hover{
	background-image:url(../img/fb-h.png);
}

#tw{
	background-image:url(../img/tw.png);
	background-repeat:no-repeat;
	width:45px;
	height:44px;
	float:left;
	position:relative;
	margin-left:5px;
}

#tw:hover{
	background-image:url(../img/tw-h.png);
}

#fli{
	background-image:url(../img/fli.png);
	background-repeat:no-repeat;
	width:45px;
	height:44px;
	float:left;
	position:relative;
	margin-left:5px;
}

#fli:hover{
	background-image:url(../img/fli-h.png);
}

#in{
	background-image:url(../img/in.png);
	background-repeat:no-repeat;
	width:45px;
	height:44px;
	float:left;
	position:relative;
	margin-left:5px;
}

#in:hover{
	background-image:url(../img/in-h.png);
}

#float_whatsapp {
	background-image: url(../img/whatsapp.png);
	background-repeat: no-repeat;
	animation: pulse 2s infinite;
	width: 92px;
      height: 89px;
	position: fixed;
	right: 2px;
	z-index: 99999;
	top: 34%;
  }