/*linea tiempo v*/
  @import url("linea_tiempo_v.css");
/*end linea tiempo*/

/*TAB1*/
.content_nav .sections div{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100%;
	width: 100%;
}

#pg1{
	background-image: url(../img/ACT2/l_G11_U04_L06_primeraguerra.png);
}
#pg2{
	background-image: url(../img/ACT2/l_G11_U04_L06_segundaguerra.png);
}
#pg3{
	background-image: url(../img/ACT2/l_G11_U04_L06_laguerrafria.png);
}

.content_nav .sections p{
	position: relative;
	color: #666666;
	width: 35%;
	top: 263px;
	left: 620px;
	line-height: 1.4em;
}
/*END TAB1*/

/*TAB2*/
#tabs2 .content{
	text-align: center;
	background-image: url(../img/ACT2/l_G11_U04_L06descubrelautor.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	margin-top: 15px;
}

.fc-slideshow{
	width: 293px;
	height: 313px;
	display:inline-block;
	margin-top: 144px;
	box-shadow: none;
	cursor: pointer;
}

#tabs2 .content:before{
  content: url(../img/ACT2/l_G11_U04_L06franjadelinea.png);
  position: absolute;
  top: 529px;
  left: 178px;
}


.manitos{
	height: 60px;
	position: relative;
	margin-top: -13px;
}
.manito{
	width: 292px;
	height: 100%;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
}

#manito1{
	background-image: url(../img/ACT2/l_G11_U04_L06manita1.png);
}
#manito2{
	background-image: url(../img/ACT2/l_G11_U04_L06manita2.png);
}
#manito3{
	background-image: url(../img/ACT2/l_G11_U04_L06manita3.png);
}
#manito1.active{
	background-image: url(../img/ACT2/l_G11_U04_L06manita1activada.png);
}
#manito2.active{
	background-image: url(../img/ACT2/l_G11_U04_L06manita2activada.png);
}
#manito3.active{
	background-image: url(../img/ACT2/l_G11_U04_L06manita3activada.png);
}
/*END TAB2*/

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

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

#text1{
	background-image: url(../img/ACT2/l_G11_U04_L06posicioncritica.png);
}
/*END TAB3*/

/*TAb4*/
#tabs4 .content{
	height: 583px;
	overflow-y: scroll;
	overflow-x:hidden;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

.box{
	background-repeat: no-repeat;
	width: 934px;
	height: 300px;
	margin: auto;
}

#box1{
	background-image: url(../img/ACT2/l_G11_U04_L06autores1.png);
}
#box2{
	background-image: url(../img/ACT2/l_G11_U04_L06autores2.png);
}
#box3{
	background-image: url(../img/ACT2/l_G11_U04_L06autores3.png);
}
#box4{
	background-image: url(../img/ACT2/l_G11_U04_L06autores4.png);
}

.box p{
	color: #666666;
	position: relative;
	top: 116px;
	width: 41%;
	left: 516px;
	font-style: italic;
	font-size: 1.2em;
}

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

/*TAB5*/
#tabs5 .content {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../img/ACT2/l_G11_U04_L06anoyescritores.png);
	height: 614px;
}

#tabs5 .text{
	width: 218px;
  	position: absolute;
  	left: 702px;
  	top: 200px;
  	height: 351px
}

#tabs5 .text textarea{
	background-color: #F7F7F7;
	border: none;
	border-radius: 5px;
	width: 100%;
	height: 63px;
	overflow-y: hidden;
	resize: none;
	line-height: 1.2em;
	font-size: 1.75em;
	margin-bottom: 30px;
	padding: 15px;
	border-style: solid;
	border-color: #EFEFEF;

}
/*END TAB5*/

/*TAB6*/
#tabs6 .content{
	background-image: url(../img/ACT2/l_G11_U04_L06escritores.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 614px;
}
/*END TAB6*/