* {margin:0; padding:0; box-sizing: border-box;}
/*body {font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;}*/
body {font-family: "Open Sans", sans-serif;
    /*Lo siguiente fue para dejar el footer bien abajo*/
    height: 100%; margin: 0; display: flex; flex-direction: column; min-height: 100vh;
}



.central {width: 70%; margin: auto;}


header {background-color: #FFE; height: 94px; text-align: right;} 
header #central_logo {background-image: url(objetos/Logo-Firma01.png); background-size: 135px;
    background-repeat: no-repeat; text-align: right; height: 64px;}
header #central_logo a {text-decoration: none; color:#1F497D;}
header #central_logo a:hover {color: red;}
header #central_logo a img {height: 18px;}



header #central_nav {display: flex; justify-content: center;}
nav {margin: auto;}
.desplegable {list-style: none; display: flex;}
.desplegable li {margin-left: 5px; width: 130px;}
.desplegable a {text-decoration: none; color: lavender; display: inline-block; font-size: 1.1em;
    width: 130px; height: 30px; text-align: center; line-height: 30px; background-color: #1F497D;}
.desplegable a:hover {color: red; background-color: #E6E6FA;}


.submenu {display: none; list-style: none; width: 270px; position: absolute; z-index:90;
    background-color: #E6E6FA; border: 1px solid black; border-radius: 10px;
    border-top: 0;}
.submenu li {width: 250px; text-align: left; font-weight: bold;}
.submenu li p {margin-top: 10px; width: 250px; font-size: 0.9em;}
.submenu li p:first-child {margin-top: 8px; margin-bottom: 0px;}
.submenu li a {text-decoration: none; color: #1F497D; display: inline-block; font-size: 0.9em;
    width: 250px; height: 20px; text-align: left; line-height: 20px; background-color: #E6E6FA;
    font-weight: normal; margin-top: 0px; margin-left: 8px;}

.desplegable li:hover .submenu {display: flex; flex-direction: column;}

main {background-color: #FFE; border-top: 2px solid #1F497D;
    flex: 1; /*Agregado para dejar el footer bien abajo*/}


#central_producto {padding: 15px 0 8px 0;}
.contenido_producto {background-color: #FFE; border-radius: 10px;}
/*.contenido_producto h1 {text-align: center; font-size: 1.5em; padding: 15px 0 15px 0; color: #1F497D}*/
.contenido_producto h1 {color: black; font-size: 26px; font-weight: bold; text-align: center;
    font-variant: small-caps; position: relative; margin: 30px 0 60px;}
.contenido_producto h1::after {content: ""; width: 100px; position: absolute; margin: 0 auto;
    height: 4px; border-radius: 1px; background: #7ac400; left: 0; right: 0; bottom: -20px; }
.contenido_producto ul {list-style-position: inside;}
.contenido_producto table {border-collapse: collapse; background-color: #FFFFFF; margin: 25px 0 15px 0;}
.contenido_producto table th {color: #EEE; background-color: #303030; font-size: medium; border: 1px solid gray; text-align: center;}
.contenido_producto table tr td {padding: 1px 8px 1px 8px; text-align: center; border: 1px solid gray; font-size: medium;}
.contenido_producto table tr td:first-child {text-align: right;}

.contenido_producto table tr:nth-child(even) {background-color:blanchedalmond}
.contenido_producto table tr:nth-child(odd) {background-color:lightblue}



.bloque {display: flex; flex-wrap: wrap; justify-content: space-around;}
.bloque_izquierda {max-width: 600px;}
.bloque_izquierda h2 {text-align: left; font-size: 1.4em; padding-top: 10px; padding-bottom: 5px;
    color: black; font-variant: small-caps; font-weight: bold;}
.bloque_izquierda p {margin: 5px 0 15px 20px; text-align: justify; font-size: medium; color: #303030;}
.bloque_izquierda ul li {font-size: 1.1em; color: #303030; margin-left: 20px; margin-bottom: 5px;}
.bloque_derecha {width: 290px;}
.bloque_derecha img {width: 250px;}
.bloque_derecha p {text-align: center; color: #00004D; font-size: 14px;}

.slide-productos {max-width: 700px; margin:auto; margin-top: 15px; padding-bottom: 15px;}

.contacto_izquierda {margin-bottom: 15px;}
.contacto_izquierda p {color: #303030;  margin-top: 5px; font-size: 1em;}
.contacto_izquierda p a {color: #1F497D;}
.contacto_izquierda p a:hover {color: red;}
.contacto_derecha {margin-bottom: 50px; width: 400px; height: 300px;}
.contacto_derecha iframe {width: 100%; height: 100%; border: 0;} 

.slider-producto {padding: 15px; width: 100%; margin: auto;}



footer {background-color: #1F497D; height: 75px; text-align: center; display: flex; flex-direction: row; 
    justify-content: center; flex-wrap: wrap; padding-top: 30px;}
footer div {width: 250px; display: inline-block;}
footer a {text-decoration: none; color:lavender;}
footer a:hover {color: red;}
footer a img {height: 18px; vertical-align: middle;}


@media (max-width: 595px){
    .central {width: 100%;}
    .desplegable {font-size: 0.8em;}
    .desplegable li {width: 95px; margin-left: 3px;}
    .desplegable a {width: 95px;}
    .submenu {width: 220px;}
    .submenu li p, .submenu li a {width: 200px; font-size: 1em;}
    .contenido_producto h1 {font-size: 22px; margin: 15px 0 30px;}
    .bloque_izquierda p {padding-right: 5px;}
    /*.bloque_derecha img {display: none;}*/
    .bloque_derecha {width: 60%;}
    .bloque_derecha img {width: 100%;}
    .contacto_derecha {width: 72%; margin-bottom: 15px;}
    main {font-size: smaller;}
    .bloque_izquierda p, .bloque_izquierda ul li {font-size:medium;}
    .slider-producto {padding: 5px; width: 100%; margin: auto;}
    footer {padding-top: 15px;}
}