/*linea tiempo h*/
 @import url("linea_tiempo_h.css");
/*end linea de tiempo*/

/*TAB1*/

#tabs1 .content
{

}

.box{
	width: 303px;
	height: 436px;/*63px*/
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 68px;
}

.box img {
	position: relative;
	z-index: 1;
}

.info
{
    position: relative;
    background-repeat: no-repeat;  
    width: 100%;
    height: 373px;   
    top: -68px;
}

#info1{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla1.png);
}
#info2{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla2.png);
}
#info3{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla3.png);
}
#info4{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla4.png);
}
#info5{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla5.png);
}
#info6{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla6.png);
}
#info7{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla7.png);
}
#info8{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla8.png);
}
#info9{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla9.png);
}
#info10{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla10.png);
}
#info11{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla11.png);
}
#info12{
	background-image: url(../img/ACT1/l_G11_U04_L06_tabla12.png);
}

.info ul{
	position: absolute;
	top: 4px;
}

.info ul li{
	margin-top: 137px;
}

.button{
	background-repeat: no-repeat;
	width: 43px;
	height: 47px;
	position: relative;
	left: 131px;
	top: -19px;
	z-index: 1;
    transition: all 1s;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.button.button1{
	background-image: url(../img/ACT1/l_G11_U04_L06flechitarotatoria.png);
}
.button.button2{
	background-image: url(../img/ACT1/l_G11_U04_L06flechitarotatoriarosa.png);
}
.button.button3{
	background-image: url(../img/ACT1/l_G11_U04_L06flechitarotatoriaviolet.png);
}
.button.button4{
	background-image: url(../img/ACT1/l_G11_U04_L06flechitarotatoriagris.png);
}
.button.active{
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

/*END TAB1*/

/*TAB2*/
#tabs2 .text textarea{
	background-color: #F7F7F7;
	border: none;
	border-radius: 10px;
	width: 100%;
	height: 76%;
	overflow-y: auto;
	margin-top: 60px;
	resize: none;
	line-height: 1.2em;
	font-size: 1.75em;
}

#tabs2 .text{
	background-repeat: no-repeat;
	width: 1112px;
	height: 250px;
	margin-left: 62px;
	margin-top: 40px;
}

#text1{
	background-image: url(../img/ACT1/l_G11_U04_L06segundapestanaescribir.png);
}

#text2{
	background-image: url(../img/ACT1/l_G11_U04_L06segundapestanaescribir2.png);
}
/*END TAB2*/

/*TAB3*/

#tabs3 .item{
	width: 48%;
	height: 295px;
	float: left;
	display: block;
	margin-left: 24px;
	margin-bottom: 20px;
}

#tabs3 .anio{
	background-repeat: no-repeat;
	width: 88px;
	height: 100%;
	float: left;
	display: block;
	margin-top: 11px;
	margin-right: 10px;
}

#anio1{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1919.png);
}

#anio2{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1921.png);
}

#anio3{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1943.png);
}

#anio4{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1945.png);
}

#anio5{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1952.png);
}

#anio6{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1969.png);
}

#anio7{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1996.png);
}

#anio8{
	background-image: url(../img/ACT1/l_G11_U04_L06ano1989.png);
}

#tabs3 .text{
	background-repeat: no-repeat;
	width: 82%;
	height: 100%;
	display: block;
	float: left;
}

#tabs3 .text.literatura{
	background-image: url(../img/ACT1/l_G11_U04_L06segundapestanaescribir.png);
}

#tabs3 .text.mundo{
	background-image: url(../img/ACT1/l_G11_U04_L06segundapestanaescribir2.png);
}

#tabs3 .text textarea{
	background-color: #F7F7F7;
	border: none;
	border-radius: 5px;
	width: 100%;
	height: 82%;
	overflow-y: auto;
	margin-top: 53px;
	resize: none;
	line-height: 1.2em;
	font-size: 1.75em;
}

#tabs3 .content{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 594px;
	margin-top: 20px;
	z-index: 2;
	position: absolute;
}

.scroll{
	position: absolute;
	right: -18px;
	top: 206px;
	z-index: 1;
}
/*END TAB3*/