@charset "UTF-8";
/* CSS Document */
#titulo {position: absolute; left:5%; top: 30%;z-index: 10; display: block;}
#titulo h1{font-size:5.5vw; font-family: 'Merriweather', serif; color:#768F11; background-size: auto; background-color:#FFFFFF; text-align: center}
#titulo2 {position: absolute; left:5%; top: 47%;z-index: 10; display: block;}
#titulo2 h2{font-family: 'Quicksand', sans-serif; font-size: 4vw; color:#FFFFFF;background-size: auto; background-color: #768F11;}
#titulo3 {position: absolute; left:5%; top: 66%;z-index: 10; display: block;}
#titulo3 h9{font-family: 'Quicksand', sans-serif; font-size: 4vw; color:#FFFFFF;background-size: auto; background-color: #768F11;}
#contenido{position: absolute; width: 100%;top: 0; left: 0; }
.fotoinicial{width:100%;display: block;  opacity: 0.85;
    filter: alpha(opacity=85)}
.texto{position: relative; width: 100%; max-width: 800px; margin: 0 auto; display: block}
.lead p{font-family: 'Raleway', sans-serif; font-size: 1.50em; color:#353333}
p{font-family: 'Raleway', sans-serif;font-size:  1.3em; color:#353333 }

.pie1{color:#353333  
}

h7{font-family: 'Noticia Text', serif; color:#353333; font-size: 2em }
h3{font-family: 'Noticia Text', serif; color:#353333; font-size: 2em }
h4{font-family: 'Noticia Text', serif; color: #353333; font-size: 2em }
h5{font-family: 'Noticia Text', serif; color:#353333; font-size: 2em }
h6{font-family: 'Noticia Text', serif; color:#353333; font-size: 1.2em }

#mapacelular{display: none}
#mapa2 {position:relative; height: 1200px;max-width: 800px; display:block}

.destacado p{font-family: 'Raleway', sans-serif; font-size: 2em; color:#353333}

@media only screen and (max-width:500px){
#titulo {position: absolute; left:5%; top: 10%;z-index: 10; display: block;}
#titulo h1{font-size:5.5vw; font-family: 'Merriweather', serif; color:#768F11; background-size: auto; background-color:#FFFFFF; text-align: center}
#titulo2 {position: absolute; left:5%; top: 15%;z-index: 10; display: block;}
#titulo2 h2{font-family: 'Quicksand', sans-serif; font-size: 4vw; color:#FFFFFF;background-size: auto; background-color: #768F11; text-align: center}
#titulo3 {position: absolute; left:5%; top: 20%;z-index: 10; display: block;}
#titulo3 h9{font-family: 'Quicksand', sans-serif; font-size: 4vw; color:#FFFFFF;background-size: auto; background-color: #768F11;}
.texto{position: relative; width: 100%; max-width: 320px;margin: 0 auto;}
	#mapacelular{display: block}
#mapa2 {display:none}
}