@import url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_css/$file/layout.css");
@import url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_css/$file/pages.css");
@import url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_css/$file/elements.css");
@import url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_css/$file/framework.css");

body {
    font-family: Arial, Helvetica, Verdana; /* Tipografias */
}

.a_contacto {
    text-decoration: none; 
    color: #8b847d; /* Color de la fuente */
}

.a_contacto:hover {
    text-decoration: none;
    color: #000000; /* Color de la fuente */
}

.a_pie {
    text-decoration: none; 
    color: #ffffff; /* Color de la fuente */
}

.a_pie_sin {    
    color: #ffffff; /* Color de la fuente */
}

.a_pie:hover {
    text-decoration: none;
    color: #7dc1f7; /* Color de la fuente */
}

.color_fuente {
    color: #36a9e1; /* Color de la fuente */
}

.color_fuente_blanco {
    color: #ffffff; /* Color de la fuente */
}

.contenido_padding {
    padding: 30px; /* Margen interior */
}

.contenido_sin_padding {
    padding-left: 0; /* Sin margen interior izq. */
    padding-right: 0; /* Sin margen interior der. */
}

/* Redes sociales */
.facebook {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/facebook.png');
    width: 32px;
    height: 32px;
    display: block;
    float: left;
}

.facebook:hover {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/facebook_gris.png');    
}

.instragram {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/instagram.png');
    width: 32px;
    height: 32px;
    display: block;
    float: left;
}

.instragram:hover {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/instagram_gris.png');
}

.pinterest {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/pinterest.png');
    width: 32px;
    height: 32px;
    display: block;
    float: left;
}

.pinterest:hover {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/pinterest_gris.png');
}

.twitter {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/twitter.png');
    width: 32px;
    height: 32px;
    display: block;
    float: left;
}

.twitter:hover {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/twitter_gris.png');
}

.youtube {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/youtube.png');
    width: 32px;
    height: 32px;
    display: block;
    float: left;
}

.youtube:hover {
    background:url('/Servicios/cmsdipro/configuracion.nsf/plantillasref/Lucar_aytomacael_images_social/$file/youtube_gris.png');
}

.logo_size {
    width: 60%; /* Ancho del logo */
}

.logo_size_pie {
    width: 70%; /* Ancho del logo del pie */
    padding-bottom: 20px;
}

.noticias-img {
    width: 260px; /* Ancho maximo de la imagen */  
    height: 146px;
}

.anuncios-img {
    width: 140px; /* Ancho maximo de la imagen */ 
    height: 78px;
}

.noticias-p {   
    max-width: 260px;    /* Ancho maximo para noticias y anuncios */
    max-height: 146px; /* Alto maximo para noticias y anuncios */
    margin-bottom: 15px; /* Margen inferior */
}

.anuncios-p {
    max-width: 140px;    /* Ancho maximo para noticias y anuncios */
    max-height: 78px; /* Alto maximo para noticias y anuncios */
    margin-bottom: 15px; /* Margen inferior */
}

.noticias-img img {
    width: 260px;    /* Ancho de la imagen */
    height: 146px; /* Alto m�ximo de la imagen */
}

.anuncios-img img {
    width: 140px;    /* Ancho de la imagen */
    height: 78px; /* Alto m�ximo de la imagen */
}

.dividir_espacio {
    border-bottom: 2px solid #0492d9; /* Borde inferior */
    margin-bottom: 20px; /* Margen inferior */
}

.dividir_espacio_blanco {
    border-bottom: 2px solid #ffffff; /* Borde inferior */
    margin-bottom: 20px; /* Margen inferior */
}

.menu-collapser, .menu_color {
    background-color: #0492d9;     /* Color de fondo */
}

.collapse-button, .collapse-button:hover {
    background-color: #0492d9;     /* Color de fondo */
}

ul.slimmenu li a, ul.slimmenu li {
    background-color: #0492d9;     /* Color de fondo */
}

ul.slimmenu li a {
    color: #ffffff;
}

ul.slimmenu li a:hover {
    background-color: #7ec1f7;
}

ul.slimmenu li ul li {
    background: #0492d9;     /* Color de fondo */
}

ul.slimmenu li .sub-toggle > i {
    color: #ffffff;
}

ul.slimmenu li ul li {
    width: 230px;
}

ul.slimmenu li > ul {
    left: -40px;
}

ul.slimmenu li > ul > li ul {
    left: 85%;
}

.margen_inferior {
    margin-bottom: 30px; /* Margen inferior */
}

.privacidad_capa {    
    background: rgba(33,41,52,.85) !important; /* Color de fondo de la capa privacidad */
    bottom: 0 !important; /* 0px desde abajo */
    display: flex !important; /* Modo en que se muestra la capa, en este caso flex */
    left: 0 !important; /* 0px desde la izquierda */
    position: fixed !important; /* Poscion de la capa */
    right: 0 !important; /* 0px desde la derecha */
    top: 0 !important; /* 0px desde arriba */
    transition: opacity .15s ease; /* Transicion para mostrar la capa */
    z-index: 2147483647 !important; /* Posición de la capa frente al eje z */
}

.privacidad_Precontenido {
    background-color: #FFF; /* Color de fondo */
    bottom: 0; /* 0px desde abajo */
    box-sizing: border-box; /* Tamaño de la caja */
    color: #000; /* Color del texto */    
    justify-content: space-between; /* Para justificar el contenido */
    left: 0; /* 0px desde la izquierda */
    max-height: 100vh; /* Alto maximo */
    min-height: 300px !important; /* Alto minimo */
    overflow-x: hidden; /* Evito que se muestre el scroll de la coordenada x */
    position: fixed; /* Posición de la capa */
    right: 0; /* 0px desde la derecha */
    -webkit-font-smoothing: antialiased; /* Para la fuente de IE */
}

.privacidad_contenido {
    display: flex; /* Modo en que se muestra la capa, en este caso flex */
    padding: 60px; /* Margen interior */
    overflow-y: scroll; /* Muestro el scroll en la coordenada y */
}

#carrusel_principal {
    /*height: -moz-calc(100% - (20px + 30px));
    height: -webkit-calc(100% - (20px + 30px));
    height: calc(100% - (20px + 30px));*/
    height: 38vw;
}

#carrusel_principal div {
    width: 100%;
}

ul.slimmenu li a {
    font-size: 0.9rem;
}

@media only screen and (min-width: 1300px) and (max-width: 1500px) { /* Media hasta 1500px */
    #carrusel_principal {
        /*height: -moz-calc(500px * 1.2);
        height: -webkit-calc(500px * 1.2);
        height: calc(500px * 1.2);*/      
    }   
}

@media only screen and (min-width: 1510px) and (max-width: 1920px) { /* Media hasta 1920px */
    #carrusel_principal {
        /*height: -moz-calc(500px * 1.5);
        height: -webkit-calc(500px * 1.5);
        height: calc(500px * 1.5);*/      
    }   
}

@media only screen and (min-width: 1930px) and (max-width: 2300px) { /* Media hasta 2300px */
    #carrusel_principal {
       /* height: -moz-calc(500px * 1.8);
        height: -webkit-calc(500px * 1.8);
        height: calc(500px * 1.8);  */    
    }   
}

@media only screen and (min-width: 2310px) and (max-width: 2700px) { /* Media hasta 2700px */
    #carrusel_principal {
       /* height: -moz-calc(500px * 2.1);
        height: -webkit-calc(500px * 2.1);
        height: calc(500px * 2.1);  */    
    }   
}

@media only screen and (min-width: 2710px) and (max-width: 3100px) { /* Media hasta 3100px */
    #carrusel_principal {
       /* height: -moz-calc(500px * 2.4);
        height: -webkit-calc(500px * 2.4);
        height: calc(500px * 2.4); */     
    }   
}

@media only screen and (min-width: 3110px) and (max-width: 3500px) { /* Media hasta 3500px */
    #carrusel_principal {
       /* height: -moz-calc(500px * 2.7);
        height: -webkit-calc(500px * 2.7);
        height: calc(500px * 2.7);    */  
    }   
}

@media only screen and (min-width: 3510px) and (max-width: 3840px) { /* Media hasta 3500px */
    #carrusel_principal {
       /* height: -moz-calc(500px * 3);
        height: -webkit-calc(500px * 3);
        height: calc(500px * 3);    */  
    }   
}

@media only screen and (max-width: 380px) { /* Media hasta 380px */
    .logo_size {
        width: 90%; /* Ancho del logo */
    } 

    .logo_size_pie {
        width: 100%; /* Ancho del logo del footer */
    }    
}

@media only screen and (max-width: 767px) { /* Media hasta 380px */
    .noticias-img {
        width: 100%; /* Ancho maximo de la imagen */  
        height: auto;
    }

    .anuncios-img {
        width: 100%; /* Ancho maximo de la imagen */ 
        height: auto;
    }

    .noticias-p {   
        max-width: 100%;    /* Ancho maximo para noticias y anuncios */
        max-height: 100%; /* Alto maximo para noticias y anuncios */        
    }

    .anuncios-p {
        max-width: 100%;    /* Ancho maximo para noticias y anuncios */
        max-height: 100%; /* Alto maximo para noticias y anuncios */        
    }

    .noticias-img img {
        width: 100%;    /* Ancho de la imagen */
        height: auto; /* Alto m�ximo de la imagen */
    }

    .anuncios-img img {
        width: 100%;    /* Ancho de la imagen */
        height: auto; /* Alto m�ximo de la imagen */
    }
}


@media screen and (max-width: 600px) {
       table {
           width:100%;
       }
       thead {
           display: none;
       }
       
        td{
            width:100% !important;
        }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
}