body { margin:0px; padding:0px; overflow-x:hidden;font-family:'Open Sans', sans-serif;}


body:after{
 margin:0px; padding:0px; overflow-x:hidden;      
 content:"";
      position:fixed;
      top:0;
      height:100vh;
	  width:100%;
      left:0;
      right:0;
      z-index:-1;
      background: url(../fondo.jpg) center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

}


.blanco {background:#fff;}


a{
	color: #000;
	text-decoration:none;
	font-family: Open+Sans;
}
a:hover{
	color:#F00;
	text-decoration:underline;
	
}

.centrado {
margin-left:auto;
margin-right:auto;
width: auto;
}

/*p {
width:90%;
font-family:'Open Sans', sans-serif;
color:#0B0B0B;
font-size:14px;
margin-left:auto; 
margin-right:auto;
margin-bottom:0px;
margin-top:0px;

}

*/
.titulo {
	font-size:30px !important; margin-top:3%;
}
	
.titulo_ventana {
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size:40px !important; margin-top:3%;
	color: #fff;
	width:100%;
}

.noticias {
display:inline-block;
text-align:center;
margin:5px;
background:#fff;
color: #FFF;
width:300px;
height:295px !important;
overflow:hidden;
}



.noticiasempresas {
display:inline-block;
text-align:center;
margin:5px;
background:#fff;
color: #FFF;
width:300px;
height:395px !important;
overflow:hidden;
}


.noticiasempresas1 {
display:inline-block;
text-align:center;
margin:5px;

color: #FFF;
width:700px;
height:595px !important;
overflow:hidden;

}

.noticias_portada {
display:inline-block;
text-align:center;
margin:20px;
background:#0c3c60;
color: #FFF;
width:325px;
height:500px !important;
overflow:hidden;
}


.noticias_portada p{
color:#FFF; font-size:14px; padding:20px; text-align:justify;
}

.animacion_img {
	width:100%;
	margin:auto;
	overflow:hidden;
	position:relative;
	margin-top:-30px;
	margin-bottom:-20px;
	/*
	height:500px;
	padding:0px;
	margin:0px;
	padding:auto;
	border:1px solid #999;
	top: 60px;
	float:left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0, .1);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0, .1);
*/	
}

.animacion_img img {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	/*float:left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

-webkit-box-shadow: 3px 3px 3px rgba(0,0,0, .1);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0, .1);
*/	
}


.menu-fixed { /*para el scroll*/
    position:fixed;
    top:0;
	width:100%;
	/*background-color:#2060d8;*/
	margin:0;
	padding:0;
}


.ir-arriba {
	display:none;
	padding:5px;
	background:#36C;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
	
}
.caja_oculta {
	display:none;
	font-family: verdana, helvetica, arial, sans-serif;	
	font-size:30px;
	color:#fff;
	width:100%; 
	background-color:rgb(0,0,0,0.8);
	top:0px !important;
	position:fixed;
	margin:0 !important; padding:0 !important;
	height:200%;
	z-index:999;
}
.caja_oculta P{
left:0px;
text-align:right; 
width:100% !important;	
color:#FFF;
font-size:24px;
font-weight:bold;
padding-bottom:10px !important;
padding-top:10px !important;
padding-right:15px !important;
}

.contenido_historia{
text-align:center;
width:50%;
background:#036;
color:#fff;
padding:10px;
margin-left:auto;
margin-right:auto;
height:250px;
/*margin-bottom:30px;*/
}
.contenido_historia p{
color:#fff;font-size:12px; width:95%;margin-left:auto;
margin-right:auto;
}

.multimediaizq{
 display: inline-block; padding-right:10px; text-align:center; font-weight:bold;  color:#0c3c60; cursor:pointer;
 }

.multimediader{
 display: inline-block; padding-left:10px;text-align:center; font-weight:bold;  color:#0c3c60; cursor:pointer;
 }
 
 .datos_contacto{
  display:inline-block; 
  font-size:12px; 
  padding:20px; 
  text-align:left;
  color:#fff !important; 
  margin-left:auto;
  margin-right:auto;
 }

 .datos_contacto_contenedor{
  text-align:center !important; 
  width:100%;
  margin-left:auto;
  margin-right:auto;
 }

.autoridades
{
color:#FFF; font-size:16px; text-align:center; padding-top:25px;background:#0c3c60;color: #FFF; height:80px;  border:#0096ff 2px solid; display:inline-block; width:19%;
  margin-left:auto;
  margin-right:auto;
}
.medioambiente{
width:80%;
margin-top:30px;
text-align:justify;
background:#0c3c60;
color:#FFF;
border:#0096ff 2px solid;
display: flex; 
margin-left:auto;
margin-right:auto;
}


.medioambiente img{
float:left; margin-right:10px;
}

@media screen and (max-width: 768px) {
body { margin:0px; padding:0px; overflow-x:hidden;font-family:'Open Sans', sans-serif;}

body:after{
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
      z-index:-1;
      background: url(../fondo_cel.jpg) center center !important;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

p {
	width:95%;
}
	
.titulo {
	font-size:30px !important; 
font-family:'Open Sans', sans-serif;
	}
	
#font_cybergy {
	font-size:12px;
}

.menu-fixed { /*para el scroll*/
    position:fixed;
    top:0;
	width:100%;
	background-color:#2060d8;
	margin:0;
	padding:0;
}

.caja_oculta {
	display:none;
	font-family: verdana, helvetica, arial, sans-serif;	
	font-size:30px;
	color:#fff;
	width:100%; 
	background-color:rgb(0,0,0,0.8);
	top:0px !important;
	position:fixed;
	margin:0 !important; padding:0 !important;
	height:200%;
}
.contenido_historia{
text-align:center;
width:300px;
background:#036;
color:#fff;
padding:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}
.contenido_historia p{
color:#fff;font-size:12px; width:80%;
}

.multimediaizq{
text-align:center; font-weight:bold;  color:#0c3c60; margin-bottom:30px; padding-right:0px;
 }

.multimediader{
text-align:center; font-weight:bold;  color:#0c3c60; padding-left:0px;
 }
 
.noticias_portada {
text-align:center;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
background:#0c3c60;
color: #FFF;
width:100%;
height:400px !important;
}
.noticias_portada p{
color:#FFF; font-size:14px; width:90%; text-align:justify;
}
 .datos_contacto{
  font-size:12px; 
  padding:20px; 
  text-align:left;
  color:#fff !important; 
  margin-left:50px !important;
	 width:60%;
 }
 
 .datos_contacto_contenedor{
  text-align:left;
 }
 
.autoridades
{
color:#FFF;
font-size:16px;
text-align:center;
padding-top:25px;
background:#0c3c60;color: #FFF;
height:80px;
border:#0096ff 2px solid;
width:60%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

.medioambiente{
width:80%;
margin-top:30px;
text-align:justify;
background:#0c3c60;
color:#FFF;
border:#0096ff 2px solid;
margin-left:auto;
margin-right:auto;
}

.medioambiente img{
margin-right:10px;
}

}