<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: 'icomoon';
  src:  url('/util/v2020/fonts/icomoon.eot?kcnywz');
  src:  url('/util/v2020/fonts/icomoon.eot?kcnywz#iefix') format('embedded-opentype'),
    url('/util/v2020/fonts/icomoon.ttf?kcnywz') format('truetype'),
    url('/util/v2020/fonts/icomoon.woff?kcnywz') format('woff'),
    url('/util/v2020/fonts/icomoon.svg?kcnywz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


body {font-Family: Verdana; margin:0;padding:0; background: #e0eaf1 url("/util/img/background.jpg"); background-repeat:repeat-y; background-position:center;}
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
A:hover {text-decoration:none;}
img{border:0px;}


/* ************************************************************************************************************************************** */
/* ********************************************************  ESTRUCTURA GENERAL  ******************************************************** */
/* ************************************************************************************************************************************** */

#sitio {width:100%;}
.estructura{position:relative;width:994px;margin:0 auto 0 auto;}
.contenido{position:relative;float:left;width:994px;background-image: url("/util/img/bg-contenido.jpg");background-repeat:repeat-y;}
.contenido-1{float:left;width:170px;padding:0px 2px 0px 2px; background-color:#e2e2e2; margin-top:2px;}
.contenido-2{float:left;width:498px;margin:0px; padding:0px;}
.contenido-3{float:left;width:318px;padding:0px 2px 0px 2px; background-color:#eeeeee; margin-top:2px;}

.cuerpo{float:left;width:482px;margin:0px 8px 0px 8px; padding:0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-decoration:none;line-height: 18px;text-align: justify;}


.footer{position:relative;float:left;width:994px;}
.footer-1{position:relative;float:left;width:994px;height:67px;background-image: url("/util/img/bg-footer-1.jpg");background-repeat:no-repeat;}
.footer-2{position:relative;float:left;width:994px;padding:4px 0px 6px 0px;background-color:#303f56;}
.footer-3{position:relative;float:left;width:994px;padding:0px;background-image: url("/util/img/bg-footer-2.jpg");background-repeat:no-repeat;background-color:#27715b;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-decoration:none;line-height: 18px;text-align: center; color:#FFF;}


/* LISTA LOCALIDADES FOOTER */
.footer-list {width:165px;float:left; margin:0px; padding:0px;}
.footer-list ul {float:left; list-style-type: none; margin:0px; padding:5px;}
.footer-list ul li {width: 145px; height: 14px; padding:0px 0px 0px 10px; float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px; color:#fff;}
.footer-list ul li a{color:#fff; padding-left:12px;}
.footer-list ul li a:hover{color:#044330; font-weight:bold;}
.footer-list ul li a, .footer-list ul li a:link, .footer-list ul li a:visited, .footer-list ul li a:hover, .footer-list ul li a:active{background:url(/util/img/flechas/flecha-1.png) no-repeat left center;}


/* ************************************************************************************************************************************** */
/* **********************************************************  MENU SUPERIOR  *********************************************************** */
/* ************************************************************************************************************************************** */

.menu-sup{position:relative; float:left;width:994px;height:25px; padding:0px; background-image: url("/util/img/bg-menu-sup.jpg");background-repeat:repeat-x;}

/* MENU */
.menu-top {float:left; margin:0 auto;padding:0 auto; width:994px;}
.menu-top ul {float:left;display: inline-block; list-style:none; margin:0px; padding:2px 2px 0px 2px;}
.menu-top li {float:left;width:123px; text-align:center; padding:0px;font-size: 14px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0b2771;text-shadow: 0 1px 0 #b4b4b4, 0 2px 0 #dadada, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2); line-height:20px; font-weight:bold;}
.menu-top li a{float:left;width:123px; font-size: 14px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;text-shadow: 1px 1px 0 #B4B4B4, 2px 2px 0 #DADADA, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2); line-height:20px; font-weight:bold;}
.menu-top a:hover{color: #0040a2;}


/* ************************************************************************************************************************************** */
/* ******************************************************  IMAGENES DEL BANNER  ********************************************************* */
/* ************************************************************************************************************************************** */

#slideshow {position:relative;height:170px;}
#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}


/* ************************************************************************************************************************************** */
/* ***********************************************************  MENU DERECHO  *********************************************************** */
/* ************************************************************************************************************************************** */

/* LISTA MENU DER */
.menu-der {float:left; width:170px; padding:0px; text-align:left;}
.menu-der ul {list-style:none;margin:0px;padding:0px; clear:both;; margin-left:6px;}
.menu-der ul li{margin:0px;padding:0px;}
.menu-der ul li a, .menu-der ul li a:link, .menu-der ul li a:visited, .menu-der ul li a:hover, .menu-der ul li a:active{display:block;height:14px;text-decoration:none;margin:0px;padding:0px 0px 0px 12px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-decoration: none;line-height: 12px;text-align: justify;color: #000000;}

.menu-der ul li a, .menu-der ul li a:link, .menu-der ul li a:visited, .menu-der ul li a:hover, .menu-der ul li a:active{background:url(/util/img/cuad.gif) no-repeat left center;}

.menu-der {background-image: url(/util/img/fd-menu-der.png);background-repeat: repeat-y;}

/* TITULO MENU */
.tit-menu {position:relative;width:162px;height:25px;margin:0px 0px 3px 0px;padding:0px 0px 0px 8px;background-repeat:no-repeat;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:18px;float:left;text-shadow: 1px 1px 1px #484848; background-color:#27715B;}


/* ************************************************************************************************************************************** */
/* **************************************************************  TEXTOS  ************************************************************** */
/* ************************************************************************************************************************************** */

.texto, .texto-res {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-decoration:none;line-height: 18px;}
.texto{text-align: justify;}
.texto-res {font-weight:bold;}

.texto-2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;text-decoration:none;line-height: 14px;}

.txt-ch, .txt-ch a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;;font-style: normal;text-decoration:none;line-height: 10px;text-align: justify; color:#000;}


/* ************************************************************************************************************************************** */
/* ************************************************************  DECORATION  ************************************************************ */
/* ************************************************************************************************************************************** */

.tachado{text-decoration:line-through;}

/* ************************************************************************************************************************************** */
/* *************************************************************  TITULOS  ************************************************************** */
/* ************************************************************************************************************************************** */

.h1 {position:relative;width:470px;margin:auto;padding:3px 2px 8px 22px;background-repeat:no-repeat;background-image: url("/util/img/bg-h1.jpg");font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:23px;color:#019c9c;text-shadow: 1px 1px 1px #484848; line-height:23px;}

.h2 {position:relative;width:478px;margin:auto;padding:0px 8px 2px 8px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px;color:#8c8c8c; font-weight:bold;background-repeat:no-repeat;background-image: url("/util/img/bg-h2.png");}

.titulo-1, .titulo-2, .titulo-4, .titulo-7, .titulo-8 {font-family:Arial, Verdana, Helvetica, Georgia, serif; font-weight: bold; font-style: normal; text-decoration: none;}
.titulo-1 {font-size:14px;}
.titulo-2 {font-size:16px;}
.titulo-3 {font-family:Arial, Verdana, Helvetica, Georgia, serif; font-size:18px;font-style: normal; text-decoration: none; line-height:22px;}
.titulo-4 {font-size:11px;line-height: 18px;}
.titulo-5 {font-size: 30px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: 2px 3px 3px #000000;-webkit-text-stroke: 1px white; text-decoration: none;color: #ffffff;}
.titulo-6 {font-size: 24px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dedede;
text-shadow: 0 1px 0 #000, 0 2px 0 #2f2f2f, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2); line-height:30px; font-weight:bold;}
.titulo-7 {font-size:12px;}
.titulo-8 {font-size:13px;}

.tit-aloj{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;text-decoration:none;line-height: 9px; color:#000; font-weight:bold; text-align:left;} 


/* ************************************************************************************************************************************** */
/* *****************************************************  FONDO PARA TITULOS 20px  ****************************************************** */
/* ************************************************************************************************************************************** */

.tit-1, .tit-2, .tit-3, .tit-4, .tit-5, .tit-6, .tit-7, .tit-8, .tit-9, .tit-10, .tit-11, .tit-12, .tit-13, .tit-14, .tit-15 {background-repeat:repeat-x;height:18px; padding-top:2px; line-height: normal;text-decoration:none;}
.tit-1 {background-image:url(/util/img/tit/tit-1.jpg);}
.tit-2 {background-image:url(/util/img/tit/tit-2.jpg);}
.tit-3 {background-image:url(/util/img/tit/tit-3.jpg);}
.tit-4 {background-image:url(/util/img/tit/tit-4.jpg);}
.tit-5 {background-image:url(/util/img/tit/tit-5.jpg);}
.tit-6 {background-image:url(/util/img/tit/tit-6.jpg);}
.tit-7 {background-image:url(/util/img/tit/tit-7.jpg);}
.tit-8 {background-image:url(/util/img/tit/tit-8.jpg);}
.tit-9 {background-image:url(/util/img/tit/tit-9.jpg);}
.tit-10 {background-image:url(/util/img/tit/tit-10.jpg);}
.tit-11 {background-image:url(/util/img/tit/tit-11.jpg);}
.tit-12 {background-image:url(/util/img/tit/tit-12.jpg);}
.tit-13 {background-image:url(/util/img/tit/tit-13.jpg);}
.tit-14 {background-image:url(/util/img/tit/tit-14.jpg);}
.tit-15 {background-image:url(/util/img/tit/tit-15.jpg);}

.tit-16 {background-repeat:repeat-x;height:27px; padding-top:2px; line-height: normal;text-decoration:none;background-image:url(/util/img/tit/tit-16.jpg);}

.tit-num-1, .tit-num-2, .tit-num-3, .tit-num-4 {background-repeat:repeat-x;height:21px; padding:4px 2px 0px 32px; line-height: normal;text-decoration:none; text-align:right;}
.tit-num-1 {background-image:url(/util/img/tit/tit-num-1.jpg);}
.tit-num-2 {background-image:url(/util/img/tit/tit-num-2.jpg);}
.tit-num-3 {background-image:url(/util/img/tit/tit-num-3.jpg);}
.tit-num-4 {background-image:url(/util/img/tit/tit-num-4.jpg);}

/* ************************************************************************************************************************************** */
/* *****************************************************  FONDO PARA TITULOS 40px  ****************************************************** */
/* ************************************************************************************************************************************** */

.tit-1A, .tit-2A, .tit-3A, .tit-4A, .tit-5A, .tit-6A, .tit-7A, .tit-8A, .tit-9A, .tit-10A, .tit-11A, .tit-12A, .tit-13A, .tit-14A, .tit-15A {background-repeat:repeat-x;height:36px; padding-top:4px; line-height: normal;text-decoration:none;}
.tit-1A {background-image:url(/util/img/tit/tit-1A.jpg);}
.tit-2A {background-image:url(/util/img/tit/tit-2A.jpg);}
.tit-3A {background-image:url(/util/img/tit/tit-3A.jpg);}
.tit-4A {background-image:url(/util/img/tit/tit-4A.jpg);}
.tit-5A {background-image:url(/util/img/tit/tit-5A.jpg);}
.tit-6A {background-image:url(/util/img/tit/tit-6A.jpg);}
.tit-7A {background-image:url(/util/img/tit/tit-7A.jpg);}
.tit-8A {background-image:url(/util/img/tit/tit-8A.jpg);}
.tit-9A {background-image:url(/util/img/tit/tit-9A.jpg);}
.tit-10A {background-image:url(/util/img/tit/tit-10A.jpg);}
.tit-11A {background-image:url(/util/img/tit/tit-11A.jpg);}
.tit-12A {background-image:url(/util/img/tit/tit-12A.jpg);}
.tit-13A {background-image:url(/util/img/tit/tit-13A.jpg);}
.tit-14A {background-image:url(/util/img/tit/tit-14A.jpg);}
.tit-15A {background-image:url(/util/img/tit/tit-15A.jpg);}


/* ************************************************************************************************************************************** */
/* ********************************************************  ALINEACION DE TEXTO  ******************************************************* */
/* ************************************************************************************************************************************** */

.ctr{ text-align:center;}
.rht{ text-align:right;}
.lft{ text-align:left;}


/* ************************************************************************************************************************************** */
/* **************************************************************  COLORES  ************************************************************* */
/* ************************************************************************************************************************************** */

.amr {color:#cfb53f;}
.amr2 {color:#a2ad0c;}
.mrr {color:#5a3300;}
.mrr2 {color:#666633;}
.azl {color:#204eaa;}
.azl2 {color:#01124e;}
.azl3 {color:#008caa;}
.azl4 {color:#000099;}
.vde {color:#27715b;}
.vde2 {color:#3d5f5a;}
.vde3 {color:#0b5015;}
.rjo {color:#aa0a0a;}
.rjo2 {color:#d90101;}
.rjo3 {color:#ef7777;}
.ddo {color:#4f4e00;}
.grs {color:#c2c2c2;}
.grs2 {color:#5b5b5b;}
.grs3 {color:#7c7c7c;}
.bco {color:#ffffff;}
.ngo {color:#000;}
.nja {color:#ff9933;}
.nja2 {color:#ffcc00;}
.vta{color:#760548;}

/* ************************************************************************************************************************************** */
/* *********************************************************  COLORES DE FONDO  ********************************************************* */
/* ************************************************************************************************************************************** */

.bg-grs {background-color:#f2f2f2;}
.bg-grs1 {background-color:#e1e1e1;}
.bg-cla {background-color:#f4f5f2;}
.bg-osc {background-color:#e7ebe3;}
.bg-bco {background-color:#fff;}
.bg-bge {background-color:#f1ede3;}
.bg-bge2 {background-color:#d2d4bf;}
.bg-bge3 {background-color:#f1f1e8;}
.bg-azl {background-color:#d1dbe3;}
.bg-azl2 {background-color:#a3b4c1;}
.bg-azl3 {background-color:#01002e;}
.bg-azl4 {background-color:#303f56;}
.bg-vde {background-color:#cbdfcd;}
.bg-vde2 {background-color:#ebf5eb;}
.bg-vde3 {background-color:#27715b;}
.bg-rjo {background-color:#f1e3e3;}
.bg-rjo2 {background-color:#edd3d3;}
.bg-ddo {background-color:#f6ebd5;}
.bg-ddo2 {background-color:#c97b10;}
.bg-ddo3 {background-color:#986c19;}


/* ************************************************************************************************************************************** */
/* *************************************************************  PADDINGS  ************************************************************* */
/* ************************************************************************************************************************************** */

.pd1 {padding:2px;}
.pd2 {padding:4px;}
.pdl-1 {padding-left:4px;}
.pdl-2 {padding-left:90px;}
.pdtb-1 {padding-top:2px; padding-bottom:2px;}
.pdtb-2 {padding-top:2px; padding-bottom:2px;}


/* ************************************************************************************************************************************** */
/* ******************************************************  SEPARADORES DE COLORES  ****************************************************** */
/* ************************************************************************************************************************************** */

.sep-vde, .sep-azl, .sep-grs, .sep-nja, .sep-mrr, .sep-rjo, .sep-bco{height:1px;padding:0px; margin:0px;overflow: hidden;}
.sep-vde, .sep-vde-1, .sep-vde-2, .sep-vde-3{background-color:#006666;}
.sep-azl, .sep-azl-1, .sep-azl-2, .sep-azl-3{background-color:#01356b;}
.sep-grs, .sep-grs-1, .sep-grs-2, .sep-grs-3{background-color:#b8b8b8;}
.sep-nja, .sep-nja-1, .sep-nja-2, .sep-nja-3{background-color:#ffa500;}
.sep-mrr, .sep-mrr-1, .sep-mrr-2, .sep-mrr-3{background-color:#93640d;}
.sep-rjo, .sep-rjo-1, .sep-rjo-2, .sep-rjo-3{background-color:#330001;}
.sep-bco, .sep-bco-1, .sep-bco-2, .sep-bco-3{background-color:#ffffff;}

.sep-vde-1, .sep-azl-1, .sep-grs-1, .sep-nja-1, .sep-mrr-1, .sep-rjo-1, .sep-bco-1{height:2px;padding:0px; margin:0px;overflow: hidden;}
.sep-vde-2, .sep-azl-2, .sep-grs-2, .sep-nja-2, .sep-mrr-2, .sep-rjo-2, .sep-bco-2{height:1px;padding:0px; margin:2px 0px 2px 0px;overflow: hidden;}
.sep-vde-3, .sep-azl-3, .sep-grs-3, .sep-nja-3, .sep-mrr-3, .sep-rjo-3, .sep-bco-3{height:1px;padding:0px; margin:4px 0px 4px 0px;overflow: hidden;}


/* ************************************************************************************************************************************** */
/* *****************************************************  SEPARADORES CON ESPACIOS  ***************************************************** */
/* ************************************************************************************************************************************** */

.br-1 {margin-top:11px;margin-bottom:4px;font-size:1px;line-height:1px; height:1px;}
.br-2 {margin-top:6px;margin-bottom:4px;font-size:1px;line-height:1px; height:1px;}
.br-3 {margin-top:2px;margin-bottom:2px;font-size:1px;line-height:1px; height:1px;}
.br-4 {margin-top:1px;margin-bottom:1px; clear:both;}


/* ************************************************************************************************************************************** */
/* ***************************************************  SEPARADOR CON LINEA DE PUNTOS  ************************************************** */
/* ************************************************************************************************************************************** */

.puntos-1, .puntos-4{margin-top:5px;font-size:1px;margin-bottom:6px;line-height:1px;background-repeat: repeat-x;height:1px;}
.puntos-2, .puntos-5{margin-top:1px;font-size:1px;margin-bottom:1px;line-height:1px;background-repeat: repeat-x;height:1px; clear:both;}
.puntos-1{background-image: url(/util/img/puntos.gif);}
.puntos-2{background-image: url(/util/img/puntos.gif);}

.puntos-3{width:120px;margin-top:1px;font-size:1px;margin-bottom:1px;line-height:1px; background-image: url(/util/img/puntos.gif);background-repeat: repeat-x;height:1px;}

.puntos-4{background-image: url(/util/img/puntos-2.gif);}
.puntos-5{background-image: url(/util/img/puntos-2.gif);}


/* ************************************************************************************************************************************** */
/* ***************************************************************  BOX  **************************************************************** */
/* ************************************************************************************************************************************** */

.box-1{float:left;width:482px;}
.box-1a{float:left;width:241px;}
.box-1b{float:left;width:237px; margin-left:4px;}
.box-1c{float:left;width:237px;margin:0px 2px 0px 2px;}
.box-1d{float:left;width:320px;}
.box-1e{float:left;width:160px; margin-left:2px;}

.box-2{float:left;width:235px;}
.box-2a{float:left;width:75px;}

.box-3{float:right;width:100px;}

.box-4{float:left;width:322px;}
.box-4a{float:left;width:160px;}
.box-4b{float:right;width:152px; padding:4px;}

.box-5{float:left;width:226px; margin-right:4px;}
.box-5a{float:left;width:252px;}

.box-6{float:left;width:120px;}
.box-6a{float:left;width:121px;}

.box-7{float:left;width:156px;}
.box-7a{float:left;width:112px;}
.box-7b{float:left;width:40px; padding-left:4px;}

.box-form{float:left;width:196px; padding:4px 0px 0px 4px;}
.box-form-a{float:left;width:282px; padding-top:4px;}
.box-form-b{float:left;width:141px; padding-top:4px;}

/* ************************************************************************************************************************************** */
/* *************************************************************  IMAGENES  ************************************************************* */
/* ************************************************************************************************************************************** */

.img-ini-vde{float:left; margin:4px;border:solid 1px;}
.img-ini-vde{border-color:#27715b;}
.img-emp{float:right; margin:4px; width:120px; height:75px;}

/* COLOR BORDE IMAGENES */
.img-ini-1, .img-ini-2, .img-ini-3, .img-ini-4, .img-ini-5 {border: solid 2px;}
.img-ini-1 {border-color: #27715b;}
.img-ini-2 {border-color: #204eaa;}
.img-ini-3 {border-color: #aa0a0a;}
.img-ini-4 {border-color: #a2ad0c;}
.img-ini-5 {border-color: #0b5015;}

.img-ini-1a, .img-ini-2a, .img-ini-3a, .img-ini-4a, .img-ini-5a {border: solid 1px;}
.img-ini-1a {border-color: #27715b;}
.img-ini-2a {border-color: #204eaa;}
.img-ini-3a {border-color: #aa0a0a;}
.img-ini-4a {border-color: #a2ad0c;}
.img-ini-5a {border-color: #0b5015;}

/* ************************************************************************************************************************************** */
/* *************************************************************  CAJAS  **************************************************************** */
/* ************************************************************************************************************************************** */

.caja-tit{width:164px;float:left; margin:0px; padding:4px 1px 0px 5px; height:26px;background-image: url(/util/img/cajas/caja-tit.png); background-repeat:no-repeat;}
.caja-bg{width:170px;float:left; margin:0px; padding:2px 0px 1px 0px; background-image: url(/util/img/cajas/caja-bg.png); background-repeat:repeat-y;}
.caja-ft{width:170px;float:left; margin:0px; padding:0px; height:10px;background-image: url(/util/img/cajas/caja-ft.png); background-repeat:no-repeat;}

.caja-1-tit{width:164px;float:left; margin:0px; padding:1px 1px 0px 5px; height:41px;background-image: url(/util/img/cajas/caja-1-tit.png); background-repeat:no-repeat;}
.caja-1-bg{width:158px;float:left; margin:0px; padding:2px 6px 1px 6px; background-image: url(/util/img/cajas/caja-1-bg.png); background-repeat:repeat-y;}
.caja-1-ft{width:170px;float:left; margin:0px; padding:0px; height:9px;background-image: url(/util/img/cajas/caja-1-ft.png); background-repeat:no-repeat;}

.caja-2-tit, .caja-2-tit-azl, .caja-2-tit-amr, .caja-2-tit-vde, .caja-2-tit-grs{width:476px;float:left; margin:0px; padding:1px 1px 0px 5px; height:24px;background-repeat:no-repeat;}
.caja-2-bg{width:470px;float:left; margin:0px; padding:2px 6px 1px 6px; background-image: url(/util/img/cajas/caja-2-bg.png); background-repeat:repeat-y;}
.caja-2-ft{width:482px;float:left; margin:0px; padding:0px; height:9px;background-image: url(/util/img/cajas/caja-2-ft.png); background-repeat:no-repeat;}
.caja-2a-ft{width:482px;float:left; margin:0px; padding:0px; height:20px;background-image: url(/util/img/cajas/caja-2a-ft.png); background-repeat:no-repeat;}

.caja-2-tit{background-image: url(/util/img/cajas/caja-2-tit.png);}
.caja-2-tit-azl{background-image: url(/util/img/cajas/caja-2-tit-azl.png);}
.caja-2-tit-amr{background-image: url(/util/img/cajas/caja-2-tit-amr.png);}
.caja-2-tit-vde{background-image: url(/util/img/cajas/caja-2-tit-vde.png);}
.caja-2-tit-grs{background-image: url(/util/img/cajas/caja-2-tit-grs.png);}


.caja-4-tit{width:250px;float:left; margin:0px; padding:0px; height:64px;background-image: url(/util/img/cajas/caja-4-tit.png); background-repeat:no-repeat;}
.caja-4-bg, .caja-4a-bg, .caja-4b-bg{width:238px;float:left; margin:0px; padding:2px 6px 1px 6px; background-image: url(/util/img/cajas/caja-4-bg.png); background-repeat:repeat-y;}
.caja-4-ft, .caja-4a-ft, .caja-4b-ft{width:250px;float:left; margin:0px; padding:0px; height:23px; background-repeat:no-repeat;}

.caja-4a-tit, .caja-4b-tit{width:246px;float:left; margin:0px; padding:0px 0px 0px 4px; height:25px; background-repeat:no-repeat;}
.caja-4a-tit{background-image: url(/util/img/cajas/caja-4a-tit.png);}
.caja-4b-tit{background-image: url(/util/img/cajas/caja-4b-tit.png);}

.caja-4-ft, .caja-4a-ft{background-image: url(/util/img/cajas/caja-4-ft.png);}
.caja-4b-ft{background-image: url(/util/img/cajas/caja-4b-ft.png);}


.caja-5-tit, .caja-5-error-tit{width:450px;float:left; margin:0px; padding:0px; height:29px; background-repeat:no-repeat;}
.caja-5-bg, .caja-5-error-bg{width:438px;float:left; margin:0px; padding:2px 6px 1px 6px; background-repeat:repeat-y;}
.caja-5-ft, .caja-5-error-ft{width:450px;float:left; margin:0px; padding:0px; height:16px; background-repeat:no-repeat;}

.caja-5-bg{background-image: url(/util/img/cajas/caja-5-bg.png);}
.caja-5-error-bg{background-image: url(/util/img/cajas/caja-5-error-bg.png);}

.caja-5-ft{background-image: url(/util/img/cajas/caja-5-ft.png);}
.caja-5-error-ft{background-image: url(/util/img/cajas/caja-5-error-ft.png);}

.caja-5-tit{background-image: url(/util/img/cajas/caja-5-tit.png);}
.caja-5-error-tit{background-image: url(/util/img/cajas/caja-5-error-tit.png);}


.caja-6-tit{width:492px;float:left; margin:0px; padding:2px 4px 0px 4px; height:45px;background-image: url(/util/img/cajas/caja-6-tit.png); background-repeat:no-repeat;}
.caja-6-bg{width:488px;float:left; margin:0px; padding:2px 6px 1px 6px; background-image: url(/util/img/cajas/caja-6-bg.png); background-repeat:repeat-y;}
.caja-6-ft{width:500px;float:left; margin:0px; padding:0px; height:52px;background-image: url(/util/img/cajas/caja-6-ft.png); background-repeat:no-repeat;}


.caja-7-tit-vde, .caja-8-tit-azl, .caja-8-tit-vde{float:left; margin:0px; padding:2px 4px 0px 4px; height:23px; background-repeat:no-repeat;}
.caja-7-bg-vde, .caja-8-bg{float:left; margin:0px; padding:2px 6px 1px 6px; background-repeat:repeat-y;}
.caja-7-ft-vde{width:320px;float:left; margin:0px; padding:0px; height:16px; background-repeat:no-repeat;background-image: url(/util/img/cajas/caja-7-ft.png);}

.caja-7-tit-vde{width:312px;background-image: url(/util/img/cajas/caja-7-tit-vde.png);}
.caja-7-bg-vde{width:308px;background-image: url(/util/img/cajas/caja-7-bg.png);}

.caja-8-tit-azl, .caja-8-tit-vde{width:152px;}
.caja-8-bg{width:148px;background-image: url(/util/img/cajas/caja-8-bg.png);}

.caja-8-ft{width:160px;float:left; margin:0px; padding:0px; height:9px; background-repeat:no-repeat;background-image: url(/util/img/cajas/caja-8-ft.png);}

.caja-8-tit-azl{background-image: url(/util/img/cajas/caja-8-tit-azl.png);}
.caja-8-tit-vde{background-image: url(/util/img/cajas/caja-8-tit-vde.png);}

/* ************************************************************************************************************************************** */
/* ************************************************************  BOTONES  *************************************************************** */
/* ************************************************************************************************************************************** */

.button{display: inline-block;white-space: nowrap;background-color: #ddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
background-image: -webkit-linear-gradient(top, #eee, #ccc);
background-image: -moz-linear-gradient(top, #eee, #ccc);
background-image: -ms-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);
background-image: linear-gradient(top, #eee, #ccc);
border: 1px solid #777;padding: 0 1.5em;margin: 0.5em;font: bold 1em/2em Arial, Helvetica;text-decoration: none;color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);}

.button:hover{background-color: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
background-image: -moz-linear-gradient(top, #fafafa, #ddd);
background-image: -ms-linear-gradient(top, #fafafa, #ddd);
background-image: -o-linear-gradient(top, #fafafa, #ddd);
background-image: linear-gradient(top, #fafafa, #ddd);}

.button:active{
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
position: relative;top: 1px;}

.button:focus{outline: 0;background: #fafafa;}
.button:before{background: #ccc;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;
-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
-moz-border-radius: .15em 0 0 .15em;
-webkit-border-radius: .15em 0 0 .15em;
border-radius: .15em 0 0 .15em;
pointer-events: none;}

/* Buttons and inputs */

button.button, input.button{cursor: pointer;overflow: visible; 
/* removes extra side spacing in IE */
}

/* removes extra inner spacing in Firefox */
button::-moz-focus-inner{border: 0;padding: 0;}

/* If line-height can't be modified, then fix Firefox spacing with padding */
input::-moz-focus-inner{padding: .4em;}

/* The disabled styles */
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover{background: #eee;color: #aaa;border-color: #aaa;cursor: default;text-shadow: none;position: static;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

/* Hexadecimal entities for the icons */
.add:before{content: "\271A";}
.edit:before{content: "\270E";}
.delete:before{content: "\2718";}
.save:before{content: "\2714";}
.email:before{content: "\2709";}
.like:before{content: "\2764";}
.next:before{content: "\279C";}
.star:before{content: "\2605";}
.spark:before{content: "\2737";}
.play:before{content: "\25B6";}

/* Social media buttons */
.tw, .fb, .tw:hover, .fb:hover, .bt-vde, .bt-vde:hover{
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));}

.tw, .tw:focus{background-color: #88E1E6;}
.fb, .fb:focus{background-color: #3C5A98;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.4);}
.tw:hover{background-color: #b1f0f3;}
.fb:hover{background-color: #879bc3;}
.tw:before{content: "t";background: #91cfd3;background: rgba(0,0,0,.1);color: #fff;font-family: verdana;text-shadow: 0 1px 0 rgba(0,0,0,.4);}
.fb:before{content: "f";background: #4467ac;background: rgba(0,0,0,.1);color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.4);}

.bt-vde, .bt-vde:focus{background-color: #006666;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.4);}
.bt-vde:hover{background-color: #76c5c5;}


/* ************************************************************************************************************************************** */
/* *************************************************************  FORMS  **************************************************************** */
/* ************************************************************************************************************************************** */

input, textarea, select {border: 1px solid #000;padding: 0.4em;font-size: 10px;line-height: 8px;background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
-webkit-appearance: none;
-webkit-box-shadow: 1px 1px 1px #d4d4d4;
-webkit-border-radius: 0.4em;}
	 
input:focus, textarea:focus, select:focus {outline: none;border: 2px solid #006666;margin: -1px;}

textarea {background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(0.05, #fff));}

select {
background: #fff url("/util/img/bg-select.png") no-repeat right center;
-webkit-background-size: 1600px 20px;}

input[type=text] {background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(0.12, #fff));}

input[type=submit] {width: auto;border-radius: 2em;padding: 0.25em 1em;line-height: 1.5em;}
input[type=reset] {width: auto;border-radius: 2em;padding: 0.25em 1em;line-height: 1.5em;}

input[type=file].file-form {width: 250px;border-radius: 0.5em;padding: 0.25em 1em;line-height: 1.5em;}

input[type=checkbox],input[type=radio] {display: inline-block;font-size: 10px;line-height: 1em;margin: 0 0.25em 0 0;padding: 0;width: 12px;height: 12px;
-webkit-border-radius: 0.25em;
vertical-align: text-top;}

input[type=radio] {-webkit-border-radius: 2em;}

input[type=checkbox]:checked {background: url("/util/img/bg-checkbox.png") no-repeat center center;
-webkit-background-size: 12px 12px;}

input[type=radio]:checked {background: url("/util/img/bg-checkradio.png") no-repeat center center;
-webkit-background-size: 12px 12px;}


/* ************************************************************************************************************************************** */
/* *******************************************************  LISTAS CON FLECHA  ********************************************************** */
/* ************************************************************************************************************************************** */

.lista-1, .lista-1a, .lista-1b, .lista-2, .lista-2a, .lista-2b, .lista-3, .lista-3a, .lista-3b, .lista-4, .lista-4a, .lista-4b {float:left; margin:0px; padding:0px;}
.lista-1 ul, .lista-1a ul, .lista-1b ul, .lista-2 ul, .lista-2a ul, .lista-2b ul, .lista-3 ul, .lista-3a ul, .lista-3b ul, .lista-4 ul, .lista-4a ul, .lista-4b ul {list-style-type: none; margin:0px; padding:0px;}
.lista-1 ul li, .lista-1a ul li, .lista-1b ul li, .lista-2 ul li, .lista-2a ul li, .lista-2b ul li, .lista-3 ul li, .lista-3a ul li, .lista-3b ul li, .lista-4 ul li, .lista-4a ul li, .lista-4b ul li {padding:0px 0px 0px 12px; float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px; color:#000;}
.lista-1 ul li a, .lista-1a ul li a, .lista-1b ul li a, .lista-2 ul li a, .lista-2a ul li a, .lista-2b ul li a, .lista-3 ul li a, .lista-3a ul li a, .lista-3b ul li a, .lista-4 ul li a, .lista-4a ul li a, .lista-4b ul li a {color:#000;}
.lista-1 ul li a:link, .lista-1 ul li a:visited, .lista-1 ul li a:active, .lista-1a ul li a:link, .lista-1a ul li a:visited, .lista-1a ul li a:active, .lista-1b ul li a:link, .lista-1b ul li a:visited, .lista-1b ul li a:active, .lista-2 ul li a:link, .lista-2 ul li a:visited, .lista-2 ul li a:active, .lista-2a ul li a:link, .lista-2a ul li a:visited, .lista-2a ul li a:active, .lista-2b ul li a:link, .lista-2b ul li a:visited, .lista-2b ul li a:active, .lista-3 ul li a:link, .lista-3 ul li a:visited, .lista-3 ul li a:active, .lista-3a ul li a:link, .lista-3a ul li a:visited, .lista-3a ul li a:active, .lista-3b ul li a:link, .lista-3b ul li a:visited, .lista-3b ul li a:active, .lista-4 ul li a:link, .lista-4 ul li a:visited, .lista-4 ul li a:active, .lista-4a ul li a:link, .lista-4a ul li a:visited, .lista-4a ul li a:active, .lista-4b ul li a:link, .lista-4b ul li a:visited, .lista-4b ul li a:active {color:#000000;}
.lista-1 ul li a:hover, .lista-1a ul li a:hover, .lista-1b ul li a:hover, .lista-2 ul li a:hover, .lista-2a ul li a:hover, .lista-2b ul li a:hover, .lista-3 ul li a:hover, .lista-3a ul li a:hover, .lista-3b ul li a:hover, .lista-4 ul li a:hover, .lista-4a ul li a:hover, .lista-4b ul li a:hover {color:#27715b;font-weight:bold;}

.lista-1 ul li, .lista-1a ul li, .lista-1b ul li {width:470px;}
.lista-2 ul li, .lista-2a ul li, .lista-2b ul li {width:214px;}
.lista-3 ul li, .lista-3a ul li, .lista-3b ul li {width:105px;}
.lista-4 ul li, .lista-4a ul li, .lista-4b ul li {width:142px;}

.lista-1 ul li, .lista-2 ul li, .lista-3 ul li, .lista-4 ul li {background:url(/util/img/flechas/flecha-5.png) no-repeat left top;}
.lista-1a ul li, .lista-2a ul li, .lista-3a ul li, .lista-4a ul li {background:url(/util/img/flechas/tilde-1.png) no-repeat left top;}
.lista-1b ul li, .lista-2b ul li, .lista-3b ul li, .lista-4b ul li {background:url(/util/img/flechas/cuad-vde.png) no-repeat left top;}




























.contenedor-header {width:99vw; height: auto; margin: 0 0 1% 0;padding: 1% 0 1% 0; background-color:#ded2c7;display: flex;flex-wrap: wrap;grid-template-columns: 1fr 1fr;-webkit-transition: all 0.3s;transition: all 0.3s;}

.contenedor-header.navShadow {-webkit-box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2);box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2);height: 100px;}
.contenedor-header.navShadow #word-mark {opacity: 0;}

.columna-logo{width:34%; padding:0 1% 0 0;}
#columna-logo-2 {display:none;}

.columna-menu{width:59%; padding: 0 1% 1% 5%; -webkit-align-self: center;-ms-flex-item-align: center;align-self: center;}
.columna-boton{width:23%; padding:0 1% 0 0;}
.columna-logo, .columna-logo-2, .columna-menu, .columna-boton, .columna-1, .columna-2, .columna-3, .columna-4, .cuerpo{float: left; display: inline; margin: 0px;}

.contenedor {position: relative;width:100%; max-width: 1280px; margin: 0 auto;padding: 0;}

.icon-whatsapp:before {content: "\ea93";}

.columna-1{width:100%;}

.columna-2{width:18%;margin:1% 0 1% 1%;}
.lista-menu, .lista-menu-01 {width:91%; padding:4%; margin:0; display: inline-block;float: left;border-radius: 4px;}
.lista-menu {background-color: #fff;border: solid 1px #CCC;}
.lista-menu-01 {background-color: #fff;border: solid 1px #CCC;}

.lista-menu ul, .lista-menu-01 ul {list-style-position: inside;margin: 0;padding: 1%;list-style-type: none;}
.lista-menu ul li, .lista-menu-01 ul li {float:left;line-height:20px;font-size: 14px;}
.lista-menu ul li, .lista-menu-01 ul li {width:100%;}
.lista-menu h5, .lista-menu-01 h5 {color:#00325a;}

.columna-3{width:53%; margin:1%;}
.columna-4{width:24%; background-color: #e6e6e6;}

.banner{width:100%; margin:0 auto 0 auto; padding:8px 0 8px 0;}
.cuerpo{width: 64%; margin-right:1%;}
.logo {width:100%; max-width:350px;}
.logo-2 {width:100%; max-width:600px; text-align:center;}
.logo-3 {max-width:300px;}
.logo-4 {width:96%; max-width:600px; text-align:center; margin: 2%;}
footer{width:80%; background:#00325a;margin:0 auto 0 auto; padding:0 10% 0 10%;}

main input[type=text], select, textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical;}

/********** MENU **********/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:1;}
#cssmenu:after,#cssmenu &gt; ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;font-family: 'Open Sans', Helvetica, sans-serif;/*background: #ded2c7;*/}

#cssmenu.align-right &gt; ul &gt; li {float: right;}
#cssmenu &gt; ul &gt; li {float: left;display: inline-block;}
#cssmenu.align-center &gt; ul {float: none;text-align: center;}
#cssmenu.align-center &gt; ul &gt; li {float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu &gt; ul &gt; li &gt; a {padding: 18px 25px 21px 25px;border-right: 1px solid rgba(80, 80, 80, 0.12);text-decoration: none;font-size: 13px;font-weight: 700;color: #034d7f;text-transform: uppercase;letter-spacing: 1px;}
#cssmenu &gt; ul &gt; li:hover &gt; a,#cssmenu &gt; ul &gt; li &gt; a:hover,#cssmenu &gt; ul &gt; li.active &gt; a {color: #034d7f;background: #ded2c7;}
#cssmenu &gt; ul &gt; li.has-sub &gt; a {padding-right: 45px;}
#cssmenu &gt; ul &gt; li.has-sub &gt; a::after {content: "";position: absolute;width: 0;height: 0;border: 6px solid transparent;border-top-color: #d9eedc;right: 17px;top: 22px;}
#cssmenu &gt; ul &gt; li.has-sub.active &gt; a::after,
#cssmenu &gt; ul &gt; li.has-sub:hover &gt; a {border-top-color: #ffffff;}
#cssmenu ul ul {position: absolute;left: -9999px;top: 60px;padding-top: 6px;font-size: 13px;opacity: 0;-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;-moz-transition: top 0.2s ease, opacity 0.2s ease-in;-ms-transition: top 0.2s ease, opacity 0.2s ease-in;-o-transition: top 0.2s ease, opacity 0.2s ease-in;transition: top 0.2s ease, opacity 0.2s ease-in;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu &gt; ul &gt; li &gt; ul::after {content: "";position: absolute;width: 0;height: 0;border: 5px solid transparent;border-bottom-color: #ffffff;top: -4px;left: 20px;}
#cssmenu.align-right &gt; ul &gt; li &gt; ul::after {left: auto;right: 20px;}
#cssmenu ul ul ul::after {content: "";position: absolute;width: 0;height: 0;border: 5px solid transparent;border-right-color: #ffffff;top: 11px;left: -4px;}
#cssmenu.align-right ul ul ul::after {border-right-color: transparent;border-left-color: #ffffff;left: auto;right: -4px;}
#cssmenu &gt; ul &gt; li &gt; ul {top: 120px;}
#cssmenu &gt; ul &gt; li:hover &gt; ul {top: 52px;left: 0;opacity: 1;}
#cssmenu.align-right &gt; ul &gt; li:hover &gt; ul {left: auto;right: 0;}
#cssmenu ul ul ul {padding-top: 0;padding-left: 6px;}
#cssmenu.align-right ul ul ul {padding-right: 6px;}
#cssmenu ul ul &gt; li:hover &gt; ul {left: 220px;top: 0;opacity: 1;}
#cssmenu.align-right ul ul &gt; li:hover &gt; ul {left: auto;right: 100%;opacity: 1;}
#cssmenu ul ul li a {text-decoration: none;font-weight: 400;padding: 11px 25px;width: 220px;color: #777777;background: #ffffff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);}
#cssmenu ul ul li:hover &gt; a,#cssmenu ul ul li.active &gt; a {color: #333333;}
#cssmenu ul ul li:first-child &gt; a {border-top-left-radius: 3px;border-top-right-radius: 3px;}
#cssmenu ul ul li:last-child &gt; a {border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
#cssmenu &gt; ul &gt; li &gt; ul::after {position: absolute;display: block;}
#cssmenu ul ul li.has-sub &gt; a::after {content: "";position: absolute;width: 0;height: 0;border: 4px solid transparent;border-left-color: #777777;right: 17px;top: 14px;}
#cssmenu.align-right ul ul li.has-sub &gt; a::after {border-left-color: transparent;border-right-color: #777777;right: auto;left: 17px;}
#cssmenu ul ul li.has-sub.active &gt; a::after,#cssmenu ul ul li.has-sub:hover &gt; a::after {border-left-color: #333333;}
#cssmenu.align-right ul ul li.has-sub.active &gt; a::after,#cssmenu.align-right ul ul li.has-sub:hover &gt; a::after {border-right-color: #333333;border-left-color: transparent;}
@media all and (max-width: 940px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
/*#cssmenu {background: #ded2c7;}*/
#cssmenu &gt; ul {display: none;}
#cssmenu &gt; ul.open {display: block;border-top: 1px solid rgba(0, 0, 0, 0.1);background: #ded2c7;}
#cssmenu.align-right &gt; ul {float: none;}
#cssmenu.align-center &gt; ul {text-align: left;}
#cssmenu &gt; ul &gt; li, #cssmenu.align-right &gt; ul &gt; li {float: none;display: block;}
#cssmenu &gt; ul &gt; li &gt; a {padding: 18px 25px 18px 25px;border-right: 0;}
#cssmenu &gt; ul &gt; li:hover &gt; a, #cssmenu &gt; ul &gt; li.active &gt; a {background: rgba(0, 0, 0, 0.1);}
#cssmenu #menu-button {display: block;text-decoration: none;font-size: 14px;font-weight: 700;color: #00325a;padding: 18px 25px 18px 25px;text-transform: uppercase;letter-spacing: 1px;cursor: pointer;}
#cssmenu ul ul,#cssmenu ul li:hover &gt; ul,#cssmenu &gt; ul &gt; li &gt; ul,#cssmenu ul ul ul,#cssmenu ul ul li:hover &gt; ul,#cssmenu.align-right ul ul,#cssmenu.align-right ul li:hover &gt; ul,#cssmenu.align-right &gt; ul &gt; li &gt; ul,#cssmenu.align-right ul ul ul,#cssmenu.align-right ul ul li:hover &gt; ul {left: 0;right: auto;top: auto;opacity: 1;width: 100%;padding: 0;position: relative;text-align: left;}
#cssmenu ul ul li {width: 100%;}
#cssmenu ul ul li a {width: 100%;box-shadow: none;padding-left: 25px; font-weight:bold;}
#cssmenu ul ul ul li a {padding-left: 35px; font-weight:normal;}
#cssmenu ul ul li:first-child &gt; a,#cssmenu ul ul li:last-child &gt; a {border-radius: 0;}
#cssmenu #menu-button::after {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 1px solid #00325a;border-bottom: 1px solid #00325a;right: 5px;top: 8px;}
#cssmenu #menu-button::before {display: block;content: '';position: absolute;height: 2px;width: 22px;border-top: 1px solid #00325a;right: 5px;top: 16px;}
#cssmenu &gt; ul &gt; li.has-sub &gt; a::after,#cssmenu ul ul li.has-sub &gt; a::after {display: none;}
}



/*************************************** BOTONES ***************************************/
.boton-agregar {background:#FFA12C;border:2px solid #df7b00;color:#fff;padding:1px 2px 1px 2px;max-width:230px;margin:2px auto;font-weight:bold;font-size:15px;text-align:center;box-shadow:1px 1px 5px rgba(0,0,0,0.5);box-sizing:content-box;text-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;transition: 0.6s;}
.boton-agregar:before{content: "\ea0a"; font-family: 'icomoon'; padding: 0 10px 0 0;}
.boton-agregar:hover{background:#f88a00;}

</pre></body></html>