/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&family=Noto Sans:wght@300;400;700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Poppins:wght@300&display=swap');

/* 
COLORES EMPLEADOS
negro: #000
blanco: #fff
background azul obscuro: #222 
background azul claro hover: #0A72FF


TEXTOS
   Normal: Noto Sans (texto palo seco llano)
   Encabezados: Poppins (parecida a Century Gothic)

*/


/***************************************************************************************************************/
/*********************************************** ETIQUETAS *****************************************************/
/****************************************************************************************************************/

body{
    /*background:url('../img/fondo.jpg');*/ 
    background-color:#fff;
    margin-bottom:0px;
    padding-bottom: 0px; 
        
}
p, a, ul, li, h2, h4{ 
     font-family: Noto Sans;
     text-align: left;
}


h1, h2, h3, h4, h5{
   /*color:#0C3E74;*/ 
   font-family: Poppins;
}
h1, h2{
   /*font-weight:bold;*/
}
h1, h3, h5{
   text-align: center;
}

hr{
   border-color:rgba(10, 10, 10, 0.25);
   
}
a{
    /*color:#008CBA;*/
    /*color:#0C3E74;*/
    color:#365FB1;
    text-decoration:underline;
    /*border:1px solid red;*/
    /*color:#0A72FF;*/
}
a:hover, a:active, .blanco a:hover, .blanco a:active, .gris a:hover, .gris a:active{
    /*color:#0C3E74;*/
    /*color:#0A72FF;*/
    color:#365FB1;
    text-decoration: underline;
    /*border:none;*/
}

div{
    /*border:solid red 1px;*/
}



/***************************************************************************************************************/
/************************************************ ID ***********************************************************/
/***************************************************************************************************************/

#toolbar-menu{
   display:none; 
   width:100%; 
   height:100vh; 
   background-color:#fff; 
   z-index:1000; 
   position:fixed; 
   top:0px; 
}

#toolbar{
    width:100%; 
    position:fixed; 
    bottom:0px;
    left:0px;
    z-index:20000;
    /*background:rgba(256,256,256,.98);*/
    background:#fff;
    -webkit-backdrop-filter: blur(5px);
    /*backdrop-filter: blur(5px);*/
    padding:0px;
    margin:0px;
}
#espaciador-toolbar{
    background: #0C3E74;
}

#banner-superior{
    /*position:fixed;*/ 
    position:relative; 
    top:0px; 
    left:0px;
    width:100%; 
    background:rgba(0,0,0,0); 
    color:#666; 
    padding:0px;
    border-bottom:#222 solid 0px; 
    z-index:1000;
}



#espaciador-banner-superior{
    background:#eee;
    
}


#boton_arriba {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    width:120px;
    left: 50%; /* Place the button 30px from the right */
    margin-left: -60px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 5px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    text-align:center;
    background-color: #000;
    color:#fff;
    opacity:.5; 
}

#boton_arriba:hover {
    /*background-color: #0A72FF;  Add a dark-grey background on hover */
    /*background-color: rgba(256,256,256,.8);  Add a dark-grey background on hover */
    /*color:#000;*/
    background-color: #000;
    color:#fff;
    opacity:.8; 
    /*border-color:#000;*/
}


/***************************************************************************************************************/
/*********************************************************class*************************************************/
/***************************************************************************************************************/

.bold{
   font-weight:bold;
}

.precio{
   display:none;
    background-color:#0C3E74;
    color:#fff;
    width:100%;
    text-align:center;
    padding:10px 20px;
    font-size:15pt;
    margin:-10px 0px 0px 0px;
    border-radius:0px 0px 3px 3px;
    border-style:solid;
    border-color:#0C3E74;
    
}
.orbit-previous, .orbit-next{
    color:#fff;
    background:#333;
    margin:0px 10px;
    opacity:.3;
}
.orbit-previous:hover, .orbit-next:hover{
    color:#fff;
    background:#333;
    /*margin:0px 10px;*/
    opacity:.8
}
.slogan{
    /*text-shadow: 0px 0px 8px rgba(0,0,0,0.85);*/ 
    font-family: "Poppins";
    color:#fff;
}
    
.button{
    background-color: #0C3E74;
}
.button:active, .button:focus, .button:hover{
    background-color: #0A72FF;
}

#imagen-de-fondo{
   background-repeat: no-repeat;
   background-position:center center;
   background-attachment: fixed; 
   background-size:cover;
   border:0px;
   opacity:1;
   position:fixed; 
   z-index:-99; 
   bottom:0px; 
   min-height:100vh; 
   min-width:100vw; 
   object-fit:cover; 
   top:0;
}


.definicion{
    margin-bottom:0px;
    font-weight: bold;
}

.sombra{
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
   
}
.redes-sociales a img{
   border-radius:3px;
   margin:10px;
}
.redes-sociales a:hover img, .redes-sociales a:active  img{
   box-shadow: 0px 0px 15px 12px #fff;
   -moz-box-shadow: 0px 0px 15px 12px #fff;
   -webkit-box-shadow: 0px 0px 15px 12px #fff;
   border-radius:3px;
   background-color:#fff; 
    
}
.top-bar, .top-bar ul {
    background-color:transparent;
    padding:0px;
    border:0px solid red;
}
.fondo-blanco{
   color:#000; 
   background-color:#fff; 
}
.fondo-obscuro *{
   color:#fff;
}
.fondo-obscuro *:hover, .fondo-obscuro *:active {
   color:#fff;

}
.top-bar a{
    font-family: arial;
    /*font-family: Poppins;*/
    
    color:#666;
    /*background-color: red;*/
    font-size:12pt;
    line-height:25px;
    text-align: center;
}
.dropdown.menu .is-active > a{
    color:#fff;
    background:#0C3E74;
}

.top-bar ul a:hover{
    color:#fff;
    background:#0C3E74;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #666 transparent transparent;
}
.dropdown.menu > li.is-dropdown-submenu-parent:hover > a::after {
    border-color: #fff transparent transparent;
}
.dropdown.menu > li.is-dropdown-submenu-parent:active > a::after {
    border-color: #fff transparent transparent;
}
.top-bar ul {display: table; margin: 0 auto;}
.top-bar ul li {display: table-cell;}




.boton-moviles{
    width:100%; 
    height:50px; 
    line-height:50px; 
    font-size:12pt; 
    text-decoration:none; 
    margin-right:100px; 
    padding:0px 20px;
    position:relative;
}
.boton-moviles img{
    border:0px solid red; 
    position:absolute; 
    right:0px; 
    top:0px; 
    height:50px;
}

.iconoToolbar{
    float:left; 
    width:20%; 
    /*border-top:5px solid #EAC9BB;*/ 
    color:#0C3E74; 
    text-align:center; 
    font-size:8pt; 
    padding-bottom:5px; 
}
.iconoToolbar a{
    color:#0C3E74;
    
}
.iconoToolbarGrande{
    background:#fff; 
    border-radius:999px;  
    border:0px solid red; 
    width:80%; 
    margin:10px 0px 5px 0px; 
    padding:5px;
}
.iconoToolbar img{
    width:50%; 
    max-width:45px;
    margin:10px 0px 5px 0px;
}



.cursiva{
    font-family: Noto Sans;
    font-style: italic;
}

.callout{
    /*border:1px solid red;*/
    /*margin:0px;*/
    background: #0C3E74;
    color:#fff;
}

div.footer{
    font-size:12pt; 
    background-color:#ddd;
    color:#000; 
    padding:15px 0px;
    border-top:1px solid #ccc;
}

.callout-blanco{
    background-color: #fff;
    color:#000;
    padding:20px;
}

.sombra-interna{
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);   
}

.contacto{
   background-color:#fff; 
   border-width:1px 0px 0px 0px; 
   border-style:solid;  
   border-color:rgba(10, 10, 10, 0.25); 
}
.contacto a{
   text-decoration:none;
}
.contacto a:hover, .contacto a:active{
   text-decoration:underline;
}
td.enlaces-banner-superior{
   background-color:transparent;
}
.enlaces-banner-superior a{
   color:#365FB1;
   text-decoration:none;
   border:1px solid #365FB1;
   border-radius:99px;
   padding:2px 10px;
   background-color:#fff;

   background-color:#0C3E74;
   color:#fff;
   text-decoration:none;
   border:1px solid #365FB1;
   border-radius:15px;
   padding:3px 15px;
   /*margin-top:20px !important;*/
}
.enlaces-banner-superior a:hover, .enlaces-banner-superior a:active {
    /*color:#fff;*/
    /*border:1px solid green;*/
    /*padding: 2px 10px;*/
    background-color:#365FB1;
    /*border-radius:99px;*/
    text-decoration: none;
}


.footer a{
    color:#336699;
    text-decoration:none;
}
.footer a:hover, .footer a:active {
    text-decoration:underline;
}



p.instrucciones{
    margin:0px auto 20px auto;
    text-align: center;
    font-family: Poppins;
    font-size:11pt;
    /*background: rgba(0,0,0,.5);*/
}
.img-enlace{
    cursor:pointer;
    /*-webkit-filter: grayscale(30%);*/

    
}
.img-enlace:hover{
    cursor:pointer;
    border:4px solid #ffff99;
    /*-webkit-filter: none;*/
}





.redondea{
    border-radius:5px;
}



.boton-accion{
    background-color:#2A8939;
    color:#fff;
    font-size:12pt;
    width:100%;
    padding:15px 25px;
    text-decoration:none;
    /*font-size:10pt;*/
    margin:10px 0px;
    line-height:15pt; 
}

.boton-accion:hover, a.boton-accion:active, a.boton-accion:visited{
    background-color:#36B149 !important;
    color:#fff;
    font-size:12pt;
    width:100%;
    padding:15px 25px;
    text-decoration:none;
    /*font-size:10pt;*/
    margin:10px 0px;
    line-height:15pt; 
}

.horarios-de-atencion{
    background-color:rgba(30,53,99,1);
    color:#fff;
    padding:20px 20px 10px 20px;  
}
.logo-banner{
   height:120px; border:solid red 0px; margin:10px 30px 10px 0px; padding:0px;
}
div.banner-superior-pequeño-parado, .enlaces-banner-superior{
   /*background:#fff;*/
   
}

.texto-mas-grande{
   font-size:1.2em
}

.sinsubrayar a, .sinsubrayar a:hover, .sinsubrayar a:active{
   text-decoration:none;
}
.mapa-del-sitio a:hover, .mapa-del-sitio a:active{
   color:#2A8939;
}

.tabla-centrada *{
   background-color:transparent;
   border:0px solid red;
}
.tabla-centrada{
   display:inline;
   width:auto;
   margin-left:auto;
   margin-right:auto;
}

    
    


/*condicionadas por dispositivo*/

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {
    p.instrucciones{
       font-size:15pt; 
    }    
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}