html {
    
    font-size: 16px;
    line-height: 210%;
}


h1{position: absolute;left: -9999px;top: auto;width: 1px;height: 1px;overflow: hidden;}
h2{font-size: 1.30em;}
h3{font-size: 1.15em;}
h4{font-size: 1.10em;}
h5{font-size: 1.0em;}

.ph3ej {font-size: 96%;}
.lih4cpej{font-size: 94%;}
.lih5cpej, .ph5ej{font-size: 92%;}
.lih6cpej{font-size: 90%;}
/* .lih4cpej {font-size: 90%;} */


/* .esquemaretenciones {transition: transform .2s;} */
/* .esquemaretenciones:hover 
    {
    transform: scale(1.5, 2);
    translate: 23%;
    z-index: 1;
    position: relative;
    } */


.esquemaretencionesIS {

    background-image: url(../Imagenes/esquemaretencionesIS.png);
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 2500px;
    width: auto;
    /*border: 1px solid black;*/
    border-radius: 20px;
    display: none;
}



/**********BOTONES EXPANSIVOS********************/






.boton_expansible {

    width: 19px;
    height: 19px;
    border-radius: 15px;
    border: none;
    background-color: white;
    background-image: url(../Imagenes/masv.png);
    background-repeat: no-repeat;
    background-size: 13px;
    
    background-position: center;
    border: 1px solid black;
    
} /*boton para expandir el sub_menu*/

.boton_presionado{background-image: url(../Imagenes/menosr.png);background-color: white ;} /*abre el menu .js*/
   
/*FORMATO DE LOS TITULOS Y PARRAFOS*/


.contenedor_t1_visible_botonder{height: 8%;}
.botonderlimiteancho{max-width: 930px;}

h2{
    color: #34495e;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.6rem; */
    /*font-size: 160%;*/
    padding: 20px, 0px, 20px, 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 2px;
    /*border: 1px solid red;*/
    
}
hr.hrh2 { /*linea debajo titulo*/
    width: 100%;
    height: 3px;
    color:#34495e;
}

h3{
    color:#34495e;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.4rem; */
    margin-left: 15px;
    margin-top:10px;
    margin-bottom: 15px;
    text-decoration-line:underline ;
    text-underline-position: under;
    text-decoration-thickness: 2.5px;
    /*text-decoration-skip-ink: 0.5em;*/
    /*border: solid red 1px;*/
    /*text-decoration: underline 3px;*/
    /*text-underline-position: under;*/

}

h4{
    color:#34495e;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 16px; */
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    text-decoration-line:underline ;
    text-underline-position: under;
    /*text-decoration-thickness: 2px;*/
    
    
    /*border: 1px solid orange;*/
}

h5{
    color:#34495e;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.2rem; */
    margin-left: 40px;
    margin-top: 18px;
    margin-bottom: 14px;
    text-decoration-line:underline ;
    text-underline-position: under;
    text-decoration-thickness: 1.8px;
    
    
    /*border: 1px solid orange;*/
}



.ph2 {
    padding-left: 5px; /*movemos el parrafo izquierda*/
    color: black;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: justify;
/*     
    line-height: 30px;
    line-height:210%; */
    
    
    margin-top: 10px;

    
}    

.ph3 {

    padding-left: 17px; /*movemos el parrafo izquierda*/
    color: black;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: justify;
    /* line-height:210%; */
    margin-top: 10px;

        
}


.ph4 { /*creamos parrafos con sangrado h4*/

    padding-left: 32px;
    color: black;
    font-style:normal;
    
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: justify;
    
    margin-top: 10px;
    
    
        
}
.lih3cpcllink {

    padding-left: 17px; /*movemos el parrafo izquierda*/
    color: black;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.15rem; */
    text-align: justify;
    /* line-height: 30px; espacio interlineado */
    margin-top: 10px;
    font-style: italic;
    font-family: serif;
    margin-left: 0px;
    list-style: none;
    /*border: 1px solid red;*/
        
}


.ph3ej{/*resaltar los ejemplos del parrafo 4*/

     border: 1px grey solid;
     background-color: antiquewhite;
     padding: 1.5%;
     border-radius: 20px;
     margin: 1%;
     margin-left: 15px;
     font-style:normal;
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     
     text-align: justify;
     line-height: 25px; /*espacio interlineado*/
     /*width: fit-content;*/
     /*max-width: 880px;*/
}

.ph3cpej{/*resaltar los ejemplos del parrafo 4*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 1.5%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 0px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 90%;
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /*max-width: 880px;*/
}


.lih3cpej{/*resaltar los ejemplos del parrafo 4*/

     border: 1px grey solid;
     background-color: antiquewhite;
     padding: 1.5%;
     border-radius: 20px;
     margin: 1%;
     margin-left: 0px;
     font-style:normal;
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     /* font-size: 1rem; */
     text-align: justify;
     line-height: 25px; /*espacio interlineado*/
     /*width: fit-content;*/
     /*max-width: 880px;*/
}

 
.lih3cpclej{/*resaltar los ejemplos del parrafo 4*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 1.5%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 0px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /*max-width: 880px;*/
}



.lih3cpclcpej{/*resaltar los ejemplos del parrafo 4*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 1.5%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 0px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /*max-width: 880px;*/
}

.lih4link {

    padding-left: 32px; /*movemos el parrafo izquierda*/
    
    
    /* font-size: 1.15rem; */
    text-align: justify;
    line-height: 30px; /*espacio interlineado*/
    margin-top: 10px;
    font-style: italic;
    font-family: serif;
    margin-left: 0px;
    list-style: none;
    /*border: 1px solid red;*/
        
}

.lih5link {

    padding-left: 46px; /*movemos el parrafo izquierda*/
    
    
    /* font-size: 1.15rem; */
    text-align: justify;
    line-height: 30px; /*espacio interlineado*/
    margin-top: 10px;
    font-style: italic;
    font-family: serif;
    margin-left: 0px;
    list-style: none;
    /*border: 1px solid red;*/
        
}




.ph4ej{ /*resaltar los ejemplos del parrafo h4, para imagenes que no se hacen pequeñas*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 2%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 30px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /* max-width: 880px; */

 }


.ph5ej{ /*resaltar los ejemplos del parrafo h4, para imagenes que no se hacen pequeñas*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 1%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 40px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /* max-width: 880px; */

 }

 .ph6ej{ /*resaltar los ejemplos del parrafo h4, para imagenes que no se hacen pequeñas*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 2%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 0px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /* max-width: 880px; */

 }

.ph4cpej{
    
    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 2%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 30px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    max-width: 880px;
}
    

.lih4cpej{ /*resaltar los ejemplos del parrafo h4, para imagenes que no se hacen pequeñas*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 1%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 0px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /*max-width: 880px;*/

 }

.lih4ej {

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 2%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 15px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /*max-width: 880px;*/

 }


.ph5 { /*creamos parrafos con sangrado h4*/

    padding-left: 40px; /*movemos el parrafo izquierda*/
    color: black;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.1rem; */
    text-align: justify;
    line-height: 30px; /*espacio interlineado*/
    /*border: 1px solid green;*/
        
}


.ph3img{
    /*margin-left: 4%; /*movemos el parrafo izquierda*/
    margin-top: 2%;
    max-width: 550px; /*crea un contenedor donde estará la imagen*/
    max-height: 500px; /*crea un contenedor donde estará la imagen*/
    border: #34495e 1px solid;
    background-color: antiquewhite;
    padding: 5px;
    border-top-left-radius:  15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 6px;
    width: 95%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    

}

.ph4img{
    /*margin-left: 4%; /*movemos el parrafo izquierda*/
    margin-top: 2%;
    max-width: 550px; /*crea un contenedor donde estará la imagen*/
    max-height: 500px; /*crea un contenedor donde estará la imagen*/
    border: #34495e 1px solid;
    background-color: antiquewhite;
    padding: 5px;
    border-top-left-radius:  15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 6px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    

    
    
    /*border: 1px solid green;*/
}




.ph4graf{ /*hago uno especifico de gráficos para no hacerlos más pequeño y que se vea mal*/

    border: #34495e 1px solid;
    background-color: antiquewhite;
    padding: 5px;
    border-radius: 30px;
    max-width: 60%;
    
    
    
 }


.ulh2{ /*hago una parrafo-lista sin puntos*/

    padding-left: 22px; /*movemos el parrafo izquierda*/
    list-style: disc; /*les pone una bolita al principio*/
    /*color: red;*/
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.15rem; */
    text-align: justify;
    line-height: 30px; /*espacio interlineado*/
    /*border: 3px solid red;*/
    }


.ulh3{ /*hago una parrafo-lista sin puntos*/

    padding-left: 22px; /*movemos el parrafo izquierda*/
    list-style: disc; /*les pone una bolita al principio*/
    /*color: red;*/
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.15rem; */
    text-align: justify;
    line-height: 30px; /*espacio interlineado*/
    /*border: 3px solid red;*/
    }



.lih2{ /*lista sangria h3 enumerado sin bolita*/


    /*color: red;*/
    /*margin-left: 14px;*/
    text-align: justify;
    /* font-size: 1.15rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}



.lih3{ /*lista sangria h3 enumerado sin bolita*/
    
    
    /*color: red;*/
    margin-left: 18px;
    text-align: justify;
    /* font-size: 1.15rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}



.lih3cp{ /*lista sangria h3 enumerado con bolita*/
    list-style: disc; /*les pone una bolita al principio*/
    /*color: red;*/
    margin-left: 10px;
    text-align: justify;
    /* font-size: 1.15rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}

.lih3cpcl{ /*lista sangria h3 enumerado con bolita*/
    list-style: lower-latin; 
    /*color: red;*/
    margin-left: 26px;
    text-align: justify;
    /* font-size: 1.15rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}

.lih3cpclcp{ /*lista sangria h3 enumerado con bolita*/
    list-style: circle; 
    /*color: red;*/
    margin-left: 24px;
    text-align: justify;
    /* font-size: 1.15rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}
.lih3cpclcpcl{ /*lista sangria h3 enumerado con bolita*/
    list-style: square; 
    /*color: red;*/
    margin-left: 48px;
    text-align: justify;
    /* font-size: 1.15rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}

.lih4{ /*lista sangria h4 enumerado sin bolita*/
    
    /*color: blue;*/
    margin-left:21px;
    text-align: justify;
    /* font-size: 1.10rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /*border: 1px red solid;*/
}

.lih4cp{ /*lista sangria h4 enumerado con bolita*/

    /*border: 1px red solid;*/
    list-style: disc;
    margin-left: 20px;
    text-align: justify;
    /* font-size: 1.10rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.lih5{
    
    /*color: blue;*/
    margin-left: 23px;
    text-align: justify;
    /* font-size: 1.05rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}

.lih6{
    
    /*color: blue;*/
    margin-left: 0px;
    text-align: justify;
    /* font-size: 1.05rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}

.lih5cp{
    
    /*color: blue;*/
    list-style-type: disc;
    margin-left: 20px;
    text-align: justify;
    /* font-size: 1.05rem; */
    font-style: normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /*border: 1px red solid;*/

}


.lih5cpej{ /*resaltar los ejemplos del parrafo h4, para imagenes que no se hacen pequeñas*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 1%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 0px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /* max-width: 880px; */

 }


 .lih6cpej{ /*resaltar los ejemplos del parrafo h4, para imagenes que no se hacen pequeñas*/

    border: 1px grey solid;
    background-color: antiquewhite;
    padding: 1%;
    border-radius: 20px;
    margin: 1%;
    margin-left: 0px;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1rem; */
    text-align: justify;
    line-height: 25px; /*espacio interlineado*/
    /*width: fit-content;*/
    /* max-width: 880px; */

 }

.ulh4{ /*hago un parrafo-lista punteado*/

    padding-left: 36px; /*movemos el parrafo izquierda*/
    list-style: disc; /*les pone una bolita al principio*/
    color: black;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.10rem; */

    /*border: 2px solid green;*/
    }


.ulh5{ /*hago un parrafo-lista punteado*/

    padding-left: 38px; /*movemos el parrafo izquierda*/
    list-style: disc; /*les pone una bolita al principio*/
    color: black;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.10rem; */
    text-align: justify;
    line-height: 30px; /*espacio interlineado*/
    /*border: 2px solid green;*/
    }

.ulh6{ /*hago un parrafo-lista punteado*/

    padding-left: 21px; /*movemos el parrafo izquierda*/
    list-style: disc; /*les pone una bolita al principio*/
    color: black;
    font-style:normal;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* font-size: 1.10rem; */
    text-align: justify;
    line-height: 30px; /*espacio interlineado*/
    /*border: 2px solid green;*/
    }

.datospedido { /*esto afecta a la longitud de los botones de al lado de la factura*/
    /*margin-top: 30px; /*separación botones con texto superior*/
    margin-left: 5px;
    /*border: 2px solid green;*/
    display: flex; /*permite flexibilidad de lo contenido en "ul"*/
    flex-wrap: wrap; /*para que funcione align-content*/
    justify-content: center;
    align-content: space-around; /*ocupa desde arriba a abajo*/
    max-width: 150px;
}

.container { /*defino un contenedor con unos punto de partida con la posición "relative" para que sirva de marco a los cuadrados y a la imagen*/
    
    position: relative;
    height: 708px;
    margin-top: 27px;
    margin-bottom: 2%;
    margin-left: 19.5%;
    max-width: 708px;
    /*border: 2px solid red;*/
    
    
    
}

.img{

    position: absolute;
    border: 2px solid black;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 5px;
    
    

}


/*,img{

    border: 1px solid rgb(0, 0, 0);
    margin-top: 30px;
    max-width: 100%;
    max-height: 900px; /*crea un contenedor donde estará la imagen*/
    /*padding: 15px 5px;
    border-radius: 15px;
    
      
}*/

.imgfactura{

    /*border: 1px solid red(0, 0, 0);
    margin-top: 30px;
    max-width: 600px; /*crea un contenedor donde estará la imagen*/
    /*max-height: 600px; /*crea un contenedor donde estará la imagen*/
    position: absolute;
    border: 5px solid blue;
    width: 100%;
    height: 100%;
    padding: 5px;
}

/*NUMERACIÓN DE TITULOS Y PARRAFOS*/ 
/* 
\setcounter{secnumdepth}{3} /* % para que ponga 1.1.1.1 en subsubsecciones

\setcounter{tocdepth}{3} % para que ponga subsubsecciones en el indice

\begin{document}  */

h2{counter-reset: seccion} /*cada vez que veas un "h2" le sumas una unidad*/
h3{counter-reset: subseccion} /*cada vez que veas un "h3" le sumas una unidad, ADEMÁS reinicias el H4¡¡*/
h4{counter-reset: subsubseccion;} /*cada vez que veas un "h4" le sumas una unidad ADEMÁS reinicias el H5¡¡*/

h2:before{counter-increment: capitulo;content:counter(capitulo)".-"} /*y le das formato, añadiendo estos separadores*/
h3:before{counter-increment: seccion;content:counter(capitulo)"." counter(seccion)".-"} /*y le das formato, añadiendo estos separadores*/
h4:before{counter-increment: subseccion;content:counter(capitulo)"." counter(seccion)"." counter(subseccion)".-"} /*y le das formato, añadiendo estos separadores*/
h5:before{counter-increment: subsubseccion;content:counter(capitulo)"." counter(seccion)"." counter(subseccion)"." counter(subsubseccion)".-"}




@media  (max-width: 1024px){ /*ipad 768x1024 la tablet hacia arriba*/

    

    html{ font-size: 92%;line-height: 192%;} 
    .lih3{margin-left: 16px;}
    .lih3cp{margin-left: 10px;}
    .lih3cpcl{margin-left: 19px;}
    .lih3cpclcp{margin-left: 20px;}
    .lih3cpclcpcl{margin-left: 39px;}
    
    .lih4{margin-left: 18px;}
    .lih4cp{margin-left: 17px;}
    .lih4cpcl{margin-left: 19px;}
    .lih4cpclcp{margin-left: 0px;}
    /*.lih5{margin-left: 14px;}*/
    .lih5cp{margin-left: 27px;}
    
    

    

    .container { /*defino un contenedor que sirve de referencia colocar el margen con el parrafo de abajo*/
    
        height: 560px;
        margin-top: 5%;
        
        
        /*max-width: 708px;*/
    }


       
    
    .datospedido_1, .datospedido_1a, .datospedido_2, .datospedido_2a, .datospedido_3, .datospedido_3a, .datospedido_4, .datospedido_4a, .datospedido_5,.datospedido_5a, .datospedido_6,.datospedido_6a, .datospedido_7,.datospedido_7a, .datospedido_8,.datospedido_8a, .datospedido_9,.datospedido_9a, .datospedido_10, .datospedido_10a 
    
    {
        
        max-height: 55px; /*para safari del ipad*/
        /*max-height: 65px; /*para chrome y firefox*/
        font-size: 78%;
        line-height: 1.4em; /*espacio entre las letras de los botones*/
        
        
        
    } 
}

@media  (max-width: 900px){html{ font-size: 88%;} }


@media  (max-width: 767px){ /*Movil la tablet 375 x 667 hacia arriba*/

    html{ 
        
        font-size: 84%;
        
    } 
   
    
    
    



    

    img{
        width: 50px;
        height: auto;
    }

    .ts_1:hover
    {
        width: 50px;
        height: auto;
        background-size: 50px;
    }

    .ts_1_visible 
    {
        width: 50px;
        height: auto;
        background-size: 50px;
        margin-bottom: 5px;
    }
    
        
    
    .ph4img{

        border: 1px solid rgb(0, 0, 0);
        /*padding: 15px 5px;*/
        border-radius: 15px;
        /*max-width: 490px; /*crea un contenedor donde estará la imagen*/
        /*max-height: 490px; /*crea un contenedor donde estará la imagen*/
        width: 95%;
        
        
        
    }

    
    
    .datospedido_1, .datospedido_1a, .datospedido_2, .datospedido_2a, .datospedido_3, .datospedido_3a, .datospedido_4, .datospedido_4a, .datospedido_5,.datospedido_5a, .datospedido_6,.datospedido_6a, .datospedido_7,.datospedido_7a, .datospedido_8,.datospedido_8a, .datospedido_9,.datospedido_9a, .datospedido_10, .datospedido_10a {
        
        
        line-height: 1.6em;
        font-size: 70%;
        
        
    }
}

@media  (max-width: 650px){ 
    
    html{ font-size: 78%;} 
    .esquemaretenciones {height: 1200px;}
    .esquemaretencionesIS {height: 750px;}

}
@media  (max-width: 500px){ /*Movil la tablet 375 x 667 hacia arriba*/


    html{ font-size: 74%;} 
    .lih3{margin-left: 14px;}
    .lih3cp{margin-left: 11px;}
    .lih3cpcl{margin-left: 17px;}
    .lih3cpclcp{margin-left: 19px;}
    .lih3cpclcpcl{margin-left: 35px;}
    .lih4{margin-left: 12px;}
    .lih4cp{margin-left: 15px;}
    .lih4cpcl{margin-left: 19px;}
    .lih4cpclcp{margin-left: 0px;}
    .lih5{margin-left: 14px;}
    .lih6{margin-left: 0px;}
    .lih5cp{margin-left: 27px;}
    .ph4ej{margin-left: 30px;}
    .ph4cpej{margin-left: 30px;}
    
    


    .datospedido { display: none; /*desaparecen los botonoes*/}


    .container { /*defino un contenedor que sirve de referencia donde tener la imagen y los cuadrados, aparte de colocar el margen con el parrafo de abajo*/
    
        
        /*border: 1px red solid;*/
        /*width:300px;*/
        height:296px; /*marca donde empieza el texto siguiente*/
        margin-left: 0%;
        max-width: 300px;
        
        
                       
    }

    .img{

        
        border: 1px solid rgb(0, 0, 0);
        /*padding: 15px 5px;*/
        border-radius: 15px;
        /*max-width: 290px; /*crea un contenedor donde estará la imagen*/
        /*max-height: 290px; /*crea un contenedor donde estará la imagen*/
        
        
    }
    
    
       
    .ph4img{

        border: 1px solid rgb(0, 0, 0);
        padding: 5px 5px;
        border-radius: 15px;
        max-width: 255px; /*crea un contenedor donde estará la imagen*/
        max-height: 255px; /*crea un contenedor donde estará la imagen*/
        
    }

    
    
    .datospedido_1, .datospedido_1a, .datospedido_2, .datospedido_2a, .datospedido_3, .datospedido_3a, .datospedido_4, .datospedido_4a, .datospedido_5,.datospedido_5a, .datospedido_6,.datospedido_6a, .datospedido_7,.datospedido_7a, .datospedido_8,.datospedido_8a, .datospedido_9,.datospedido_9a, .datospedido_10, .datospedido_10a {
        
        /*border: 1px red solid;*/
        width: 80px; /*ancho del boton*/
        padding: 5px; /*espacio entre el texto y el boton*/
        line-height: 6px; /*para que el interlineado de los botones sea más pequeño que los "li" definidos en "temas.css"*/
        margin-bottom: 20px; /*espacio entre botones*/
        /*background-color: green;*/
        
    }

}
@media  (max-width: 320px){ /*Movil la tablet 375 x 667 hacia arriba*/


    html{ font-size: 70%;} 

    .contenedor_t1_visible {
    
   
            
        width: 82%;
        height: auto;
        /* border: red 3px solid; */
        /* height: 500px; */
    
    
    }


}