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

/*TAB1*/
.content_nav.tab1 .sections {
	width: 2520px;
	height: 500px;
}
.content_nav.tab1 .sections > li{
	height: 500px;
}
.content_nav.tab1{
  margin-top: 30px;
}

.box{
	position: relative;
	height: 484px;
}
.content_nav.tab1 .sections > li:nth-child(1) .box:nth-child(1){
	width:  520px;
	height: 484px;
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_frame01.png);
	background-repeat: no-repeat;
	left: 100px;
	top: -15px;
}
.content_nav.tab1 .sections > li:nth-child(1) .box:nth-child(2){
	width:  406px;
	height: 484px;
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_frame02.png);
	background-repeat: no-repeat;
	left: 670px;
	top:-530px;
}
.content_nav.tab1 .sections > li:nth-child(2) .box:nth-child(1){
	width:  507px;
	height: 484px;
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_frame03.png);
	background-repeat: no-repeat;
	left: 100px;
	top:-15px;
}
.content_nav.tab1 .sections > li:nth-child(2) .box:nth-child(2){
	width:  404px;
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_frame04.png);
	background-repeat: no-repeat;
	left: 670px;
	top:-530px;
}
.box p{
    position: relative;
    font-size: 2em;
    top: 190px;
    left: 90px;
    color: white;
    font-weight: bold;
}
.box p.dos{
	left: 61px;
}
div[data-sg-id="btn-popup"]{
	position: relative;
}
div[data-sg-id="btn-popup"][data-sg-key="1"]{
	top:82px;
    left: 330px;
}
div[data-sg-id="btn-popup"][data-sg-key="2"]{
	top:82px;
	left: 260px;
}
div[data-sg-id="btn-popup"][data-sg-key="3"]{
	top: 102px;
	left: 330px;
}
div[data-sg-id="btn-popup"][data-sg-key="4"]{
	top: 60px;
	left: 280px;
}
div[data-sg-id="item-popup"] p{
    position: absolute;
    font-size: 1.5em;
    color: white;
}
div[data-sg-id="item-popup"][data-sg-key="1"] p{
    top: 52px;
    left: 69px;
}
div[data-sg-id="item-popup"][data-sg-key="2"] p{
	top: 72px;
    left: 59px;
}
div[data-sg-id="item-popup"][data-sg-key="3"] p{
	top: 67px;
	left: 60px;
}
div[data-sg-id="item-popup"][data-sg-key="4"] p{
	top: 107px;
    left: 50px;
}
.icon_close_button {
    top: 2px;
    right: -4px;
}
/*END TAB1*/
/*TAB2*/
.content_nav.tab2 .sections {
	width: 3780px;
}
.content_nav.tab2 .sections > li{
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.content_nav.tab2 .sections > li:nth-child(1){
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_slide01.png);
}
.content_nav.tab2 .sections > li:nth-child(2){
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_slide02.png);
}
.content_nav.tab2 .sections > li:nth-child(3){
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_slide03.png);
}
.content_nav.tab2 .sections > li h4{
    position: relative;
    left: 595px;
    top: 21px;
    font-size: 2em;
    color: white;
}
.content_nav.tab2 .sections > li p{
	position: relative;
    left: 570px;
    top: 20px;
    font-size: 1.5em;
    color: #4E4E4E;
}
/**END TAB2/

/*TAB3*/
#tabs3 .content{
	background-image: url(../img/ACT4/SB_L_G10_U04_L02_act4_fondo03.png);
}
#join_lines1{
    width: 299px;
    height: 241px;
    position: absolute;
    left: 93px;
    top: 307px;
}

#join_lines2{
    width: 478px;
    height: 249px;
    position: absolute;
    left: 535px;
    top: 291px;
}
.leftContainer{
	height: 46px;
}
.rightContainer{
	height: 60px;
}
.leftContainer p{
	margin-left: 25px;
    font-size: 1.4em;
    font-weight: bold;
    color: white;
}
.rightContainer p{
    font-size: 1.5em;
    text-align: center;
    color: white;
}
div[data-sg-id="elem-join-line"]{
	position: absolute !important;
	height: 652px !important;
	top:0px;
}
div[data-sg-id="elem-join-line"] div{
	width: 32px;
	height: 32px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 25px;
}
div[data-sg-id="elem-join-line"] div:hover{
	box-shadow: 0 0 15px 1px #ccc;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-init"]{
	left: 395px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"]{
	left: 494px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-init"][data-sg-key="1"]{
	top: 330px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-init"][data-sg-key="2"]{
	top: 397px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-init"][data-sg-key="3"]{
	top: 470px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"][data-sg-key="1"]{
	top: 319px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"][data-sg-key="2"]{
	top: 401px;
}
div[data-sg-id="elem-join-line"] div[data-sg-id="item-line-target"][data-sg-key="3"]{
	top: 488px;
}
/*END TAB3*/