@font-face{font-family:"FedraSerifAProBook";src:url(../tipografias/WF-006389-009281-000003.woff) }
@font-face{font-family:"FedraSerifAProDemi";src:url(../tipografias/WF-006389-009281-000046.woff) }
@font-face{font-family:"FedraSerifAProDemiItalic";src:url(../tipografias/WF-006389-009281-000047.woff) }
@font-face{font-family:"FedraSerifAProMedium";src:url(../tipografias/WF-006389-009281-000050.woff) }
@font-face{font-family:"FedraSerifAProMediumItalic";src:url(../tipografias/WF-006389-009281-000051.woff) }
@font-face{font-family:"FedraSerifAProBold";src:url(../tipografias/WF-006389-009281-000054.woff) }
@font-face{font-family:"FedraSerifAProBoldItalic";src:url(../tipografias/WF-006389-009281-000055.woff) }

@font-face{font-family:"FSMeWebBold";src:url(../tipografias/FSMeWeb-Bold.woff)}
@font-face{font-family:"FSMeWebBoldItalic";src:url(../tipografias/FSMeWeb-BoldItalic.woff)}
@font-face{font-family:"FSMeWebHeavy";src:url(../tipografias/FSMeWeb-Heavy.woff) }
@font-face{font-family:"FSMeWebHeavyItalic";src:url(../tipografias/FSMeWeb-HeavyItalic.woff)}
@font-face{font-family:"FSMeWebItalic";src:url(../tipografias/FSMeWeb-Italic.woff)}
@font-face{font-family:"FSMeWebLight";src:url(../tipografias/FSMeWeb-Light.woff) }
@font-face{font-family:"FSMeWebLightItalic";src:url(../tipografias/FS_MeLight_Italic.otf) }
@font-face{font-family:"FSMeWebRegular";src:url(../tipografias/FSMeWeb-Regular.woff) }

*{font-family: FSMeWebRegular; margin: 0px; padding: 0px; border: none; text-transform: none; vertical-align: middle;}

h1{font-family: FedraSerifAProBook; color: #8e0038; font-size: 30px; line-height: normal; }
h2{font-family: FedraSerifAProBook; color: #8e0038; font-size: 24px; line-height: normal; }
h3{font-family:"FSMeWebBold"; text-transform:uppercase; color: #8e0038; font-size: 16px; line-height: normal; }
h4{font-family:"FSMeWebBold"; text-transform:uppercase; color: #000; font-size: 16px; line-height: normal; }
h5{font-size: 26px; font-family: "FedraSerifAProBook"; color: #333; text-align: center; padding: 10px;}

p{font-size: 16px; line-height:normal; display: block; width: 100%; overflow: hidden; }
a{display: inline-block; width: 150px; background: #8e0038; color: #fff; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; border-radius: 10px; margin-top: 20px; float: right;}
a.formulario {margin-right: 20px; }

a.texto{background: transparent; display: block; text-align: left; color: #8e0038; width: 100%; box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;}
a.texto.correccion{}
a.telefono {display: inline-block; color: #000; background: transparent; height: auto; overflow: hidden; padding: 0px; margin: 0px; width: auto; border-radius: 0px; margin-right: 0px; float: none; vertical-align: middle;}

a.iconoPie {display: inline-block; height: 30px; overflow: hidden; padding: 0px; margin: 0px; width: auto; border-radius: 4px; margin-right: 10px; float: none; vertical-align: middle;}
a.iconoPie img {display: block; height: 30px; width: auto; }

header{display: block; width: 100%; overflow: hidden; padding-top: 0px; padding-bottom: 40px;}
article{display: block; width: 100%; overflow: hidden; padding: 20px; margin-top: 30px; margin-bottom: 30px; box-sizing: border-box;}
article h2{margin-bottom: 0px; }
article h4{margin-bottom: 20px; margin-top: 20px;}
article.fondoAmarillo h2{margin-bottom: 0px;}

footer {background: #8e0038; display: block; width: 100%; overflow: hidden; }
footer a{display: inline-block; background: transparent; font-size: 14px;width: auto; vertical-align: middle; margin: 0px;}

table{border-collapse: collapse;}
table.cabecera{display: block; width: 100%;}
table.cabecera tbody{display: block; width: 100%;}
table.cabecera tbody tr{display: block; width: 100%;}
table.cabecera tbody tr td{display: inline-block; width: 49%;}
table.cabecera tbody tr td.logoERGO{text-align: right; width: 100%}

table.informacion{display: block; width: 100%;}
table.informacion tbody{display: block; width: 100%;}
table.informacion tbody tr{display: block; width: 100%;}
table.informacion tbody tr td:first-child{display: inline-block; width: 46%; vertical-align: top; min-height: 600px; padding: 20px; box-sizing: border-box;}
table.informacion tbody tr td{display: inline-block; width: 53%; vertical-align: top; min-height: 600px; padding: 20px; box-sizing: border-box;}
table.informacion tbody tr td h3{margin-bottom: 20px;}

table.documentos{ width: 90%; margin-left: auto; margin-right: auto; margin-top: 50px;}
table.documentos tbody{ width: 100%;}
table.documentos tbody tr{ width: 100%;}
table.documentos tbody tr td:first-child{ width: 53%; vertical-align: top;  box-sizing: border-box; }
table.documentos tbody tr td{ width: 46%; vertical-align: top; padding: 20px; box-sizing: border-box; height: 130px;}
table.documentos tbody tr td img{display: block; margin-bottom: 20px;}

table.pie {display: block; width: 96%; margin-left: auto; margin-right: auto;     padding-top: 30px; padding-bottom: 30px; }
table.pie tbody{display: block; width: 100%;}
table.pie tbody tr{display: block; width: 100%; text-align: center;}

table.pie tbody tr td{display: inline-block; }
table.pie tbody tr td:last-child{display: inline-block;}


ul.puntosRojos li{list-style-position: inside; list-style: none; font-weight: bold; line-height: 20px; color: #000; }
ul.puntosRojos li:before {content: "\2022"; color: #8e0038; font-weight: bold; font-size: 30px; display: inline-block; width: 20px; vertical-align: middle; }

.logoMSP img{max-width: 300px;}

.contenedor{width: 100%; max-width: 922px; margin: auto; display: block; overflow: hidden; padding-top: 10px; padding-bottom: 20px;}
.banner{background: url("../imagenes/mundicolor-cabecera.png"); background-position: center; background-position-y: 0px; background-repeat: no-repeat;}
.fondoIcono{background: url("../iconos/grande-imserso.png"); background-position: left;background-position-y: 0px; background-repeat: no-repeat;}

.fondoTexto{padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin-top: 100px; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; display: inline-block; background: rgba(255,255,255,0.8); max-width: 415px; width: 95%; box-sizing: border-box;}
.banner h2 {padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin-top: 0px; margin-bottom: 28px; margin-left: 20px; margin-right: 20px; display: inline-block; background: rgba(255,255,255,0.8); max-width: 600px; width: 95%; box-sizing: border-box; color: #000; font-size:22px; }
.barraColor{display: block; height: 50px; width: 100%; background: #ffdd67; margin-top: 20px;}
.fondoRosa h2{margin-bottom: 15px; display: block;}
.fondoRosa{background: #e5d3e3;}
.fondoAmarillo{background: #f8e89d}
.fondoAmarilloClaro{background: #fff5b0}
.fondoMorado{background: #dfd4e2}
.fondoMoradoOscuro{background: #d9acca}
.fondoAmarillo{background: #ffdcbb}
.fondoMoradoClaro{background: #f0e6ee}

.fondoAmarilloOscuro{background: #ffc78f}
.fondoVerde{background: #e3f0e6;}
.fondoVerdeOscuro{background: #b5d5c0;}
.fondoAzul{background: #a9dadf}

.fondoAmarilloClaro2{background: #fcf4ac;}
.fondoAzulClaro{background: #ccebed}

.fondoAmarilloOscuro2{background: #ffdd67}

.colorRojo{color: #8e0038}
.borderDerecho{border-right: 2px solid #8e0038;}
.icono{display: block;width: 100%; overflow: hidden; padding-top: 20px;}
.icono p {display: inline-block; width: 80%; }
.icono span {display: inline-block; width: 60px; overflow: hidden; }
.icono img {display: block; height: 40px; width: auto; padding-right: 10px; box-sizing: border-box;}
.icono.resaltada {background: rgba(255, 255, 255, 0.49); padding: 20px; box-sizing: border-box; border: 1px solid #8e0038;}
td.logoERGO img {max-width: 120px; margin-right: 0px; margin-left: auto; }

td.logoERGO a {
    background: transparent;
}

@media only screen and (max-width: 920px) {

}
@media only screen and (max-width: 600px) {
    table.cabecera tbody tr{display: grid;}
    table.cabecera tbody tr td {display: block; width: 100%; text-align: center; }
    table.cabecera tbody tr td.logoERGO{text-align: center;}
    table.cabecera tbody tr td:first-child {order: 1; }
    table.cabecera tbody tr td img {width: 100%; height: auto; max-width: 200px; }

    table.informacion tbody tr td{width: 100%; border: none; min-height: auto; border-bottom: 1px solid #8e0038; }
    table.informacion tbody tr td:first-child {width: 100%; border: none; min-height: auto; border-bottom: 1px solid #8e0038; }

    table.documentos tbody tr td:first-child {width: 100%; display: block; height: auto;}
    table.documentos tbody tr td{width: 100%; display: block; }
    .banner{background-position: right;}
    .banner h1 {margin-top: 20px}

}