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: auto; 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%; }
#cabecera-sec15 { padding-bottom: 31.25%; overflow: hidden; width: 100%; max-width: none;  max-height: none; height: auto; }
#cabecera-sec15 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cabecera-sec-sepa { height: auto; max-height: 400px; max-width: 960px; clear: both; padding: 0px; }
#cabecera-sec-sepa img { height: 100%; width: 100%; }
#youtube { width: 68.75%; max-width: 660px; height: 100%; max-height: 371px; }
#youtube2 { float: none; margin: 30px auto 0px auto; width: 68.75%; max-width: 660px; height: 100%; max-height: 371px; }
#youtube iframe { width: 660px; height: 371px; }
#youtube2 iframe { width: 660px; height: 371px; }
#info { width: 29.25%; max-width: 300px; padding: 10px 1%; height: 100%; min-height: 351px; }
#info p { padding-left: 20px; line-height: 30px; }
#info-sec15 { width: 29.25%; max-width: 300px; padding: 10px 1%; height: 100%; min-height: 371px; }
#info-sec15 p { padding-left: 20px; line-height: 30px; }
#redes-directo { position: absolute; bottom: 2%; right: 0px; width: 100%; max-width: 300px; min-height: 90px; text-align: center; }
#redes-directo img { height: 100%; width: 100%; max-width: 50px; margin: 5px 5px 0px 5px; }
#redes-directo-sec15 { position: relative; float: none; width: 100%; max-width: 300px; min-height: 90px; text-align: center; margin: 20px auto; clear: both; }
#redes-directo-sec15 img { height: 100%; width: 100%; max-width: 60px; margin: 5px 5px 0px 5px; }
#ponentes { width: 68.75%; max-width: 660px; text-align: center; }
#ponentes h3 { color: darkred; margin-top: 30px; }
#ponentes h4 { text-align: left; margin: 0px 0px 10px 40px; }

h1 {
	color: black; 
  	padding-bottom: -5px;
}

h2 { 
	color: #da2d2d; 
  	padding-bottom: 0px;
	}

td.ex1 {
  padding: 35px;
  text-align: justify;
  width: 33% ;
  vertical-align: top
}

td.ex2 {
  padding: 15px;
  text-align: center;
  width: 33% ;
  vertical-align: top
}

td.logo {
  padding: 15px;
  text-align: center;
  width: 30% ;
}

table {
  table-layout: fixed ;
  width: 100% ;
}

/* #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; }
.btn1 { -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: #da2d2d; padding: 10px 20px 10px 20px; text-decoration: none; }
.btn:hover { background: #529ddd; text-decoration: none; }
.btn1:hover { background: #666666; 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; }
#flickr { width: 47%; max-width: 450px; height: 364px; padding: 10px 1.5%; text-align: center;  }
#flickr object { width: 450px; height: 300px; }
#flickr-full { width: 100%; max-width: 960px; height: 100%; max-height: 702px; padding: 10px 0px; text-align: center; clear: both; }
#flickr-full div { padding-bottom: 66.6%; overflow: hidden; }
#flickr-full div object { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; max-height: 640px; max-width: 960px; }
#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; }
#colaboracion-sec15 { width: 97%; max-width: 932px; height: auto; margin: 10px 1.5%; text-align: center; clear: both;  }
#colaboracion-sec15 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%; }
#volver-sec15 { background-color: darkred; width: 50%; max-width: 635px; font-size: 18px; font-weight: bolder; height: 100%; min-height: 18px; padding: 10px 0px; color: white; text-align: center; margin: 20px 25%; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
#volver-sec15 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; }
.subir { width: 100%; 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; }
.sec-sepa { height: auto; text-align: center; width: 97%; max-width: 932px; padding: 10px 1.5%; }
.sec-sepa img { height: auto; height: 75px; margin: 20px 40px; }
.sec-sepa2 { height: auto; text-align: center; width: 97%; max-width: 932px; padding: 10px 1.5%; }
.sec-sepa2 img { height: auto; height: 33px; margin: 20px 40px; }
.resumen-articulos { width: 100%; height: auto; }

@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%; }
}