/* CSS Document */

@font-face {
	src: url(../fonts/KeepCalm-Medium.ttf);
	font-family: keepcalm;
}
@font-face {
	src: url(../fonts/BebasNeue.otf);
	font-family: Bebas Neue;
}
@font-face {
	src: url(../fonts/gotham-black.ttf);
	font-family: Gotham;
} 
@font-face {
	src: url(../fonts/OpenSans-Regular.ttf);
	font-family: OpenSans;
} 
.total{
    width: 100%;
}

section.banner {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.mapa{
    width: 100%;
    height: auto;
}
.slider {
    display: block;
    min-height: 1010px;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto;
}

.prev {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 110px;
    color: white;
    z-index: 1;
    font-family: monospace;
    height: 107px;
    width: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
    text-align: center;
    padding-top: 14%;
    cursor: pointer;
}

.next {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 110px;
    color: white;
    z-index: 1;
    font-family: monospace;
    width: 10px;
    height: 74px;
    padding-top: 240px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
    cursor: pointer;
}

.contimgs {
    width: 100%;
}

.item {
    width: 100%;
    position: absolute;
    display: block;
}

.item img {
    width: 100%;
    height: auto;
}

.texto {
    position: absolute;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.51);
    width: 100%;
    height: auto;
    padding: 20px;
    font-size: 31px;
}

header {
    background-color: #004d76;
    height: 61px;
    border-top: 9px solid #00325c;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    z-index: 81;
}
#disponibles{
    width: 30%;
    position: absolute;
    z-index: 99;
    top: 140px;
    right: 10%;
    background: rgba(19,132,165,.7);
    border-radius: 20px;
}
#mensaje1{
    width: 50%;
    position: absolute;
    z-index: 99;
    top: 20%;
    right: 10%;
    
}
.logotipo {
    height: auto;
    width: 180px;
    background-color: #004E74;
    position: absolute;
    top: -62px;
    text-align: center;
    border-radius: 5px;
}
.logotipo img{
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
}

nav ul li a {
font-size: 19px;
/* background-color: #032F45; */
margin-top: -10px;
padding: 12.5px 22px;
display: block;
color: white;
text-transform: uppercase;
font-family: OpenSans;
font-weight: bold;
float: right;
}

nav ul li a.active { 
	    color: white;
    text-decoration: none;
    background-color: #00325c;
}

nav ul li a:hover {
    color: white;
    text-decoration: none;
    background-color: #00325c;
}

nav ul li {
list-style: none;
float: right;
}
#bs-example-navbar-collapse-4{
    margin-left: 10%;
}
#menuDesplegable{
    position: absolute;
    z-index: 9999;
    top: 0px;
    width: 106%;
    margin-left: -20px;
}
#colorMenuDesplegable{
    background: #004d76;
    border: none;
    color: white;
}
#iconoMenuDesplegable{
    width: 100px;
    margin-top: -18px;
    background: #004d76;
    padding: 5px;
    z-index: -1;
}
#prueba{
    background: white;
}

.navbar-text{
    text-align: center;
    margin-left: 4%;
}
.navbar-text a{
    color: white;
    font-size: 14px;
    font-family: OpenSans;
}
.navbar-text a:hover{
    text-decoration: none;
}
.btn-warning{
    background: #f4d818;
    border: none;
    color: #775d5d;
}

.btn-warning:hover{
    background: #e0b50e;
}
#botonDescargarFactura{
    width: 60%;
    margin-left: 20%;
    margin-top: 40px;
}
.botonArticleRight{
    float: right;
}

#scroll1{
     height: 600px;
    overflow: scroll;
}

#UbicanosMegusta div{
    background: #004d76;
    float: bottom;
    height: 70px;
    font-size: 40px;
    cursor: default;
    border-radius: 0px;
    margin-top: 30px;
}
#UbicanosMegusta img{
    height: 50px;
    width: 50px;
}
footer{
    padding-top:50px;
    padding-bottom: 50px; 
    width: 100%;
    background: #004d76;
}

#contenedorIframe{
    width: 100%;
    height: 300px;
}
#iframe{
    width: 100%;
    height: 100%;
    border: none;
}
footer p{
    color: white;
    font-size: 1.5em;
}

#borde{
    border-left: 2px solid white;
}

#QuienesSomos .BotonesQuienesSomos{
    font-size: 3em;
    color: #004d76;
    border: 3px solid #004d76;
    text-align: center;
    margin-bottom: 20px;
    background: white;
    border-radius: none;
    cursor: default;
    margin-left: 15px;
}
#QuienesSomos p{
    font-size: 20px;
}

#ComprimisoAmbiental{
    margin-top: 50px;
    margin-bottom: 150px;
}

#MisionVision{
    background: #00325c;
    padding-top: 30px;
    padding-bottom: 30px;
}
#MisionVision p{
    color: white;
    font-size: 18px;
}

#divVision, #divMision {
      font-size: 50px;
    margin-bottom: 20px;
    border-radius: 0px;
    color: white;
    background: #001831;
    border: none;
    cursor: default;
    text-align: center;
    margin-left: 15px;
}


#Mision{
    padding-top: 15px;
    padding-bottom: 15px;
    background: #00526b;
}
#Vision{
    padding-top: 15px;
    padding-bottom: 15px;
    background: #00376c;
}
.FuenteTabla{
    font-size: 20px;
}
#MiFactura{
    margin-top: 50px;
}
#MiFactura th{
    border-bottom: 2px solid #c9c9c9;
}
.bordeDerecho{
    border-right: 1px solid #c9c9c9;
}

#BannerMapa{
    width: 100%;
    height: 500px;
    border: 1px solid;
}
#iframe2{
    width: 100%;
    height: 500px;
    border: none;
}


#prueba3{
    height: 500px;
    background: #c9c9c9;
}

@media (max-width: 750px){
    footer p{
    font-size: 1em;
    }
}

@media (max-width: 970px){
    footer p{
    font-size: 1.2em;
    }
    #disponibles{
       top: 80px;
    }
}

@media(max-width: 1200px){
    nav ul li a{
        font-size: 16px;
    }
    header{
        height: 56px;
    }
}
#aside1 p{
    margin-top: 40px;
    font-size: 18px;
}
.topGeneral{
    margin-top: 20px;
}
#marginFooter{
    margin-top: 200px;
}