/* COLORES EMPLEADOS
background azul #6F4790 
background azul:hover #0A72FF
*/
.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;
}
    
.button{
    background-color: #6F4790;
}
.button:active, .button:focus, .button:hover{
    background-color: #0A72FF;
}

.imagen-fondo{
    background-repeat: no-repeat;
    background-position:center center;
    background-attachment: fixed; 
    background-size:cover;
    border:0px;
}

body{
    /*background:url('../img/fondo.jpg');*/ 
    background-color:#eee;
    margin-bottom:0px;
    padding-bottom: 0px; 
        
}
*, p, p a, ul li{ 
     font-family: Roboto;
     text-align: left;
}
h1, h2, h3, h4, h5{
    font-family: Montserrat;
}
h1{
    text-align: center; 
}
p.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);
   
}
.sombra2{
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
   
}
#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: #6F4790;
}

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

.top-bar, .top-bar ul {
    /*background-color:#fff;*/
    background-color:#fff;
    
    padding:0px;
    border:0px solid red;
}
.fondo-rosa a{
    color:#fff;
}
.top-bar a{
    font-family: Roboto;
    /*font-family: Montserrat;*/
    
    color:#666;
    /*background-color: red;*/
    font-size:12pt;
    line-height:25px;
    text-align: center;
}
.dropdown.menu .is-active > a{
    color:#fff;
    background:#6F4790;
}

.top-bar ul a:hover{
    color:#fff;
    background:#6F4790;
}

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

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

.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 #6F4790; 
    color:#6F4790; 
    text-align:center; 
    font-size:8pt; 
    padding-bottom:5px; 
}
.iconoToolbar a{
    color:#6F4790;
    
}
.iconoToolbarGrande{
    background:white; 
    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;
}



p.cursiva{
    font-family: Roboto;
    font-style: italic;
}

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

div.footer{
    font-size:12pt; 
    background-color:#6F4790;
    color:white; 
    padding:15px 0px;
}

a, .blanco a, .gris a{
    /*color:#008CBA;*/
    /*color:#6F4790;*/
    color:#C6578F;
/*color:#0A72FF;*/
}

a:hover, a:active, .blanco a:hover, .blanco a:active, .gris a:hover, .gris a:active{
    /*color:#6F4790;*/
    /*color:#0A72FF;*/
    color:#C6578F;
    text-decoration: underline;
    /*border:none;*/
}

a.boton-descarga{
    color:#fff;
    background:green;
    margin-top:7px;
    
}
a.boton-descarga:hover{
    background:yellowgreen;
}


div.azul a, div.footer a{
    color:white; 
}
.azul a:hover, div.footer a:hover{
    color:white; 
    text-decoration: underline;
    
}

/*boton scroll*/
#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 */
    /*border: 2px solid white;  Remove borders */
    /*outline: none;  Remove outline */
    /*background-color: #6F4790;  Set a background color */
    /*background-color: rgba(0,0,0,.8);  Set a background color */
    /*color: white;  Text color */
    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;*/
}

.callout-blanco{
    background-color: #fff;
    color:#000;
    padding:20px;
}
.descripcion-expandida{
    /*margin:0 0 17px 0px;*/
    background-color:rgba(0,0,0,.3);
    /*background-color:#ddd;*/
    color:white;
    /*-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.75);*/
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);
    margin:0px 0px 17px 0px;
    /*padding:0px;*/
    /*width:50%;*/

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



h1{
    text-align: center; 
}
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;*/
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .contenedor-carrusel{
        background-color:#eee; 
        color:#fff; 
        padding:17px 15px;
    }    
    
}

/* 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) {
     .contenedor-carrusel{
        background-color:#eee; 
        color:#fff; 
        padding:25px 20px;
    }   
    
}

/* Large and up */
@media screen and (min-width: 64em) {
    .contenedor-carrusel{
        background-color:#eee; 
        color:#fff; 
        padding:25px 20px;
    } 
    
}

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

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

.redondea{
    border-radius:10px;
}