body {

    background-color: #D7D7D7; /* main background color */

    margin: 0;

    padding: 0;

    font-family: Arial, sans-serif;

    font-size: 16px; /* Tamaño de fuente base */

}

a:link {

    color: #971B1A;

    text-decoration: none;

}

a:visited {

    color: #1C5FB0;

    text-decoration: none;

}

a:hover {

    color: #971B1A;

    text-decoration: underline;

}

#leftcol {

    background-image: url("../Bomedisa/images/bg-adress.gif"); /* background left column */

    background-repeat: repeat-y;

    background-position: right;

}

#logofield {

    background-color: #5078AC; /* Color de fondo de respaldo */

    background-image: url("../Bomedisa/images/logo-back.jpg");

    background-repeat: no-repeat;

    background-size: cover; 

    font-family: Arial, Helvetica, sans-serif;

    color: #FFFFFF;

    font-weight: bold;

    margin-top: 0px;

    padding: 30px; 

    font-size: 20px;

    min-height: 200px; 

    width: 100%; 

}

.article_table {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 8pt;

}

.article_title {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    font-weight: bold;

}

.article_content {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 8pt;

    width: 147px;

}

.lnmenuleft {

    background-repeat: no-repeat;

    background-image: url(../Bomedisa/images/menuline.gif);

}

#menu {

    

    vertical-align: top;

    padding-top: 15px;

    padding-bottom: 12px;

    background-color: #2c92bc;

}

#menu a {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    color: #E6DDCB;

    text-decoration: none;

    line-height: 1.6em;

    padding: 15px 20px; 

    display: block; 

    touch-action: manipulation; 

}

#menu a:focus {

    outline: none; 

}

#newsbox {

    text-align: left;

    vertical-align: top;

    padding: 10px;

    background-image: url("../Bomedisa/images/bg-newsbox.gif"); /* news background */

}

#newsbox h1 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    color: #971B1A;

    letter-spacing: 0.2em;

    padding-left: 10px;

}

#newsbox h2 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    color: #427094;

    font-weight: bold;

    line-height: 6px;

    margin-bottom: 2px;

    padding-left: 10px;

}

#newsbox p {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    margin-top: 0px;

    margin-bottom: 10px;

    padding-left: 10px;

}

#maincontent {

    background-color: #FFFFFF;

    vertical-align: top;

    padding: 20px 15px 20px 20px;

}

#maincontent h1 {

    color: #71838F;

    font-family: Georgia, Times New Roman, Times, serif;

    font-size: 24px; 

    font-weight: bold;

}

#maincontent h2 {

    color: #71838F;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px; 

    font-weight: bold;

}

#maincontent p {

    font-family: Arial, Helvetica, sans-serif;

    color: #000000;

    line-height: 1.5em; 

    margin-bottom: 10px;

}

#promo {

    border: 2px dotted #727272;

    padding: 10px;

    vertical-align: top;

    margin-bottom: 10px;

}

#promo h1 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px; 

    font-weight: bold;

    color: #971B1A;

    margin-bottom: 0px;

}

#promo p {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px; 

    color: #333333;

    margin-top: 5px;

}

hr {

    margin-bottom: 10px;

    width: 100%;

    color: #E0DFE3;

}

.contact {

    background-image: url("../Bomedisa/images/bg-adress.gif"); /* contact background */

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    color: #333333;

    padding-left: 10px;

    padding-bottom: 10px;

    letter-spacing: 1px;

}

.footer {

    height: 30px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #7D93A0;

    text-align: center;

    padding-top: 6px;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    background-color: White;

    border-bottom-color: #7D93A0;

}

.FormLt1 {

    font-family: Arial;

    font-size: 8pt;

    cursor: pointer;

}

textarea {

    font-size: 8pt;

    height: 75px;

    width: 175px;

}

.logohead {

    font-family: Arial;

    font-size: 25pt;

    font-weight: bold;

}

.logosub {

    font-family: Arial;

    font-size: 8pt;

    font-weight: bold;

}

.sohotext {

    background-color: #FFFFFF;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #000000;

    text-decoration: none;

    padding-top: 20px;

    padding-left: 20px;

    padding-right: 15px;

}

.border {

    font-family: Arial;

    font-size: 8pt;

    border: 1px #000000 inset;

}

.text {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

}

.SMtext {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 8pt;

}

.uptext {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 7pt;

    color: darkgreen;

}

/* Media query para aumentar el tamaño de la fuente en dispositivos móviles */

@media only screen and (min-width:220px) and (max-width:500px) {

    body {

        font-size: 32px; 

    }

    #maincontent {

        padding: 30px; 

    }

    #maincontent p{

        font-size: 25px;

    }

    #menu a {

        font-size: 28px; 

        padding: 20px; 

    }
    
    #newsbox {
        font-size: 40px;
    }
    
    label {
				margin:6px 0;
				display:block;
				font-size: 80px;
			}
}