/* seccion de pagina web completa bg */

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@media (max-width: 1250px) {
	#slider452{margin: 0 auto;position: relative;width: 1100px;height: 460px;}
	#navegar452{width: 1100px;}
	.modnavegar{left: 5px; width: 255px;}
	#contieneACORDION{width: 450px;}
	#accSim1{margin-left: 300px;} #accSim2{margin-left: 290px;} #accSim3{margin-left: 270px;} #accSim4{margin-left: 200px;}
	.fotoAC{width: 450px;}
	#LogosAU{width: 1100px;}
	#lgmod1{margin-left: 10%;}
	#lgmod1:hover{margin-left: 10%;}
	#ContieneCarrusel452{width: 1100px;}
	#carrusel316{left: 5%;}
	#finCarr{top: -125px; left: 930px;}
	#iniCarr{top: 43px; left: 80px;}
	#botoncompleto {width: 1100px;}
	#lgmod4{left: 390px;}
	#lgmod4:hover{left: 390px;}

}
@media (max-width: 1230px) {
	#soporte {height: 120px !important;}
}
@media (max-width: 1210px) {
	#menuPrinCont ul a li {left: 50px !important;}
}
@media (max-width: 1100px) {
	#slider452{margin: 0 auto;position: relative;width: 980px;height: 400px;}
	#navegar452{width: 980px; height: 600px;}
	.modnavegar{left: 10px; width: 225px; height: 370px;}
	#mod1 a{top: 20px;}
	#mod2 a{top: 87px;}
	#mod3 a{top: 57px;}
	#mod4 a{top: 83px;}
	#quienesB{width: 970px;}
	#mapaptz452{width: 380px; height: 800px; overflow: hidden;margin-bottom: 20px;}
	.quienesimg{width: 380px; height: 320px;}
	.botonlinka{font-size: 20px;}
	#link1 a{left: 50px;}
	#mapai452{width: 380px; height: 320px; overflow: hidden; margin-bottom: 20px;}
	#contieneACORDION{width: 400px; display: inline-block;}
	#accSim1{margin-left: 290px;} #accSim2{margin-left: 280px;} #accSim3{margin-left: 260px;} #accSim4{margin-left: 190px;}
	.fotoAC{width: 400px;}
	#LogosAU{width: 980px;}
	#lgmod1{margin-left: 5%; width: 200px; height: 90px; background-size: 200px 90px; margin-right:50px;}
	#lgmod1:hover{margin-left: 6%; width: 210px; height: 100px; background-size: 210px 100px; margin-right:50px;}
	#lgmod2{margin-left: 5%; width: 200px; height: 100px; background-size: 200px 100px;}
	#lgmod2:hover{margin-left: 6%; width: 220px; height: 110px; background-size: 220px 110px;}
	#lgmod3{margin-left: 5px; width: 200px; height: 100px; background-size: 200px 100px;}
	#lgmod3:hover{margin-left: 8px; width: 220px; height: 110px; background-size: 220px 110px;}
	#ContieneCarrusel452{width: 980px;}
	#carrusel316{left: 2%;}
	#finCarr{top: -125px; left: 895px;}
	#iniCarr{top: 43px; left: 45px;}
	#botoncompleto {width: 980px;}
	#contenido452{left: -90px !important;}
	#lgmod4{left: 320px;}
	#lgmod4:hover{left: 320px;}


}
@media (max-width: 1070px) {
	#menuPrinCont ul a li {font-size: 18px;}
	#staTEXTODESC{left: 330px;}
	#soporte a{margin-right: 20px;}

}
@media (max-width: 1010px) {
	#slider452{margin: 0 auto;position: relative;width: 850px;height: 390px;}
	#navegar452{width: 850px;}
	.modnavegar{left: 10px; width: 190px; height: 370px;}
	#mod1 a{top: 20px;}
	#mod2 a{top: 87px;}
	#mod3 a{top: 57px;}
	#mod4 a{top: 78px;}
	#quienesB{width: 970px;}
	#mapaptz452{width: 380px; height: 700px; overflow: hidden;margin-bottom: 20px; }
	#mapai452{width: 380px; height: 320px; overflow: hidden; margin-bottom: 20px;}
	#contieneACORDION{width: 300px; display: inline-block;}
	#accSim1{margin-left: 170px;} #accSim2{margin-left: 160px;} #accSim3{margin-left: 140px;} #accSim4{margin-left: 70px;}
	.fotoAC{width: 300px;}
	#LogosAU{width: 850px;}
	#lgmod1{margin-left: 60px; width: 200px; height: 80px; background-size: 200px 80px; margin-right:20px;}
	#lgmod1:hover{margin-left: 60px; width: 210px; height: 90px; background-size: 210px 90px; margin-right:20px;}
	#lgmod2{margin-left: 5px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:20px}
	#lgmod2:hover{margin-left: 5px; width: 220px; height: 110px; background-size: 220px 110px; margin-right:20px}
	#lgmod3{margin-left: 5px; width: 200px; height: 100px; background-size: 200px 100px;}
	#lgmod3:hover{margin-left: 5px; width: 220px; height: 110px; background-size: 220px 110px; }
	#ContieneCarrusel452{width: 850px;}
	#carrusel316{left: -10px; width: 700px;}
	#finCarr{top: -125px; left: 765px;}
	#botoncompleto {width: 850px;}
	#botoncompleto a{left: 300px; top: 30px;}
	#iniCarr{top: 43px; left: 15px;}
	#foot452{width: 100%;}
	#menuPrinCont ul a li {font-size: 15px;}
	/*para todo lo de investigacion*/
	#imgsub{left: 100px;}
	#imgsub2{left: 200px;}
	.lineamano{left: 120px;}
	.lineamanoc{left: -50px;}
	.conte{width: 700px;height: 550px;left: 60px;}
	.conteDos{width: 700px;left: 60px; height: 1400px;}
	.btn1 {	left: 110px;}
	.btn2 { left: 260px;}
	.btn3 { left: 460px;}
	.btn4 { left: 590px;}
	.conte img {height: 180px; width: 700px;}
	.conteDos img {height: 180px; width: 700px;}
	#imglup{left: 350px;}
	#lgmod4{left: 270px;}
	#lgmod4:hover{left: 270px;}

}
@media (max-width: 970px) {
	#soporte a{margin-right: 60px;}
}
@media (max-width: 910px) {
	#contenido452{left: -110px !important;}

	#menuMiniT{display: block; position: right;}
	#menuMiniT{position: fixed; left: 0px; top: 0px; z-index: 1000; display: block; width: 100%; height: 50px; background-color: #208A04;}
	#menuMiniT span{position: fixed; right: 20px; top: 20px; font-size: 20px; color: white;}
	#menuMiniT span:hover{font-size: 25px; top: 18px; right:18px; cursor: pointer;}
	#menuMiniCont{z-index: 999; display: block;}
	.noMini{background-color: #208A04; width: 200px; height: 230px; top: 38px; position: fixed; right: -200px !important; 
		transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
	}
	.siMini{background-color: #208A04; width: 200px; height: 230px; top: 38px; position: fixed; right: 0px; 
		transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
	}
	#menuMiniCont ul a li{ position: relative;  width: 130%; display: inline-block; left: 0px; top:10px; padding-bottom: 10px; padding-top: 10px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-top-color: #176006;
		border-bottom-color: #176006;
		text-decoration: none;
		transition: all .1s;
		-moz-transition: all .1s;
		-webkit-transition: all .1s;
		-o-transition: all .1s;
	}
	#menuMiniCont ul a li{left: 0px; position: relative; color: #FEF7FF; text-decoration: none !important;}
	#menuMiniCont ul a li i{position: relative; left: 10px;}
	#menuMiniCont ul a li:hover{background-color: #1E7A08;color: white !important;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-top-color: #215A00;
		border-bottom-color: #215A00;
		transition: all .1s;
		-moz-transition: all .1s;
		-webkit-transition: all .1s;
		-o-transition: all .1s;
	}

	#menuPrinCont{display: none;}
	.logosta{top: 55px;}
	#staTEXTODESC{left: 230px; top: 40px;}
	#soporte a{margin-right: 20px;}

}
@media (max-width: 890px) {
	#contenido452{left: -80px !important; height: 2000px;}
	#slider452{margin: 0 auto;position: relative;width: 700px;height: 300px;}
	#navegar452{width: 700px; height: 1700px;}
	.modnavegar{left: 120px; width: 450px; height: 350px; border-width: 0px;}
	#mod1 a{top: 40px;}
	#mod2 a{top: 90px;}
	#mod3 a{top: 60px;}
	#mod4 a{top: 80px;}
	#mod1{border-width: 0px;}
	#quienesB{width: 970px;}
	#mapaptz452{top: -50px; left: 100px; width: 400px; height: 600px; overflow: hidden;margin-bottom: 20px;}
	.quienesimg{width: 400px; height: 320px; left: 0px; top: -5px;}
	#mapai452{width: 400px; height: 250px; overflow: hidden; margin-bottom: 20px;}
	.botonlinka{font-size: 20px;}
	#link1 a{left: 50px; top: 10px;}
	#link2 a{left: 57px; top: 30px;}
	#contieneACORDION{width: 400px; position: relative; top: 580px; left: -380px; height: 200px;}
	#accSim1{margin-left: 270px;} #accSim2{margin-left: 260px;} #accSim3{margin-left: 240px;} #accSim4{margin-left: 170px;}
	.fotoAC{width: 400px;}
	#LogosAU{width: 700px; height: 600px; display: block; top: 10px;}
	#lgmod1{margin-left: 240px; width: 200px; height: 80px; background-size: 200px 80px; margin-right:100px; margin-bottom: 20px;}
	#lgmod1:hover{margin-left: 240px; width: 210px; height: 90px; background-size: 210px 90px; margin-right:100px; margin-bottom: 20px;}
	#lgmod2{margin-left: 240px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 20px;}
	#lgmod2:hover{margin-left: 240px; width: 220px; height: 110px; background-size: 220px 110px; margin-right:100px; margin-bottom: 20px;}
	#lgmod3{margin-left: 240px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 20px;}
	#lgmod3:hover{margin-left: 240px; width: 220px; height: 110px; background-size: 220px 110px; }
	#ContieneCarrusel452{width: 700px;}
	#carrusel316{left: -10px; width: 530px;}
	#carrusel316 h1{left: 20%;}
	#finCarr{top: -125px; left: 595px;}
	#iniCarr{top: 43px; left: 15px;}
	#botoncompleto {width: 700px;}
	#botoncompleto a{left: 240px; top: 30px;}
	#contenido452 .titulo452{left: -100px; margin-bottom: 35px}
	/*para investigacion*/
	/*para todo lo de investigacion*/
	#todoinv{height: 2600px;}
	#imgsub{left: 130px; width: 450px; height: 250px; top: -20px;}
	#imgsub2{left: 160px; width: 350px; height: 250px; top: 30px;}
	.lineamano{left: 130px; top: 340px; width: 420px;}
	.lineamanoc{left: 40px; top: 20px; width: 400px;}
	.conte{   width: 500px;left: 100px; top: 370px; height: 550px;}
	.conteDos{width: 500px;left: 100px; top: 370px; height: 1630px;}
	.btn1 {	left: 120px; top: 110px;}
	.btn2 { left: 190px; top: 5px;}
	.btn3 { left: 410px; top: 5px;}
	.btn4 { left: 490px; top: 110px;}
	.conte img {   height: 130px; width: 500px;}
	.conteDos img {height: 130px; width: 500px;}
	#imglup{left: 300px; top: 120px; width: 100px; height: 250px;}

	#lgmod4{left: 210px; top: -90px;}
	#lgmod4:hover{left: 210px; top: -90px;}

	/*animacion ahora*/
			swing{
			animation: swing 8s infinite alternate;
			-webkit-animation: swing 8s infinite alternate;
		}
		@keyframes swing {
			15%{
			-webkit-transform: translateX(40px);
			transform: translateX(40px);
			}
			30%{
			-webkit-transform: translateX(-40px);
			transform: translateX(-40px);
			}
			50%{
			-webkit-transform: translateX(33px);
			transform: translateX(33px);
			}
			65%{
			-webkit-transform: translateX(-33px);
			transform: translateX(-33px);
			}
			80%{
			-webkit-transform: translateX(0);
			transform: translateX(0);
			}
			100%{
			-webkit-transform: translateX(0);
			transform: translateX(0);
			}
		}
		@-webkit-keyframes swing {
			15%{
			-webkit-transform: translateX(40px);
			transform: translateX(40px);
			}
			30%{
			-webkit-transform: translateX(-40px);
			transform: translateX(-40px);
			}
			50%{
			-webkit-transform: translateX(33px);
			transform: translateX(33px);
			}
			65%{
			-webkit-transform: translateX(-33px);
			transform: translateX(-33px);
			}
			80%{
			-webkit-transform: translateX(0);
			transform: translateX(0);
			}
			100%{
			-webkit-transform: translateX(0);
			transform: translateX(0);
			}
		}

}
@media (max-width: 800px) {
	#contenido452{left: -90px !important;}
	#contenido452 .titulo452{left: -140px;}
	#soporte a {margin-right: 30px;}
}
@media (max-width: 725px) {
	#contenido452{left: -130px !important;}
	#contenido452 .titulo452{left: -140px;}
	#soporte a {margin-right: 20px;}
}
@media (max-width: 700px) {
	#soporte a {margin-right: 30px;}
	#slider452{margin: 0 auto;position: relative;width: 580px;height: 200px;}
	#navegar452{width: 580px; height: 1700px;}
	.titulo452 {font-size: 40px;}
	.modnavegar{left: 100px; width: 350px; height: 350px; border-width: 0px;}
	#mod1{border-width: 0px;}
	#quienesB{width: 470px;}
	#mapaptz452{top: -40px; left: -145px; width: 400px; height: 600px; overflow: hidden;margin-bottom: 20px;}
	#mapai452{width: 400px; height: 250px; overflow: hidden; margin-bottom: 20px;}
	#link1 a{left: 30px; top: 10px;}
	#link2 a{left: 37px; top: 30px;}
	#contieneACORDION{width: 400px; position: relative; top: -40px; left: -145px;}
	#accSim1{margin-left: 270px;} #accSim2{margin-left: 260px;} #accSim3{margin-left: 240px;}
	.fotoAC{width: 580px;}
	#LogosAU{width: 580px; height: 600px; display: block;}
	#lgmod1{margin-left: 160px; width: 200px; height: 80px; background-size: 200px 80px; margin-right:100px; margin-bottom: 20px;}
	#lgmod1:hover{margin-left: 160px; width: 210px; height: 90px; background-size: 210px 90px; margin-right:100px; margin-bottom: 20px;}
	#lgmod2{margin-left: 160px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 20px;}
	#lgmod2:hover{margin-left: 160px; width: 220px; height: 110px; background-size: 220px 110px; margin-right:100px margin-bottom: 20px;}
	#lgmod3{margin-left: 160px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 20px;}
	#lgmod3:hover{margin-left: 160px; width: 220px; height: 110px; background-size: 220px 110px; }
	#ContieneCarrusel452{width: 580px;}
	#carrusel316{left: -10px; width: 430px;}
	#carrusel316 h1{top: -80px; font-size: 20px; left: 10%;}
	#finCarr{top: -125px; left: 495px;}
	#iniCarr{top: 43px; left: 15px;}
	#botoncompleto{width: 580px;}
	#botoncompleto a{left: 200px; top: 30px;}
	#contenido452{left: -150px !important;}
	/*para todo lo de investigacion*/
	#imgsub{left: 80px; width: 450px; height: 250px; top: -20px;}
	#imgsub2{left: 110px; width: 350px; height: 250px; top: 30px;}
	.lineamano{left: 90px; top: 340px; width: 420px;}
	.lineamanoc{left: -20px; top: 20px; width: 400px;}
	.conte{   width: 500px;left: 40px; top: 370px; height: 550px;}
	.conteDos{width: 500px;left: 40px; top: 370px; height: 1630px;}
	.btn1 {	left: 70px; top: 110px;}
	.btn2 { left: 150px; top: 5px;}
	.btn3 { left: 360px; top: 5px;}
	.btn4 { left: 440px; top: 110px;}
	.conte img {   height: 130px; width: 500px;}
	.conteDos img {height: 130px; width: 500px;}
	#imglup{left: 250px; top: 120px; width: 100px; height: 250px;}
	#todoinv {left: 20px;}
	#lgmod4{left: 140px; top: -90px;}
	#lgmod4:hover{left: 140px; top: -90px;}

}
@media (max-width: 640px) {
	#contenido452{left: -180px !important;}
	#soporte a {margin-right: 30px;}
	#soporte {height: 150px !important;}
	#staTEXTODESC {left: 200px; top: 40px;}
}
@media (max-width: 600px) {
	#contenido452{height: 3100px;}
	#contenido452 .titulo452 {top: 140px; left: -170px;}
	#slider452{margin: 0 auto;position: relative;width: 380px;height: 200px;}
	#navegar452{width: 380px; height: 1700px;}
	.modnavegar{left: 0px; width: 350px; height: 350px; border-width: 0px;}
	#mod1{border-width: 0px;}
	#quienesB{width: 470px;}
	#mapaptz452{top: 190px; left: -155px; width: 380px; height: 1200px; overflow: hidden;margin-bottom: 20px;}
	.quienesimg{width: 370px; height: 300px; top: 180px;}
	#mapai452{width: 370px; height: 550px; overflow: hidden; margin-bottom: 20px;}
	#contieneACORDION{width: 370px; position: relative; top: 360px; left: -155px;}
	#accSim1{margin-left: 260px;} #accSim2{margin-left: 250px;} #accSim3{margin-left: 230px;} #accSim4{margin-left: 160px;}
	.fotoAC{width: 380px;}
	#LogosAU{width: 380px; height: 600px; display: block;}
	#lgmod1{margin-left: 90px; width: 200px; height: 80px; background-size: 200px 80px; margin-right:100px; margin-bottom: 20px;}
	#lgmod1:hover{margin-left: 90px; width: 210px; height: 90px; background-size: 210px 90px; margin-right:100px; margin-bottom: 20px;}
	#lgmod2{margin-left: 90px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 20px;}
	#lgmod2:hover{margin-left: 90px; width: 220px; height: 110px; background-size: 220px 110px; margin-right:100px; margin-bottom: 20px;}
	#lgmod3{margin-left: 90px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 20px;}
	#lgmod3:hover{margin-left: 90px; width: 220px; height: 110px; background-size: 220px 110px; }
	#ContieneCarrusel452{width: 380px;}
	#carrusel316{left: -10px; width: 230px;}
	#carrusel316 h1{top: -80px; font-size: 20px; left: 10%;}
	#finCarr{top: -125px; left: 295px;}
	#iniCarr{top: 43px; left: 15px;}
	#botoncompleto{width: 380px;}
	#botoncompleto a{left: 70px; top: 30px;}

	#soporte a {margin-right: 60px;}
	#nombreTXT a{font-size: 30px !important;}
	#descTXT a{font-size: 10px !important;}
	#staTEXTODESC {left: 150px; top: 80px;}

		/*para todo lo de investigacion*/
	#todoinv{height: 3100px; left: 145px;}
	#imgsub{left: 20px; width: 320px; height: 190px; top: 20px;}
	#imgsub2{left: -20	0px; width: 180px; height: 190px; top: 60px;}
	.lineamano{left: 70px; top: 340px; width: 260px;}
	.lineamanoc{left: 10px; top: 20px; width: 240px;}
	.conte{   width: 300px;left: 40px; top: 370px; height: 700px;}
	.conteDos{width: 300px;left: 40px; top: 370px; height: 2670px;}
	.btn1 {	left: 10px; top: 110px;}
	.btn2 { left: 60px; top: 30px;}
	.btn3 { left: 220px; top: 30px;}
	.btn4 { left: 260px; top: 110px; width: 100px;}
	.botonh{font-size: 15px; top: 20px; }
	.conte img {   height: 90px; width: 300px;}
	.conteDos img {height: 90px; width: 300px;}
	#imglup{left: 150px; top: 120px; width: 100px; height: 250px;}
	#lgmod4{left: 70px; top: -90px;}
	#lgmod4:hover{left: 70px; top: -90px;}

}
@media (max-width: 560px) {
	#contenido452{left: -220px !important;}
	#soporte a {margin-right: 60px;}
	#nombreTXT a{font-size: 30px !important;}
	#descTXT a{font-size: 10px !important;}
	#staTEXTODESC {left: 150px; top: 80px;}
}
@media (max-width: 500px) {
	#contenido452{left: -250px !important;}
	#soporte a {margin-right: 0px; text-align: center;}
	#staTEXTODESC {left: 120px; top: 80px;}
	#soporte {height: 190px !important;}

}
@media (max-width: 450px) {
	#contenido452{left: -270px !important;}
	#soporte a {margin-right: 60px; margin-left: 90px; text-align: center; left: 0px;}
	.fuentem {font-size: 18px !important;}
	#staTEXTODESC {left: -100px; top: 240px;}
	#soporte {height: 190px !important;}
	#headerfptz{height: 400px;}
	.logosta {top: 85px; left: 100px;}

}
@media (max-width: 400px) {
	#slider452{margin: 0 auto;position: relative;width: 300px;height: 200px;}
	#soporte .fuentem{font-size: 15px !important;}
	#navegar452{width: 300px; height: 1700px;}
	.titulo452 {font-size: 30px;}
	.modnavegar{left: -10px; width: 290px; height: 350px; border-width: 0px; margin-bottom: 15px;}
	#mod1{border-width: 0px;}
	#quienesB{width: 470px;}
	#mapaptz452{left: -115px;  overflow: hidden;margin-bottom: 20px;}
	.quienesimg{width: 290px; left: 0px;}
	#mapai452{width: 290px; overflow: hidden; margin-bottom: 20px;}
	#link1 a{left: 10px; top: 10px; font-size: 18px;}
	#link2 a{left: 17px; top: 40px; font-size: 18px;}
	#contieneACORDION{width: 290px; position: relative; left: -115px;}
	#accSim1{margin-left: 170px;} #accSim2{margin-left: 160px;} #accSim3{margin-left: 140px;} #accSim4{margin-left: 70px;}
	.fotoAC{width: 300px;}
	#LogosAU{width: 300px; height: 600px; display: block;}
	#lgmod1{margin-left: 50px; width: 200px; height: 80px; background-size: 200px 80px; margin-right:100px; margin-bottom: 30px;}
	#lgmod1:hover{margin-left: 50px; width: 210px; height: 90px; background-size: 210px 90px; margin-right:100px; margin-bottom: 30px;}
	#lgmod2{margin-left: 50px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 30px;}
	#lgmod2:hover{margin-left: 50px; width: 220px; height: 110px; background-size: 220px 110px; margin-right:100px; margin-bottom: 30px;}
	#lgmod3{margin-left: 50px; width: 200px; height: 100px; background-size: 200px 100px; margin-right:100px; margin-bottom: 30px;}
	#lgmod3:hover{margin-left: 50px; width: 220px; height: 110px; background-size: 220px 110px; }
	#ContieneCarrusel452{width: 300px;}
	#carrusel316{left: 20px; width: 240px;}
	#carrusel316 h1{top: -80px; font-size: 16px; left: 10%;}
	#finCarr{display: none;}
	#iniCarr{display: none;}
	#botoncompleto{width: 300px;}
	#botoncompleto a{left: 40px; top: 30px;}
	#contenido452{left: -290px !important;}

}