@import "common.css";

.basic-phara{
	font-size: 1.6em;
	color: white;
	padding: 20px;
	padding-left: 90px;
	position: relative;
	border-radius: 15px;
	margin-right: 60px;

}

p.basic-phara:before{

	position: absolute;
	font-size: 2.0em;
	top: 50%;
	margin-top: -15px;
	margin-left: -60px;
	font-weight: bold;
}

p.basic-phara:nth-child(1):before{
	content:"A";
}
p.basic-phara:nth-child(2):before{
	content:"B";
}
p.basic-phara:nth-child(3):before{
	content:"C";
}

#tabs1 p{ background-color: #EB7676;}
#tabs2 p{ background-color: #504F60;}
#tabs3 p{ background-color: #A6BE57;}

#tabs1 img{
	position: relative;
	left: 30px;
}

#tabs3 img{
	position: relative;
	left: 30px;
	top: 20px;

}



/*secuence tabs4*/


#tabs4 .sections .page {
	width: 1236px;
	height: 90%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	margin-right: -7px;
	margin-top: 25px;
}


#tabs4  .secuence-scrollable {
	width: 1245px;
	height: 600px;
	overflow: hidden;
}
#tabs4  .sections {
	position: relative;
	height: 100%;
	width: 17304px;
	border-bottom: 2px dashed #666666;
	margin: 10px;
}


#tabs4  .secuence-scrollable  .next{
	position: absolute;
	bottom: 48%;
	right: 19px;
	cursor: pointer;
	
}
#tabs4  .secuence-scrollable  .prev{
	bottom: 48%;
	left: 10px;
	position: absolute;
	cursor: pointer;
	-ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}

#tabs4 .secuence-scrollable  .prev:before{
	content: url(../img/boton-78.png);
	
	
}

#tabs4  .secuence-scrollable  .next:before{
	content: url(../img/boton-78.png);
}

#tabs4  .secuence-scrollable .page1{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa1.png");
	background-position: bottom right;


}
#tabs4  .secuence-scrollable .page2{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa2.png");
	background-position: 0px 11px;
	


}
#tabs4  .secuence-scrollable .page3{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa3.png");
	background-position: 0px 12px;
	background-repeat: no-repeat;

}
#tabs4  .secuence-scrollable .page4{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa4.png");
	background-position: 0px 39px;
	background-repeat: no-repeat;
}
#tabs4  .secuence-scrollable .page5{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa5.png");
	background-position: 0px 132px;
	background-repeat: no-repeat;
}

#tabs4  .secuence-scrollable .page6{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa6.png");
	background-position: 0px 114px;
}

#tabs4  .secuence-scrollable .page7{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa7.png");
	background-position: 0px -8px;
}

#tabs4  .secuence-scrollable .page8{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa8.png");
	background-position: 0px 10px;
}

#tabs4  .secuence-scrollable .page9{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa9.png");
	background-position: 0px 17px;
}

#tabs4  .secuence-scrollable .page10{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa10.png");
	background-position: 0px 20px;
}

#tabs4  .secuence-scrollable .page11{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa11.png");
	background-position: 0px 25px;
}

#tabs4  .secuence-scrollable .page12{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa12.png");
	background-position: 0px -23px;
}

#tabs4  .secuence-scrollable .page13{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa13.png");
	background-position: 0px 11px;
}

#tabs4  .secuence-scrollable .page14{
	background-image:url("../img/actividad2parte1/SB_S_G10_U01_L04mesa14.png");
	background-position: 0px -8px;
}

#tabs4  .secuence-scrollable .btn-round{
	padding: 19px;
	padding-bottom: 13px;
	padding-top: 13px;
	background-image:url('../img/actividad2parte1/SB_S_G10_U01_L04botonmesa.png');
	background-repeat: no-repeat;
	font-size: 1.4em;
	font-weight: bold;
	color: white;
	display: inline-block;
	position: absolute;
	background-position-x: center;
}


#tabs4 .secuence-scrollable img{
	position: absolute;
}
#tabs4 .secuence-scrollable p{
	color: #F07978;
	font-size: 2.06em;
	position: absolute;
}




/*page 1*/
#tabs4  .secuence-scrollable .page1 .btn-round{
	top: 313px;
	left: 195px;
}

#tabs4 .secuence-scrollable .page1 p{
	width: 446px;
	top: -14px;
	left: 269px;
}

#tabs4 .secuence-scrollable .page1 img {
	top: 77px;
	left: 216px;
}

/*page 2*/

#tabs4  .secuence-scrollable .page2 .btn-round{
	top: 310px;
	left: 960px;
}

#tabs4 .secuence-scrollable .page2 img.btn-hover{
	position: absolute;
	top: 205px;
	left: 450px;
}
#tabs4 .secuence-scrollable .page2 p{
	width: 499px;
	text-align: right;
	left: 431px;
	top: -17px;
}

#tabs4 .secuence-scrollable .page2 img{
	top: 26px;
	right: 246px;

}

/*page 3*/

#tabs4  .secuence-scrollable .page3 .btn-round{
	top: 313px;
	left: 510px;
}

#tabs4 .secuence-scrollable .page3 p{
	width: 446px;
	top: -14px;
	left: 607px;
}

#tabs4 .secuence-scrollable .page3 img {
	top: 30px;
	left: 531px;
}


/*page 4*/

#tabs4  .secuence-scrollable .page4 .btn-round{
	top: 313px;
	left: 519px;
}

#tabs4 .secuence-scrollable .page4 p{
	width: 515px;
	top: -14px;
	left: 600px;
}

#tabs4 .secuence-scrollable .page4 img {
	top: 30px;
	left: 541px;	
}


/*page 5*/

#tabs4  .secuence-scrollable .page5 .btn-round{
	top: 313px;
	left: 930px;
}

#tabs4 .secuence-scrollable .page5 p{
	width: 446px;
	top: -14px;
	left: 455px;
	text-align: right;
}

#tabs4 .secuence-scrollable .page5 img {
	top: 30px;
	left: 917px;
}


/*page 6*/

#tabs4  .secuence-scrollable .page6 .btn-round{
	top: 313px;
	left: 175px;
}

#tabs4 .secuence-scrollable .page6 p{
	width: 515px;
	top: -14px;
	left: 260px;
}

#tabs4 .secuence-scrollable .page6 img {
	top: 30px;
	left: 197px;
}


/*page 7*/

#tabs4  .secuence-scrollable .page7 .btn-round{
	top: 313px;
	left: 987px;
}

#tabs4 .secuence-scrollable .page7 p{
	width: 515px;
	top: -14px;
	left: 480px;
}

#tabs4 .secuence-scrollable .page7 img {
	top: 30px;
	left: 973px;
}

/*page 8*/

#tabs4  .secuence-scrollable .page8 .btn-round{
	top: 313px;
	left: 920px;
}

#tabs4 .secuence-scrollable .page8 p{
	width: 515px;
	top: -14px;
	left: 370px;
	text-align: right;
}

#tabs4 .secuence-scrollable .page8 img {
	top: 30px;
	left: 907px;
}

/*page 9*/

#tabs4  .secuence-scrollable .page9 .btn-round{
	top: 313px;
	left: 475px;
}

#tabs4 .secuence-scrollable .page9 p{
	width: 557px;
	top: -14px;
	left: 560px;
}

#tabs4 .secuence-scrollable .page9 img {
	top: 30px;
	left: 497px;
}

/*page 10*/

#tabs4  .secuence-scrollable .page10 .btn-round{
	top: 313px;
	left: 1083px;
}

#tabs4 .secuence-scrollable .page10 p{
	width: 596px;
	top: -14px;
	left: 465px;
}

#tabs4 .secuence-scrollable .page10 img {
	top: 30px;
	left: 1069px;
}

/*page 11*/

#tabs4  .secuence-scrollable .page11 .btn-round{
	top: 313px;
	left: 490px;
}

#tabs4 .secuence-scrollable .page11 p{
	width: 515px;
	top: -14px;
	left: 570px;
}

#tabs4 .secuence-scrollable .page11 img {
	top: 30px;
	left: 510px;
}



/*page 12*/

#tabs4  .secuence-scrollable .page12 .btn-round{
	top: 313px;
	left: 75px;
}

#tabs4 .secuence-scrollable .page12 p{
	width: 600px;
	top: -14px;
	left: 160px;
}

#tabs4 .secuence-scrollable .page12 img {
	top: 30px;
	left: 97px;
}

/*page 13*/

#tabs4  .secuence-scrollable .page13 .btn-round{
	top: 313px;
	left: 475px;
}

#tabs4 .secuence-scrollable .page13 p{
	width: 515px;
	top: -14px;
	left: 560px;
}

#tabs4 .secuence-scrollable .page13 img {
	top: 30px;
	left: 497px;
}

/*page 14*/

#tabs4  .secuence-scrollable .page14 .btn-round{
	top: 313px;
	left: 75px;
}

#tabs4 .secuence-scrollable .page14 p{
	width: 515px;
	top: -14px;
	left: 160px;
}

#tabs4 .secuence-scrollable .page14 img {
	top: 30px;
	left: 97px;
}






