@import url(./tabs.css);

/*TAB1*/
#tabs1 .content{
	background: url(../img/ACT1/S_G10_U02_L03_grafleyavogadro-72.png)no-repeat 45px 40px,
	url(../img/ACT1/S_G10_U02_L03_procedimientoleycharles-82.png) no-repeat 680px 60px,
	url(../img/ACT1/S_G10_U02_L03_paso1leyavogadro-74.png) no-repeat 630px 120px,
	url(../img/ACT1/S_G10_U02_L03_paso2leyavogadro-75.png) no-repeat 590px 207px,
	url(../img/ACT1/S_G10_U02_L03_paso3leyavogadro-76.png) no-repeat 620px 288px,
	url(../img/ACT1/S_G10_U02_L03_paso4leyavogadro-77.png) no-repeat 622px 375px,
	url(../img/ACT1/S_G10_U02_L03_popleyavogadro1.png)no-repeat 45px 248px;
}
#tabs1 .content > p{
	position: absolute;
	color: white;
	font-size: 1.28em;
}
#tabs1 .content > p:nth-child(1){
	top: 145px;
    left: 45px;
    color: #F68721;
    font-size: 1.6em;
    font-weight: bold;
}
#tabs1 .content > p:nth-child(2){
    left: 743px;
    top: 171px;
}
#tabs1 .content > p:nth-child(3){
	left: 694px;
    top: 255px;
}
#tabs1 .content > p:nth-child(4){
    left: 730px;
    top: 338px;
}
#tabs1 .content > p:nth-child(5){
    top: 424px;
    left: 732px;
}
#tabs1 .content > p:nth-child(6){
	top: 371px;
    left: 91px;
    color: #68370F;
    font-size: 2em;
}


/*TAB2*/
#tabs2 .content{
	background: url(../img/ACT1/S_G10_U02_L03_grafleyavogadro-72.png)no-repeat 45px 40px,
	url(../img/ACT1/S_G10_U02_L03_graf_avogadro_pestana2-73.png) no-repeat 630px 30px;
}
/*subtabs*/
.tabs.uno{
    /*width: 1150px;
    height: 550px;*/
	left: 50px;
    top: 190px;
}
.tab-links{
    width: 442px;
    top: 261px;
}
.tab-links li {
    width: 105px;
    height: 105px;
    margin-left: 30px;
}
.tab_ {
    height: 272px;
    width: 444px;
}
.tabs.uno .tab_{
    background-image: url(../img/ACT1/S_G10_U02_L03_popleyavogadro2-72.png);
}
.tabs.uno .tab_ p{
    color: #68370F;
    font-size: 1.7em;
    position: absolute;
    text-align: center;
    width: 440px;
    top: -20px;
}
.tabs.uno .tab_:nth-child(1) p{
	top: 50px;
	font-size: 1.8em;
}
.tabs.uno .tab_:nth-child(3) p{
	top: 20px;
	font-size: 1.8em;
}

/*TAB3*/
#tabs3 .content{
	overflow: auto;
}
#tabs3 .content_scroll{
	width: 1960px;
    height: 593px;
    position: relative;
	background: url(../img/ACT1/S_G10_U02_L03_grafleyavogadro-72.png)no-repeat 45px 40px,
	url(../img/ACT1/S_G10_U02_L03_popleyavogadro3-72.png)no-repeat 40px 130px,
	url(../img/GIF/Avogadro-1.gif)no-repeat 580px 80px,
	url(../img/GIF/Avogadro-2.gif)no-repeat 1230px 80px;
}
#tabs3 .content_scroll p{
    position: absolute;
    font-size: 1.5em;
    left: 58px;
    top: 116px;
    color: #68370F;
}
#tabs3 .content_scroll > img{
    position: absolute;
    width: 370px;
    height: auto;
    top: 360px;
    left: 74px;
}