
*{
    font-family: Arial, Helvetica, sans-serif;
}
body{
    background-color: rgba(95,99,104,1);
}

#hoja{
    border: 1px solid black;
    background-color: #fff;
    margin: 20px 15vw 20px 15vw;
    padding: 30px 30px 30px 30px;
    width: 70vw;
    min-height: 150vh;
    height: auto;
    overflow: visible;
    
}

.seccion .tituloDiv{
    margin:1vh 0vw 1vh 0vw;
    height: 20px;
    padding: 7px 0px 12px 5px;
    background-color: gray;
    color : white;
    font-weight: bolder;
    
    
}
#logo img{
    width: 15vw;
}
#descripcionLogo  strong {
    font-size: 2.5vh;
    font-weight: bolder;
}
#descripcionLogo #slDireccion, #descripcionLogo #slTelefonos{
    font-size: 2.3vh;
}
.seccion{
    margin-top: 3vh;
    font-size: 2.3vh;
    
}
.r{
    min-height: 3vh;
    margin-top: 1vh;
    margin-bottom: 1vh;;
    padding-left: 3px;
}

.r strong{
    margin-right: 0.4vw;
}

.r .cell{
    float: left;
    font-size: 2vh;
}
.cel50{
    width: 40%;
}

.cel20{
    width: 20%;
}

.cel30{
    width: 30%;
}


#serv-estudio{
    border-bottom: 2px solid black;
    padding-bottom: 1vh;
}


#serv-estudio .cell strong{
    font-weight: bolder;
    font-size: 2.5vh;
}

#resultadoTexto p{
    white-space: pre-line;
    text-align: justify;
    padding-left: 15px;
    font-weight: normal;
}

#seccionFirma{
 
    min-height: 25vh;
}
#firmaProf{

    width: 10vw;
    float: right;
    margin-right: 4vw;

    
}
.notaPie{
    margin:3vh 0vw 1vh 0vw;
    height: 20px;
    padding: 7px 15px 5px 5px;
    background-color:gray ;
    color : white;
    text-align: right;
    font-size: 2.2vh;
   
}
@media screen and (max-width:800px ) {
    body{
        margin: 0;
    }
    #logo img{
        width: 30vw;
    }
    .seccion{
        font-size: 2.8vw;
    }

    
.seccion .tituloDiv{
 
    padding: 7px 0px 5px 5px;
  
    
}
    #datosPaciente, #header{
        margin-top:1vh;

    }

    
    #descripcionLogo span strong   {
        
        font-size: 3vw;
    }
    #descripcionLogo #slDireccion, #descripcionLogo #slTelefonos{
        font-size: 1.5vh;
    }


    #hoja{
        /*border: 1px solid black;*/
        background-color: #fff;
        margin: 0px 0vw 0px 0vw;
       /* padding: 30px 30px 30px 30px;*/
        width:      90vw;
        min-height: 10vh;
        height: auto;
        overflow: visible;
        
    }
.r{
   /* border: 1px solid blue;*/
    height: AUTO;
}
.cel50{
    width: 90%;
}

.cel20{
    width: 50%;
}

.cel30{
    width:50%;
}


    .cell{
        font-size:1.5vw;
      /* color:green;*/
        overflow-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;     /* Sólo WebKit -NO DOCUMENTADO */
    
        -ms-hyphens: auto;          /* Guiones para separar en sílabas */
        -moz-hyphens: auto;         /*  depende de lang en <html>      */
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .cell strong, .cell span{
     /*   color:red;*/
        font-size: 1.2vh;
    }
    #serv-estudio {
        /*border: 1px solid orange;*/
    }
    #serv-estudio .cel50{
        width: 45%;
        
    }

    #serv-estudio .cel50 strong{
        /*color:blue;*/
       /* border: 1px solid red;*/
        font-size: 2.3vw;
        float: left;
    }
    #resultadoTexto p{
        white-space: pre-line;
        text-align: justify;
        padding-left: 5px;
        font-weight: normal;
    }
    .notaPie{
        margin:3vh 0vw 1vh 0vw;
        height: 20px;
        padding: 7px 15px 5px 5px;
        background-color:gray ;
        color : white;
        text-align: right;
        font-size: 1.2vh;
    }

    #firmaProf{

        width: 25vw;
        float: right;
        margin-right: 4vw;
    
        
    }
       

}