/*CSS realizado por Ludovic Laisnez*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        font-family: sans-serif;
    }
}

html 
{    
    font-family: 'Merriweather', 'Times New Roman', Times, Serif;   /*Fuente común al conjunto de la página*/   
    font-size: 100%;
    background-color: WHITE;   
}

body
{    
    font-family: "lato", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #586667;   
    background-color: #f5f5f5;
}

#layout-content
{
    padding-top: 60px;    
    margin: auto;
}

@media (max-width: 992px){
    #layout-content
{
    padding-top: 0px;    
    margin: auto;
}
}

/******************************************************************************/
/*****************************COLORES PRINCIPALES******************************/
/******************************************************************************/


.borde_dorado
{
    border: #c2b161 1px solid;
}

.borde_gris
{
    border: #343A40 1px solid;
}

.borde_negro
{
    border: BLACK 1px solid;
}

.borde_azul
{
    border: #21449e 1px solid;
}

.borde_naranja
{
    border: #EF7F1A 2px solid;
    border-bottom: #EF7F1A 6px solid;
    border-right: #EF7F1A 4px solid;
}

.fondo_amarillo
{
    background-color: #d4af37;
    color: #21449e;
}

.fondo_amarillo a, 
.fondo_amarillo h2, 
.fondo_amarillo h3, 
.fondo_amarillo h4 
{   
    background-color: #d4af37;
    color: #21449e;
}

.fondo_azul
{
    background-color: #0e4796;
    color: WHITE;     
    padding-bottom: 30px;
}

.fondo_azul a,
.fondo_azul h1,
.fondo_azul h2, 
.fondo_azul h3, 
.fondo_azul h4 
.fondo_gris_oscuro a, 
.fondo_gris_oscuro h2, 
.fondo_gris_oscuro h3, 
.fondo_gris_oscuro h4 
{   
    color: #FF6600;
}

.fondo_gris_oscuro h1 

{
    color: WHITE;
}

.fondo_azul a
{   
    text-decoration: none;
}

.fondo_blanco
{
    background-color: WHITE;      
}

.fondo_crema
{
    background-color: #c2b161;
}

.fondo_crema a
{
    color: #321f17;
}

.fondo_gris_claro
{
    background-color: #d2d2d2;    
    color: #2d2d2d;
}

.fondo_gris_claro2
{
    background-color: #d6d6d6;    
    color: #2d2d2d;
}

.fondo_gris_oscuro
{
    background: #222222;   
    color: WHITE;
}

.fondo_color_nav
{
    background-color: #343a40;
}

.fondo_color_nav *
{
    color: WHITE;
}

.fondo_naranja
{
    background-color: #EF7F1A !important; 
    color: #2d2d2d;
}

.fondo_naranja a, 
.fondo_naranja h2, 
.fondo_naranja h3, 
.fondo_naranja h4 
{   
    background-color: #EF7F1A;    
}

.fondo_negro
{
    background-color: BLACK;
    color: WHITE;
}

.fondo_negro a
{   
    color: WHITE;
}

.fondo_rojo
{
    background-color: #da0004;
    color: #c2b161;
}

.fondo_rojo a
{   
    color: WHITE;
}

.fondo_verde{
    color: GREEN !important
}

.fuente_blanca
{
    color: WHITE !important;
} 

.fuente_dorada
{
    color: #c2b161;
}

.fuente_gris_claro a 
{
    color: BLACK;
}

.fuente_marron
{
    color: #321f17;;
}

.fuente_negra
{
    color: BLACK;
}

.fuente_orangered
{
    color: orangered;
} 

.fuente_verde
{
    color: #008F39;
} 

.fuente_roja
{
    color: #da0004;
} 

.email
{
    color:blue;  
}

/******************************************************************************/
/********************************PRIMER ENLACE*********************************/
/******************************************************************************/
a.skip-main 
{    
    margin: auto;
    text-align: center;
    position: absolute;
    right: 25%;    
    top:70px;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;    
}

a.skip-main:focus, a.skip-main:active 
{           
    height: auto;
    overflow:auto;
    margin: 10px 35%;             
    z-index:999;
}

noscript
{
    position: fixed;
    width:400px;
    left: 30%;
    top: 50%;
    z-index:1000;
    background: #222222;
    color: WHITE;  
    padding: 20px;
}

@media (max-width: 767px) {
    noscript
    {
        position: fixed;
        width:300px;
        left: 10%;
        top: 20%;
        z-index:1000;

    }
}

/******************************************************************************/
/******************************TITULO PRINCIPAL********************************/
/******************************************************************************/

h1, h2, h3, h4, h5, h6
{
    font-family: 'Lato', Arial, sans-serif;   /*Fuente com�n a los t�tulos*/   
}

h1
{
    font-size: 28px;
    font-weight: 900;  
    letter-spacing: 10px;
    color: #2d2d2d;    
    text-align: center;
    font-variant: small-caps;    
}

.carousel-caption h1 a{
    color: white; 
    text-decoration: none; 
}

.carousel-caption h1 a:visited{
    color: white; 
    text-decoration: none; 
}

.carousel-caption h1 a:hover{
    color: #ef7f1a; 
}

.mail
{
    font-variant: inherit;  
}

h2
{
    font-size: 18px; 
    font-weight: 700;  
    letter-spacing: 6px;
    color: #2d2d2d;       
    text-align: center;
    font-variant: small-caps;
    padding: 10px;      
}

h3
{
    font-size: 16px; 
    font-weight: 600;  
    letter-spacing: 3px;
    color: #2d2d2d;       
    text-align: center;
    font-variant: small-caps;
    padding: 10px;  
    margin-top: 10px; 
    margin-bottom: 20px;        
}

h4
{
    font-size: 15px;
    font-weight: 400;    
    color: #2d2d2d;  
    margin-top: 15px; 
    margin-bottom: 3px;   
}

h5
{
    font-size: 11px;
}

h6
{
    font-size: 1rem;
}

p, ol, ul, blockquote, dl
{
    font-size: 15px;
}  

.lead {
    font-size: 1.10rem;
    font-weight: 300;
}

.especial
{   
    background-color: BLACK;
    margin: 10px;
    padding: 15px;
    opacity: 0.60;
}

.especial p {
    text-align: center;
    opacity: 1;
}

.especial h1, .especial h2 {
    opacity: 1;
    color: WHITE; 
}

.sin
{
    list-style-type: none; 
    margin-left: 0px;
}

.sin li
{    
    margin-bottom: 10px;    
}

.lista li
{
    text-align: left; 
}

dd
{
    text-align: justify;
    margin-bottom: 15px;
}

p
{
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;    
}

.first
{
    text-indent: inherit;
}

strong, .web
{
    font-weight: bold;
}

hr
{
    border-width:1px!important;
    border-style:inset;
    color:#2d2d2d;
    width:50%;
    margin-top: 15px;	
    margin-bottom: 15px;    
}

hr.trait_gris
{    
    color:#d2d2d2;     
}

hr.trait_negro_casi
{   
    color:#2d2d2d;      
}

hr.trait_negro
{   
    color:BLACK;      
}

hr.trait_rojo
{    
    color:#b11f2a;     
}

hr.trait_azul
{   
    color:#2ea3f2;      
}

hr.grand
{    
    margin-top: 15px;	
    margin-bottom: 15px;    
}

hr.petit
{       
    margin-top: 5px;	
    margin-bottom: 5px;
}

table {  
    border: 2px solid #fff;   
    width: 100%;
}

table.format_peque {      
    width: 50%;
}

@media (max-width: 1200px)
{
    table.format_peque {      
        width: 80%;
    }
}

@media (max-width: 400px)
{
    table.format_peque {      
        width: 95%;
    }
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

td.titulos, th.titulos{
    width: 70%;
}

td.precios, th.precios{
    /*Solo hay uno de este tipo*/
    width: 30%;
}

tr:nth-child(even) {
    background-color: #fff;
}

/************************************MULTIMEDIA**********************************/

audio,
video 
{
    display: inline-block;
}

video::-internal-media-controls-download-button {
    display:none !important;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden !important;
}


video::-internal-media-controls-cast-button{display:none;}

.videoWrapper { 
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ 
    height: 0;
    ​width: 100%; /* You can set this width to whatever suits your needs */     
    margin: 0 auto;
}

.videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%;
}

.videoWrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%;
}

@media (max-width: 992px) { 
    video.video
    {
        width: 350px;
    }  
}

@media (max-width: 575px) { 
    video.video
    {
        width: 465px;
    }  
}

@media (max-width: 500px) { 
    video.video
    {
        width: 400px !important;
    }
}

@media (max-width: 405px) { 
    video.video
    {
        width: 300px !important;
    }
}

@media (max-width: 350px) { 
    video.video
    {
        width: 250px !important;
    }
}

@media (max-width: 300px) { 
    video.video
    {
        width: 200px !important;
    }
}

/******************************************************************************/
/***********************FORMATOS DE IMÁGENES***********************************/
/******************************************************************************/

#proyecto_img
{
    position: relative;    
    text-align: center;    
}

#proyecto_img img
{	           
    width: 100%;
    height: auto;        
}

/******************************************************************************/
/******************************************************************************/
/*******************************CLASES*****************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*******************************POSICIONAMIENTOS*******************************/
/******************************************************************************/

/*Centrar verticalmente con CSS - MUY IMPORTANTE*/
.padre 
{
    display: table;
    height:30px;
}
.hijo 
{
    display: table-cell;
    vertical-align: middle;
}

/******************************************************************************/
/***********************************CLASICOS***********************************/
/******************************************************************************/

.asterix
{/*Mocion importante de color rojo con una margen de 5 pixeles*/
    color: orangered; 
    margin-left: 5px;
    font-size: 1.9em;
}

.arriba
{
    vertical-align:top !important;
}

/*Reglas de BOX*/

.box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.box_arriba {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: initial;
}

.item_peq {
    margin-top: 2rem;
    min-width: 125px;
    margin-bottom: 1rem;
}

.item_rid {
    margin-top: 1rem;
    min-width: 75px;
    margin-bottom: 1rem;
}

.item {
    margin-top: 2rem;
    min-width: 200px;
    margin-bottom: 2rem;
}   

@media (max-width: 1200px) {
    .item img {
        max-width: 90%;
    }

    .blog .item img {
        max-width: 100%;
    }
}

.item img.detalle {
    max-width: 90%;
    -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.75);
    padding: 20px;
}

.item img.detalle:hover {
    filter: gray;
    -webkit-filter: grayscale(1);
}

.item5 {
    width: calc(5% - 1rem);
}

.item10 {
    width: calc(10% - 1rem);
}

.item15 {
    width: calc(15% - 1rem);
}

.item20 {
    width: calc(20% - 1rem);
}

.item25 {
    width: calc(25% - 1rem);
}

.item30 {
    width: calc(30% - 2rem);
}

.item50 {
    width: calc(50% - 2rem);
}

.item40 {
    width: calc(40% - 2rem);
}

.item60 {
    width: calc(60% - 2rem);
}

.item70 {
    width: calc(70% - 2rem);
}

.item70_ {
    width: calc(65% - 1rem);
}


.item100 {
    width: calc(100%);
}

@media (max-width: 766px) {
    .item70, .item60 {
        width: calc(25% - 2rem);
    }

    .item_mov_20 {
        width: calc(20% - 2rem);
    }

    .item50 {
        width: calc(100% - 2rem);
    }

    .box_mov {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    .item_mov {
        margin-top: 2rem;
        min-width: 200px;
        margin-bottom: 2rem;
    }
}

@media (max-width: 992px) {
    .item40 {
        width: calc(50% - 2rem);
        text-align: center;
    }

    .item30 {
        width: calc(50% - 2rem);

    } 
}



@media (max-width: 778px) {
    .item40 {
        width: calc(100% - 2rem);
        text-align: center;
    }

    .item30 {
        width: calc(100% - 2rem);

    } 
}

.seleccionable:hover {
    cursor: pointer;
}


/*MUY IMPORTANTE a juntar a la Caja responsiveXXX adecuada*/

.caja_responsive {
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center; 
}

.caja_responsive img {
    vertical-align: middle;
}

.caja_responsive50 img {
    max-width: 50px;
}

.caja_responsive75 img {
    max-width: 75px;
}

.caja_responsive125 img {
    max-width: 125px;
}

.caja_responsive150 img {
    max-width: 150px;
}

.caja_responsive200 img {
    max-width: 200px;
}

.caja_responsive242 img {
    max-width: 242px;
}

.caja_responsive300 img {
    max-width: 300px;
}

.caja_responsive400 img {
    max-width: 350px;
}

.caja_responsive500 img {
    max-width: 500px;
}

.caja_responsive600 img {
    max-width: 600px;
}

.caja_responsive850 img {
    max-width: 850px;
}

@media (max-width: 992px){     
    .caja_responsive600 img{
        max-width: 400px;   
    }            
    .caja_responsive300 img{
        max-width: 200px;   
    } 
}



@media (max-width: 576px){     
    .caja_responsive600 img{
        max-width: 200px;   
    }   

    .caja_responsive400 img{
        max-width: 300px;   
    }

    .caja_responsive300 img{
        max-width: 180px;     
    } 
}

@media (max-width: 320px){     
    .caja_responsive600 img{
        max-width: 180px;   
    }   

    .caja_responsive400 img{
        max-width: 180px;   
    }

    .caja_responsive300 img{
        max-width: 180px;     
    } 
}

.centrado
{
    text-align: center !important;   
}

.centrado_forzado
{
    text-align: center !important; 
    margin: 0 auto !important;  
}

.centrado_forzado_15
{
    text-align: center !important; 
    margin: 15px auto !important;  
}

.columna
{/*Para posicionar DIV en linea en defecto landscape*/
    display: inline-block !important;       	
}

.deco
{
    /* Imagen representativa centrada con margen arriba */
    text-align: center;    
    margin-top: 10px;	
}

.derecha
{/*Contenidos alineados a la derecha*/
    text-align: right !important;  	
}

.enmedio
{
    vertical-align:middle !important;
}

.float_br
{/*Para crear una sepacion como un br/ despues de un float*/
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.float_limpio::after
{
    display: block;
    clear: both;
    content: "";
}

.float_der_con_margen 
{
    float: right;
    margin-right: 15%;
}

.float_der_sin_margen 
{
    float: right;	
}

.float_izq_con_margen 
{
    float: left;
    margin-right: 15%;
}

.float_izq_sin_margen
{
    float: left;
}

.italik
{
    font-style: italic;
}

.izquierda
{
    text-align: left !important;    		
}

.justificado
{
    text-align: justify;
}

.mayuscula
{
    text-transform: uppercase;    
}

.negrita
{
    font-weight:bold;    
}

.relative
{
    position: relative;
}

.subrayado
{
    text-decoration: underline;
}

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

.taille_xxs
{
    font-size: 0.7em;
}

.taille_xs
{
    font-size: 0.8em;
}

.taille_s
{
    font-size: 0.9em;
}

.taille_l
{
    font-size: 1.1em;
}

.taille_xl
{
    font-size: 1.3em;
}

.taille_xxl
{
    font-size: 1.5em;
}

.taille_xxxl
{
    font-size: 2.5rem;
}


/******************************************************************************/
/**************************VISIBILIDAD Y EFECTOS*******************************/
/******************************************************************************/
/* Visibilidad de elementos */

.visible
{
    visibility: visible;
}

.block
{
    display: block;	
}

.deshabilitado
{	
    opacity: .5;
    filter: alpha(opacity=50) blur(1px); 
    background-color:#FF5C33 !important; 
    cursor: crosshair;
}

.habilitado
{
    cursor: pointer;
    background-color:#72181a !important;	
}

.importante
{/*Serie de opciones para "notas importantes"*/
    margin-top: 5px;   	
    font-weight: bold;  
    font-variant: small-caps;
}

.no_visible
{
    visibility:hidden;
    display:none;
}

.opacidad
{    
    opacity: .7;
    filter: alpha(opacity=70) blur(1px); /* For IE8 and earlier */
}

.opacidad:hover
{ 
    filter: none;
    opacity: 1;
    z-index: 10
}

.redonda
{
    -webkit-border-radius: 150px;    
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.redondeado
{
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div#rotar 
{
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

.rotaX
{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);	

    transition: transform 4s;
    -webkit-transition: -webkit-transform 4s;
    -moz-transition: -moz-transform 4s; 	
}

.rotaY
{
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);	

    transition: transform 4s;
    -webkit-transition: -webkit-transform 4s;
    -moz-transition: -moz-transform 4s; 	
}





/******************************************************************************/
/***********************SEPARACIONES Y TABULACIONES****************************/
/******************************************************************************/

.sep_neg15_arr_aba
{
    margin-bottom: -15px  !important;
    margin-top: -15px  !important;
}

.sep_neg15_izq_der
{
    margin-left: -15px  !important;
    margin-right: -15px  !important;
}

.sep_nula_arr_aba
{
    margin-bottom: 0px  !important;
    margin-top: 0px  !important;
}

.sep_0
{
    margin: 0 auto;
}

.pad_5
{
    padding: 5px;
}

.pad_10
{
    padding: 10px;
}

.pad_10_arr
{
    padding-top: 10px;
}

.pad_10_aba
{
    padding-bottom: 10px;
}

.pad_20
{
    padding: 20px;
}

.pad_20_arr
{
    padding-top: 20px;
}

.pad_20_aba
{
    padding-bottom: 20px;
}

.pad_35_arr
{
    padding-top: 35px;
}

.pad_50
{
    padding: 50px;
}

.pad_50_aba
{
    padding-bottom: 50px;
}

.pad_50_arr
{
    padding-top: 50px;
}

/*No usado pero importante*/
.sep_color
{
    margin-top:18px !important;
    border-top:#da0004 solid 1px; 
}

/*No usado pero importante*/
.sep_color_arr
{
    margin-top:20px !important;
    border-top:#69be28 solid 1px; 
}

/*No usado pero importante*/
.sep_color_aba
{
    margin-top:20px !important;
    margin-bottom:20px !important;
    border-bottom: #da0004 solid 1px; 
}

.sep_glo_2
{
    margin: 2px !important;
}

.sep_glo_8
{
    margin: 8px !important;
}

.sep_glo_20
{
    margin:20px !important;
}

.sep_glo_30
{
    margin:30px !important;
}

.sep_glo_60
{
    margin:60px !important;
}

.sep_glo_100
{/*Ese es un tab con opcion de Class para globalisar respon*/
    margin: 100px !important; 
}

.sep_aba_2
{
    margin-bottom: 2px !important;
}

.sep_aba_8, .politicas p
{
    margin-bottom: 8px !important;
}

.sep_aba_20
{
    margin-bottom:20px !important;
}

.sep_aba_30
{/*Las etiquetas con esa opcion permiten un peque?o salto estilo <BR/>*/
    margin-bottom:30px !important;
}

.sep_aba_60
{/*Las etiquetas con esa opcion permiten un doble salto estilo <BR/>*/
    margin-bottom:60px !important;
}

.sep_aba_100
{
    margin-bottom: 100px !important; 
}

.sep_aba_150
{
    margin-bottom: 150px !important; 
}

.sep_arr_150
{
    margin-top: 150px !important; 
}

.sep_arr_2
{
    margin-top: 2px !important;
}

.sep_arr_8
{
    margin-top:8px !important;
}

.sep_arr_20
{
    margin-top:20px !important;
}

.sep_arr_30
{/*Las etiquetas con esa opcion permiten un peque?o salto estilo <BR/>*/
    margin-top:30px !important;
}

.sep_arr_60
{/*Las etiquetas con esa opcion permiten un doble salto estilo <BR/>*/
    margin-top:60px !important;
}

.sep_arr_100
{
    margin-top: 100px !important; 
}

.sep_der_2
{
    margin-right: 2px !important;
}

.sep_der_8
{
    margin-right:8px !important;
}

.sep_der_20
{
    margin-right:20px !important;
}

.sep_der_30
{
    margin-right:30px !important;
}

.sep_der_60
{
    margin-right:60px !important;
}

.sep_der_100
{
    margin-right: 100px !important; 
}

.sep_izq_2
{
    margin-left: 2px !important;
}

.sep_izq_8
{
    margin-left: 8px !important;
}

.sep_izq_-40
{
    margin-left:-40px !important;
}

.sep_izq_20
{
    margin-left:20px !important;
}


.sep_izq_30
{
    margin-left:30px !important;
}

.sep_izq_60
{
    margin-left:60px !important;
}

.sep_izq_100
{/*Ese es un tab con opcion de Class para globalisar*/
    margin-left: 100px !important; 
}

/******************************************************************************/
/*****************************TAMA?OS DE CAJAS*********************************/
/******************************************************************************/

.alto30
{
    min-height:30px;
}

.alto50
{
    min-height:50px;
}

.alto80
{
    min-height:65px;
}

.alto100
{
    min-height: 100px;
}

.alto150
{
    min-height: 150px;
}


.alto420
{
    min-height:420px;    
}

.alto500
{
    min-height:500px;
}

.alto550
{
    min-height:550px;
}

.alto600
{
    min-height: 600px;
}

.alto350
{
    min-height: 350px;
}

.alto400
{
    min-height: 400px;
}

.alto450
{
    min-height: 450px;
}

.alto700
{
    min-height: 700px;
}

.box_sizing
{
    width: 300px;
    height: 100px;
    padding: 50px;  
    box-sizing: border-box;
    text-align: center;
}

.alto200_max
{    
    max-height: 200px;
}

.alto300_max
{    
    max-height: 300px;
}

.alto600_max
{    
    max-height: 600px;
}



@media (max-width: 992px) {
    .alto400, .alto450, .alto100, .alto150, .alto30, .alto350, .alto420, .alto50, 
    .alto500, .alto550, .alto600, .alto700, .alto800
    {
        min-height: inherit;
    }
}



@media (min-width: 1400px) and (max-width: 1749px) {
    .alto400, .alto450, .alto100, .alto150, .alto30, .alto350, .alto420, .alto50, 
    .alto500, .alto550, .alto600, .alto700, .alto800
    {
        min-height: inherit;
    }
}

/******************************************************************************/
/*****************************JUMBOTRON Y NAV**********************************/
/******************************************************************************/

.jumbotron {
    padding-top: 10px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #d2d2d2;
}
.jumbotron h1,
.jumbotron .h1 {
    color: #EF7F1A;
}

@media (max-width: 768px) {
    .jumbotron  h1
    {
        font-size: 25px;
        font-weight: 600;  
        letter-spacing: 2px;
    }
}

@media (max-width: 320px) {
    .jumbotron h1
    {
        font-size: 20px;
    }
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 200;
}
.jumbotron > hr {
    border-top-color: #d5d5d5;
}

.disposicion_sub_titulos {
    margin-top: 0.7rem !important;
}

.espaciado {
    padding-top: 1.6rem !important;
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 10px;
        padding-bottom: 24px;
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 30px;
        padding-right: 30px;
    }

    .disposicion_titulo {
        font-size: 1.66em;
        font-weight: 300;
        line-height: 1.2;
    }
}

@media (max-width: 992px) {
    .fixed-top {
        position: relative;
        top: inherit;
        right: inherit;
        left: inherit;

    }

}

.navbar-nav li.separator {
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
    height: 25px;
    margin: 10px 10px 0 10px;
}

.navbar-autohide {
    transition: transform .5s;
}
.navbar-autohide.is-hidden {
    transform: translateY(-72px);
}

.navbar-brand
{
    padding-left: 55px;
    background-image: url('../images/logo_bla.png');
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: 7px 50%;
    transition: color 0.2s ease 0.05s;
    color: #ddd;
    text-decoration: none;
}

.navbar-primer
{
    padding-left: 55px;   
    color: #ddd;
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    font-variant-caps: small-caps;
}

.navbar-primer:hover, .navbar-primer:focus {
    text-decoration: none;
}

.navbar-primer .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-primer:hover, .navbar-dark .navbar-primer:focus {
    color: #fff;
}

@media (min-width: 992px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #eee;
    text-decoration: none;
    font-weight: 100; 
}

.navbar-brand:visited {
    color: WHITE;
    text-decoration: underline;
    text-decoration-color: WHITE !important; 
}

.navbar-brand:hover {
    color: #d2d2d2 !important;
    text-decoration: underline;
    text-decoration-color: #EF7F1A !important; 
}

@media (max-width: 450px) {
    .navbar-brand{
        font-size: 0.99rem;

    }
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: WHITE;
    text-decoration: underline;
    text-decoration-color: #EF7F1A !important; 
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #EF7F1A;
}

@media (max-width: 1376px) {
    .dropdown-item
    {
        max-height: 25px;

    }
}

@media (max-width: 576px) {
    .dropdown-menu
    {
        font-size: 0.9rem;

    }
}

/******************************************************************************/
/**************************ADD-ON A BOOTSTRAP**********************************/
/******************************************************************************/


.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1400px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
}  
@media (min-width: 1400px) and (max-width: 1600px) {
    .m-xxl-0 {
        margin: 0 !important;
    }
    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important;
    }
    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important;
    }
    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 1rem !important;
    }
    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important;
    }
    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 3rem !important;
    }
    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 3rem !important;
    }
    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 3rem !important;
    }
    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 3rem !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important;
    }
    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important;
    }
    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 1rem !important;
    }
    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important;
    }
    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 3rem !important;
    }
    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 3rem !important;
    }
    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 3rem !important;
    }
    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important;
    }
    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important;
    }
    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important;
    }
}

/******************************************************************************/
/**************************VISIBLE Y INVISIBLE*********************************/
/******************************************************************************/

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

.mt-xl-5,
.my-xl-5 {
    margin-top: 0 !important;
}
.mr-xl-5,
.mx-xl-5 {
    margin-right: 0 !important;
}
.mb-xl-5,
.my-xl-5 {
    margin-bottom: 0 !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) and (max-width: 1499px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 1500px) {
    .hidden-xl {
        display: none !important;
    }
}

/******************************************************************************/
/*****************************FORMULARIOS y CONTACTO***************************/
/******************************************************************************/

form button,
form input,
form select,
form textarea 
{ 
    font-size: 100%;
    line-height: 1.10;
    margin: 0;
}

form select {
    resize: both;
}

#inlineFormCustomSelectPref
{
    width: 100%;
}

@media (max-width: 772px) {
    #inlineFormCustomSelectPref
    {
        width: 75%;
    }
}

form fieldset 
{   
    margin: 0 5px;
    padding: 0.35em 0.625em 0.75em;
    vertical-align:middle;     
    border: ORANGE 1px solid;
    /*efecto redondeado*/
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

form legend 
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    margin-bottom: .5rem;
    max-width: 90%;
    padding: 0;
    white-space: normal;    
    display: block; 
    font-size: 1.5rem;
    line-height: inherit;
}

form textarea 
{
    overflow: auto;
    resize: vertical;
}

form label 
{
    display: inline-block;
    margin-bottom: .5rem;
}

form input
{
    margin: 5px;
    padding: 5px;
}

/*Para la altura de los inputs del registro y del articulo*/
form input[type="text"], 
form input[type="password"], 
form input[type="radio"], 
form input[type="email"],
form input[type="number"],
form input[type="date"],
form input[type="datetime"],
form input[type="tel"], 
form textArea, 
form select
{
    border: none;
    border-bottom: 1px #d2d2d2 solid;
    margin: 13px;
    padding: 13px;
}

#select_estudios, #select_niveles
{
    max-width: 300px;
}

#CandidatosFiltros select, #CandidatosFiltros input 
{
    max-width: 220px;    
}


@media (max-width: 1200px) {       
    form input[type="text"], 
    form input[type="password"], 
    form input[type="radio"], 
    form input[type="email"], 
    form input[type="number"],
    form input[type="date"],
    form input[type="datetime"],
    form input[type="tel"], 
    form textArea, 
    form select
    {
        margin: 11px;
        padding: 11px;
    }  
}

a.upload-button
{
    border: #2d2d2d 1px solid !important;   
    margin: 13px;
    padding: 13px;
}

form [role="button"], .pointer {
    cursor: pointer;
}

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
    border: #2d2d2d 1px solid;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #EF7F1A;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #EF7F1A;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(239, 127, 26, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(239, 127, 26, 0.5);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #EF7F1A;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #EF7F1A;
}

.custom-radio .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: none; /*Modificado*/
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(239, 127, 26, 0.5);
}

.custom-radio .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(239, 127, 26, 0.5);
}

.select2-container 
{
    width: 100% !important;
    display: block; 
}

.custom-switch
{
    display:block;
    width:220px;
    height:26px;
    position:relative;
    margin: 0 auto; 
    border:none;
    cursor:pointer;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.custom-switch *
{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

}
.custom-switch.disabled
{
    opacity:0.5;
    filter:alpha(opacity=50);
}
.custom-switch .slide-button
{
    z-index:9;
    display:block;
    position:absolute;
    right:197px;
    top:3px;
    width:20px;
    height:20px;
    background-color:#f6f6f6;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}
.custom-switch label,.custom-switch > span
{
    line-height:23px;
    vertical-align:middle;
}
.custom-switch label
{
    z-index:8;
    width:100%;
    display:block;
    position:relative;
}
.custom-switch input
{
    z-index:10;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    filter:alpha(opacity=0);
}
.custom-switch input:checked ~ .slide-button
{
    right:4px;
}
.custom-switch input:checked ~ span
{
    background-color:#ef7f1a;
}
.custom-switch input:checked ~ span span:first-of-type
{
    color:#FFFFFF;
    display:block;
}
.custom-switch input:checked ~ span span:last-of-type{
    color:#666666;
    display:none;
}
.custom-switch > span
{
    display:block;
    height:100%;
    position:absolute;
    left:0;
    width:100%;
    background-color:orangered;
    font-size:12px;
    font-weight:600;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;   
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
.custom-switch > span span
{
    z-index:10;
    display:block;
    width:60%;
    position:absolute;
    top:2px;
    left:-1px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.custom-switch > span span:last-child
{
    left:28px;
    color:#FFFFFF;
    display:block;
}
.custom-switch > span span:first-of-type
{
    padding-left:13px;
    display:none;
    color:#666666;
}

/******************************************************************************/
/******************************NUEVOS BOTONES**********************************/
/******************************************************************************/

.noto_gris_c
{
    background:    #cccccc;
    background:    -webkit-linear-gradient(#cccccc, #777777);
    background:    linear-gradient(#cccccc, #777777);
    border-radius: 5px;
    padding:       10px 20px;
    color:         #343a40;
    display:       inline-block;
    font:          normal 700 14px/1 "Noto Sans", sans-serif;
    text-align:    center;
    text-shadow:   1px 1px #cccccc;
}

.noto_gris_c_peq
{
    background:    #cccccc;
    background:    -webkit-linear-gradient(#cccccc, #777777);
    background:    linear-gradient(#cccccc, #777777);
    border-radius: 5px;
    padding:       4px 10px;
    color:         #343a40;
    display:       inline-block;
    font:          normal 700 14px/1 "Noto Sans", sans-serif;
    text-align:    center;
    text-shadow:   1px 1px #cccccc;
}

.noto_naranja_v
{
    background:    #ff4500;
    background:    -webkit-linear-gradient(#ff4500, #ff3000);
    background:    linear-gradient(#ff4500, #ff3000);
    border-radius: 5px;
    padding:       11px 21px;
    color:         #f5f5f5;
    display:       inline-block;
    font:          normal 700 15px/1 "Noto Sans", sans-serif;
    text-align:    center;
    text-shadow:   1px 1px #2d2d2d;
}

.noto_naranja_v_peq
{
    background:    #ff4500;
    background:    -webkit-linear-gradient(#ff4500, #ff3000);
    background:    linear-gradient(#ff4500, #ff3000);
    border-radius: 5px;
    padding:       4px 10px;
    color:         #f5f5f5;
    display:       inline-block;
    font:          normal 700 15px/1 "Noto Sans", sans-serif;
    text-align:    center;
    text-shadow:   1px 1px #2d2d2d;
}

.noto_naranja_c
{
    background:    #ef7f1a;
    background:    -webkit-linear-gradient(#ef7f1a, #de6c26);
    background:    linear-gradient(#ef7f1a, #de6c26);
    border-radius: 5px;
    padding:       10px 20px;
    color:         #f5f5f5;
    display:       inline-block;
    font:          normal 700 14px/1 "Noto Sans", sans-serif;
    text-align:    center;
    text-shadow:   1px 1px #2d2d2d;
}

a.noto_naranja_c, a.noto_naranja_v, a.noto_gris_c, a.btn-secondary, a.btn-danger
{
    text-decoration: none !important;  
}

a.noto_naranja_c:hover, a.noto_naranja_v:hover, a.noto_gris_c:focus
{
    text-decoration: none;
    color: #d2d2d2;
}

.noto:hover
{
    -webkit-box-shadow: #333 0px 4px 3px;
    -moz-box-shadow: #333 0px 4px 3px;
    box-shadow: #333 0px 4px 3px;  
    text-decoration: none;
    cursor: pointer;
}

span.noto:hover
{
    -webkit-box-shadow: #333 0px 0px 0px;
    -moz-box-shadow: #333 0px 0px 0px;
    box-shadow: #333 0px 0px 0px;  
    text-decoration: none;
    cursor: crosshair;
}

.noto_falso:hover
{
    -webkit-box-shadow: #333 0px 4px 3px;
    -moz-box-shadow: #333 0px 4px 3px;
    box-shadow: #333 0px 4px 3px;  
    text-decoration: none;  
}

/******************************************************************************/
/*************************BOTON PARA VOLVER ARRIBA*****************************/
/******************************************************************************/
#toTop
{
    display:block;
    position:fixed;
    right:-10px;
    bottom:58px;
    cursor:pointer;
    width:27px;
    background:rgba(255,255,255,.8);
    color:#636363;
    opacity:0;
    text-align:center;
    text-decoration:none;
    font-size:13px;
    line-height:27px;
    vertical-align:middle;
    border-radius:30px;
    z-index:999;
    transition:.25s;
    border:1px solid rgba(0,0,0,.7);
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
}

#ico_subir
{
    color: orangered;
}

#toTop.show
{
    right:8px;
    opacity:1;
}

#toTop:hover
{
    background: orangered;   
}

/******************************************************************************/
/****************************CLASES ESPECIALES*********************************/
/******************************************************************************/
#politica_y_cookies{
    position: absolute;
    bottom: 0;   
    background-color: #000;
    display: none;
    width: 350px;
    padding: 50px;   
    right: -350px; 
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#quitar_politica{
    position: absolute;
    top: 5%;
    right: 5%;
}


/******************************************************************************/
/*****************************REGLAS PRINCIPALES******************************/
/******************************************************************************/

.blued, title {
    background-color: #254a5f !important; /*AZUL*/
    color: white; 
}

p, li {
    color:#254a5f; /*AZUL*/
}

a, .important
{
    color: #ef7f1a; /*NARANJA*/ 
    font-weight: bold;
}

.i-telefono-1{
    color: white; 
    font-size: 1.2em; 
    margin-right: 10px; 

}

#ankles
{
    background-color: #2d2d2d;
}

.blacked a {
    color: black; 
    text-decoration: none; 
}

.h2, .h3
{
    background-color: #254a5f;   
}

.h2 *, .h3 *
{  
    color: white; 
}


.redes{
    margin: 20px; 
    font-size: 30px !important;
}


#footer, footer{
    background-color: #222;    
}

#ankles{
    padding-bottom: 50px;
}

#footer{
    margin-top: 20px;
    padding-bottom: 20px;
}


#ankles h2, #ankles h3{
    color: white;
}

#footer p, #ankles p{
    text-align: center;
}

#footer ul, #ankles ul{ 
    list-style-type: none; 
    margin-left: 0px;    
}

#footer div.listas, #ankles div.listas
{    
    margin-bottom: 8px;   
    margin-left: -15px;
    text-align: left;
    font-size: 13px;
}

#footer a, #ankles a{
    color: WHITE;  
    text-decoration: none; 
}

#footer div.listas:hover a, #ankles div.listas:hover a{
    background-color: #ef7f1a; 
    color: BLACK;   
}

@media (max-width: 410px) {   
    #footer div.listas, #ankles div.listas
    {    
        margin-left: -45px;     
    }
}

@media (max-width: 320px) {   
    #footer div.listas, #ankles div.listas
    {           
        font-size: 12px;
    }
}


.menos-100{
    padding-top: 100px;
}

.menos-050{
    padding-top: 50px;
}

.menos-30{
    padding-top: 30px;
}

.modal-content {
    /*Afecta la ventana emergente de los botones de la NAV*/
    color: white !important; 
    background-color: #2d2d2d !important;
    opacity: 0.9;
    filter: alpha(opacity=70);
    border-top: 3px #ef7f1a solid; 
}

.modal-content p, .modal-title{
    color: white !important; 
}


/******************************************************************************/
/***********************************NO MOVER***********************************/
/******************************************************************************/

a
{  
    text-decoration: underline;  

}

a:visited 
{    
    text-decoration-color: #2D2D2D; /*GRIS*/
}

a:focus
{
    color: ORANGERED;
    text-decoration-color: #078aef;
}

a:hover
{
    color: ORANGERED;
    text-decoration-color: ORANGERED;
}

a.actualizar
{
    text-decoration: none;
    position: absolute; 
    top: 0; 
    right: 0; 
}

a.actualizar_sin_mover
{
    text-decoration: none;
}

a.iconos_grandes
{
    text-decoration: none;
}

footer, footer p {
    color: WHITE;
}

footer a
{
    color: WHITE;   
}

footer a:visited
{
    color: #d2d2d2;    
}

.img_right div.caja_responsive img{
    float: right;
    padding-right: 20px;
}

#mapa
{   
    width:70%; 
    margin: 10px auto;
    margin-top: 20px;
    border: #d2d2d2 2px solid; 
    height:300px; 
    float: left; 
}

@media (max-width: 768px)
{                    

    #mapa
    {
        width: 100%;

    }

    .img_right div.caja_responsive img{
        float: none;
        padding-right: 20px;
    }


}