@charset "utf-8";
/* CSS Document */
@import url(common.css);


/*tabs jorge*/
.tab-container{
	position:relative; 

	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	
	/*-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;*/
	}
.tab-container .tab-radio{ display:none;}
.tab-container .tab {
	display:block;
	width:auto;
	height:86px;
	float: left;
	position:relative;
	line-height:22px;
	top:0px;
	font-size:1.5em;
	padding:10px 10px !important;
	-webkit-border-radius:1ex 1ex 0ex 0ex;
	-moz-border-radius:1ex 1ex 0ex 0ex;
	-o-border-radius:1ex 1ex 0ex 0ex;
	-ms-border-radius:1ex 1ex 0ex 0ex;
	border-radius:1ex 1ex 0ex 0ex;
	margin: 0ex 0.8ex 0ex 0ex;
	padding:0.5ex;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	background:#E7E7E5;
	color:#4D4E4C;
	font-weight:normal;
	box-shadow: 3px -1px 0px 1px #ccc;
	}
.tab:hover{height:96px;top: -10px;}
.tab-container .tab-radio:checked ~ .tab,
.tab-container .tab-radio:active ~ .tab{
	background-color:#E6AF40;
	color:#FFF;
	}
.tab-container .tab-radio:checked ~ .tab-page{ background-color:#E6AF40;} 
.tab-container .tab-radio:checked ~ .tab{}
.tab-container .tab-page{
	visibility:hidden;
	z-index=50;
	background-color:#E7E7E5;
	color:#4D4E4C;
	display:block;
	position:absolute;
	top:85px;
	left:0px;
	height:25em;
	width:99%;
	float:left;
	padding:0.5em;
	margin:0ex;		
	
	-webkit-border-radius:0ex 1ex 1ex 1ex;
	   -moz-border-radius:0ex 1ex 1ex 1ex;
	    -ms-border-radius:0ex 1ex 1ex 1ex;
	     -o-border-radius:0ex 1ex 1ex 1ex;
	        border-radius:0ex 1ex 1ex 1ex;
	
	   -moz-transition: visibility 0s ease-out 0.3s;
		-ms-transition: visibility 0s ease-out 0.3s;
		 -o-transition: visibility 0s ease-out 0.3s;
	-webkit-transition: visibility 0s ease-out 0.3s;
			transition: visibility 0s ease-out 0.3s;
	}
.tab-container .tab-radio:checked ~ .tab-page{visibility: visible;}
.tab-container .tab-page > *
{
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	-moz-transition: opacity 0.3s ease-out 0s;
	-ms-transition: opacity 0.3s ease-out 0s;
	-o-transition: opacity 0.3s ease-out 0s;
	-webkit-transition: opacity 0.3s ease-out 0s;
	transition: opacity 0.3s ease-out 0s;
}
.tab-container .tab-radio:checked ~ .tab-page > *
{
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-moz-transition: opacity 0.3s ease-in 0.15s;
	-ms-transition: opacity 0.3s ease-in 0.15s;
	-o-transition: opacity 0.3s ease-in 0.15s;
	-webkit-transition: opacity 0.3s ease-in 0.15s;
	transition: opacity 0.3s ease-in 0.15s;
}
/*fin tabs jorge*/

.vspacer {
    margin-top: 10px; /* define margin as you see fit */
}

#imgRadio2 { height: 295px; width: auto;}
.contenedor_int{position: absolute; height: 570px; width: 100%; left: 0px; top: -10px; border-radius: 3ex; overflow: hidden;}

#contenedorRadio {top: 110px; height: 450px;} 

#pop1{position: absolute; height: 230px; width: 840px; left: 246px; top: 220px;}
#btPopup1{ right: 50px; bottom: 20px;}
#imgGirl {height: 360px; width: auto;}

#pop2{width: 1100px; height: 550px; top: 0px; left: 120px;}
#btEjercio{ position: absolute; right: 40px; bottom:40px;}

.ggd_flechaVolver {
    left: -40px;
}
.ggd_flechaAvanzar {
right: -40px;
}

#idAudio { position: relative; top: 20px; }

.contenedor_int .ggd_flechaVolver {
    left: 10px;
}
.contenedor_int .ggd_flechaAvanzar {
right: 10px;
}

textarea{ padding: 5px;overflow: hidden; width: 100%; position: relative; left: 0px; top: 30px; height: 250px; outline: none; font-size: 2em; resize: none; color: #AEAAAA; border: 1px solid;}
#btValidar { position: absolute; bottom: 40px; right: 80px;}

#pop3{position: absolute; height: 150px; width: 970px; left: 170px; top: 260px;}

.tabsFin .tab{ display: block; width: auto; height: 43px; float: left; position: relative; line-height: 9px; top: 43px; }
.tabsFin .tab:hover{height:48px;top: 38px;}
.tabsFin .tab-radio:checked ~ .tab{
	background-color:#BCCB45;
	color:#FFF;
	}
