@font-face {
    font-family: "farsan";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../fuentes452/farsan.woff") format("woff"), 
    url("../fuentes452/farsan.ttf") format("truetype");
}
/*posiciones*/
body{margin: auto;}
body, html{height:100%}
.logoitc{width: 230px; height: 100px; position: absolute;}
.posre{position: relative;} .posab{position: absolute;}
.disin{display: inline-block;} .disb{display: block;} .disn{display: none;}
.wcien{width: 100%; max-width: 100%}
.hcien{height: 100%; height-width: 100%}
a:link,a:visited,a:hover,a:active{text-decoration: none;}
/*la cabecera*/
.arriba452uno{height: 150px;}
.menucolor{width: 30px; height: 30px; position: absolute; left: 10px; top: 10px; cursor: pointer;}
.menucolor i{font-size: 30px;}
.texturauno{background-image: url(../img452/texturados.png); width: 150px; height: 150px; mix-blend-mode: multiply;}
/*--logo*/
.logo{width: 250px; height: 100px; left: 80px; top: 30px; cursor: pointer;}
.logoimg{
	margin: auto; width: 60px; height: 40px; background-image: url(../img452/logoprocata1.png); background-repeat: no-repeat;background-size: 100% 100%; top: -5px;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.textologo{margin: auto; width: 230px; height: auto; font-size: 30px;  text-align: center; font-family: farsan;}
.textologo2{margin: auto; width: 230px; height: auto; text-align: center; font-family: farsan;}
/*--menu*/
.miniprocata{display: none;}
.menu{width: 730px; height: 70px; left: 30%; top: -50px;}
.submenu{margin-right: 20px; width: auto; height: 50px; font-size: 30px;}
.submenu{cursor: pointer;}
.lineamenu{
	margin: auto; width: 20px; height: 5px; top: 1px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.lineamenulargo{
	width: 100px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.textosub{
	top: 0px;
	text-decoration: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.textosubu{
	top: 3px;
	text-decoration: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
/*seccion de slider*/
.slider, .slide{height: 500px; min-height: 500px; overflow: hidden;}
.slide{background-repeat: no-repeat;background-size: 100% 100%;}
.slide1{background-image: url(../img452/slide1.jpg);}
.slide2{background-image: url(../img452/slide2.jpg);}
.slide3{background-image: url(../img452/slide3.jpg);}
.slide4{background-image: url(../img452/slide4.jpg);}
.slide5{background-image: url(../img452/slide5.jpg);}
.slide6{background-image: url(../img452/slide6.jpg);}
.slide7{background-image: url(../img452/slide7.jpg);}
.slide8{background-image: url(../img452/slide8.jpg);}
.slide9{background-image: url(../img452/slide9.jpg);}
.slide10{background-image: url(../img452/slide10.jpg);}
.slide11{background-image: url(../img452/slide11.jpg);}
.btnslide{width: 50px; height: 50px; font-size: 50px; top: -300px;}
.btnant{left: 2%;}
.btnsig{left: 90%;}
.btnslide:hover{cursor: pointer;}
/*--slider circuls*/
.cirslide, .cirfondo{width: 250px; height: 250px; border-radius: 40px 0px 40px 0px; overflow: hidden;}
.cirslide{
	top: 80px; left: 150px; opacity: 0;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.cirslideIn{
	top: 110px; left: 150px; opacity: 100;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.cirfondo{opacity: .45;}
.cirtxt{font-size: 20px; width: 200px; top: 30px; left: 26px; text-align: center;}
/*--slidernavegacion*/
.contnavslide{position: relative; width: 500px; height: 30px; margin:auto; top: -100px; text-align: center;}
.navsl{position: relative; display: inline-block; width: 30px; height: 30px; font-size: 30px;}
.navsl:hover{cursor: pointer;}
/*seccion destacado*/
.imgtexturades{background-image: url(../img452/texturauno.jpg); background-size: 100% 100%; mix-blend-mode: multiply;}
.destacado{height: 60px;}
.lindestacado{height: 20px;}
/*seccion de contenidos*/
.contenido{height: auto; padding-bottom: 20px;}/*3300px*/
/*seccin abajo*/
.debajo{height: 300px;}
.contacto{width: 900px; height: 40px; top: 60px; left: 60px; font-size: 30px;}
.iconog{margin-right: 15px;}
.enproceso {width: 900px; height: auto; font-size: 30px; position: relative; left: 50px; top: 10px;}
.iconomap{top: -35px; position: relative;}
/*auspiciadores*/
.auspiciadores{width: 100%; height: 450px;}
.tauspi{position: relative; width: 400px; height: auto; margin: auto; font-size: 40px; text-align: center; top: 50px;}
.imgcar{position: relative; width: 100%; height: 300px; margin: auto; top: 70px;}
.imgposi{width: 256px; height: auto; position: relative;}
.logoimgau{
	position: relative; display: inline-block; margin-right: 20px; width: 220px; height: 220px; top: 20px; left: 18%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.logoimgau img{position: absolute; top: 0px; left: 0px; filter: drop-shadow( 0px 0px 10px  15px white);}
.consejoz img{width: 220px; height: 200px;}
.ptzlogo img{top: 40px; width: 200px; height: 100px;}
.itclogo img{top: 50px; width: 220px; height: 100px;}
.ieeslogo img{width: 150px; height: 150px; top: 30px; left: 20px;}
.moverlogoau{
	top: -10px;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
/*seccion mapa*/
.mapai, .mapaframe{height: 400px;}
.cirslide{display: none;}
/*selector de colore*/
.menucolores{width: 70px; height: auto; position: absolute; background-color: #38393B; left: 15px; top: 50px; padding: 2px;}
.colors0{width: 30px; height: 30px; position: relative; display: inline-block; margin-right: 2px; background-color: yellow; top: 2px; left: 2px;}
.colors0:hover{cursor: pointer;}
.colorsa{background-color: #e36b05;}
.colorsb{background-color: #d2b8a4;}