@import url(./commons.css);
@import url(./linea_tiempo_h.css);
@import url(./tabs.css);

.p_prev, .p_next{
	width: 30px;
	height: 30px;
	background-color: red;
}

/*TAB1*/
.content_nav .sections > li{
    background-repeat: no-repeat;
    background-position: 50% 100%;
}
.content_nav .sections.tab1 > li:nth-child(1){
    background-image: url(../img/ACT2/M_G10_U05_L01_cuadro1.png);
    background-position: -11px 100%;
}
.content_nav .sections.tab1 > li:nth-child(2){
    background-image: url(../img/ACT2/M_G10_U05_L01_cuadro2.png);
}
/*imte1*/
.uno, .dos{
    height: 510px;
}
.uno ul, .dos ul{
    padding: 0px;
    position: relative;
    width: 434px;
    top: 123px;
}
.uno ul{
    left: 78px;

}
.dos ul{
    left: 57px;
}
.entrada{
	 width: 402px;
    height: 36px;
    border-style: solid;
    border-color: #E0E0E0;
    background-color: #EFEFEF;
    margin-top: 5px;
    margin-bottom: 12px;
}
.entrada input{
	background-color: transparent;
	border: none;
    resize: none;
    font-size: 1.5em;
    color: #333333;
    line-height: 1.2em;
    width: 395px;
    height: 29px;
    overflow-y: auto;
    padding: 0px 5px 0px 5px;
}
.dos .entrada{
    margin-bottom: 27px;
    height: 42px;
}
.dos .entrada input{
	height: 34px;
}
.ins_area{
    position: relative;
    top: 84px;
    left: 72px;
}
.ins_area.text{
    color: #666666;
    font-size: 1.25em;
    top: 5px;
    position: relative;
}
/*end item1*/
/*intem2*/
.content_nav .sections.tab1 > li:nth-child(2) p{
    width: 819px;
    color: #3A6666;
    position: relative;
    left: 174px;
    top: 38px;
    font-size: 1.5em;
    text-align: justify;
}
/*end item2*/
/*item3*/
.tabs.paso1 .tab-links{
	width: 300px;
	top: 30px;
}
.tabs.paso1 .tab-links li{
	width: 231px;
	height: 56px;
	margin-bottom: 30px;
}
.tabs.paso1 .tab-links li:nth-child(1){
	background-image: url(../img/ACT2/M_G10_U05_L01_boton_paso1.png);
}
.tabs.paso1 .tab-links li:nth-child(2){
	background-image: url(../img/ACT2/M_G10_U05_L01_boton_paso2.png);
}
.tabs.paso1 .tab-links li:nth-child(3){
	background-image: url(../img/ACT2/M_G10_U05_L01_boton_paso3.png);
}
.tabs.paso1 .tab-links li:nth-child(1).active{
	background-image: url(../img/ACT2/M_G10_U05_L01_boton_paso1_act.png);
}
.tabs.paso1 .tab-links li:nth-child(2).active{
	background-image: url(../img/ACT2/M_G10_U05_L01_boton_paso2_act.png);
}
.tabs.paso1 .tab-links li:nth-child(3).active{
	background-image: url(../img/ACT2/M_G10_U05_L01_boton_paso3_act.png);
}
.tabs.paso1 .tab_ {
    width: 746px;
    height: 558px;
    background-image: url(../img/ACT2/M_G10_U05_L01_cuadro_gris.png);
    top: -35px;
    padding: 41px;
    text-align: center;
}
.tabs.paso1 .tab_ p{
    color: #3A3A3A;
    font-size: 1.2em;
    text-align: justify;
}
div[data-sg-id="btn-popup"]{
    position: relative;
    top: -332px;
}
div[data-sg-id="btn-popup"][data-sg-key="1"]{
    left: -316px;

}
div[data-sg-id="btn-popup"][data-sg-key="2"]{
	left: -256px;
}
div[data-sg-id="btn-popup"][data-sg-key="3"]{
    left: -199px;
}
div[data-sg-id="item-popup"] p{
    position: absolute;
    width: 370px;
    color: white;
    font-size: 1.5em;
    left: 32px;
    top: 10px;
}
.icon_close_button{
	top: -2px;
	right: -14px;
}
/*end item3*/
/*END TAB1*/

/*TAB2*/
.tab-links.situacion li {
    width: 220px;
    height: 67px;
}
.tab-links.partes li {
    width: 231px;
    height: 56px;
}
.tab-links.situacion li:nth-child(1){
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_definicion.png);
}
.tab-links.situacion li:nth-child(1).active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_definicion_act.png);
}

.tab-links.situacion li:nth-child(2).cuartil{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_1cuartil.png);
}
.tab-links.situacion li:nth-child(3).cuartil{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_2cuartil.png);
}
.tab-links.situacion li:nth-child(2).decil{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_2decil.png);
}
.tab-links.situacion li:nth-child(3).decil{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_7decil.png);
}
.tab-links.situacion li:nth-child(2).percentil{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_percentil25.png);
}
.tab-links.situacion li:nth-child(3).percentil{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_percentil75.png);
}
.tab-links.situacion li:nth-child(2).cuartil.active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_1cuartil_act.png);
}
.tab-links.situacion li:nth-child(3).cuartil.active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_2cuartil_act.png);
}
.tab-links.situacion li:nth-child(2).decil.active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_2decil_act.png);
}
.tab-links.situacion li:nth-child(3).decil.active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_7decil_act.png);
}
.tab-links.situacion li:nth-child(2).percentil.active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_percentil25_act.png);
}
.tab-links.situacion li:nth-child(3).percentil.active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_percentil75_act.png);
}

.tab-links.partes li:nth-child(1){
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_cuartiles.png);
}
.tab-links.partes li:nth-child(2){
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_deciles.png);
}
.tab-links.partes li:nth-child(3){
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_percentiles.png);
}
.tab-links.partes li:nth-child(1).active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_cuartiles_act.png);
}
.tab-links.partes li:nth-child(2).active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_deciles_act.png);
}
.tab-links.partes li:nth-child(3).active{
    background-image: url(../img/ACT2/M_G10_U05_L01_boton_percentiles_act.png);
}
.tabs.paso2 .tab_ {
	width: 796px;
	height: 552px;
	background-image: url(../img/ACT2/M_G10_U05_L01_cuadro_azul.png);
	left: 220px;
    top: 74px;
    background-position: 0 -31px;
    padding: 52px 0px 0px 59px;
}
.tabs.paso2 .tab_ p{
    color: #283A36;
    font-size: 1.5em;
    width: 605px;
    margin: 0px;
}
.tabs.paso2 .tab_ p.final{
	margin-top: -40px;
}
img.def_cuartil{
    margin-left: 30px;
}
img.def_decil{
    margin-left: 26px;
    margin-top: 8px;
}
img.def_percentil{
    margin-left: 46px;
    margin-top: 27px;
}
/*END TAB2*/

/*TAB3*/
#tabs3 .content{
	background-image: url(../img/ACT2/M_G10_U05_L01_cuadro_amarillo.png);
}
#tabs3 .content ol{
    position: absolute;
    width: 500px;
    left: 580px;
    list-style: lower-alpha;
    top: 170px;
    font-size: 1.5em;
    color: #544423;
}
#tabs3 .content ol li{
	margin-bottom: 12px;
}
/*END TAB3*/