/*TAB1*/
.content.tab1,
.content.tab4{
	background-position: bottom center;
	background-repeat: no-repeat;
	background-image: url('../img/act1/M_G11_U04_L07_act1_pest1_fondo_lectura.png');
}
ul.buttons.b1{
	position: absolute;
	top: 0px;
	left: 0px;
}
ul.buttons.b2{
	position: absolute;
    top: 49px;
    left: 420px;
}
ul.buttons li{ 
	list-style: none;
	float: left;
	display: inline-block;
	margin-left: -32px;
	cursor: pointer;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
}
ul.buttons li.active{
	transform: scale(1.05,1.05);
	box-shadow: none;
}
ul.buttons li:active{
    -moz-animation: blink 0.3s ease 1 normal;
    -webkit-animation: blink 0.3s ease 1 normal;
    animation: blink 0.3s ease 1 normal;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes blink{
    0% { opacity: 1; transform: scale(1, 1);}
    50% { opacity: 0.5;  transform: scale(1.05,1.05);}
    100% { opacity: 1;  transform: scale(1,1);}
}

@-moz-keyframes blink{
    0% { opacity: 1; transform: scale(1, 1);}
    50% { opacity: 0.5;  transform: scale(1.05,1.05);}
    100% { opacity: 1;  transform: scale(1,1);}
}

@keyframes blink {
    0% { opacity: 1; transform: scale(1,1);}
    50% { opacity: 0.5;  transform: scale(1.05,1.05);}
    100% { opacity: 1;  transform: scale(1,1);}
}
.long_text{
	position: absolute;
    top: 137px;
    left: 16px;
	height: 453px;
	width: 1200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 30px;
 }
.long_text p{
	font-size: 1.38em;
	position: relative;
	margin-top: 15px;
	color: #666666;
	text-align: justify;
}
.long_text p span{
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
}
.long_text p span.method{
	padding: 0px 5px 3px 5px;
	background-color: #ffc543;
	text-decoration: underline;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.long_text p span.cite{
	font-size: 0.86em;
	color: #7f7f7f;
}
.long_text p span.cite a{
	color: #1a75d8;
}
span.ok.eudoxo{		color: #FCC041;	}
span.ok.arquimedes{		color: #F28C38;	}
span.ok.luca{		color: #EA495A;	}
span.ok.cavalieri{		color: #AE3863;	}
span.ok.torricelli{		color: #135582;	}
span.ok.newton{		color: #2CB1E3;	}
span.ok.leibniz{		color: #70C7D4;	}
span.ok.bernoulli{		color: #5CBB9D;	}
span.ok.cauchy{		color: #98C559;	}
span.ok.riemann{		color: #FCC041;	}
.item_popup{
	width: 792px;
	height: 469px;
	background-position: center;
	background-repeat: no-repeat;
}
.item_popup.p1{
	background-image: url('../img/act1/M_G11_U04_L07_pop_01.png');
}
.item_popup.p2{
	background-image: url('../img/act1/M_G11_U04_L07_pop_02.png');
}
.item_popup h2{
	text-transform: uppercase;
	font-size: 1.75em;
	color: white;
	font-family: 'Fontin';
	position: absolute;
	top: 79px;
	left: 297px;
}
.item_popup p{
	position: absolute;
	top: 189px;
	left: 42px;
	font-size: 1.38em;
	color: #666666;
	text-align: justify;
	padding: 28px;
	width: 747;
	height: 212px;
	line-height: 1.3em;
}
.item_popup .icon_close_button{
	top: 91px;
}
/*TAB2*/
.content.tab2{
	background-image: url('../img/act1/M_G11_U04_L07_act1_pest2.png');
	height: 665px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
}
.content.tab2 ul{
	font-size: 1.63em;
	color: #666666;
}
.content.tab2 ul li{
	position: absolute;
	line-height: 1.3em;
}
.content.tab2 ul li:nth-child(1),
.content.tab2 ul li:nth-child(2){
	left: 124px;
}
.content.tab2 ul li:nth-child(1){
	top: 118px;
}
.content.tab2 ul li:nth-child(2){
	top: 318px;
}
.content.tab2 ul li:nth-child(3){
	text-align: right;
	top: 295px;
	left: 673px;
	line-height: 1.1em;
}
.content.tab2 ul li:nth-child(4){
	top: 455px;
	left: 337px;
	line-height: 1.1em
}
/*TAB3*/
.content.tab3{
	overflow: auto;
	overflow-x: hidden;
}
.content.tab3 .sequence .btn_seq{
	width: 80px;
	height: 47px;
	position: absolute;
	z-index: 15;
	left: 475px;
}
.content.tab3 .sequence .item_seq p{
	font-size: 1.44em;
	color: #666666;
	text-align: center;
	position: absolute;
	width: 100%;
    top: 14px;
    margin: 0px;
}
.content.tab3 .sequence .item_seq.item1 p{
	color: white;
}
.content.tab3 .sequence .item_seq{
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	width: 1035px;
	left: 0px;
}
.content.tab3 .sequence{
	position: absolute;
  	top: 10px;
  	left: 120px;
  	text-align: center;
	width: 1035px;
}
.content.tab3 .sequence .item_seq.item1{
	height: 135px;
	top: 0px;
	background-image: url('../img/act1/M_G11_U04_L07_act1_pest3_base_titulo.png');
}
.content.tab3 .sequence .btn_seq.btn1{
	top: 92px;
}
.content.tab3 .sequence .item_seq.item2,
.content.tab3 .sequence .item_seq.item5,
.content.tab3 .sequence .item_seq.item6{
	height: 69px;
	background-image: url('../img/act1/M_G11_U04_L07_gris_1linea.png');
}
.content.tab3 .sequence .item_seq.item2 p,
.content.tab3 .sequence .item_seq.item5 p,
.content.tab3 .sequence .item_seq.item6 p{
	top: 7px;
}
.content.tab3 .sequence .item_seq.item2{
	top: 145px;
}
.content.tab3 .sequence .btn_seq.btn2{
	top: 169px;
}
.content.tab3 .sequence .item_seq.item3,
.content.tab3 .sequence .item_seq.item7,
.content.tab3 .sequence .item_seq.item8{
	height: 106px;
	background-image: url('../img/act1/M_G11_U04_L07_gris_2lineas.png');
}
.content.tab3 .sequence .item_seq.item3 p,
.content.tab3 .sequence .item_seq.item7 p,
.content.tab3 .sequence .item_seq.item8 p{
	top: 11px;

}
.content.tab3 .sequence .item_seq.item3{
	top: 223px;
}
.content.tab3 .sequence .btn_seq.btn3{
	top: 284px;
}
.content.tab3 .sequence .item_seq.item4{
	height: 120px;
	top: 338px;
	background-image: url('../img/act1/M_G11_U04_L07_gris_3lineas.png');
}
.content.tab3 .sequence .item_seq.item4 p{
	top: 6px;
}
.content.tab3 .sequence .btn_seq.btn4{
	top: 413px;
}
.content.tab3 .sequence .item_seq.item5{
	top: 465px;
}
.content.tab3 .sequence .btn_seq.btn5{
	top: 490px;
}
.content.tab3 .sequence .item_seq.item6{
	top: 545px;
}
.content.tab3 .sequence .btn_seq.btn6{
	top: 571px;
}
.content.tab3 .sequence .item_seq.item7{
	top: 622px;
}
.content.tab3 .sequence .btn_seq.btn7{
	top: 684px;
}
.content.tab3 .sequence .item_seq.item8{
	top: 737px;
	height: 76px;
	background-position: top center;
	margin-bottom: 50px;
}
/*TAB4*/
.content.tab4 h2{
	width: 1035px;
	height: 108px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/act1/M_G11_U04_L07_pest4_base_titulo.png');
	text-align: center;
	font-size: 1.44em;
	padding-top: 10px;
	line-height: 1.3em;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 25px;
	left: 111px;
	z-index: 30;
}
.content.tab4 .long_text img{
	position: absolute;
	left: 15px;
}
.content.tab4 .long_text img.img_newton{
	top: 40px;
}
.content.tab4 .long_text img.img_leibniz{
	top: 1090px;
}
.content.tab4 .long_text.t2 p{
	font-size: 1.5em;
	margin-bottom: 0px;
}
.content.tab4 .long_text.t2 p:nth-child(6){
	margin-bottom: 30px;
}
.content.tab4 .long_text h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #666666;
	display: inline-block;
	margin-left: 225px;
	margin-bottom: 20px;
}
.content.tab4 .long_text h3.first_h{
	margin-top: 70px;
}
.content.tab4 .long_text p span.first_p{
	display: block;
	margin-left: 225px;
	margin-bottom: 0px; 
}
.content.tab4 .long_text p span.formule{
	font-family: 'Fontin';
}


