@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600');

body { margin: 0px;padding: 0px;font-family: Open Sans;font-weight: 400;font-size: 14px;color:#FFF;text-align: center;background-image: url('../img/fondo.jpg');background-size: cover;  }
img { border:0px; }
img a { outline: 0px; }
a { text-decoration: none;color:#FFF; }

.boton { height:35px;padding: 0 10 0 10px;line-height: 35px;background-color: rgba(239,127,84,0.6); }
.boton:hover { background-color: rgba(239,127,84,1); }

.contenido { width:100%; }
.content { width:887px;margin: 0 auto;text-align: left;padding-top: 45px; }
.content .header { height:50px; }
.content .header .menuIdioma { float: left;padding-top: 14px; }
.content .header .menuIdioma .idioma { float: left;line-height: 14px;height:14px;border-right: 1px solid #FFF;padding-right: 10px;padding-left: 10px; }
.content .header .menuIdioma .seleccionado { color:#ef7f54; }
.content .header .menuIdioma .idioma a:hover { color:#EF7F54; }
.content .boton { float: right; }

.content .izq { float: left;width:309px;margin-right: 19px; }
.content .der { float: right;width:559px;background-color: rgba(239,127,84,0.6); }

.logo { background-color: rgba(239,127,84,0.6);padding: 15px;margin-bottom: 19px;  }
.contacto { background-color: rgba(239,127,84,0.6);padding: 15px;font-size: 14px;margin-bottom: 20px; }
.contacto .titulo { font-size: 30px;font-weight: 600;padding-bottom: 20px; }
.contacto a:hover { text-decoration: underline; }

.der .titulo { font-size: 30px;font-weight: 600;padding: 15 15 33 15px; }
.der .texto { font-size: 14px;line-height: 18px;padding: 15 15 15 15px; }
.der .texto .logoPatrocinador { float: left;padding-right: 20px;padding-bottom: 20px; }

.fondoGaleria { width:100%;position: absolute;top:0px;left: 0px;background-color: rgba(0,0,0,0.8);height:400px;z-index:98; }
.popGaleria { width:800px;position: absolute;top:0px;left: 0px;z-index:99; }

.galeria  { position: absolute;width:800px;margin: 0 auto;height:680px;margin: 0 auto; }
.galeria .boton { float: right; }
.galeria .menuGaleria { height:100px;width:800px;text-align: left;background-color: #EF7F54;margin-top: 45px; }

.galeria .menuGaleria .mascara { float: left;width:700px;height:70px;overflow: hidden;margin-left: 10px;margin-right: 10px;margin-top: 16px; }
.galeria .menuGaleria .mascara .fotoGaleria { width:105px;text-align: center;margin-right: 10px;float: left; }

.galeria .grande { width:800px;height:530px;overflow: hidden;text-align: center;margin-top: 10px;padding-top: 40px; }
.galeria .anterior { width: 0; height: 0; border-top: 40px solid transparent; border-right: 30px solid #FFF; border-bottom: 40px solid transparent;float: left;margin-left: 10px;margin-top: 235px;position: absolute; }
.galeria .anterior:hover { border-right: 30px solid rgba(0,0,0,0.8); }
.galeria .posterior { width: 0; height: 0; border-top: 40px solid transparent; border-left: 30px solid #FFF; border-bottom: 40px solid transparent;float: right;margin-right: 10px;margin-top: 245px;position: absolute;top:0px;margin-left: 760px; }
.galeria .posterior:hover { border-left: 30px solid rgba(0,0,0,0.8); }

.logos { width:800px; }
.logos .boton { float: right; }
.logos .logoPatrocinador { float: left;padding:20px;height:224;width:244px;padding-left: 0px; }

/*  RESPONSIVE */
@media screen and (min-width: 768px) and (max-width: 979px){
	.content { width:95%;margin: 0 auto;text-align: left;padding-top: 45px; }
	.content .der { width:440px; }
}

@media screen and (min-width: 320px) and (max-width: 767px){
	.content { width:100%;margin: 0 auto;text-align: left;padding-top: 45px; }
	.content .der { width:95%;float: none;margin-bottom: 20px;margin: 0 auto;margin-bottom: 20px; }
	.content .izq { float: none;margin-right: 0px;width:95%;margin:0 auto;margin-bottom: 20px; }
	
	.content .boton { padding-right: 10px; }
}