@import url(./common.css);
@import url(./linea_tiempo_h.css);

/*TAB1*/
#tabs1 .content{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_fondo01.png);
}
#tabs1 .content h4{
	position: absolute;
	font-size: 1.6em;
	color: white;
}
#tabs1 .content p{
    position: absolute;
    font-size: 1.5em;
    color: white;
}
#tabs1 .content h4:nth-child(1){
    top: 95px;
    left: 140px;
}
#tabs1 .content h4:nth-child(3){
    left: 820px;
    top: 50px;
    text-align: center;
}
#tabs1 .content p:nth-child(2){
    top: 209px;
    left: 80px;
    text-align: right;
}
#tabs1 .content p:nth-child(4){
    top: 169px;
    left: 770px
}
/*END TAB1*/

/*TAB2*/
.box{
    width: 341px;
    height: 567px;
    float: left;
    margin-right: 42px;
    margin-top: 40px;
}
.box:nth-child(1){
	margin-left: 66px;
}
.box img{
    z-index: 2;
    position: relative;
}
.box h4{
    position: relative;
    top: -122px;
    z-index: 2;
    text-align: center;
    font-size: 2em;
    color: white;
}
.info{
    position: relative;
    width: 341px;
    height: 477px;
    top: -209px;
    z-index: 1;
    background-repeat: no-repeat;
}
#info1{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_frame01.png);
	height: 407px;
}
#info2{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_frame02.png);
}
#info3{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_frame03.png);
}
.info p{
    position: relative;
    font-size: 1.5em;
    top: 40px;
    left: 35px;
    color: white;
}
.button{
    background-image: url(../img/ACT2/SB_L_G11_U01_L03flechaabajo.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 43px;
    position: relative;
    left: 149px;
    top: -153px;
    z-index: 2;
    transition: all 1s;
}
.button.active{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*END TAB2*/

/*TAB3*/
 .content_nav .sections {
	width: 2520px;
}
 .content_nav .buttons{
 	width: 33px;
 	height: 38px;
 	background-image: url(../img/ACT1/flechaverde.png);
 }

.content_nav .buttons:active,  .content_nav .buttons:hover{
	background-image: url(../img/ACT1/flechagris.png);
}
.content_nav .sections{
	height: 560px;
}
.content_nav .sections > li{
	height: 560px;
 }
.content_nav{
	margin-top: 10px;
}

.content_nav .sections > li .box{
	margin-top: -7px;
}
.content_nav .sections > li:nth-child(1) .box:nth-child(1){
	margin-left: 220px;
}
.content_nav .sections > li:nth-child(2) .box:nth-child(1){
	margin-left: 220px;
}
#info4{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_frame04.png);
}
#info5{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_frame02.png);
}
#info6{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_frame03.png);
}
#info7{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_frame07.png);
	top: -195px;
}
.content_nav .sections > li .info p{
	font-size: 1.4em;
    top: 49px;
}
.content_nav .sections > li:nth-child(2) .box:nth-child(2) h4{
	font-size: 1.8em;
}
/*END TAB3*/

/*TAb4*/
#tabs4 .content{
	background-image: url(../img/ACT2/SB_L_G10_U04_L02_act2_fondo04.png);
}
div[data-sg-id="btn-popup"]{
	position: absolute;
}
div[data-sg-id="btn-popup"][data-sg-key="1"]{
	top: 410px;
    left: 292px;
}
div[data-sg-id="btn-popup"][data-sg-key="2"]{
    left: 840px;
    top: 200px;
}
div[data-sg-id="btn-popup"][data-sg-key="3"]{
    top: 570px;
    left: 850px;
}
div[data-sg-id="item-popup"] p{
	position: absolute;
	font-size: 1.4em;
    color: white;
}
div[data-sg-id="item-popup"][data-sg-key="1"] p{
    top: 34px;
    left: 250px;
}
div[data-sg-id="item-popup"][data-sg-key="2"] p{
    top: 59px;
    left: 136px;
    text-align: right;
}
div[data-sg-id="item-popup"][data-sg-key="3"] p{
    top: 60px;
    left: 259px;
    text-align: right;
}
.icon_close_button{
    top: 23px;
    right: 44px;
}
div[data-sg-id="item-popup"][data-sg-key="1"] .icon_close_button{
	right: -4px;
}
/*END TAB4*/