/* seccion de pagina web completa bg */
*{margin:  0; padding: 0;}
@font-face {
    font-family: "IEEsUno";
    font-style: normal;
    font-weight: normal;
    src: url("../fuentes452/iees/Exo-Regular.woff");
}
@font-face {
    font-family: "candalm";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../fuentes452/Candal.woff") format("woff"), url("../fuentes452/Candal.ttf") format("truetype");
}
@font-face {
    font-family: "yanone";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../fuentes452/YanoneKaffeesatz-Regular.woff") format("woff"), url("../fuentes452/YanoneKaffeesatz-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "latotres";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../fuentes452/Lato-Regular.woff") format("woff"), url("../fuentes452/Lato-Regular.ttf") format("truetype");
}
.linkpag{color: white;}
.linkpag:hover{color: #21BD00;}
#todopag{width: 100%; margin: 0 auto; top: 0px; height: 1500px auto; padding: 0px; position: relative; overflow: hidden;}
/* seccion del header  */
#headerfptz{position: relative; background-color: #FFF; width: 1270px; height: 240px; margin: 0 auto;}
.logosta{position: relative;top: 2px;left: 20px;width: 256px;height: 256px;background-repeat: no-repeat;display: inline-block;float: left;
	background-image: url(../img452/logos452/acaetialogo256.png);
	background-size: 256px 256px;
}
#staTEXTODESC{ text-align: center; position: relative; width: 400px; left: 400px; top: 20px;}
#nombreTXT a{ color: #1C8100; font-size: 45px !important; font-family: IEEsUno;}
#descTXT a{ color: #177200; font-size: 15px !important; font-family: IEEsUno;}
div ul{
	 list-style:none;

}
/*secciom de menues-ax*/
#menuPrinCont ul a li{
	display: block; text-decoration: none; top: 150px; left: 120px; font-size: 20px; position: relative; display: none;
	border-radius: 20px; width: auto; height: auto; float: left; display:block; padding:10px; margin-right: 15px; color: #30B200;
   	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #30B200;
	border-right-color: #30B200;
	border-bottom-color: #30B200;
	border-left-color: #30B200;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;

}
#menuPrinCont ul a li:hover{background-color: #2DC800; color: white !important; top: 145px; padding: 10px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
#menuMiniCont{display: none;} #menuMiniT{display: none;}
.activom{background-color: #229900; color: white !important;} .activom:hover{ background-color: #2DC800; color: white !important;}
/*Seccion de soporte antes de slider*/
#soporte{ margin: 0 auto; position: relative; background-color: #30B200; width: 100%; height: 90px; top: 20px;}
#soporte a{ left:-180px; margin-left: 10px; padding: 10px; top: 20px; position: relative; text-decoration: none; color: white; font-size: 16px;} 
#max3{width: 120px;}
.fuentem{ font-size: 25px !important;} .icom{ margin-right: 10px; margin-top:  10px !important; font-size: 25px !important;}
#decirculo{ background-color: #30B200; width: 60px; height: 60px; margin: 0px auto; float: center; position: relative; top:-10px; z-index: 95;
	border-top-left-radius: 0%;
	border-top-right-radius: 0%;
	border-bottom-right-radius: 100%;
	border-bottom-left-radius: 100%;
}
#decirculoindex{ background-color: #30B200; width: 60px; height: 60px; margin: 0px auto; float: center; position: relative; top:-30px; z-index: 95;
	border-top-left-radius: 0%;
	border-top-right-radius: 0%;
	border-bottom-right-radius: 100%;
	border-bottom-left-radius: 100%;
}
/* seccion de los sliders */
#slider452{ margin: 0 auto; position: relative; background-color: #ABF1B4; width: 1270px; height: 560px; top: 0px;}
#sliderbg{ background-color: #F5F5F5; margin: 0 auto; position: relative;}
/* seccion de los navegacion de los servicios */
#navegar452{ background-color: #30B200; margin: 0 auto; position: relative; width: 1270px; height: 550px; padding-top: 10px;}
#navegar452 p{ top: 20px; position: relative; color: white;}
.linea452{ border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-left: 20px; margin-right: 20px;}
.modnavegar{ width: 300px; height: 320px; text-align: center; position: relative; float: left; margin-top: 20px; margin-left: 10px; 
	border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; z-index: 97px; left: 5px; border-right-color: rgba(255, 255, 255, 0.5);
}
#mod1{border-left-width: 2px; border-left-style: solid; border-left-color: rgba(255, 255, 255, 0.5);}
.modnavegar span{margin-left: 10px;}
.modnavegar h4{margin-top: 5px; position: relative; color: white; font-size: 25px;}
.modnavegar p{ margin-top: 0px; position: relative;}
.modnavegar a{margin-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
	border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: white; 
	border-right-color: white; border-bottom-color: white; border-left-color: white; color: white; text-decoration: none;
	border-radius: 20px; padding:10px; position: relative; top: 40px;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	
}
.modnavegar a:hover{color: #272378;}
.modico{position: relative; font-size: 100px; color: white;}
/*-------------------*/

/*area de contenidos*/
#contenido452{margin: 0px auto; position: relative; width: 1270px; height: auto; margin-bottom: 50px; padding-bottom: 120px; overflow: hidden;  top: -40px; background-color: white;}
#contenido452 p{position: relative; font-family: IEEsUno;}
.titulo452{ font-size: 50px; text-align: center; margin-top: 20px; margin-bottom: 10px; font-family: IEEsUno;}
h4{font-family: IEEsUno;}
.desc452{ font-size: 16px; text-align: center; margin-left: 20px; margin-right: 20px;}
.desc452u{ font-size: 25px; text-align: center; margin-left: 20px; margin-right: 20px;}
/*-------------------*/

/*contenido pagina inicial*/
.restat2{margin-top: 40px;} .restat{margin-top: -20px; font-size: 20px;}
#mapai452{position: relative;overflow: hidden;margin-bottom: 20px;width: 500px;height: 400px;}
#mapaptz452{position: relative;width: 500px;height: 900px;z-index: 90;overflow: hidden;margin-bottom: 20px;}
.quienesimg{position: relative;height: 400px; width: 500px;float: left;left: 0px;top: 10px;overflow: hidden;}
/*-------------------*/

/*seccion de los links*/
#botoneslink{width: 500px;height: 500px;position: relative;}
.botonlinka{ width: auto; height: auto; padding: 10px; position: relative;
	background-color: #198300;
	color: white;
	font-size: 30px;
	text-align: center;
	text-decoration: none;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;

}
.botonlinka:hover{
	background-color: #1F9E00;
	padding: 15px;
	border-radius: 10px 0px 10px 0px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;
}
#link1 a{top: 20px; left: 50px;} #link2 a{top: 60px; left: 57px;}
#botoncompleto{margin: 0px auto; height: 150px; width: 1270px; position: relative; top: -125px; background-color: white; z-index: 299;}
#botoncompleto a{height: auto;width: auto;padding: 10px;
	background-color: #0F5300;
	text-align: center;
	color: white;
	text-decoration: none;
	position: relative;
	top: 10px;
	left: 38%;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}
#botoncompleto a:hover{padding: 20px; border-radius: 10px; background-color: #1B9F00;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}
/*-------------------*/

/*seccion de los acordiones*/
#contieneACORDION{width: 500px; height: 400px auto; position: relative;}
.accordion {width: 100%;height: 0px auto;position: relative;margin-bottom: 10px;overflow: hidden;}
.accordion h3 { width: 100%;height: 50px; background: #26A900; cursor: pointer; background-repeat: no-repeat; border-color: #209200;
 	border-top-width: 2px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px; border-top-style: solid; border-right-style: solid;
	border-bottom-style: solid; border-left-style: solid; border-top-color: #209200border-right-color: #209200; border-bottom-color: #209200; border-left-color: #209200;
	color: white; text-decoration: none;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
}
.accordion h3 span{ position: relative; font-size: 20px; top: 10px;}
#accSim1{margin-left: 380px;}
#accSim2{margin-left: 370px;}
#accSim3{margin-left: 350px;}
#accSim4{margin-left: 280px;}
.fotoAC{width: 500px; height: auto;}
.accordion p {text-align: justify; top: 10px; margin-right: 10px; margin-left: 10px;} .accordion h3 a{margin-left: 15px; top: 10px; position: relative;} .accordion article {margin-top: 0px;}
.blockACC{background-color: #FBFBFB; height: 100%; margin-bottom: 70px;}
.quienesD{margin-left: 50px; margin-right: 20px; margin-bottom: 20px; float: left;} #quienesB{width: 1200px; position: relative; top: 40px; margin: 0px auto; height: auto;}
/*-------------------*/

/* seccion de logos de companias */
#LogosAU{background-color: white; top: -110px; z-index: 293; width: 1270px; height: 290px; position: relative; margin: 0px auto;}
.LogosAU2{height: 190px !important;}
#lgmod1{
	background-image: url(../img452/logos452/logoPTZ.png); width: 240px; height: 100px; float: left; margin: 0 auto;
	position: relative; background-repeat: no-repeat; background-size: 240px 100px; margin-left: 15%; margin-right: 50px;  top: 50px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;

}
#lgmod1:hover{
	background-image: url(../img452/logos452/logoPTZ.png);
	width: 280px; height: 120px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 280px 120px; margin-left: 15%; margin-right: 40px;  top: 50px;
	-webkit-filter: saturate(1.5);
	-moz-filter: saturate(1.5);
	filter: saturate(1.5);
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;

}
#lgmod2{
	background-image: url(../img452/logos452/cidatalogo256.png);
	width: 130px; height: 130px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat;	 background-size: 130px 130px; margin-right: 80px;  top: 50px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;
}
#lgmod2:hover{
	background-image: url(../img452/logos452/cidatalogo256.png);
	width: 160px; height: 160px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat;	 background-size: 160px 160px; margin-right: 80px;  top: 50px;
	-webkit-filter: saturate(1.8);
	-moz-filter: saturate(1.8);
	filter: saturate(1.8);
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;
}
#lgmod3{
	background-image: url(../img452/logos452/protadomnew300x95.png);
	width: 240px; height: 90px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 240px 90px; margin-right: 70px;  top: 60px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod3:hover{
	background-image: url(../img452/logos452/protadomnew300x95.png); width: 280px; height: 120px;
	float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 280px 110px; top: 50px;
	-webkit-filter: saturate(2);
	-moz-filter: saturate(2);
	filter: saturate(2);
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
/*/////////////////////////////////////////////////////////////// nuwevo*/
#lgmod4{
	background-image: url(../img452/logos452/Mercado-Agricola-logo-01.jpg);
	width: 240px; height: 100px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 240px 100px; top: 10px; left: 90px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod4:hover{
	background-image: url(../img452/logos452/Mercado-Agricola-logo-01.jpg); width: 280px; height: 120px;
	float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 280px 120px; top: 10px; left: 100px;
	-webkit-filter: saturate(2);
	-moz-filter: saturate(2);
	filter: saturate(2);
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod5{
	background-image: url(../img452/logos452/Mercado-De-TABACO-logo-01.jpg);
	width: 240px; height: 100px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 240px 100px; top: 10px; left: 130px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod5:hover{
	background-image: url(../img452/logos452/Mercado-De-TABACO-logo-01.jpg); width: 280px; height: 120px;
	float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 280px 120px; top: 10px; left: 140px;
	-webkit-filter: saturate(2);
	-moz-filter: saturate(2);
	filter: saturate(2);
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod6{
	background-image: url(../img452/logos452/intabaco.png);
	width: 240px; height: 100px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 180px 72px; top: 10px; left: 160px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod6:hover{
	background-image: url(../img452/logos452/intabaco.png); width: 280px; height: 120px;
	float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 210px 100px; top: 10px; left: 170px;
	-webkit-filter: saturate(2);
	-moz-filter: saturate(2);
	filter: saturate(2);
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod7{
	background-image: url(../img452/logos452/bontec256x120.png);
	width: 240px; height: 100px; float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 200px 100px;  top: 10px; left: 65px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
#lgmod7:hover{
	background-image: url(../img452/logos452/bontec256x120.png); width: 280px; height: 120px;
	float: left; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: 220px 120px;  top: 0px; left: 70px;
	-webkit-filter: saturate(2);
	-moz-filter: saturate(2);
	filter: saturate(2);
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all 1s;
	-o-transition: all .1s;	
}
/*seccion de carrusel 452*/
#ContieneCarrusel452{background-color: white; top: -110px; margin: 0px auto; position: relative; width: 1270px; height: 160px; overflow: hidden; z-index: 294;}
#carrusel316{position: relative; left: 10%; width: 800px; height: 140px; overflow: hidden; padding-top: 30px;}
#finCarr{font-size: 50px; float: left; position: relative; top: -125px; left: 1005px; color: #126400;}
#iniCarr{font-size: 50px; float: left; position: relative; top: 43px; left: 150px; color: #126400;}
#carrusel452{position: relative; top: 20px; width: 1350px; height: auto; left: 0px;
	animation-name: movercarrusel;
	/*animation-delay: 2s;*/
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: movercarrusel;
	/*-webkit-animation-delay: 2s;*/
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	
}
.carusel452-1{ left: -20px; transition: all .1s; -moz-transition: all .1s; -webkit-transition: all 1s; -o-transition: all .1s;}
#carrusel452 .carros{ position: relative; float: left; text-align: center;}
#carrusel452 .color1a{background-color: #157400; color: white; padding: 5px;} #carrusel452 .color1b{background-color: #116300; color: white; padding: 5px;}
#carrusel452 .color2a{background-color: #E8E9F5;padding: 10px;} #carrusel452 .color2b{background-color: #EFF0FF; padding: 10px;}
#carrusel316 h1{position: relative; left: 30%; top: -100px; font-family: IEEsUno;}

/* seccion de footer */
#foot452{ background-color: #3F3F3F; color: white; width: 100%; height: 300px; z-index: 300;} #footinf{ display: block; text-align: left; position: relative; left: 20px; top: 0px;}
#footlink{ position: relative; text-align: center; top: 0px;} #footlink a{color: #28C300;} #foot452 p{top: 20px; position: relative;}
/*-------------------*/

/*REGLAS PARA LA PAGINA DE INVESTIGACION*/
#todoinv{margin: 0px auto; width: 1000px; height: 2000px; padding-bottom: 120px; overflow: hidden; position: relative; top: 100px;}
#imgsub{ width: 600px; height: 300px;  position: absolute; left: 200px; top: 70px;}
#imgsub2{ width: 400px; height: 350px;  position: absolute; left: 290px; top: 140px; opacity: .2;}
#imglup{ height:400px; width:160px; position: absolute; left: 410px; top: 250px;}
.lineamano{ width: 600px;  height: 80px; position: absolute; top: 630px; left: 210px; overflow: hidden;}
.lineamanoc{ width: 650px;  height: 100px; background-color: white; box-shadow: 0px -10px 20px -20px  #414041; position: absolute; left: -10px; top: 20px;}
/*area de los botones*/
.botones{width: 180px; height: 80px; position: absolute; cursor: pointer;}
.btn1 {	left: 200px; top: 220px; } .btn2 { left: 350px; top: 80px;  } .btn3 { left: 550px; top: 90px;  } .btn4 { left: 700px; top: 220px; }
.botonh{ position: absolute;  left: 50px;  top: 10px; 
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
.botones .cir1{ left: 20px; top: 10px;} .botones .cir2{ left: 5px; top: -15px;} .botones .cir3{ left: 35px; top: -55px;}
.btn1 .circl{background-color: #f0b067;} .btn2 .circl{background-color: #81F077;} .btn3 .circl{background-color: #52BBF0;}
.btn4 .circl{background-color: #64F0B4;} .botones .circl{width: 40px;height: 40px;border-radius: 100px;opacity: .5;position: relative;}
/*los contenidos del menu*/
.conte{width: 800px;height: 550px;border-style: solid;border: 1px;border: black; background-color: white;position: relative; left: 80px; top: 660px;/*box-shadow: 1px 3px 2px 1px #DCDCDC;*/}
.conteDos{ width: 800px; height: 1300px; border-style: solid; border: 1px; border: black; position: relative; background-color: white; left: 80px; top: 660px; /*box-shadow: 1px 3px 2px 1px #DCDCDC;*/}
.conte img{height:200px; width:800px; } .conte p{text-align: justify; margin-left: 10px; margin-right: 10px;} .conte h2, h3{text-align: center; color: #678B26; font-size: 18px;}
.conteDos img{height:200px; width:800px; } .conteDos p{text-align: justify; margin-left: 10px; margin-right: 10px;} .conteDos h2, h3{text-align: center; color: #678B26; font-size: 18px;}
.contedisplayno{display: none;} .contedisplaysi{display: block;}
/*-------------------*/

/* PARA LA PAGINA DE NORMAS */
#tablaNormas{position: relative; left: 120px; overflow: hidden; margin: 0px auto; padding-bottom: 40px; top: 50px;}
#tituloP{font-family: candalm; color: #3C9328; font-size: 40px; left: 230px;} .subtituloP{font-family: candalm;font-size: 30px;color: #14931A;}.liP{left: 20px;}
.liP a{text-decoration: none; color: black;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
.liP a:hover{ text-decoration: none; color: #3BB01C; font-size: 20px;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
.listarenova{position: relative; left: 20px; font-family: IEEsUno; list-style:}
.listarenova li{list-style: square inside;}
/*-------------------*/

/*SECCION PARA TV DIGITAL*/
.vidzcont{position: relative; width: 660px; height: 380px; margin-top: 60px; left: 20%; background-color:  #3B343C;}
.vidz video{position: absolute; top: 0px; left: 0px; width: 640px; height: 360px;}
.vidz{position: absolute; width: 640px; height: 360px; left: 10px; top: 10px; background-color: red}
.vidzdesc{position: absolute; width: 660px; height: 40px; top: 380px; text-align: center; background-color: #EFF1ED; margin-bottom: 20px;}.vidzdesc p{position: relative; top: -10px;}
/*apartado para fotos*/
.fotozAll{position: relative; width: 420px; height: 160px; background-color: yellow; margin-top: 60px; margin-left: 140px; overflow: hidden; display: inline-block; text-decoration: none;}
.fotozcont{position: relative; width: 260px; height: 160px; text-decoration: none; background-color:  #3B343C; display: inline-block;}
.fotoz{position: absolute; width: 240px; height: 140px; left: 10px; top: 10px; background-color: red; text-decoration: none;}
.fotoz img{width: 240px; height: 140px; background-size: 240px 140px;}
.fotozdesc{position: absolute; width: 160px; height: 160px; left: 260px; text-align: center; background-color: #EFF1ED; display: inline-block; font-size: 20px; text-decoration: none; color: black;}
.fotozdesc p{position: relative; top: 10px;} #espaciob{height: 120px;}.vidzlinks{cursor: pointer;}
/*-------------------*/

/*SECCION PARA CALENDARIO*/
.numeroanual0{font-size: 120px; display: inline-block; float: left; position: absolute; top: 15px; font-family: IEEsUno;
	font-weight:bold; text-shadow: -2px -2px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px 2px 0px #FFF, 2px -2px 0px #FFFFFF;
}
.numeroanual1{left: 50px; color: #DB8B00;}
.numeroanual2{left: 100px; color: #B70018;-webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg);}
.numeroanual3{left: 150px; color: #258FC0;}
.numeroanual4{left: 190px; color: #A9BD25; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg);}


#contgrap{position: relative; left: 10%; top: 70px;}
#ccentro{position: relative; display: inline-block; width: 512px; height: 256px; left: -4px; background-color: #0B4E51; display: inline-block; top: -7px;}
#clinea3{position: relative; left: -8px;} .clinea1c{width: 256px; height: 128px; position: relative; display: inline-block; float: left;} 
.clinea1c h2, .clinea1c p{position: relative; text-align: center; color: white; top: 20px;}
.anlet{position: absolute; display: inline-block; font-size: 80px; width: 80px; height: 20px; top: -100px; color: white;}
.anlet h2{position: relative;} #anletra1 h2{left: 40px; color: #AD5709;} #imagenano{position: absolute; left: 80px; top: 10px;} 
#contbox{position: absolute; width: 410px; height: 210px; overflow: hidden; top: 120px; left: 40px;}
#box{position: absolute; width: 420px; height: 220px; top: 20px; background-color: #0B4E51; box-shadow: 10px 10px 10px 10px #000000;  -webkit-box-shadow: 0px 15px 10px 10px rgba(209,209,209,1);}
#ccentro p{position: absolute; text-align: center; top: 20px; left: 30px; font-size: 30px; color: white;}
#cnum1{display: inline-block; background-color: #6A3DB5;} #cnum2{display: inline-block; background-color: #3791F3;} #cnum3{display: inline-block; background-color: #26BCD3;}
#cnum4{display: inline-block; background-color: #249688;} #cnum5{display: inline-block; background-color: #57B057;} #cnum6{display: inline-block; background-color: #8DC453;}
#cnum7{display: inline-block; background-color: #CBDD45;} #cnum8{display: inline-block; background-color: #FDC01F;} #cnum9{display: inline-block; background-color: #FD971F;}
#cnum10{display: inline-block; background-color: #FB5A35;} #cnum11{display: inline-block; background-color: #E73B3F;} #cnum12{display: inline-block; background-color: #992AAE;}
.clineasl{width: 256px; height: 256px; overflow: hidden; display: inline-block; position: relative; top: -7px;} .clineasab{position: relative; display: inline-block;} #clinea4{position: relative; top: -12px;}
/*contenido de los iframes y demas*/
.btnvolverc{position: relative; margin-top: 20px; top: 80px;}
.btnvolverc a{position: relative; left: 40%; width: auto; height: auto; padding: 10px; font-size: 20px; background-color: #22A4EC; color: white; text-decoration: none; text-align: center;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}
.btnvolverc a:hover{padding:15px; border-radius: 15px; background-color: #E43A1A; font-weight: bold;}
#marzoframe{position: relative; top: 90px;} #abrilframe{position: relative; top: 90px;} #mayoframe{position: relative; top: 90px;}
.mesesframes{left: 100px; position: relative; width: 1070px; height: 1140px; overflow: hidden;}
.mesesframes iframe{position: relative; margin: 0px auto; left: 10px; top: 10px; width: 1020px; height: 1100px; overflow: hidden; padding: 10px;}
/*----------------*/

/*SECCION PARA EL CONTENIDO DE LAS NORMAS EN LOS IFRAMES*/
.menusolo{left: -10px !important;}
#navigation, #navigationUno {margin: auto; font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 12px; text-transform: uppercase; color: #444; text-align: center; position: relative; left: -15px;}
#navigation:after, #navigationUno:after {clear: both; content: "."; display: block; height: 15; visibility: hidden;}
#navigation ul, #navigationUno ul{margin-left: 20px; float: left; overflow: hidden; margin-bottom: 10px;}
#navigation li,  #navigationUno li{ float: left; border-style: solid;  border-width: 1px; border-color: #BABABA #BABABA #BABABA #FFF;
	background: #F7F7F7; /* Old browsers */
	background: -moz-linear-gradient(top, #F7F7F7 0%, #EDEDED 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EDEDED)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* IE10+ */
	background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EDEDED',GradientType=0 ); /* IE6-9 */	
}
#navigation li:hover, #navigation li.current, #navigationUno li:hover, #navigationUno li.current {
	border-color: #262626 !important;
	background: #4D4D4D; /* Old browsers */
	background: -moz-linear-gradient(top, #4D4D4D 0%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4D4D4D), color-stop(100%,#262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4D4D4D 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4D4D4D 0%,#262626 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4D4D4D 0%,#262626 100%); /* IE10+ */
	background: linear-gradient(top, #4D4D4D 0%,#262626 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D4D4D', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
}
#navigation a, #navigationUno a {display: block; padding: 10px 10px; color: #444; text-decoration: none; text-align: center; text-shadow: 0 1px #FFF;}
#navigation a:hover, #navigation li.current a, #navigationUno a:hover, #navigationUno li.current a {color: #FFF; text-shadow: 0 1px #000;}
#navigation li:first-child {border-left-color: #BABABA; border-radius: 100px 0 0 100px;}
#navigation li:last-child {border-radius: 0 100px 100px 0;}
#navigationUno li {border-radius: 100px 100px 100px 100px; border-left-color: #BABABA;}
/*  esto es para mover los botones de las diferentes paginas lo demas se quedara igual para todas*/
#n1,#n1b,#n2,#n3,#n4,#n4b,#n5,#n6,#n6b,#n7,#n8,#n9,#n9b,#n10{margin: auto; position: relative;}
#n1{left: 25px; width: 700px;} #n1b{left: 33px; width: 700px;} #n2{left: 1520px; width: 1000px;}
/**/
#n3{left: 90px; width: 1400px;} #n4{left: -148px; width: 1100px;} #n4b{left: -220px; width: 1100px;} #n5{left: -80px; width: 1400px;
}
#n6{left: -120px; width: 1100px;} #n6b{left: -130px; width: 1100px;}
/**/
#n7{left: 10px; width: 930px;} #n8{left: 10px; width: 1800px;} #n9{left: 100px; width: 980px;} #n9b{position: relative; left: 97px; width: 980px;}
/**/
#n10{margin: auto; width: 400px;}
/*iframe .informaciondocumento */
.informaciondocumento iframe{width: 900px; height: 1200px;}
.informaciondocumento{margin: auto; text-align: center; border-radius: 15px; background-color: #F8F8F8; position: relative; width: 950px; left: -10px;}
/*--------------*/


/*SECCION DE ANIMACION ESPECIAL INICIO*/

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: white; border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {color: white;}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.giroDiv:hover{
	transform:rotate(720deg);
	-webkit-transform:rotate(720deg);
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	z-index: 5;
}
.giroDivj{
	transform:rotate(720deg);
	-webkit-transform:rotate(720deg);
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	z-index: 5;
}

/*fotogramas claves de el carrussell calendario*/

/* Chrome, Safari, Opera */ 
@-webkit-keyframes movercarrusel {
    0%   {left: 0px;}
    20%   {left: 0px;}
	40%  {left: -280px;}
	50%  {left: -280px;}
	70%  {left: -528px;}
    90%  {left: -528px;}
    100% {left: 0px;}
} 

/* Standard syntax */ 
@keyframes movercarrusel {
    0%   {left: 0px;}
    20%   {left: 0px;}
	40%  {left: -280px;}
	50%  {left: -280px;}
	70%  {left: -528px;}
    90%  {left: -528px;}
    100% {left: 0px;}
}

/*ANIMACIONES SECCION INVESTIGACION*/

/*animacion de la mano con lupa*/
.swing{
	animation: swing 12s infinite alternate;
	-webkit-animation: swing 12s infinite alternate;
}
@keyframes swing {
	15%{
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	}
	30%{
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	}
	50%{
	-webkit-transform: translateX(93px);
	transform: translateX(93px);
	}
	65%{
	-webkit-transform: translateX(-93px);
	transform: translateX(-93px);
	}
	80%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	100%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}
@-webkit-keyframes swing {
	15%{
	-webkit-transform: translateX(35px);
	transform: translateX(35px);
	}
	30%{
	-webkit-transform: translateX(-35px);
	transform: translateX(-35px);
	}
	50%{
	-webkit-transform: translateX(23px);
	transform: translateX(23px);
	}
	65%{
	-webkit-transform: translateX(-23px);
	transform: translateX(-23px);
	}
	80%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	100%{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}

/*animacion de los botones el texto*/

.botonhm{
	position: absolute; 
	top: 10px; 
	left: 60px;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}
.colorb{
	color: #DF631A !important;
}
.colora{
	color: #62BE29;
}
.colors{
	color: #2BC2EB;
}
.colore{
	color: #4BB68A;
}
/*animacion para los botones los circulos*/

.girocirUno{
	animation: girocirUno 3s infinite ;
	-webkit-animation: girocirUno 3s infinite ;
}
@keyframes girocirUno {
	35%{
	left: 35px; top: 25px;
	}
	60%{
	left: 10px; top: 25px;
	}
	100%{
	left: 20px; top: 10px;
	}
}
@-webkit-keyframes girocirUno {
	35%{
	left: 35px; top: 25px;
	}
	60%{
	left: 10px; top: 25px;
	}
	100%{
	left: 20px; top: 10px;
	}
}
.girocirDos{
	animation: girocirDos 3s infinite ;
	-webkit-animation: girocirDos 3s infinite;
}
@keyframes girocirDos {
	35%{
	left: 25px; top: -25px;
	}
	60%{
	left: 45px; top: -15px;
	}
	100%{
	left: 5px; top: -15px;
	}
}
@-webkit-keyframes girocirDos {
	35%{
	left: 25px; top: -25px;
	}
	60%{
	left: 45px; top: -15px;
	}
	100%{
	left: 5px; top: -15px;
	}
}
.girocirTres{
	animation: girocirTres 3s infinite;
	-webkit-animation: girocirTres 3s infinite;
}
@keyframes girocirTres {
	35%{
	left: 15px; top: -55px;
	}
	60%{
	left: 30px; top: -65px;
	}
	100%{
	left: 35px; top: -55px;
	}
}
@-webkit-keyframes girocirTres {
	35%{
	left: 15px; top: -55px;
	}
	60%{
	left: 30px; top: -65px;
	}
	100%{
	left: 35px; top: -55px;
	}
}
/*animaciones para los contenidos estaticos*/

.imgactiva{
	 -webkit-animation: imgactiva 2s;
	  animation: imgactiva 2s;
	
}
@-webkit-keyframes imgactiva {
	  0% {
	  	opacity: 0;
	    -webkit-transform: scale(1);
	    transform: scale(1);
	  }
	
	  50% {
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
	    opacity: 100;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 100;
	  }
}
	
@keyframes imgactiva {
	  0% {
	  	opacity: 0;
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	  }
	
	  50% {
	    -webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	    opacity: 100;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	    opacity: 100;
	  }
}
.imginactiva{
	 -webkit-animation: imginactiva 2s;
	  animation: imginactiva 2s;
	
}
@-webkit-keyframes imginactiva {
	  0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	  }
	
	  50% {
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
	    opacity: 0;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	  }
}
	
@keyframes imginactiva {
	  0% {
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	  }
	
	  50% {
	    -webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	    opacity: 0;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	  }
}