/*TAB1*/

div[data-sg-id="elem-book"] {
	width: 856px;
 	height: 518px;
 	margin: 0 auto;
}
.page {	
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}
.page p{
	position: absolute;
	left: 85px;
	top: 100px;
	text-align: justify;
	line-height: 1.1em;
	width: 244px;
	font-size: 0.9em;
}

.shadow {
	width: 856px;
	height: 518px !important;
}
.sj-book{
	position: relative;
	top: 20px;
}

.hard.page.p1{
	background-image: url(../img/ACT1/L_G11_U06_L01_book1.png);
}
.hard.page.p1, .hard.page.p2, .page.p10, .hard.page.p11, .hard.page.p12{
	background-color: #C3D1BE;
}
.page.p3{
	background-image: url(../img/ACT1/L_G11_U06_L01_book2.png);
}
.page.p4{
	background-image: url(../img/ACT1/L_G11_U06_L01_book3.png);
}
.page.p5{
	background-image: url(../img/ACT1/L_G11_U06_L01_book4.png);
}
.page.p6{
	background-image: url(../img/ACT1/L_G11_U06_L01_book5.png);
}
.page.p7{
	background-image: url(../img/ACT1/L_G11_U06_L01_book6.png);
}
.page.p8{
	background-image: url(../img/ACT1/L_G11_U06_L01_book7.png);
}
.page.p9{
	background-image: url(../img/ACT1/L_G11_U06_L01_book8.png);
}

.page p{
	width: 376px;
	position: absolute;
    line-height: 17px;
    font-size: 1em;
}
.page.p1 p{
    color: #666666;
    left: 34px;
    top: 300px;
    text-align: center;
}
.page.p3 p, .page.p5 p{
	color: #636363;
}
.page.p3 p:nth-child(1){
    left: 35px;
    top: 217px;
}
.page.p3 p:nth-child(2){
    top: 418px;
    left: 35px;
}
.page.p4 p, .page.p6 p, .page.p9 p{
	color: #848484;
}
.page.p7 p{
	color: #314C49;
}
.page.p8 p{
	color: #585858;
}
.page.p4 p:nth-child(1){
	left: 21px;
    top: 62px;
}
.page.p4 p:nth-child(2){
    left: 21px;
    top: 210px;
}
.page.p5 p{
    left: 35px;
    top: 80px;
}
.page.p6 p{
    left: 23px;
    top: 70px;
}
.page.p7 p:nth-child(1){
    left: 24px;
    top: 82px;
}
.page.p7 p:nth-child(2){
    left: 24px;
    top: 340px;
}
.page.p8 p:nth-child(1){
    left: 26px;
    top: 40px;
}
.page.p8 p:nth-child(2){
	left: 26px;
    top: 305px;
}
.page.p9 p{
	left: 25px;
    top: 40px;
}
button.previous-button,
button.next-button {
	height: 44px;
	width: 38px;
	border: none;
	background: transparent;
	position: relative;	
	top: 272px;
	z-index: 10000;
	background-position: center;
	background-repeat: no-repeat;
}
button.previous-button {
	left: -114px;
	background-image: url(../img/ACT1/L_G11_U06_L01_flechaatras.png);
}
button.next-button {
	left: 855px;
	background-image: url(../img/ACT1/L_G11_U06_L01_flechaadelante.png);
}
button:focus {
	outline:0;
}

/*TAB 2*/
#tabs2 .content{
	background-image: url(../img/ACT1/L_G11_U06_L01recursos-09.png);
}
#tabs2 .content ul{
    color: #5D5D5D;
    padding: 0px;
    font-size: 1.5em;
    position: absolute;
    top: 220px;
    left: 310px;
}
#tabs2 .content li{
	margin-bottom: 110px;
}