body{
    background-color:#062554;
    /*margin-bottom:0px;*/
    /*padding-bottom: 0px;*/ 
    font-family: Roboto;
    /*text-align: left;*/   
    font-size:13pt;
}
p, p a, ul li{ 
     font-family: Roboto;
     text-align: justify;
     
}

div.columns.small-12{
   padding:0px 10px;
}
h1, h2, h3, h4, h5, h6{
   font-family: Montserrat;
   color:#003366;
   /*font-family: Ovo;*/
}
h1, h2, h3{
   /*font-weight:600;*/
   text-align: center;
/*font-weight:600;*/
   /*font-variant: small-caps;*/
   /*text-transform:uppercase;*/
   
}
.accordion-title{
    /*font-family: Montserrat;*/
    font-size:12pt;
    color:#003366;
    font-weight:600;
}
b{
   font-weight:600;
}


hr{
   border-color:rgba(10, 10, 10, 0.25);
   margin:15px 0px;
}
a{
    /*color:#008CBA;*/
    /*color:#222;*/
    /*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:#222;*/
    /*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:100; 
   position:fixed; 
   top:0px; 
}

#toolbar{
    width:100%; 
    position:fixed; 
    bottom:0px;
    left:0px;
    z-index:200;
    /*background:rgba(256,256,256,.98);*/
    background:#fff;
    -webkit-backdrop-filter: blur(5px);
    /*backdrop-filter: blur(5px);*/
    padding:0px;
    margin:0px;
    /*background-image:url('../img/fondos/blanco.jpg');*/
}
#espaciador-toolbar{
    
    background-color:rgba(256,256,256,.9)
}

#banner-superior{
    /*position:fixed;*/ 
    position:relative; 
    top:0px; 
    left:0px;
    width:100%; 
    background:#fff; 
    color:#fff; 
    padding:0px;
    z-index:50;
}



#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;*/
}


/***************************************************************************************************************/
/*********************************************************CLASES************************************************/
/***************************************************************************************************************/

/*.bold{
   font-weight:bold;
}*/


.precio{
   display:none;
    background-color:#222;
    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:#222;
    
}
.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: "Montserrat";
    color:#fff;
}
    
#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:rgba(200,220,240,1);
    /*background-image:url('../img/fondos/blanco.jpg');*/
    padding:0px;
    margin:0px;
    border:0px solid red;
    
    
}
.fondo-claro{
   color:#000; 
}
.fondo-obscuro *{
   color:#fff;
}
.fondo-obscuro *:hover, .fondo-obscuro *:active {
   color:#fff;

}


.top-bar ul {display: table; margin: 0 auto;}
.top-bar ul li {display: table-cell;}
.top-bar a{
    font-family: Roboto;
    /*font-family: Ovo;*/
    font-family: Montserrat;

    /*text-transform:uppercase;*/

    color:#333;
    font-size:14pt;
    line-height:25px;
    /*background:#eee;*/
    /*text-align: center;*/
}
.top-bar a:hover{
    color:#fff;
    background:#155F8B;
    
}
.menu-identificado{
    background:#A1020C;
}
.menu-identificado .top-bar{
    background:#A1020C;
}
.menu-identificado a{
    color:#fff;
    background:#A1020C;
}
.menu-identificado a:hover{
    color:#fff;
    background:#1C1C1B;
}
.icono_menu_identificado{
    height:30px;
    margin:0px 10px 0px 0px;
    padding:0px;
    /*border:1px solid #000;*/
}
.nombre_menu_identificado{
    margin:0px;
    color:#fff; 
    float:right;
    font-size: 25px;
    line-height:50px;
    /*border:1px solid #000;*/
}
.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:3px solid #A1020D;*/ 
    color:#222; 
    text-align:center; 
    font-size:8pt; 
    padding-bottom:5px; 
}
.iconoToolbar a{
    color:#222;
    
}
.iconoToolbar img{
    width:50%; 
    max-width:45px;
    margin:10px 0px 5px 0px;
}
.cursiva{
    font-family: Roboto;
    font-style: italic;
}

div.footer{
    font-size:12pt; 
    /*background-color:#222;*/
    color:#222; 
    padding:15px 0px;
}

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

.orilla-superior{
   /*border-width:1px 0px 0px 0px;*/ 
   /*border-style:solid;*/  
   /*border-color:rgba(10, 10, 10, 0.25);*/ 
   
}
.orilla-inferior{
   /*border-width:0px 0px 1px 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:#000;
   text-decoration:none;
   /*border:1px solid #666;*/
   border-radius:5px;
   padding:2px 10px;
   background-color:#efefef;
   /*line-height:12pt;*/
   /*height:100px !important;*/
}
.enlaces-banner-superior a:hover, .enlaces-banner-superior a:active {
    color:#000;
/*    border:1px solid green;*/
    /*padding: 2px 10px;*/
    background-color:#f5f5f5;
    /*border-radius:99px;*/
    text-decoration: none;
    
}

.enlaces-banner-superior a img{
   margin-top:-3px;
}

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



p.instrucciones{
    margin:0px auto 20px auto;
    text-align: center;
    font-family: Montserrat;
    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-link{
    background-color:#2A8939;
    color:#fff;
    text-decoration:none;
}

.boton-link:hover, a.boton-link:active, a.boton-link:visited{
    background-color:#36B149;
    color:#fff;
    text-decoration:none;
    
}

.boton-descarga{
    background-color:#003366;
    color:#fff;
    text-decoration:none;
}

.boton-descarga:hover, a.boton-descarga:active, a.boton-descarga:visited{
    background-color:#336699 !important;
    color:#fff;
    text-decoration:none;
}

.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;
}


.sombra-interna, .div-descripcion{
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);   
}
.div-descripcion{
   border:0px solid red; 
   background-color:rgba(0,0,0,.2);
   margin:0px 0px 20px 0px !important; 
   padding:0px !important;
   box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);   
}
label.error{
   color:#aa0000;
   font-style:italic;
   margin-bottom:16px;
   
}
label.error{
   color:#aa0000;
   font-style:italic;
   margin-bottom:16px;
   
}
input.error, select.error{
   margin-bottom:0px;
}


h4, h3 {
    color: #155F8B;
}

.div-de-seccion{
    background-color:#C8DCF0;
    padding:10px 10px;
    border-radius:5px;
}
.orbit-container{
    border-radius:5px;
}


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

/* Medium and up */
@media screen and (min-width: 40em) {
  
    .div-de-seccion{
        padding:40px 30px 30px 30px;
    }
    

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
     .div-de-seccion{
        padding:40px 30px 30px 30px;
    }
    
}

/* Large and up */
@media screen and (min-width: 64em) {
    
    .div-de-seccion{
        padding:30px;
    }
    
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .div-de-seccion{
        padding:30px;
    }
    
}
