html{
	height: 100%;
	width: 100%;

}

body{
	margin:0;
	background: red;
	padding: 0px;
	height: 100%;	

}

@font-face{ 
	font-family:open sans;
	src: url(https://fonts.googleapis.com/css?family=Open+Sans);
}

/* ESTILOS GENERALES */

p, a,li, h1, h2, h3, h4, h5, h6, hr{
	font-family: "Opens Sans", sans-serif;
	
	
}


/*Social*/
.red{
	position: fixed;
	top: 360px;
	z-index: 100;
	left: 0;
}
#facebook a{
	background: #3b5998;
	padding: 10px 25px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition: all .4s ease;
}
#facebook a:hover{
	background: #282828;
	padding: 10px 50px;
}
#youtube a{
	background: #bb0000;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition: all .4s ease;
}
#youtube a:hover{
	background: #282828;
	padding: 10px 50px;
}
#twitter a{
	background: #55acee;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition: all .4s ease;
}
#twitter a:hover{
	background: #282828;
	padding: 10px 50px;
}
#correo a{
	background: #e95950;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	width: 55px;
	transition: all .4s ease;
}
#correo a:hover{
	background: #282828;
	padding: 10px 50px;
}

/* CABECERA */


.informacion{
	width: 100%;

}
.informacion img{
	width: 395px;
	float: left;
	margin:8px 0px 0px 15px;

}
.sesion{
	width: 100%;



}
.sesion ul li{
	list-style:none;
	float:left;
	padding: 8px 30px 0px 2px;

}

.sesion ul li a{
	color: #4E4E4E;
	text-decoration: none;
	font-size: 12px;

}

.logo{
	width: 100%;
	overflow: hidden;
}

.logo img{
	width: 50%;
	margin:-2px 0px 8px 15px;
}

/* NAVBAR */
.nav-menu{
	margin-left: 85px;
	margin-right: 85px;
}

.navbar-custom {
  background-color: #C5161C;
  border-color: #C5161C;
}
.navbar-custom .navbar-brand {
  color: #C5161C;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #C5161C;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #777;
}
.navbar-custom .navbar-nav > li > a {
  color: #fff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #CE7D35;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #C5161C;
  background-color: #fff;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #C5161C;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #eb474d;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #eb474d;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #e7e7e7;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #e61920;
}
@media (max-width: 767px) {
	.nav-menu{
		margin-left: 15px;
		margin-right: 15px;
	}

	.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #555;
		background-color: #fff;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #555;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}
}
.navbar-custom .navbar-link {
  color: #777;
}
.navbar-custom .navbar-link:hover {
  color: #fff;
}
.navbar-custom .btn-link {
  color: #777;
}
.navbar-custom .btn-link:hover,
.navbar-custom .btn-link:focus {
  color: #fff;
}
.navbar-custom .btn-link[disabled]:hover,
fieldset[disabled] .navbar-custom .btn-link:hover,
.navbar-custom .btn-link[disabled]:focus,
fieldset[disabled] .navbar-custom .btn-link:focus {
  color: #ccc;
}

.navbar-nav > li > .dropdown-menu { 
	background-color: #555;
}

.navbar-nav > li > .dropdown-menu a{   color: #fff;  }





/* PARALLAX */
.parallax{
	width: 80%;
	height: 50%;
	overflow: hidden;
	margin:20px 0px 30px 0px;

}

.parallax h3{
	width: 100%;
	text-align: center;
	color: #222222;
	font-size: 40px;
}

.parallax h4{
	width: 100%;
	text-align: center;
	color: #222222;
	font-size: 17px;
	
}



/*IMAGENES*/

/*.columnasx4{
	width: 22%;
	float: left;
	padding: 25px 2px;
	box-sizing: border-box;
	margin: auto;
}
*/
.border-img{

    border: 2px solid #C5161C;
    border-radius: 4px;
    padding: 10px;
    width: auto;
    text-align: center;

}
.border-img>a>div>p{
	padding: 20px; 
	color: #000
}


/*DIRECCION*/
.inf-address{
	width: 97.5%;
	margin: 10px auto 2px;
	margin left:84px; 
	margin right:84px;
	background: radial-gradient(#C5161C, #C5161C);
	border-radius: 4px;

}

.directorio-info{
	display: flex;
	justify-content: center;
	margin-left: 9.5%;
	margin-right: 10%;
	margin-bottom: 2%;
	background-color: #f8ffdc;
	/*para Firefox*/
	-moz-border-radius: 10px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px;
	box-sizing: border-box;

}

.img-directorio{
	display: flex;
	justify-content: center;
	margin-top: 8%;
	box-sizing: border-box;
}


.fuentes span{
	color: #000;
	font-size: 20px;
	box-sizing: border-box;


}

.fuentes h3{
	color: #000;
	font-size: 36px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	box-sizing: border-box;
}
.content-directorio {
    width: 100%;
    padding: 0px 0px 25px 70px;
    box-sizing: border-box;
  
}

.content {
    width: 100%;
    padding: 90px 0px 0px 70px;
    box-sizing: border-box;
}

.inf-data p, span, hr{
	width: 100%;
	color: #fff;
	font-size: 13px;

}





/* MAPA */
.inf-maps{
	margin: 10px;
	width: 180%;
	box-sizing: border-box;
}




/* ************************ PIE DE PAGINA *********************** */

.footer{
	width: 100%;
	background-color: #444;
	border-radius: 2px;
}

.footer{
	max-width: 97.5%;
	margin: auto;
}
.footer{
	text-align: center;
}

@media only screen and (max-width: 600px) {
.content {
    width: 100%;

}


@media only screen and (max-width: 920px) {
.content {
    width: 100%;
}


@media only screen and (max-width: 600px) {
.inf-maps {
    width: 100%;
}


@media only screen and (max-width: 920px) {
.inf-maps {
    width: 100%;
}

@media only screen and (max-width: 600px) {
.inf-data {
    width: 100%;
}

.inf-data {
    width: 100%;
}








/* ************************ PIE DE PAGINA *********************** */
//*.piedepagina{
	width: 100%;
	height: 50px;
	background-color:#fff;
	bottom: 0;
	position: fixed;
	text-align: center;
	color: #ccc
}