@import url(./tabs.css);

/*TAB 1*/
#tabs1 .content {
	background: url(../img/ACT1/S_G10_U02_L03_grafleygay-72.png)no-repeat 45px 40px,
	url(../img/ACT1/S_G10_U02_L03_procedimientoleycharles-82.png)no-repeat 700px 70px,
	url(../img/ACT1/S_G10_U02_L03_paso1leygay-78.png)no-repeat 612px 140px,
	url(../img/ACT1/S_G10_U02_L03_paso2leygay-79.png)no-repeat 565px 248px;
}

#tabs1 .content > p:nth-child(1){
	position: absolute;
	top: 145px;
    left: 45px;
    color: #48B749;
    font-size: 1.6em;
    font-weight: bold;
}
#tabs1 .content > p:nth-child(2){
    position: absolute;
    left: 739px;
    top: 191px;
    font-size: 1.4em;
    color: white;

}
#tabs1 .content > p:nth-child(3){
    position: absolute;
    font-size: 1.4em;
    left: 689px;
    top: 304px;
    color: white;
}
/*subtabs*/
.tabs.uno{
    /*width: 1150px;
    height: 550px;*/
	left: 50px;
    top: 250px;
}
.tab-links{
    width: 532px;
    top: 261px;
    left: -40px;
}
.tab-links li {
    width: 105px;
    height: 105px;
}
.tab_ {
    height: 272px;
    width: 444px;
}
.tabs.uno .tab_:nth-child(1){
    background-image: url(../img/ACT1/S_G10_U02_L03_popleygay1.png);
}
.tabs.uno .tab_:nth-child(2){
    background-image: url(../img/ACT1/S_G10_U02_L03_popleygay2.png);
}
.tabs.uno .tab_:nth-child(3){
    background-image: url(../img/ACT1/S_G10_U02_L03_popleygay3.png);
}
.tabs.uno .tab_:nth-child(4){
    background-image: url(../img/ACT1/S_G10_U02_L03_popleygay4.png);
}
.tabs.uno .tab_:nth-child(5){
    background-image: url(../img/ACT1/S_G10_U02_L03_popleygay5.png);
}
.tabs.uno .tab_ p{
    color: #1C441C;
    font-size: 2em;
    position: absolute;
    text-align: center;
    width: 300px;
    top: 73px;
}
.tabs.uno .tab_:nth-child(5) p{
	left: -60px;
}

div[data-sg-id="btn-popup"][data-sg-key="1"]{
    position: absolute;
    left: 670px;
    top: 430px;
}
div[data-sg-id="item-popup"][data-sg-key="1"] p{
    position: absolute;
    font-size: 1.7em;
    top: 4px;
    left: 34px;
    color: white;
}

/*TAB2*/
#tabs2 .content {
	background: url(../img/ACT1/S_G10_U02_L03_grafleygay-72.png)no-repeat 45px 40px,
				url(../img/ACT1/S_G10_U02_L03_cuadroleygay_pest2-73.png)no-repeat 580px 40px;
}
.tabs.dos{
	left: 50px;
    top: 190px;
}
.tabs.dos .tab-links{
    width: 532px;
    top: 270px;
}
.tabs.dos .tab-links li{
	margin-left: 100px;
}
.tabs.dos .tab_:nth-child(1){
    background-image: url(../img/ACT1/S_G10_U02_L03_popleygay6.png);
}
.tabs.dos .tab_:nth-child(2){
    background-image: url(../img/ACT1/S_G10_U02_L03_popleygay6-72.png);
}
.tabs.dos .tab_ p{
    color: #1C441C;
    font-size: 1.5em;
    position: absolute;
    text-align: center;
    width: 300px;
    top: 13px;
    left: 110px;
}
.tabs.dos .tab_:nth-child(2) p{
    width: 430px;
    top: -15px;
    left: 7px;
}

/*TAB3*/
#tabs3 .content {
	overflow: auto;
}
#tabs3 .content_scroll {
    width: 2530px;
    height: 593px;
    position: relative;
	background: url(../img/ACT1/S_G10_U02_L03_grafleygay-72.png)no-repeat 45px 40px,
	url(../img/ACT1/S_G10_U02_L03_popleygay_pestana3-72.png) no-repeat 40px 140px,
    url(../img/GIF/gay-Lussac-1.gif) no-repeat 540px 40px,
    url(../img/GIF/gay-Lussac-2.gif) no-repeat 1190px 40px,
    url(../img/GIF/gay-Lussac-3.gif) no-repeat 1840px 40px;
}
#tabs3 .content_scroll p{
position: absolute;
    font-size: 1.5em;
    color: #1C441C;
    left: 63px;
    top: 131px;
}
#tabs3 .content_scroll > img{
    position: absolute;
    width: 375px;
    height: auto;
    top: 320px;
    left: 80px;
}