@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	display: block;
	text-align: center;
}
.limpiar{
	clear:both;
	}

body{
	background-color: #fff;
	margin: 0;
	
}
pp{
	font-size: 12px;
	text-align: justify;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	color: #FFF;
	
}
p{
	font-size: 16px;
	color: #FF3300;
	font-family: Candara;
	font-weight: bold;
}
p0{
	font-size: 16px;
	color: #003366;
	
	font-family: Candara;
	font-weight: bold;
	}
p1{
	font-family: Candara;
	font-size: 12px;
	font-weight: bold;
	color: #dddddd;
	text-align: justify;
	
	}
p2{
	font-size: 14px;
	color: #333333;
	text-align: justify;
	font-family: Candara;
	font-weight: bold;
	}
p3{
	font-family: Candara;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: justify;
}
p4{
	font-family: Candara;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	}
p5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0.2em 0.2em 0.3em black;
	}
p6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	font-size: 20px;
	font-weight: bold;	
	}
p7{
	font-family: "Arial Black", Gadget, sans-serif;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	text-shadow: 0.2em 0.2em 0.3em black;
}
p8{
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FF7F00;
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	
	}
p9{
	font-family: "Arial Black", Gadget, sans-serif;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	}
p10 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align: justify;
	font-size: 25px;
	vertical-align: baseline;
	}
p10-1 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #555;
	text-align: justify;
	font-size: 22px;
	vertical-align: baseline;
	}
p11{
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FF7F00;
	font-size: 18px;
	font-weight: bold;
	}
p12{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #00468C;
	text-shadow: 0.2em 0.2em 0.3em white;
	text-align: left;
	}
h3{
	font-family: Candara;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	}
h4{
	font-weight: bolder;
	font-size: 60px;
	color: #002040;
	font-family: Candara;
	font-style: normal;
	font-variant: normal;
	}
h5{
	font-weight: bold;
	font-size: 40px;
	color: #FF7F00;
	font-family: Candara;
	font-style: oblique;
	}
h6{
	font-family: "Archivo Black", sans-serif;
	font-weight: 700;
	font-size: 100px;
	font-style: normal;
	text-shadow: 0.1em 0.1em 0.2em black;
	color: #C90;
	}

	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 30%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 200px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 150px;	
	margin-bottom:5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 35%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}

/*-- cultura--*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding-top: 5px;
	}
#fotop{
	float: left;	
	}
#tex-fotop{
	float: right;
	margin-right: 50px;
	margin-left: 10px;
	margin-top: 85px;
	}



#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 350px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 150px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 150px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}

	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	}
#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}


/*-- historia--*/
.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 5px;
	margin-bottom: 100px;
	margin-left: 5px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
.barrita{
	background-color: #013240;
	height: 5px;
	width: 250px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 40%;
	}
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 600px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 600px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 300px;	
	}
#objds2{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
#objds3{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
	
#objds4{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 300px;	
	}
#objds5{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
#objds6{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
	
	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 450px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;	
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 40%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 25px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 10%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 5%;
	margin-left: 2%;
	}		
		
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height:100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 30%;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;	
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 40%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 25px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 40%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	margin-bottom: 50px;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;	
	}	
			

#text-cert{
	float: right;
	margin-right: 50px;
	margin-left: 10px;
	margin-top: 150px;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	margin-bottom: 50px;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	margin-bottom: 100px;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
	
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 650px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 45%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 150px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 150px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 300px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 200px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}			
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 200px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 700px;
	float: left;
	margin-left: 35%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 750px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}

	
@media only screen and (max-width:1600px){
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 30%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 200px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 150px;	
	margin-bottom:5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 35%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}

/*-- cultura--*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding-top: 5px;
	}
#fotop{
	float: left;	
	}
#tex-fotop{
	float: right;
	margin-right: 50px;
	margin-left: 10px;
	margin-top: 85px;
	}



#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 150px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 150px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}

	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	}
#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}


/*-- historia--*/
.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
.barrita{
	background-color: #013240;
	height: 5px;
	width: 250px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 40%;
	}
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 450px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 450px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
#objds2{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
#objds3{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
	
#objds4{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
#objds5{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
#objds6{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
	
	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 450px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;	
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 25px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 10%;
	margin-left: 2%;
	}		
		
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 450px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;	
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 25px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;	
	}	
			

#text-cert{
	float: right;
	margin-right: 50px;
	margin-left: 10px;
	margin-top: 150px;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
	
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 500px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 45%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 75px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 75px;
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 75px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 75px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 200px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}			
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 200px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 30px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 30px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 30px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 30px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 35px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 550px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	
}		
		
@media only screen and (max-width:1450px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:100px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 300px;
	margin-bottom:5px;	
	}

#mail{
	float: left;
	margin-right: 5px;
	margin-left: 300px;	
	margin-bottom:5px;
	}
	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/*-- cultura--*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	}
#fotop img{
	width:100%;
	height:auto;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 850px;
	margin-top: -400px;
	}
#tex-fotop img{
	width:90%;
	height:90%;
	}

#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 150px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 150px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 150px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}
	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 25%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 200px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 150px;	
	margin-bottom:5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 35%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}

.barrita{
	background-color: #013240;
	height: 5px;
	width: 250px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 40%;
	}
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 20px;	
	}
#objds1 img{
	height: auto;
	width: 95%;	
	}
#objds2{
	float: left;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 10px;
	}
#objds2 img{
	height: auto;
	width: 95%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 10px;
	}
#objds3 img{
	height: auto;
	width: 95%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 10px;
	}
#objds4 img{
	height: auto;
	width: 95%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 10px;
	}
#objds5 img{
	height: auto;
	width: 95%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 10px;
	}
#objds6 img{
	height: auto;
	width: 95%;	
	}
	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 450px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;	
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 25px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 5%;
	margin-left: 2%;
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 400px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 30px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 850px;
	margin-top: -400px;
	}
#text-cert img{
	width:90%;
	height:90%;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}	
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 400px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 40%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}	
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}			
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 450px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	
	
	
	
	
		
	
}	

@media only screen and (max-width:1400px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/*-- cultura --*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	}
#fotop img{
	width:100%;
	height:auto;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 850px;
	margin-top: -400px;
	}
#tex-fotop img{
	width:90%;
	height:90%;
	}

#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 150px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 100px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 100px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	}

/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 10px;	
	}
#objds1 img{
	height: auto;
	width: 95%;	
	}
#objds2{
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 10px;
	}
#objds2 img{
	height: auto;
	width: 95%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 10px;
	}
#objds3 img{
	height: auto;
	width: 95%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 10px;
	}
#objds4 img{
	height: auto;
	width: 95%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 10px;
	}
#objds5 img{
	height: auto;
	width: 95%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 10px;
	}
#objds6 img{
	height: auto;
	width: 95%;	
	}	

	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 25%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 200px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 150px;	
	margin-bottom:5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 35%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}	
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 48%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;	
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 48%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 1%;
	margin-left: 2%;
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 400px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 30px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	}						
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 850px;
	margin-top: -400px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 400px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 40%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 25px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 25px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}	
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}			
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 450px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}			
	
	
	
	
	
		
	
	
	
	}
	
@media only screen and (max-width:1366px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/*-- cultura--*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	}
#fotop img{
	width:100%;
	height:auto;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 850px;
	margin-top: -400px;
	}
#tex-fotop img{
	width:90%;
	height:90%;
	}

#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 80px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 150px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 100px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 100px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}
	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}	

/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 25%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 200px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 150px;	
	margin-bottom:5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}

	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 30%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
	
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 5px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 900px;
	margin-top: -200px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 900px;
	margin-top: -200px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 48%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;	
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 48%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 600px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 1%;
	margin-left: 2%;
	}	
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 30px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:90%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 750px;
	margin-top: -300px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 600px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 40%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 25px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 25px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
	/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}			
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 450px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}							
		
	
	
	
			
	
	
	
	}

@media only screen and (max-width:1350px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/*-- cultura--*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	}
#fotop img{
	width:100%;
	height:auto;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 850px;
	margin-top: -400px;
	}
#tex-fotop img{
	width:90%;
	height:90%;
	}

#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 150px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 100px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 100px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}

	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}	

	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 25%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: 350px;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 100px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 100px;
	margin-bottom: 5px;
	
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 30%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}

/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 350px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 5px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 900px;
	margin-top: -200px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 900px;
	margin-top: -200px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 48%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;	
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 48%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 600px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 1%;
	margin-left: 2%;
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 30px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	}	
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:90%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 750px;
	margin-top: -300px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 600px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 40%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 25px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 25px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
	/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 80px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}			
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 400px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}						

	
	
		
	
	
	
	}	
	
@media only screen and (max-width:1280px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/*-- cultura--*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 800px;
	margin-top: -400px;
	}
#tex-fotop img{
	width:90%;
	height:90%;
	}

#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 150px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 50px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 550px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}

	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}		


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 25%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: 350px;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 100px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 100px;
	margin-bottom: 5px;
	
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 10%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 10%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 30%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}		
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 300px;
	margin-left: 300px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 300px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 300px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 5px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 900px;
	margin-top: -200px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 900px;
	margin-top: -200px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 300px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 48%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;	
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 48%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 500px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 0%;
	margin-left: 2%;
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 30px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:80%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 650px;
	margin-top: -350px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 600px;
	float: left;
	margin-left: 25%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 40%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 500px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
		/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 80px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:250px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 80px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:250px;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 80px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:250px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 140px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 160px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 140px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 400px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}							

	
	
		
	
	
	
	}	
	
@media only screen and (max-width:1152px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 200px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/*-- cultura--*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	}
#fotop img{
	width:90%;
	height:90%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 700px;
	margin-top: -350px;
	}
#tex-fotop img{
	width:90%;
	height:90%;
	}

#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}	
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 500px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 50px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 500px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	}
#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}		



/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 20%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: 300px;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 50px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 70px;
	margin-bottom: 5px;
	
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 5%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 5%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 30%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}		

/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}	

/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 150px;
	margin-left: 150px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 200px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 200px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 100px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 10px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 10px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 550px;
	margin-top: -200px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 10px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 550px;
	margin-top: -200px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 250px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 48%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 48%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 400px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 400px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 400px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 500px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 0%;
	margin-left: 2%;
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 250px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 30px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 500px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 20%;
	margin-top: 5%;
	}	
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:70%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 600px;
	margin-top: -300px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
	/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 250px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 600px;
	float: left;
	margin-left: 25%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 40%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 70px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 400px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 150px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:250px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:250px;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 250px;
	width: 300px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:250px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 30%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 120px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 110px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 300px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}							
					
	
	
	
	
	
		
	
	
	}
	
@media only screen and (max-width:1024px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 50px;	
	}
.bmenu{
	float: right;
	margin-top: 45px;
	margin-right: 1.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;	
}
/*-- cultura --*/
.fpersonal{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:90%;
	height:90%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 700px;
	margin-top: -350px;
	}
#tex-fotop img{
	width:90%;
	height:90%;
	}

#corporativo1{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 450px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 25px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 450px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 25px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	}		


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 15%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 1%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: 300px;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 250px;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 0px;
	margin-left: 70px;
	margin-bottom: 5px;
	
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 2%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 2%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 1%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 30%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}		
.barrita{
	background-color: #013240;
	height: 5px;
	width: 200px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 40%;
	}	

/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 150px;
	margin-left: 150px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 150px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 150px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 100px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 0px;
	margin-left: 550px;
	margin-top: -200px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 10px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 550px;
	margin-top: -200px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 10px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 550px;
	margin-top: -200px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 200px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.circular1{
	float: left;
	height: auto;
	width: 48%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 48%;	
	margin-bottom: 50px;
	}		
.textcircular1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 350px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 350px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 350px;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 400px;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 0%;
	margin-left: 2%;
	}			

.indicadores img{
	height: auto;
	width: 95%;	
	}
	
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 200px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 45%;
	margin-left: 10px;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 30px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 50%;	
	margin-bottom: 50px;
	}		
.texttecno1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 450px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 450px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 450px;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 700px;
	float: left;
	margin-left: 20%;
	margin-top: 5%;
	}	
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:60%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 500px;
	margin-top: -250px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 150px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
.text-cientl{
	text-align: center;
	width: 600px;
	float: left;
	margin-left: 20%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 40%;	
	}
	
.documentos2{
	float: right;
	height: auto;
	width: 50%;	
	}
	
.textcient1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 70px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 400px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 150px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 80px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 225px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:180px;	
	}	
	
.estrat2{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 60px;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 225px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:180px;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 60px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 225px;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:180px;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 25%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 120px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 200px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}			
	
	

	
	
	
	}	

@media only screen and (max-width:768px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 300px;
	
	}
.bmenu{
	float: left;
	margin-top: 10px;
	margin-right: 0.8%;
	margin-bottom: 5px;
	margin-left: 0%;
	width: 100%;		
}
/*-- cultura --*/

.fpersonal{
	float: left;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	}
#tex-fotop img{
	width:100%;
	height:100%;
	}

#corporativo1{
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 200px;
	margin-top: 20px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 600px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 75px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 600px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 75px;
	margin-top: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	}			


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 50px;
	margin-left: 100px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 1%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 15%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 40%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 25px;
	margin-left: 100px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:0px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 30%;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 25%;
	margin-left: 0px;
	margin-bottom: 5px;
	
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 2%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 2%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 30%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 20%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}		
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
	
.barrita{
	background-color: #013240;
	height: 5px;
	width: 200px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 35%;
	}		

/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 150px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:30px;
	margin-left: 150px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 400px;
	margin-top: -200px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 150px;
	margin-top: 30px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 30px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 150px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 5px;
	margin-left: 150px;
	margin-top: 0px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 150px;
	margin-top: 0px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 150px;
	margin-top: 0px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 150px;
	margin-top: 0px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 150px;
	margin-top: 0px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 280px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 100px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-circular img{
	height: auto;
	width: 95%;	
	}
	
.circular1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;	
	}		
.textcircular1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 15%;
	margin-left: 10%;
	margin-top: 20px;
	}			

.indicadores img{
	height: auto;
	width: 95%;	
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 280px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 100px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-tecno img{
	height: auto;
	width: 95%;	
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;
	}		
.texttecno1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right:20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 500px;
	float: left;
	margin-left: 20%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 280px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 30px;
	margin-top: 20px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom:100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}	
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 280px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#text-cientifica img{
	height: auto;
	width: 95%;
	}
.text-cientl{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 20%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 100%;	
	}
	
.documentos2{
	float: left;
	height: auto;
	width: 100%;	
	margin-top: 20px;
	}
	
.textcient1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 280px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
	
.estrat2{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 20%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 80px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 80px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 80px;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 80px;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 120px;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 250px;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 250px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}					


		
	
	
	
	}
	
@media only screen and (max-width:640px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 260px;
	
	}
.bmenu{
	float: left;
	margin-top: 30px;
	margin-right: 0.8%;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;		
}
/*-- cultura --*/

.fpersonal{
	float: left;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	}
#tex-fotop img{
	width:100%;
	height:100%;
	}

#corporativo1{
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 170px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 170px;
	margin-top: 20px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 170px;
	margin-top: 20px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 500px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 50px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 500px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 75px;
	margin-top: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}



	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	}			
	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 10%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 5%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 40%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:25px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 30%;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 30%;
	margin-left: 0px;
	margin-bottom: 5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 1%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 2%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 2%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 30%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15px;
	margin-left: 5px;	
	}
.datos{
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	}
#datos2{
	float: right;
	margin-right: 15px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 10%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
.barrita{
	background-color: #013240;
	height: 5px;
	width: 180px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 35%;
	}				
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:30px;
	margin-left: 70px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 320px;
	margin-top: -200px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 70px;
	margin-top: 30px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 30px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}

#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 100px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 5px;
	margin-left: 100px;
	margin-top: 0px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 0px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 0px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 0px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 0px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-circular img{
	height: auto;
	width: 95%;	
	}
	
.circular1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;	
	}		
.textcircular1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 15%;
	margin-left: 10%;
	margin-top: 20px;
	}			

.indicadores img{
	height: auto;
	width: 95%;	
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 100px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-tecno img{
	height: auto;
	width: 95%;	
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;
	}		
.texttecno1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right:20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 500px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	}
	
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 30px;
	margin-top: 20px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#text-cientifica img{
	height: auto;
	width: 95%;
	}
.text-cientl{
	text-align: center;
	width: 500px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 100%;	
	}
	
.documentos2{
	float: left;
	height: auto;
	width: 100%;	
	margin-top: 20px;
	}
	
.textcient1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 150px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 150px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
	
.estrat2{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 400px;
	float: left;
	margin-left: 20%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 30%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 30%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 30%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 30%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 30%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 30%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 30%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}					
		


	
	
	
	}
	
@media only screen and (max-width:535px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 200px;
	
	}
.bmenu{
	float: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		
}
/*-- cultura --*/

.fpersonal{
	float: left;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	}
#tex-fotop img{
	width:100%;
	height:100%;
	}

#corporativo1{
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 130px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 130px;
	margin-top: 20px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 130px;
	margin-top: 20px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 450px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 25px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 450px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 50px;
	margin-top: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


	
#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	}			



/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 10%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 5%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 40%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:25px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 30%;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 25%;
	margin-left: 0px;
	margin-bottom: 5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 25%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 25%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 25%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 25%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15%;
	margin-left: 35%;	
	}
.datos{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 100px;
	}
#datos2{
	float: right;
	margin-right: 80px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 50px;
	margin-left: 8%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}		
	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
.barrita{
	background-color: #013240;
	height: 5px;
	width: 150px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 35%;
	}			
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 40px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:30px;
	margin-left: 40px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 290px;
	margin-top: -200px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 40px;
	margin-top: 30px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 50px;
	margin-top: 30px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}
.tit-obsos img{
	height: auto;
	width: 95%;	
	}
#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 5px;
	margin-left: 50px;
	margin-top: 0px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 50px;
	margin-top: 0px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 50px;
	margin-top: 0px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 50px;
	margin-top: 0px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 50px;
	margin-top: 0px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-circular img{
	height: auto;
	width: 95%;	
	}
	
.circular1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;	
	}		
.textcircular1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 15%;
	margin-left: 10%;
	margin-top: 20px;
	}			

.indicadores img{
	height: auto;
	width: 95%;	
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-tecno img{
	height: auto;
	width: 95%;	
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;
	}		
.texttecno1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right:20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 10%;
	margin-right: 5%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 30px;
	margin-top: 20px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#text-cientifica img{
	height: auto;
	width: 95%;
	}
.text-cientl{
	text-align: center;
	width: 400px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 100%;	
	}
	
.documentos2{
	float: left;
	height: auto;
	width: 100%;	
	margin-top: 20px;
	}
	
.textcient1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 100px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
	
.estrat2{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 400px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}											



	
	
	
	}
	
@media only screen and (max-width:480px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 180px;
	
	}
.bmenu{
	float: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		
}
/*-- cultura --*/

.fpersonal{
	float: left;
	margin-top: 250px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	}
#tex-fotop img{
	width:100%;
	height:100%;
	}

#corporativo1{
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	margin-top: 20px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 100px;
	margin-top: 20px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 450px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 5px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 450px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 10px;
	margin-top: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	}			

	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 25%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 25%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 35%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:25px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 30%;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 20%;
	margin-left: 0px;
	margin-bottom: 5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 20%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 20%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 20%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 25%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15%;
	margin-left: 35%;	
	}
.datos{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 70px;
	}
#datos2{
	float: right;
	margin-right: 40px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 400px;
	margin-top: 50px;
	margin-left: 8%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}	
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 110px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 110px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}
.tit-obsos img{
	height: auto;
	width: 95%;	
	}
#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 25px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 5px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 60px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-circular img{
	height: auto;
	width: 98%;	
	}
	
.circular1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;	
	}		
.textcircular1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 15%;
	margin-left: 15%;
	margin-top: 20px;
	}			

.indicadores img{
	height: auto;
	width: 98%;	
	}	
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 80px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#tex-tecno img{
	height: auto;
	width: 95%;	
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;
	}		
.texttecno1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right:20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 30px;
	margin-top: 20px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#text-cientifica img{
	height: auto;
	width: 100%;
	}
.text-cientl{
	text-align: center;
	width: 400px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 100%;	
	}
	
.documentos2{
	float: left;
	height: auto;
	width: 100%;	
	margin-top: 20px;
	}
	
.textcient1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 100px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 100px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 100px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
	
.estrat2{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 400px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 25%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}											
							




	
	
	
	}
	
@media only screen and (max-width:414px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 150px;
	
	}
.bmenu{
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
		
}
/*-- cultura --*/

.fpersonal{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	}
#tex-fotop img{
	width:100%;
	height:100%;
	}

#corporativo1{
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	margin-top: 20px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 50px;
	margin-top: 20px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 380px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 5px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 380px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 10px;
	margin-top: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	}			

	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 25%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 25%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 35%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:25px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 30%;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 20%;
	margin-left: 0px;
	margin-bottom: 5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 20%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 20%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 20%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 20%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15%;
	margin-left: 30%;	
	}
.datos{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 40px;
	}
#datos2{
	float: right;
	margin-right: 20px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 350px;
	margin-top: 50px;
	margin-left: 8%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
.barrita{
	background-color: #013240;
	height: 5px;
	width: 130px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 35%;
	}				
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 110px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 110px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 110px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}
.tit-obsos img{
	height: auto;
	width: 95%;	
	}
#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 25px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 5px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}	
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 70px;
	margin-bottom: 70px;
	}
#tex-circular img{
	height: auto;
	width: 98%;	
	}
	
.circular1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;	
	}		
.textcircular1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 15%;
	margin-left: 15%;
	margin-top: 20px;
	}			

.indicadores img{
	height: auto;
	width: 98%;	
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 70px;
	margin-bottom: 85px;
	}
#tex-tecno img{
	height: auto;
	width: 95%;	
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;
	}		
.texttecno1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right:20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 10%;
	margin-right: 15%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 30px;
	margin-top: 20px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#text-cientifica img{
	height: auto;
	width: 100%;
	}
.text-cientl{
	text-align: center;
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 100%;	
	}
	
.documentos2{
	float: left;
	height: auto;
	width: 100%;	
	margin-top: 20px;
	}
	
.textcient1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 200px;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}	
	/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
	
.estrat2{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 300px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}											
											


	
	
	
	}
	
@media only screen and (max-width:375px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	width: 98%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 130px;
	
	}
.bmenu{
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
		
}
/*-- cultura --*/

.fpersonal{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	}
#tex-fotop img{
	width:100%;
	height:100%;
	}

#corporativo1{
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 35px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 35px;
	margin-top: 35px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 35px;
	margin-top: 35px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 340px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 5px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 340px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 10px;
	margin-top: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	}
			

	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 20%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 20%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 30%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:15px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 20%;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 10%;
	margin-left: 0px;
	margin-bottom: 5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 15%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15%;
	margin-left: 30%;	
	}
.datos{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 40px;
	}
#datos2{
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 250px;
	margin-top: 50px;
	margin-left: 15%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}	
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}
.barrita{
	background-color: #013240;
	height: 5px;
	width: 100px;
	margin-top: 25px;
	float: left;
	margin-bottom: 100px;
	margin-left: 35%;
	}					
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 60px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 60px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}
.tit-obsos img{
	height: auto;
	width: 95%;	
	}
#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 25px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 5px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 70px;
	margin-bottom: 70px;
	}
#tex-circular img{
	height: auto;
	width: 98%;	
	}
	
.circular1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;	
	}		
.textcircular1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 22%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 95%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 22%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 22%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 15%;
	margin-left: 15%;
	margin-top: 20px;
	}			

.indicadores img{
	height: auto;
	width: 98%;	
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 70px;
	margin-bottom: 85px;
	}
#tex-tecno img{
	height: auto;
	width: 95%;	
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;
	}		
.texttecno1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right:20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 10%;
	margin-right: 15%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:100%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 20px;
	}
#text-cert img{
	width:100%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#text-cientifica img{
	height: auto;
	width: 100%;
	}
.text-cientl{
	text-align: center;
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 100%;	
	}
	
.documentos2{
	float: left;
	height: auto;
	width: 100%;	
	margin-top: 20px;
	}
	
.textcient1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 200px;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 50px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
	/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
	
.estrat2{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 300px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}											
												



	
	
	
	}
	
@media only screen and (max-width:360px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}

.cabecera{
	padding-bottom:3px;
	width: 100%;
	position: fixed;
	z-index: 100;
	box-shadow: #333 2px 2px 10px;
	}
.naranja{
	background-color: #013240;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
	}

	
.l-menu{
	background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 100%;
	}
#lg{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 120px;
	
	}
.bmenu{
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
		
}
/*-- cultura --*/

.fpersonal{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;
	padding: 0px;
	}
#fotop{
	float: left;
	margin-top: 5px;
	
	}
#fotop img{
	width:100%;
	height:100%;
	}
#tex-fotop{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	}
#tex-fotop img{
	width:100%;
	height:100%;
	}

#corporativo1{
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-gval{
	margin-bottom: 100px;	
	}
#varios-var{
	float: left;
	height: auto;
	width: auto;
	margin-left: 30px;
	}
#varios-var1{
	float: left;
	height: auto;
	width: auto;
	margin-left: 30px;
	margin-top: 25px;
	}
#varios-var2{
	float: left;
	height: auto;
	width: auto;
	margin-left: 30px;
	margin-top: 25px;
	}
#corporativo2{
	background-color: #003040;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;	
	}
.mis{
	float: left;
	height: 150px;
	width: 340px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-left: 5px;
	text-align: justify;
	
	}
.tit-m{
	text-align: center;
	margin-bottom: 5px;
	}
.vis{
	float: right;
	height: 150px;
	width: 340px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-align: justify;
	margin-right: 3px;
	margin-top: 50px;
	}
.tit-v{
	text-align: center;
	margin-bottom: 5px;
	}


#sostenible{
	margin-top: 100px;	
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 10px;
	margin-left: 10px;
	}

.tx-sos{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 20px;
	margin-left: 20px;
	}

#carruselc{
	margin-bottom: 100px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	}			
	



	


/* --- Pie pagina ---*/

#piepagina{
	height: auto;
	width:100%;
	margin-top: 0px;
	background-color: #336600;
	}
.logos{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
#logo1{
	float: left;
	margin-left: 20%;
	margin-top: 25px;
	}
#logo2{
	float: left;
	margin-left: 20%;
	margin-top: 30px;	
	}
#logo3{
	background-color: #;
	padding: 5px;
	float: right;
	margin-right: 30%;	
	margin-top: 30px;
	}
.accion{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
	}
#direccion{
	float: left;
	height: auto;
	width: auto;
	margin-right: 5px;
	margin-left:15px;
	margin-bottom:5px;	
	}
#telef{
	float: left;
	margin-right: 5px;
	margin-left: 20%;
	margin-bottom:5px;	
	}

#mail{
	float: right;
	margin-right: 10%;
	margin-left: 0px;
	margin-bottom: 5px;
	}
#accion1{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion2{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
#accion3{
	float: left;
	margin-top: 30px;
	margin-left: 15%;	
	}
.accion4{
	float: right;
	margin-top: 33px;
	margin-right: 15%;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
#lgs{
	margin-right: 20px;
	float: left;
	}
.botones{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	}
#bts{
	float: left;
	margin-right: 15%;
	margin-left: 30%;	
	}
.datos{
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 10px;	
	}
#datos1{
	float: left;
	margin-right: 15px;
	margin-left: 25px;
	}
#datos2{
	float: right;
	margin-right: 0px;
	margin-left: 0px;
	}
	
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 250px;
	margin-top: 50px;
	margin-left: 15%;
	margin-right: 35%;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 3em;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 10px;
	margin-right: 70px;
	}
/*-- historia--*/

.fpersonalh{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #ff7f00;
	padding-top: 5px;
	}	
	
/*-- compromiso--*/

.fpersonalc{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #B2B200;
	padding-top: 5px;
	}
#agenda2030{
	margin-top:100px;
	}	
	
.tx-a2030{
	margin-bottom: 100px;
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: justify;
	}	

#corporativo3{
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obs{
	margin-bottom: 100px;	
	}
#varios-obs1{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	
	}
#varios-obs1:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs2{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 60px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs2:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs3{
	float: left;
	height: 200px;
	width: 200px;
	margin-top:20px;
	margin-left: 60px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs3:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs4{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs4:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs5{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs5:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}
#varios-obs6{
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 60px;
	margin-top: 20px;
	box-shadow: #333 2px 2px 10px;
	padding: 0.5%;
	transition: width 2s, height 2s, transform 2s;
	background-color: #336600;
	}
#varios-obs6:hover {
	padding: 1.5%;
	width: 250px;
	height: 250px;
	transform: rotate(360deg);
	background-color: #336600;	
}


#corporativo4{
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	margin-top: 50px;
	}
.tit-obsos{
	margin-bottom: 100px;	
	}
.tit-obsos img{
	height: auto;
	width: 95%;	
	}
#objds1{
	margin-top: 10px;
	float: left;
	margin-right: 0px;
	margin-left: 25px;	
	}
#objds1 img{
	height: 90%;
	width: 90%;	
	}
#objds2{
	float: left;
	margin-right: 5px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds2 img{
	height: 90%;
	width: 90%;	
	}
	
#objds3{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds3 img{
	height: 90%;
	width: 90%;	
	}
#objds4{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds4 img{
	height: 90%;
	width: 90%;	
	}
#objds5{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds5 img{
	height: 90%;
	width: 90%;	
	}
#objds6{
	float: left;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 0px;
	}
#objds6 img{
	height: 90%;
	width: 90%;	
	}
/*-- circular --*/

.fpersonalcircular{
	float: left;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #8C2300;
	padding-top: 5px;
	}		
#tex-circular{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 70px;
	margin-bottom: 70px;
	}
#tex-circular img{
	height: auto;
	width: 98%;	
	}
	
.circular1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-circular1{
	float: left;
	margin-top: 50px;
	margin-left: 10px;
	}	
.ft-circular1 img{
	height: auto;
	width: 100%;	
	}	
	
.circular2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;	
	}		
.textcircular1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 22%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 95%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.textcircular1:hover{
	background: #4C6600;
	}		

.textcircular2{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 22%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular2:hover{
	background: #4C6600;
	}		
	
.textcircular3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 22%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 95%;
	border: 3px solid #4C6600;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.textcircular3:hover{
	background: #4C6600;
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 1%;	
	}
.text-ambiental{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 10%;
	}
.indicadores{
	float: right;
	margin-right: 3%;
	margin-left: 8%;
	margin-top: 20px;
	}			

.indicadores img{
	height: auto;
	width: 100%;	
	}
/*-- tecnologica --*/
	
	
.ftecnologica{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}			

#tex-tecno{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 70px;
	margin-bottom: 85px;
	}
#tex-tecno img{
	height: auto;
	width: 95%;	
	}
	
.tecno1{
	float: left;
	height: auto;
	width: 95%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 50px;
	}		
.ft-tecno1{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	}	
.ft-tecno1 img{
	height: auto;
	width: 100%;	
	}	
	
.tecno2{
	float: right;
	height: auto;
	width: 95%;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 22%;
	margin-left: 1%;
	}		
.texttecno1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 125px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 0px;
	}	
.texttecno1:hover{
	background: rgb(0,153,102,0.5);
	}		

.texttecno2{
	float: left;
	margin-right:20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno2:hover{
	background: rgb(0,153,102,0.5);
	}		
	
.texttecno3{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 20%;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 150px;
	width: 100%;
	border: 3px solid #009966;
	text-shadow: 0.1em 0.1em 0.2em white;
	}	
.texttecno3:hover{
	background: rgb(0,153,102,0.5);
	}
.t-ambiental{
	background-color: #eee;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}	
.text-tecno{
	text-align: justify;
	width: 95%;
	float: left;
	margin-left: 10%;
	margin-right: 15%;
	margin-top: 5%;
	}
/*-- certificaciones --*/

.fcert{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}
#fotocert{
	float: left;
	margin-left: 0px;	
	}
#fotocert img{
	width:99%;
	height:auto;
	}	
	

#text-cert{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 20px;
	}
#text-cert img{
	width:99%;
	height:auto;
	}
	
.fcert1{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;
	padding-top: 5px;
	}
	
.fcert2{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #009966;
	padding-top: 5px;
	}	
/*-- cientifica --*/


.fcientifica{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #336600;;
	padding-top: 5px;
	}

#text-cientifica{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 85px;
	margin-bottom: 85px;
	}
#text-cientifica img{
	height: auto;
	width: 100%;
	}
.text-cientl{
	text-align: center;
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	}
.documentos1{
	float: left;
	height: auto;
	width: 100%;	
	}
	
.documentos2{
	float: left;
	height: auto;
	width: 100%;	
	margin-top: 20px;
	}
	
.textcient1{
	float: left;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	transition-duration: 0.5s;
	background: white;
	height: 200px;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	}	
.textcient1:hover{
	background: rgb(255,127,0,0.5);
	}	

.revistas{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
}

#revista1{
	float: left;
	margin-right: 10px;
	margin-left: 30px;
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista1 img{
	height: auto;
	width: 90%;	
	}
#revista2{
	float: left;
	margin-right: 10px;
	margin-left: 30px;
	margin-top: 50px;
	margin-bottom: 10px;	
	}
#revista2 img{
	height: auto;
	width: 90%;	
	}
#revista3{
	float: left;
	margin-right: 10px;
	margin-left: 30px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
#revista3 img{
	height: auto;
	width: 90%;	
	}
#revista4{
	float: left;
	margin-right: 10px;
	margin-left: 30px;	
	margin-top: 50px;
	margin-bottom: 10px;
	}		
#revista4 img{
	height: auto;
	width: 90%;	
	}
	/*-- estrategico --*/
	
.festrategico{
	float: left;
	margin-top: 300px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	height: auto;
	width: 100%;
	text-align: left;
	background-color: #FF7F00;;
	padding-top: 5px;
	}	
.estrat1{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat1:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat1{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
	
.estrat2{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat2:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat2{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}
				
	
.estrat3{
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	transition-duration: 0.5s;
	background: white;
	height: auto;
	width: 95%;
	border: 3px solid #FF7F00;
	text-shadow: 0.1em 0.1em 0.2em white;
	margin-top: 10px;
	text-align: left;
	}	
.estrat3:hover{
	background: rgb(255,127,0,0.5);
	}
#tit-estrat3{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	width:auto;	
	}	
			
.text-estrategicol{
	text-align: center;
	width: 300px;
	float: left;
	margin-left: 10%;
	margin-top: 5%;
	margin-right: 30%;
	margin-bottom: 5%;
	}		
.socios-estratt{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #eee;
	width: 100%;
	height: auto;
}	
	
#logotg1{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logotg1 img{
	height: auto;
	width: 90%;
	}
#logotg2{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}
	#logotg2 img{
	height: auto;
	width: 90%;
	}
#logotg3{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg3 img{
	height: auto;
	width: 90%;
	}
#logotg4{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg4 img{
	height: auto;
	width: 90%;
	}

#logotg5{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 60px;
	margin-bottom: 10px;
	}
	#logotg5 img{
	height: auto;
	width: 90%;
	}

#logoaca1{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 20px;
	margin-bottom: 10px;
	}
#logoaca2{
	float: left;
	margin-right: 10px;
	margin-left: 15%;	
	margin-top: 50px;
	margin-bottom: 10px;
	}											
													
	
	
	
		
	
}