@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: droid_font;
    src: url(../fonts/DroidSans.ttf);
}

html, body
{
	background: url('../img/patron_L.png') #e9eff4;
}

#botonera{
	z-index:2;
}

#contenido_tab{
	background:url("../img//tab.png") no-repeat;
	height:100%;
	width:35%;
	position:absolute;
	left:35%;
}

#contenido_tab div[data-sg-id="btn-page"] { 
    position:absolute;
    left:75%;
    width:10%;
}

#contenido_tab div[data-sg-id="btn-page"] img{ 
 	width:100%;
}

#contenido_tab div[data-sg-id="btn-page"] img:hover{ 
 	width:110%;
}

#contenido_tab_02{
	background:#B3E7E2;
	height:100%;

}

#contenido_tab_02_inside_div div[data-sg-id="btn-page"] { 
    position:absolute;
    top:23.5%;
    left:71%;
    width:4%;
}

#contenido_tab_02_inside_div div[data-sg-id="btn-page"] img:hover{ 
 	width:105%;
 	cursor:pointer;
 	
}

#contenido_tab h2{
	color:#F4F40B;
	font-size:2.4em;
	word-wrap:break-word;
	text-align:center;
	vertical-align: middle;
	position:absolute;
	font-family:droid_font;
	padding:0 1.6em 0 1.6em;
	right:13%;
	top:15%;
}

#contenido_tab_02_inside_div img{
	width:95%;
	padding:1% 0 0 3%
}

#contenido_tab_02{
	border-radius:40px;
	height:100%;
}

#contenido_tab_03{
	height: 83%;
	width: 97%;
	position:absolute;
	background:white;
	border-radius:17px;	
}

#contenido_tab_03 img{
	width:50%;
	padding: 0 2% 1% 2%;
	position:absolute;
	bottom:0;
}

#contenido_tab_03 img:first-of-type{
	right:0;
}
#contenido_tab h3{
	color:white;
	font-size:2.1em;
	word-wrap:break-word;
	text-align:left;
	vertical-align: middle;
	position:absolute;
	line-height:130%;
	font-family:droid_font;
	padding:0 0.8em 0 0.8em;
	right:12%;
	top:20%;
}

#custom_bg{
	left:1.4%;
	width:97.4%;
	height:83%;
	background:url("../img/key_02_background.png");
	background-size: 121% 54%;
	background-position:top center;
	position:absolute;
	border-radius:15px;
}

#btn_cerrar{
	width:100%;
}

#btn_cerrar img{
	width:10%;
	float: right;
	padding-right:15%;
}

.btn_cerrar img:hover{
	width:12%;
	cursor:pointer;
}

#ytplayer_01{
  position: absolute;
  width: 78.9%;
  height: 79.2%;
  top: 5%;
  left: 10%;

}

#ytplayer_02{
	position:absolute;
	width: 64%;
	height: 79%;
	top: 1%;
	left: 17%;

}