body{
	font: 15px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-color: #f4f4f4;
	height: 100%;
}
/* ESTILOS GLOBALES*/
.img{
    width: 74px;
    height: 75px;
    background: url(../images/logo-blanco.png);
    background-size: cover;
    float: left;
    margin-right: 21px;
    margin-top:-14px;
    
  }
.fuser{
	text-align: right;
	margin-top: -36px;
}
.header2{
	position:fixed;
	z-index:1000;
}
.contenedor{
	width: 95%;
	margin: auto;
	overflow: hidden;
}
#titulo{
	font-size: 30px;
}
#titulov{
	font-size: 25px;
}
ul{
	margin: 0;
	padding: 0;
}

.boton1{
	height: 38px;
	background-color: #e8491d;
	border: 0;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	font-weight: bold;
}
 /* ESTILOS DE ENCABEZADO */
 .nav-adm{
 	margin-top: 30px;
 }
header{
	background-color: #24282b;
	color: #fff;
	padding-top: 30px;
	min-height: 70px;
	border-bottom: 5px solid #1293dd;
} 
header a{
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 17px;
}
#fuente a{
	font-size: 17px;
}
header li{
	float:left;
	display: inline;
	padding: 0 20px 0 20px;
}
#ft{
	font-size: 23px;
}
header #marca{
	float: left;
}
header #marca h1{
	margin: 0;
}
header nav{
	float: right;
	margin-top: 10px;
}
 header .actual a{
	color: #1293dd;
	font-weight: bold;
}

header a:hover{
	color:#ccc;
	font-weight: bold;
}
/* CABACERA DE IMAGEN*/

#cabecera{
	min-height: 290px;
	background: url('../images/cabecera.jpg');
	background-size: cover;
	text-align: center;
	color: white;
	
}
#cabecera h1{
	margin-top: 75px;
	font-size: 42px;
	margin-bottom: 21px;
}

#cabecera p{
	font-size: 20px;
	font-weight: 400px;
}

#boletin{
	padding: 15px;
	color: #fff;
	background: #24282b;
}

#boletin h1{
	float: right;
	padding-left: 25px;
	padding-right: 25px;
}
#boletin  form{
	float: right;
	margin-top: 15px;
}

#pestania{
	padding: 15px;
	padding: 15px;
	color: #fff;
	background-color: #30D96B;
}
/* MAPA */
 #map {
        height: 100%;
        width: 90%;
        margin-top: 25px;
      }
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

.alineacion{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
/* VISTA INFORMACION*/
.lateral{
	float: right;
	width: 30%;
	margin-top: 10px;
}
.oscuro{
	padding: 25px;
	background-color: #35424a;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: justify;
}
.oscuro a{
	text-decoration: none;
	color: #1293d4;
}
table th, tr {
  text-align: center;
}

/* MAIN-COL*/
#main-col{
	float: left;
	width: 65%;
	text-align: justify;
}
#contacto p{
	text-align: justify;
	font-weight: bold;
	font-size: 16px;
}
/* PIE DE PAGINA*/
footer{
	padding: 20px;
	margin-top: 20px;
	color:#fff;
	background-color: #1293d4;
	text-align: center;
}.boton-aling{
	text-align: left;
}

/*MEDIA QUERIES */
@media (max-width: 768px){
	header #marca,
	header nav,
 	header nav li,
 	#boletin h1,
 	#boletin form, 
 	article #main-col,
 	aside #lateral{
 		float: none;
 		text-align: center;
 		width: 100%;
 	}
 	header{
 		padding-bottom: 20px;
 	}
 	#boletin h1{
 		margin-top: 40px;
 	}
 	#boletin button{
 		display: block;
 		width: 100%;
 	}
}