/*TAB1*/
.content.tab1 .accordion{
	width: 529px;
	position: absolute;
	top: 30px;
	right: 40px;
}
.content.tab1 .accordion .title_btn{
	background-repeat: no-repeat;
	background-position: center;
	width: 529px;
	height: 53px;
	outline: none;
	cursor: pointer;
}
.content.tab1 .accordion .title_btn.t1{
	background-image: url('../img/act2/S_G10_U02_L07_act2_btn_multipolar.png');
}
.content.tab1 .accordion .title_btn.t2{
	background-image: url('../img/act2/S_G10_U02_L07_act2_btn_piramidal.png');
}
.content.tab1 .accordion .title_btn.t3{
	background-image: url('../img/act2/S_G10_U02_L07_act2_btn_bipolar.png');
}
.content.tab1 .accordion .title_btn.t4{
	background-image: url('../img/act2/S_G10_U02_L07_act2_btn_unipolar.png');
}
.content.tab1 .accordion .info{
	border: 1px solid rgb(57, 186, 193);
	border-top: none;
  	padding: 7px;
  	margin-bottom: 5px;
}
.content.tab1 .accordion .info p{
	font-size: 1.5em;
	width: 490px;
	color: #5e5e5e;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content.tab1 .accordion .info p span.orange{
	font-weight: bold;
	color: #f78249;
}
.content.tab1 .imgs{
	width: 548px;
	height: 565px;
	position: absolute;
	top: 30px;
	left: 40px;
}
.content.tab1 .imgs img{
	position: absolute;
	top: 0px;
}
.content.tab1 .imgs .buttons{
	width: 230px;
	height: 35px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 165px;
}
.content.tab1 .imgs .buttons div{
	display: inline-block;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/act2/S_G10_U02_L07_act2_off.png');
	width: 35px;
	height: 35px;
}
.content.tab1 .imgs .buttons div.active{
	background-image: url('../img/act2/S_G10_U02_L07_act2_on.png');
}
/*TAB2*/
#gameStats{
	background: transparent;
	margin: 0;
	display: block;
	padding: 0;
	display: none;
	position: absolute;
	left: 80px;
	bottom: -35px;
	width: 1090px;
	height: 55px;
}
#gameStats p#timer{
	width: 461px;
	height: 48px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/act2/S_G10_U02_L07_act2_juego_tiempo.png');
	position: absolute;
	left: 0px;
	color: transparent;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
#gameStats p#timer span{
	color: rgb(239, 249, 249);
	font-weight: bold;
	font-size: 1.31em;
	position: absolute;
	top: 15px;
	left: 298px;
	font-style: italic;
}
#gameStats p#reset{
	width: 287px;
	height: 48px;
	margin: 0px;
	position: absolute;
	left: 495px;
	cursor: pointer;
	color: transparent;
	background-image: url('../img/act2/S_G10_U02_L07_act2_juego_reiniciar.png');
	background-repeat: no-repeat;
	background-position: center;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div[data-sg-id="game-matchmemory"] {
	width: 1225px;
	height: 655px;
	margin: 0 auto;
	display: block;
	padding: 0 20px 20px 20px;
	background-repeat: no-repeat;
	background-position: center top;
}
div[data-sg-id="game-matchmemory"].visible{
	background-image: url('../img/act2/S_G10_U02_L07_act2_juego_titulo.png');
}
#cards {
	position: absolute;
	top: 90px;
	width: 1185px;
	height: 484px;
	display: none;
}
/* Define the 3D perspective view and dimension of each card. */
#cards > div, .card {
	-webkit-perspective: 600;
	width: 187px;
	height: 238px;
	position: absolute;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}
#gameIntro {
	background: white url("../img/act2/S_G10_U02_L07_act2_juego-fondo.png") center center no-repeat;
	background-size: contain;
	position: absolute;
	top: -2px;
	left: 160px;
	text-align: center;
	height: 570px;
	width: 1026px;
}
#gameIntro button {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/act2/S_G10_U02_L07_act2_juego-boton.png');
	display: block;
	background-color: transparent;
	position: absolute;
	bottom: 10px;
	left: 125px;
	width: 444px;
	height: 101px;
	cursor: pointer;
	border: none;
	color: transparent;
	outline: none;
}
#gameIntro h2{
	color: white;
	position: absolute;
	text-align: center;
	width: 659px;
	top: 151px;
	left: 0px;
	font-size: 2.31em;
	font-weight: bold;
	font-family: Arial, Geneva, sans-serif;
}
#gameIntro p{
	color: white;
	position: absolute;
	text-align: left;
	top: 235px;
	left: 0px;
	padding-left: 57px;
	font-size: 1.75em;
	font-style: italic;
	font-weight: bold;
}
#gameComplete {
	background: white url("../img/act2/S_G10_U02_L07_act2_juego-fondo.png") right center no-repeat;
	background-size: contain;
	background-color: transparent;
	text-align: center; 
	width: 1026px;
	height: 570px;
	position: absolute;
	top: -11px;
	left: 95px;
}
#gameComplete button{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/act2/S_G10_U02_L07_act2_juego-felicitacion_reiniciar.png');
	display: block;
	background-color: transparent;
	position: absolute;
	bottom: -2px;
	left: 150px;
	width: 328px;
	height: 107px;
	cursor: pointer;
	border: none;
	color: transparent;
	outline: none;
}
#gameComplete h2{
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	width: 659px;
	position: absolute;
	top: 140px;
	left: 0px;
	color: white;
}
#gameComplete p {
	color: white;
	text-align: center;
	width: 659px;
	position: absolute;
	top: 222px;
	left: 0px;
	font-size: 1.75em;
	font-style: italic;
	font-weight: bold;
}
#gameComplete p:nth-child(3){
	top: 370px;
	font-weight: normal;
}
#gameComplete p:nth-child(3) span{
	font-size: 1em;
	font-style: italic;
}
#gameComplete p span{
	color: #10839e;
	font-size: 1.6em;
	font-style: normal;
}
.face {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	text-align: center;
	-webkit-transition-property: opacity, transform, box-shadow;
	-webkit-transition-duration: .3s;
	-webkit-backface-visibility: hidden;
}
.front {
	background: white url("../img/act2/S_G10_U02_L07_act2_tarjeta.png") center center no-repeat;
	background-size: contain;
	z-index: 10;
}
.back {
	background: white;
	border: 2px solid #00cccc;
	color: #666666;
	-webkit-transform: rotate3d(0,1,0,-180deg);
	z-index: 8;
}
.back p{
	font-size: 1.25em;
	text-align: center;
}
.card1.back, .card4.back, .card7.back,.card10.back{
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	border: none;
}
.card1.back{
	background-image: url('../img/act2/S_G10_U02_L07_act2_tarjeta_neurona-unipolar.png');
}
.card4.back{
	background-image: url('../img/act2/S_G10_U02_L07_act2_tarjeta_neurona-multipolar.png');
}
.card7.back{
	background-image: url('../img/act2/S_G10_U02_L07_act2_tarjeta_neurona-bipolar.png');
}
.card10.back{
	background-image: url('../img/act2/S_G10_U02_L07_act2_tarjeta_neurona-piramidal.png');
}
.card2.back p{
	margin-top: 10px;
}
.card3.back p,
.card9.back p{
	margin-top: 44px;
}
.card5.back p{
	margin-top: 35px;
}
.card6.back p{
	margin-top: 53px;
}
.card8.back p{
	font-size: 1em;
	margin-top: 3px;
}
.card11.back p{
	margin-top: 65px;
}
.card12.back p{
	margin-top: 47px;
}
#cards > div:hover .face, .card:hover .face, .card-flipped .face {
	-webkit-box-shadow: 0 0 15px 1px #ccc;
}
.card-flipped .front {
	-webkit-transform: rotate3d(0,1,0,180deg);
	z-index: 8;
}
.card-flipped .back {
	-webkit-transform: rotate3d(0,1,0,0deg);
	z-index: 10;
}
.card-removed {
	opacity: 0;
}
.btn_popup1{
	position: absolute;
	bottom: -32px;
	right: 60px;
}
.popup_ins{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/act2/S_G10_U02_L07_act2_juego-instrucciones.png');
	width: 660px;
	height: 358px;
	margin-top: 90px;
}
.popup_ins h2{
	position: absolute;
	top: 90px;
	left: 20px;
	color: white;
	font-size: 2.13em;
	font-weight: bold;
}
.popup_ins p{
	position: absolute;
	top: 160px;
	left: 20px;
	font-size: 1.75em;
	font-weight: bold;
	font-style: italic;
	width: 430px;
	color: white;
}
.popup_ins .icon_close_button{
	top: 38px;
}
/*TAB3*/
.content.tab3{
	margin-top: -50px;
  	height: 665px;
  	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/act2/S_G10_U02_L07_pes3_fondo.png');
}
.content.tab3 .page{
	width: 1245px;
	height: 665px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.content.tab3 .page img{
	position: absolute;
	top: 68px;
	left: 278px;
}
.content.tab3 .page p{
	margin: 0px;
	font-size: 1.69em;
	color: white;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 502px;
	left: 0px;
	padding-top: 24px;
}
.content.tab3 .page4 p,.content.tab3 .page5 p,
.content.tab3 .page8 p{
	padding-top: 7px;
}
.content.tab3 .page p span.yellow{
	color: #fcf190;
}
.content.tab3 .buttons_page{
	position: absolute;
	z-index: 500;
}
.content.tab3 .buttons_general .p_next,
.content.tab3 .buttons_general .p_prev{
	background-image: url('../img/act2/S_G10_U02_L07_pes3_boton.png');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 235px;
	display: inline-block;
	width: 64px;
	height: 64px;
	cursor: pointer;
}
.content.tab3 .buttons_general .p_next.off,
.content.tab3 .buttons_general .p_prev.off{
	display: none;
}
.content.tab3 .buttons_general .p_next{
	left: 1165px;	
}
.content.tab3 .buttons_general .p_prev{	
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	left: 15px;
}
.buttons_general .p_next.btn-hover:hover{
	-moz-transform: rotate(0deg) scale(1.1);
	-webkit-transform: rotate(0deg) scale(1.1);
	transform: rotate(0deg) scale(1.1);
}
.buttons_general .p_prev.btn-hover:hover{
	-moz-transform: rotate(180deg) scale(1.1);
	-webkit-transform: rotate(180deg) scale(1.1);
	transform: rotate(180deg) scale(1.1);
}
.content.tab3 .buttons_page{
	position: absolute;
	bottom: 10px;
	left: 497px;
	width: 250px;
	height: 17px;
}
.content.tab3 .buttons_page .btn{
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 10px;
	background-color: #e56565;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.content.tab3 .buttons_page .btn.active{
	background-color:  #14ae96;
}









