body {  background-color: #E6E6E6; }
* { font-family: 'open sans', arial, sans-serif; }
a { text-decoration: none; }
div { position: relative; float: left; width: 100%; }
#container { float: none; max-width: 960px; margin: 0px auto; }
#fondo { height: 100%; background-color: white; margin-top: 0px; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888; width: 96%; padding: 0px 2%; }
#fondo-nuevo { height: 825px; background-color: white; margin-top: 0px; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888; width: 96%; padding: 0px 2%; }
#cabecera { padding-bottom: 15.625%; overflow: hidden; width: 100%; max-width: none;  max-height: none; height: auto; }
#cabecera img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#info { width: 29.25%; max-width: 300px; padding: 10px 1%; height: 100%; min-height: 351px; }
#info p { padding-left: 20px; line-height: 30px; }

h2 { color: #529ddd; font-size: 30px;}

h3 { color: #529ddd; font-size: 18px;}

hr.blue {
    display: block;
    height: 1px;
    border: 0;
    border-top: 4px solid #529ddd;
    margin: 0em 0;
    padding: 0; 
}

/* #formulario img { width: 50%; margin: 20px 0px; } */
#formulario { display: block; }
#formulario input { width: auto; margin: 20px 0px; border: 0px solid; cursor: pointer; }
.btn { -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; color: #ffffff; font-size: 20px; background: #666666; padding: 10px 20px 10px 20px; text-decoration: none; }
.btn:hover { background: #529ddd; text-decoration: none; }

.caja-ponentes { clear: both; font-size: 12px; padding: 10px 0px; text-align: left; }
.foto-ponentes { width: 15%; max-width: 100px; height: 100%; max-height: 110px; }
.foto-ponentes img { width: 100%; height: 100%; }
.bio-ponentes { width: 60%; max-width: 396px; height: 100%; min-height: 110px; padding: 0px 2.5%; }
.bio-ponentes h4 { font-size: 14px; margin: 0px !important; }
.bio-ponentes h4 a { color: black; }
.bio-ponentes-cs { width: 80%; max-width: 528px; height: 100%; min-height: 110px; padding: 0px 2.5%; }
.bio-ponentes-cs h4 { font-size: 14px; margin: 0px !important; }
.bio-ponentes-cs h4 a { color: black; }
.rrss-ponentes { width: 19%; max-width: 132px; height: 100%; max-height: 100px; padding: 5px 1% 5px 0px; }
.rrss-ponentes img { width: 25px; margin: 5px 5px 5px 0px; vertical-align: middle; }
.rrss-ponentes a { color: black; }
.rrss-ponentes a:hover { color: darkred; }
.rrss-ponentes-mov { width: 99%; max-width: 635px; height: 100%; max-height: 70px; padding: 5px 1% 5px 0px; display: none; }
.rrss-ponentes-mov img { width: 25px; margin: 5px 5px 5px 25px; vertical-align: middle; }
.rrss-ponentes-mov a { color: black; }
.rrss-ponentes-mov a:hover { color: darkred; }
.sedes { clear: both; font-size: 14px; line-height: 28px; text-align: left; width: 95%; max-width: 627px; height: 100%; min-height: 110px; padding: 10px 2.5%; }
#twitter { width: 29.25%; max-width: 300px; padding: 0px 1% 10px 1%; height: 100%; max-height: 435px; text-align: center; }
#chat { width: 29.25%; max-width: 300px; padding: 0px 1% 10px 1%; height: 100%; max-height: 435px; text-align: center; }
.sidebar { width: 29.25%; max-width: 300px; padding: 0px 1% 10px 1%; height: auto; text-align: center; }
.sidebar img { width: 40%; height: auto; }
.corte { clear: both; }
#descarga { width: 47%; max-width: 450px; height: auto; padding: 10px 1.5%; text-align: center;  }
#descarga img { width: 90%; max-width: 450px; margin: 8.5px 0px; }
#descarga span { font-size: 12px; }
#infografia { width: 47%; max-width: 450px; height: 200px; padding: 10px 1.5%; text-align: center;  }
#infografia img { width: 150px; }
#colaboracion { width: 47%; max-width: 450px; height: auto; padding: 10px 1.5%; text-align: center;  }
#colaboracion img { width: 180px; }
#volver { background-color: darkred; width: 40%; max-width: 450px; font-size: 18px; font-weight: bolder; height: 100%; min-height: 18px; padding: 10px 0px; color: white; text-align: center; margin: 20px 30%; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
#volver a { color: white; display: block; width: 100%; height: 100%; }
#faqs { width: 95%; max-width: 940.8px; font-size: 14px; text-align: justify; padding: 20px; }
#footer { height: 100%; min-height: 75px; color: dimgray; }
#footer a { color: darkred; font-weight: bolder; }
#caja {
    background-color: white;
    border: 3px solid grey;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
    font-size: 14px; 
    text-align: justify;
    width: 90%;
}
.subir { width: 48%; bottom: 0px; left: 0px; padding: 20px 0px 20px 2%; }
.titulo2 { position: absolute; width: 50%; bottom: 0px; right: 0px; text-align: right; padding: 20px 2% 20px 0px; }
#filiales { height: auto; text-align: center; width: 97%; max-width: 932px; padding: 10px 1.5%; }
#filiales img { height: auto; width: 200px; margin: 20px 40px; }

@media screen and (max-width: 960px) {
	#youtube, #youtube2 { padding-bottom: 56.25%; overflow: hidden; width: 100%; max-width: none;  max-height: none; height: auto; }
	#youtube iframe, #youtube2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	#info { width: 98%; max-width: 960px; min-height: 212px; }
	#info-sec15 { width: 98%; max-width: 960px; min-height: auto; }
	#redes-directo { position: absolute; bottom: 30%; }
	#redes-directo img { height: 100%; width: 100%; max-width: 60px; margin: 5px 5px 0px 5px; }
	#ponentes { width: 100%; max-width: 960px; }
	.bio-ponentes { max-width: 546px; }
	.bio-ponentes-cs { max-width: 546px; }
	#twitter { width: 48%; max-width: 960px; }
	#chat { width: 48%; }
	.sidebar { width: 48%; max-width: 960px; }
	.sidebar img { height: 290px; width: auto; }
	.subir { position: relative; float: left; width: 96%; bottom: auto; left: auto; padding: 20px 2%; text-align: center; }
	.titulo2-footer { position: relative; float: left; width: 96%; bottom: auto; right: auto; padding: 20px 2%; text-align: center; }
}

@media screen and (max-width: 635px) {
	#info { width: 98%; max-width: 960px; min-height: 302px; }
	#info-sec15 { width: 98%; max-width: 960px; min-height: auto; }
	#redes-directo { position: absolute; bottom: 2%; right: 0px; width: 100%; max-width: 635px; min-height: 90px; text-align: center; }
	#formulario img { width: 90%; margin: 20px 0px; }
	.bio-ponentes { width: 80%; max-width: 635px; }
	.bio-ponentes-cs { width: 80%; max-width: 635px; }
	.rrss-ponentes { display: none; }
	.rrss-ponentes-mov { display: block; }
	#twitter { width: 98%; max-width: 635px; }
	#chat { width: 98%; }
	.sidebar { width: 98%; max-width: 635px; }
	.sidebar img { width: 60%; height: auto; }
	#flickr object { width: 320px; height: 213px; }
	#descarga { width: 97%; max-width: 635px; }
	#infografia { width: 97%; max-width: 635px;  }
	#colaboracion { width: 97%; max-width: 635px; padding: 50px 1.5%; }
	#colaboracion-sec15 { width: 97%; max-width: 635px; padding: 50px 1.5%; }
	#volver { width: 90%; margin: 20px 5%; }
	#volver-sec15 { width: 90%; margin: 20px 5%; }
}

#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 1%;
  height: 30px;
  background-color: #4CAF50;
}