section[role="region"] > header:first-child {
    color: #FFF;
    background: linear-gradient(to bottom, #34B4FA, #45D1DC) repeat scroll 0% 0% transparent;
}

section[data-type="sidebar"] {
	background: #414042;
}

section[role="region"] > header:first-child h1 {
	text-align: left;
}

[data-type="list"] li p:first-of-type {
	color: #fff;
}

[data-type="list"] {
	padding:0;
}

[data-type="list"] li p:first-of-type {
	font-size: 1.5rem;
}

[data-type="list"] li p {
	color: #fff;
}

div[role="main"]{
	width: 100%;
}

.bb-tablist > li > a {
	line-height: 2rem;
}

.bb-tablist > li > a {
	font-size: 1rem;
}

#principal {
	height: 100%;
}

#drawer-header {
	background-image: url(../images/drawer-header.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90%;
	height: 100%;
}

#platicas, #patrocinadores, #centro, #village, #sociales, #unete, #informacion {
	background: linear-gradient(to bottom right, #34B3FB, #055F84);
}

#detalles p {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.5rem;
}

#detalles img {
	display: block;
	margin: auto;
	overflow: hidden;
	width: 10rem;
	height: 10rem;
	border-radius: 5rem;
	text-align: center;
  	image-rendering: -moz-crisp-edges;
}

#detalles #ponente, #detalles #lugar {
	background-color: #fff;
	margin: 0;
	position: static;
	width: 100%;
}

#detalles #titulo, #detalles #descripcion {
	background-color: #9CA8C2;
	margin: 0;
	position: static;
	width: 100%;
}

#detalles #titulo {
	clear: both;
}

#detalles .centrado {
	text-align: center;
}

#detalles .justificado {
	text-align: justify;
	margin: 0 2%;
}

#detalles .derecha {
	float: right;
}

#village p {
	color: #fff;
	font-size: 1.4rem;
	margin:1% 5%;
}

#village img{
	width: 90%;
	margin:0 5%;
}

#centro img {
	width: 100%;
}

#centro p {
	color: #fff;
	font-size: 1.4rem;
	margin:5% 5%;	
}

#mapin {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/mapa-1.png);
}

#unete{
	width: 100%;
	color: #fff;
}

#informacion {
	width: 100%;
}

#sociales {
	width: 100%;
	min-height: 100%;
}

#patrocinadores {
	width: 100%;
}

#contenedor-patrocinio {
	margin: 2% 6.25%;
}

#informacion div h1 {
	font-size: 0.5px;
}

.cinta {
	width: 100%;
	background-color: #414042;
	height: 7%;
	text-align: center;
}


.cinta h1 {
	text-align: center;
	font-size: 2rem;
	margin:0;
	color: #fff;
}

#unete p {
	margin:5% 2%;
	font-size: 1.50em;
	line-height: 18px;
	text-align: justify;
}

#unete p a {
	color: #9DCB3B;
	text-decoration: none;
}

.tile {
	width: 50%;
	height: 24%;
	display: inline-block;
	background-repeat: no-repeat;
	margin-bottom: -3px;
}

#magistrales {
	width: 100%;
	height: 42%;
	background-repeat: no-repeat;
}

.patrocinador {
	display: inline-block;
	margin:0 0.3px;
	width: 29.06%;
	height: 19.37%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
	opacity: 0.9;
}

.patrocinador-principal {
	width: 89.5%;
	height: 21.33%;
	background-color: #fff;
	margin-bottom: 2%;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
	opacity: 0.9;
}

#tabpanel1 p, #tabpanel3 p {
	font-size: 1.2rem;
	text-align: justify;
	margin: 4% 2%;
	line-height: 20px;
}

#tabpanel1 img {
	width: 90%;
	margin:0 5%;
}

#tabpanel2 p {
	font-size: 2rem;
	text-align: center;
}

#tabpanel2 div {
	margin:0 5.25%;
}

.marino {
	background-color: #082667;
}

.cielo {
	background-color: #0097FF;
}

.rosa {
	background-color: #E1288F;
}

.naranja {
	background-color: #F3792C;
}

.verde {
	background-color: #53B95B;
}

.gris {
	background-color: #6B6B6B !important;
}
.lima {
	background-color: #3DAD15 !important;
}
.rojo {
	background-color: #A8141E !important;
}

#magistrales {
	background-image: url(../images/blanca.png);
	background-size: 100%;
	transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
}

#destacados {
	background-image: url(../images/destacados.png);
	background-size: 100%;
}

#emprededores {
	background-image: url(../images/emprendedores.png);
	background-size: 100%;
}

#ecommerce {
	background-image: url(../images/ecommerce.png);
	background-size: 100%;
}

#desarrollo {
	background-image: url(../images/desarrollo.png);
	background-size: 100%;
}

#software-libre {
	background-image: url(../images/software-libre.png);
	background-size: 100%;
}

#open-data {
	background-image: url(../images/open-data.png);
	background-size: 100%;
}

#big-data {
	background-image: url(../images/big-data.png);
	background-size: 100%;
}

#seguridad {
	background-image: url(../images/seguridad.png);
	background-size: 100%;
}

#things {
	background-image: url(../images/things.png);
	background-size: 100%;
}

#disenio {
	background-image: url(../images/disenio.png);
	background-size: 100%;
}

#multimedia {
	background-image: url(../images/multimedia.png);
	background-size: 100%;
}

#wearable {
	background-image: url(../images/wearable.png);
	background-size: 100%;
}

#social {
	background-image: url(../images/social.png);
	background-size: 100%;
}

#educacion {
	background-image: url(../images/educacion.png);
	background-size: 100%;
}

#astronomia {
	background-image: url(../images/astronomia.png);
	background-size: 100%;
}

#robotica {
	background-image: url(../images/robotica.png);
	background-size: 100%;
}

#modding {
	background-image: url(../images/modding.png);
	background-size: 100%;
}

#sci {
	background-image: url(../images/sci.png);
	background-size: 100%;
}

#impresion3d {
	background-image: url(../images/impresion3d.png);
	background-size: 100%;
}

#juegos {
	background-image: url(../images/juegos.png);
	background-size: 100%;
}

#movistar {
	background-image: url(../images/movistar.png);
}

#cisco {
	background-image: url(../images/cisco.png);	
}

#community-manager {
	background-image: url(../images/community-manager.png);
}

#warden {
	background-image: url(../images/warden.png);
}

#huawei {
	background-image: url(../images/huawei.png);
}

#getronics {
	background-image: url(../images/getronics.png);
}

#leviton {
	background-image: url(../images/leviton.png);
}

#power-all{
	background-image: url(../images/power-all.png);	
}

#qualcomm {
	background-image: url(../images/qualcomm.png);
}

#sourcefire {
	background-image: url(../images/sourcefire.png);
}

#zte {
	background-image: url(../images/zte.png);
}

#chilango {
	background-image: url(../images/chilango.png);	
}

#codear {
	background-image: url(../images/codear.png);
}


#hack {
	width: 100%;
	height: 45px;
}

#ponente0 {
	width: 100%;
	height: 50px;
}