@charset "utf-8";

/*--- RESET CSS ---*/
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
    strong, sub, sup, tt, var, legend, fieldset {
        margin: 0;
        padding: 0;
    }
     
    img, fieldset {
        border: 0;
    }
    img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
        margin: 0;
    }
    body {
    	background-color: #000;
        }
        
/*--- FUENTES ---*/
    @font-face {
        font-family: 'regular';
        src: url('../estilos/fonts/raleway-regular-webfont.eot');
        src: url('../estilos/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/raleway-regular-webfont.woff') format('woff'),
             url('../estilos/fonts/raleway-regular-webfont.ttf') format('truetype'),
             url('../estilos/fonts/raleway-regular-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'light';
        src: url('../estilos/fonts/raleway-light-webfont.eot');
        src: url('../estilos/fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/raleway-light-webfont.woff') format('woff'),
             url('../estilos/fonts/raleway-light-webfont.ttf') format('truetype'),
             url('../estilos/fonts/raleway-light-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'bold';
        src: url('../estilos/fonts/raleway-bold-webfont.eot');
        src: url('../estilos/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/raleway-bold-webfont.woff') format('woff'),
             url('../estilos/fonts/raleway-bold-webfont.ttf') format('truetype'),
             url('../estilos/fonts/raleway-bold-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'black';
        src: url('../estilos/fonts/raleway-black-webfont.eot');
        src: url('../estilos/fonts/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/raleway-black-webfont.woff') format('woff'),
             url('../estilos/fonts/raleway-black-webfont.ttf') format('truetype'),
             url('../estilos/fonts/raleway-black-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'medium';
        src: url('../estilos/fonts/raleway-medium-webfont.eot');
        src: url('../estilos/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/raleway-medium-webfont.woff') format('woff'),
             url('../estilos/fonts/raleway-medium-webfont.ttf') format('truetype'),
             url('../estilos/fonts/raleway-medium-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

/*--- FONT ICONOS ---*/

    .fa {display: inline-block;font-size: 1em;margin: 5px;color: #FFF;}
    .fa:hover {color: #000;}
    .fa.fa-signal {color: #000;}

/*--- COLORES ---*/
    /* MARRON OSCURO: 812b12 */
    /* MARRON MEDIO: a76147 */
    /* MARRON CLARO: cd9983 */

/*--- CLERAFIX MENU RESPONSIVO ---*/
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
        }
    .clearfix:after {
        clear: both;
        }
    .clearfix {
        *zoom: 1;
        }

/*--- CONTENEDOR ---*/
        #flotante{
            display: inline-block;
            float: none;
            position: fixed;
            top: 30px;
            right: 30px;
            height: auto;
            width: auto;
            }

        #contenedor {
            background: url(../media/fon_sitio.jpg);
            background-repeat: no-repeat;
            background-position: top center;
            background-attachment: fixed;
            display: inline-block;
            width: 100%;
        }
        #contenedor2 {
            background: url(../media/fon_sitio2.jpg);
            background-repeat: no-repeat;
            background-position: top center;
            background-attachment: fixed;
            display: inline-block;
            width: 100%;
        }
        #contenedor3 {
            background: url(../media/fon_sitio3.jpg);
            background-repeat: no-repeat;
            background-position: top center;
            background-attachment: fixed;
            display: inline-block;
            width: 100%;
        }
        #contenedor4 {
            background: url(../media/fon_sitio4.jpg);
            background-repeat: no-repeat;
            background-position: top center;
            background-attachment: fixed;
            display: inline-block;
            width: 100%;
        }
        #contenedor5 {
            background: url(../media/fon_sitio5.jpg);
            background-repeat: no-repeat;
            background-position: top center;
            background-attachment: fixed;
            display: inline-block;
            width: 100%;
        }
        #contenedor6 {
            background: url(../media/fon_sitio6.jpg);
            background-repeat: no-repeat;
            background-position: top center;
            background-attachment: fixed;
            display: inline-block;
            width: 100%;
        }
        #contenedor7 {
            background: url(../media/fon_sitio7.jpg);
            background-repeat: no-repeat;
            background-position: top center;
            background-attachment: fixed;
            display: inline-block;
            width: 100%;
        }   

/*--- INDEX ---*/
    #index{
        background-color: #000;
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 0px;
        margin: 0px 0px 20px 0px;
        }
    #index .logoindex{
        float: none;
        width: auto;
        margin: 50px 0px 30px 0px;
        }
    #index .logoschicos{
        float: none;
        height: 50px;
        width: auto;
        margin: 20px 10px;
        }
    #index img{
        margin: 0px 10px;
        }
    #index{
        background-color: #000;
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 0px;
        margin: 0px 0px 20px 0px;
        }

    #index h1{
        font-family: 'light';
        font-size: 0.7em;
        line-height: 1.5em;
        text-align: center;
        color: #CCC;
        }
    #index h2{
        font-family: 'light';
        font-size: 0.7em;
        line-height: 1.5em;
        text-align: center;
        color: #666;
        margin: 20px 0px 50px 0px;
        }
    #index a {
        text-decoration: none;
        color: #FFF;
        bottom: 0px;
        transition: all .20s;
        -moz-transition:transition: all .20s;
        -ms-transition:transition: all .20s;
        -webkit-transition:transition: all .20s;
        -o-transition:transition: all .20s;
        }
    #index a:hover {
        color: #a76147;
        bottom: 2px;
        position: relative;
        }
    #premios{
       	display: inline-block;
       	float: none;
       	width: auto;
        }
    #premios ul{
    	list-style-type: none;
	    }
    #premios ul li{
       	display: inline-block;
       	float: left;
       	width: 50%;
        }
    #premios ul li img{
       	display: inline-block;
       	float: right;
       	margin: 0px 20px 0px 0px;
       	padding: 0px 20px 0px 0px;
       	border-right: 1px #333 solid;
        }
    #premios ul li p {
        font-family: 'bold';
        font-size: 1em;
        color: #CCC;
        text-align: left;
        float: left;
    	}
        
/*--- TOP ---*/

        #top{
            display: inline-block;
            position: relative;
            width: 100%;
            max-width: 1000px;
            height: auto;
        }
        #toplogo{
            display: inline-block;
            position: relative;
            float: left;
            width: 48%;
            height: auto;
            margin: 5px 0px;
            }
        #toplogo img{
            float: left;
            }
        #toppatrocinio{
            display: inline-block;
            position: relative;
            float: right;
            width: 48%;
            height: auto;
            margin: 10px 0px 0px 0px;
            }
        #toppatrocinio img{
            float: right;
            }
        #toppatrocinio h1{
            margin: 0px 0px 10px 0px;
            font-family: 'regular';
            font-size: 1em;
            color: #a76147;
            text-align: right;
            }

/*--- MENU ---*/
        #menucont{
            display: inline-block;
            float: none;
            position: relative;
            width: 100%;
            height: 40px;
        }
        nav {
            display: inline-block;
            position: relative;
            width: 100%;
            max-width: 1000px;
            height: 40px;
        }
        nav ul {
            display: inline-block;
            float: none;
            list-style: none;
            height: auto;
        }
        nav li {
            display: inline-block;
            float: none;
            width: auto;
            height: auto;
            margin: 0px 10px;
            padding: 8px 0px 10px 0px;
        }
        nav li a {
            text-decoration: none;
            font-family: 'bold';
            font-size: 1em;
            color: #FFF;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
        }
        nav li a:hover, nav li a:active {
            color: #000;
            bottom: 2px;
            position: relative;
        }
        nav a#pull {
            display: none;
        }

/*--- SLIDE ---*/

        #slide{
            display: block;
            position: relative;
            float: none;
            width: 100%;
        }
        #slide img{
            width: 100%;
            margin: 0px 0px -1px 0px;
        }

/*--- GALERIAS ---*/
        #destacadas{
            display: inline-block;
            width: 100%;
            max-width: 1000px
            }
        #destacadas h1{
            font-family: 'bold';
            font-size: 1.5em;
            text-align: center;
            color: #812b12;
            background-color: #cd9983;
            border-radius: 15px 15px 0px 0px;
            padding: 10px 0px;
            margin: 20px 0px 0px 0px;
            }
        #destacadas ul{
            list-style-type: none;
            display: inline-block;
            float: none;
            width: 100%;
            }
        #destacadas ul li{
            display: inline-block;
            float: left;
            width: 24.8%;
            margin: 0px;
            bottom: 0px;
            border: 1px #000 solid;
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
            transition: all .20s;
            -moz-transition:transition: all .5s;
            -ms-transition:transition: all .5s;
            -webkit-transition:transition: all .5s;
            -o-transition:transition: all .5s;
            }
        #destacadas ul li:hover{
            bottom: 3px;
            position: relative;
            -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
            filter: grayscale(0%);
            }
        #destacadas ul li img{
            border-radius: 0px 0px 15px 15px;
        }

        .interno{
            display: inline-block;
            float: none;
            width: 100%;
            margin: 0px;
            }
        #destacadas ul li:hover{
            bottom: 2px;
            position: relative;
            }
        #destacadas ul li h2{
            font-family: 'bold';
            font-size: 0.9em;
            text-align: center;
            color: #FFF;
            background-color: #812b12;
            padding: 10px 0px;
            }

        #seccion2020{
            display: inline-block;
            width: 100%;
            max-width: 1000px
            }
        #seccion2020 h1{
            font-family: 'bold';
            font-size: 1.5em;
            text-align: center;
            color: #ccc;
            background-color: #222;
            border-radius: 15px 15px 0px 0px;
            padding: 10px 0px;
            margin: 20px 0px 0px 0px;
            }

/*-- FOTOS 2021 ---*/
    #fotos{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px;
        }
    #fotos ul{
        list-style-type: none;
        width: 100%;
        margin: 30px 0px 0px 0px;
        padding: 0px;
        }
    #fotos ul li{
        display: inline-block;
        float: none;
        width: 11.6%;
        height: auto;
        margin: 0px 1% 1.5% 1%;
        border: #AAA 1px solid;
        padding: 0px;
        bottom: 0px;
        transition: all .20s;
        -moz-transition:transition: all .20s;
        -ms-transition:transition: all .20s;
        -webkit-transition:transition: all .20s;
        -o-transition:transition: all .20s;
        }
    #fotos ul li img{
        object-fit: cover;
        width: 100%;
        height: 80px;
        }
    #fotos ul li:hover, #fotos ul li:active {
        background-color: #BBB;
        bottom: 3px;
        position: relative;
        }
    #fotos ul li a {
        text-decoration: none;
        }

/*-- FOTOS AJEDREZ 2023 ---*/
            #fotosajedrez{
                display: inline-block;
                float: none;
                width: 100%;
                margin: 0px;
                }
            #fotosajedrez ul{
                list-style-type: none;
                width: 100%;
                margin: 20px 0px 0px 0px;
                padding: 0px;
                }
            #fotosajedrez ul li{
                display: inline-block;
                float: left;
                width: 14.25%;
                height: auto;
                margin: 0px 1% 2.5% 1%;
                border: #AAA 1px solid;
                padding: 0px;
                bottom: 0px;
                transition: all .20s;
                -moz-transition:transition: all .20s;
                -ms-transition:transition: all .20s;
                -webkit-transition:transition: all .20s;
                -o-transition:transition: all .20s;
                }
            #fotosajedrez ul li img{
                object-fit: cover;
                width: 100%;
                height: 80px;
                }
            #fotosajedrez ul li:hover, #fotosajedrez ul li:active {
                background-color: #BBB;
                bottom: 3px;
                position: relative;
                }
            #fotosajedrez ul li a {
                text-decoration: none;
                }

/*--- BANNERS---*/
        #banner2{
            background-color: #222;
            display: inline-block;
            position: relative;
            width: 100%;
            padding: 30px 0px 5px 0px;
            }
        #banner2 ul{
            list-style-type: none;
            display: inline-block;
            width: 100%;
            max-width: 1000px;
            }
        #banner2 ul li{
            display: inline-block;
            float: none;
            width: 25%;
            margin: 0px 0px 20px 0px;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .5s;
            -ms-transition:transition: all .5s;
            -webkit-transition:transition: all .5s;
            -o-transition:transition: all .5s;
            }
        #banner2 ul li:hover{
            bottom: 3px;
            position: relative;
            }
        #banner2 ul li img{
            border-radius: 10px;
            width: 100%;
            max-width: 230px;
            max-height: 140px;
            }

        #banner3{
            background-color: none;
            display: inline-block;
            position: relative;
            width: 100%;
            padding: 30px 0px 0px 0px;
            }
        #banner3 ul{
            list-style-type: none;
            display: inline-block;
            width: 100%;
            max-width: 1000px;
            }
        #banner3 ul li{
            display: inline-block;
            float: none;
            width: 24%;
            margin: 0px 0px 30px 0px;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .5s;
            -ms-transition:transition: all .5s;
            -webkit-transition:transition: all .5s;
            -o-transition:transition: all .5s;
            }
        #banner3 ul li:hover{
            bottom: 3px;
            position: relative;
            }
        #banner3 ul li img{
            border-radius: 10px;
            width: 100%;
            max-width: 200px;
            max-height: 140px;
            }

/*--- CONTENIDO ---*/

        #contenido{
            display: inline-block;
            position: relative;
            width: 100%;
            padding: 0px;
            margin: 0px 0px 20px 0px;
            }
        #tituloseccion{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            margin: 0px 0px 0px 0px;
            }
        #tituloseccion h1{
            font-family: 'bold';
            font-size: 1.5em;
            text-align: center;
            color: #cd9983;
            background-color: #812b12;
            border-radius: 15px 15px 0px 0px;
            padding: 10px 0px;
            margin: 0px 0px 0px 0px;
            }
        #tituloseccionvideos{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            margin: 0px 0px 20px 0px;
            }
        #tituloseccionvideos h1{
            font-family: 'bold';
            font-size: 1.5em;
            text-align: center;
            color: #cd9983;
            background-color: #812b12;
            border-radius: 15px 15px 0px 0px;
            padding: 10px 0px;
            margin: 0px 0px 0px 0px;
            }

/*--- TEXTO ---*/

        #texto{
            display: inline-block;
            position: relative;
            width: 100%;
            max-width: 1000px;
            padding: 20px 0px;
            }
        #texto h1{
            font-family: 'bold';
            font-size: 1.5em;
            text-align: center;
            color: #812b12;
            background-color: #cd9983;
            padding: 10px 0px;
            margin: 0px 0px 20px 0px;
            border-radius: 10px;
            }
        #texto h2{
            font-family: 'medium';
            font-size: 0.9em;
            text-align: justify;
            line-height: 1.25em;
            color: #BBB;
            margin: 0px 0px 0px 0px;
            }
        #texto a{
        	text-decoration: none;
            color: #a76147;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
        }
        #texto a:hover {
            color: #000;
            bottom: 2px;
            position: relative;
            }
        
        #textoizq{
            display: inline-block;
            position: relative;
            float: left;
            width: 48%;
            }
        #textoder{
            display: inline-block;
            position: relative;
            float: right;
            width: 48%;
            }
        #patrocinio{
            display: inline-block;
            position: relative;
            width: 100%;
            max-width: 1000px;
            padding: 20px 0px;
            }
        #patrocinio ul{
            list-style-type: none;
            width: auto;
            }
        #patrocinio ul li{
            display: inline-block;
            float: none;
            width: 100%;
            margin: 0px 0px 20px 0px;
            }

/*--- VIDEOS ---*/

        #videos{
            display: inline-block;
            position: relative;
            width: 100%;
            max-width: 1000px;
            padding: 0px 0px;
            }
        #videos ul{
            list-style-type: none;
            display: inline-block;
            width: 100%;
            }
        #videos ul li{
            background-color: #333;
            display: inline-block;
            float: left;
            width: 19.75%;
            padding: 0px 0px;
            margin: 0px 0px 0px 0px;
            bottom: 0px;
            border: 1px #000 solid;
            border-radius: 10px;
            opacity: 0.8;
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #videos ul li:hover {
            opacity: 1;
            bottom: 3px;
            position: relative;
            -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
            filter: grayscale(0%);
            }
        #videos ul li h1{
            font-family: 'medium';
            font-size: 0.9em;
            text-align: center;
            color: #FFF;
            padding: 10px 0px;
            margin: 0px 0px 0px 0px;
            }
        #videos ul li img{
            width: 90%;
            border-radius: 10px;
            margin: 10px 0px 0px 0px;
            }

        #detalle{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            }
        #detalledata{
            background-color: #333;
            display: inline-block;
            float: left;
            width: 38%;
            margin: 0px 0px 20px 0px;
           }
        #detalledata img{
            border-radius: 10px;
            width: 91%;
            margin: 15px 0px 0px 0px;
           }
        #detalledata h1{
            font-family: 'light';
            font-size: 1em;
            text-align: left;
            color: #CCC;
            padding: 15px;
            margin: 0px 0px 0px 0px;
            }
        #detalledata h2{
            font-family: 'light';
            font-size: 0.9em;
            text-align: left;
            color: #FFF;
            padding: 15px;
            margin: 0px 0px 0px 0px;
            }
        #detalledata h3{
            font-family: 'light';
            font-size: 0.8em;
            text-align: left;
            color: #FFF;
            padding: 15px;
            margin: 0px 0px 0px 0px;
            }
        #detalledata a{
            text-decoration: none;
            color: #cd9983;
            }
        #detalledata a:hover{
            color: #fff;
            }

        #detallevideos{
            display: inline-block;
            float: right;
            width: 60%;
            text-align: right;
            margin: 0px 0px 20px 0px;
           }
        #detallevideos iframe{
            display: inline-block;
            float: right;
            width: 100%;
            height: 400px;
            margin: 0px 0px 20px 0px;
           }
        #detallevideos span li{
            background-color: #812b12;
            list-style-type: none;
            display: inline-block;
            float: left;
            width: auto;
            border-radius: 7px;
            text-align: center;
            margin: 5px;
            padding: 8px 20px;
            font-family: 'bold';
            font-size: 0.9em;
            text-align: justify;
            color: #cd9983;
             transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #detallevideos span li:hover {
            background-color: #000;
            color: #FFF;
            bottom: 2px;
            position: relative;
            }
        
/*--- CONTENIDOS IZQUIERDA y DERECHA ---*/

    #compartido{
        display: inline-block;
        float: none;
        width: 100%;
        max-width: 1000px;
        }
    #compartidoimagen img{
        border-radius: 0px 0px 15px 15px;
        }        

    #lateralbanner{
        display: inline-block;
        float: none;
        width: 100%;
        }
    #lateralbanner ul{
        list-style-type: none;
        width: 100%;
        }
    #lateralbanner li{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px 0px 10px 0px;
        border: 1px #ddd solid;
        }

/*--- FOOTER ---*/

        #footer {
            background-color: #000;
            display: inline-block;
            width: 100%;
            padding: 30px 0px;
            }
        #footercontenido{
            display: inline-block;
            width: 100%;
            max-width: 1000px;
            }
        #footerder {
            display: inline-block;
            float: none;
            width: auto;
            }
        #footerder h1{
            font-family: "light";
            font-size: 0.9em;
            color: #FFF;
            text-align: center;
            }
        #footerder a{
            text-decoration: none;
            color: #FFF;
            }
        #footerder a:hover{
            color: #000;
            }

        #idiomas{
            display: inline-block;
            float: none;
            width: 100%;
            margin: 0px 0px 10px 0px;
            }
        #idiomas2{
            display: inline-block;
            float: none;
            width: 100%;
            }
        #google_translate_element select{
            background-color: #000;
            border: 1px #00648c solid;
            width: 170px;
            height: 30px;
            font-family: "regular";
            font-size: 1.2em;
            color: #FFF;
            text-align: center;
            margin: 0px 0px 0px 0px;
            }





/*--- R E S P O N S I V O S ---*/

    /*--- PANTALLA 950 (probar hasta 769) ...*/
        @media only screen and (max-width: 950px) {

            /*--- CONTENEDOR ---*/
                    #contenedor {
                        max-width: 93%;
                        background-size: 100%;
                        background-repeat: no-repeat;
                    }
                    #contenedor2 {
                        max-width: 93%;
                        background-size: 100%;
                        background-repeat: no-repeat;
                    }
                    #contenedor3 {
                        max-width: 93%;
                        background-size: 100%;
                        background-repeat: no-repeat;
                    }
                    #contenedor4 {
                        max-width: 93%;
                        background-size: 100%;
                        background-repeat: no-repeat;
                    }
                    #contenedor5 {
                        max-width: 93%;
                        background-size: 100%;
                        background-repeat: no-repeat;
                    }
                    #contenedor6 {
                        max-width: 93%;
                        background-size: 100%;
                        background-repeat: no-repeat;
                    }

            /*--- TOP ---*/

                    #toplogo{
                        margin: 20px 0px 0px 0px;
                    }

            /*--- MENU ---*/
                    nav li {
                        margin: 0px 5px;
                        padding: 10px 0px 15px 0px;
                    }
                    nav li a {
                        font-size: 0.95em;
                    }

            /*--- SLIDE ---*/

                    #slide img{
                        margin: 0px 0px -3px 0px;
                    }

            /*--- GALERIAS ---*/
		        #destacadas ul li{
		            float: left;
		            width: 24.7%;
		            }

		        .interno{
		            display: inline-block;
		            float: none;
		            width: 100%;
		            margin: 0px;
		            }
		        #destacadas ul li h2{
		            font-size: 0.7em;
		            padding: 10px 0px;
		            }

            /*-- FOTOS 2021 ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 30px 0px 0px 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 13%;
                    height: auto;
                    margin: 0px 1% 2.5% 1%;
                    border: #AAA 1px solid;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 80px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    background-color: #BBB;
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }


            /*--- BANNERS---*/
		        #banner2 ul li{
		            display: inline-block;
		            float: none;
		            width: 22%;
		            margin: 0px 10px 10px 0px;
		            bottom: 0px;
		            transition: all .20s;
		            -moz-transition:transition: all .5s;
		            -ms-transition:transition: all .5s;
		            -webkit-transition:transition: all .5s;
		            -o-transition:transition: all .5s;
		            }
		        #banner2 ul li:hover{
		            bottom: 3px;
		            position: relative;
		            }
		        #banner2 ul li img{
		            border-radius: 10px;
		            width: 100%;
		            max-width: 230px;
		            max-height: 140px;
		            }

            /*--- SECCIONES ---*/
                #tituloseccion{
                    margin: 0px 0px 0px 0px;
                }
                #tituloseccion h1{
                    margin: 10px 0px 0px 0px;
                }

            /*--- VIDEOS ---*/

		        #videos{
		            display: inline-block;
		            position: relative;
		            width: 100%;
		            max-width: 1000px;
		            padding: 0px 0px;
		            }
		        #videos ul li{
		            width: 24.65%;
		            padding: 0px 0px;
		            margin: 0px 0px 0px 0px;
		            }
		        #videos ul li h1{
		            font-size: 0.8em;
		            }

		        #detalledata{
		            float: none;
		            width: 100%;
		           }
		        #detalledata img{
		            border-radius: 0px;
		            width: 95%;
		            margin: 20px 0px 0px 0px;
		           }
		        #detallevideos{
		            float: none;
		            width: 100%;
		            text-align: center;
		            margin: 0px 0px 20px 0px;
		           }
		        #detallevideos iframe{
		            float: none;
		            width: 100%;
		            height: 500px;
		           }

        }

    /*--- PANTALLA 768  (probar hasta 641)...*/
        @media only screen and (max-width: 768px) {

            /*--- TOP ---*/

                    #toplogo{
                        margin: 10px 0px 0px 0px;
                    }
                    #toplogo img{
                        float: left;
                        width: auto;
                    }
                    #slide{
                    	display: none;
	                    }

            /*--- MENU ---*/
                    nav li {
                        margin: 0px 5px;
                        padding: 10px 0px 0px 0px;
                    }
                    nav li a {
                        font-family: "regular";
                        font-size: 1em;
                    }

			/*--- GALERIAS ---*/
		        #destacadas ul li{
		            float: left;
		            width: 49.5%;
		            }

		        #destacadas ul li h2{
		            font-size: 1em;
		            padding: 10px 0px;
		            }

		    /*-- FOTOS 2021 ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 30px 0px 0px 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 16%;
                    height: auto;
                    margin: 0px 1% 2.5% 1%;
                    border: #AAA 1px solid;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 60px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    background-color: #BBB;
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }


            /*--- VIDEOS ---*/

		        #videos ul li{
		            width: 33%;
		            }
		        #videos ul li h1{
		            font-size: 0.8em;
		            }
        
        }

    /*--- PANTALLA 640  (probar hasta 481)...*/
        @media only screen and (max-width: 640px) {

            /*--- MENU ---*/
                
                #menucont{
                    height: auto;
                }
                nav {
                    background-color: #000;
                    height: auto;
                    width: 100%;
                    margin: 0px;
                }
                nav img{
                    width: 100%;
                    margin: 5px 0px 0px 0px;
                }
                nav ul {
                    float: none;
                    display: none;
                    margin: 0px;
                    padding: 0px;
                }
                nav ul li {
                    float: left;
                    width: 100%;
                    margin: 5px 0px 0px 0px;
                    padding: 0px 0px 5px 0px;
                    border-bottom: 1px #FFF solid;
                }
                nav li a {
                    color: #FFF;
                    text-align: center;
                    margin: 0px 0px 0px 0px; 
                }
                nav li a:hover {
                    color: #a76147; 
                }
                nav a#pull {
                    display: block;
                    float: right;
                    width: auto;
                    position: relative;
                    padding: 0px 0px 0px 0px;
                }

            /*--- GALERIAS ---*/
                #destacadas ul li{
                    float: left;
                    width: 49.5%;
                    margin: 0px 0px 10px 0px;
                	}

                #destacadas ul li h2{
		            font-size: 0.8em;
		            padding: 10px 0px;
		            }

			/*-- FOTOS 2021 ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 30px 0px 0px 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 21%;
                    height: auto;
                    margin: 0px 1% 2.5% 1%;
                    border: #AAA 1px solid;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 80px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    background-color: #BBB;
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }

            /*--- BANNERS ---*/
                    #banner2{
                        background-color: #cd9983;
                        padding: 20px 0px 15px 0px;
                    }
                    #banner2 ul li{
                        float: none;
                        width: 45%;
                        margin: 0px 0px 0px 0px;
                    }

            /*--- VIDEOS ---*/

		        #tituloseccionvideos{
		        	margin: 0px;
		        	}

		        #videos ul li{
		            width: 49.5%;
		            }
		        #videos ul li h1{
		            font-size: 0.8em;
		            }
		        #detallevideos iframe{
		            float: none;
		            width: 100%;
		            height: 360px;
		           }

            /*--- FOOTER ---*/

		        #footer {
		            padding: 20px 0px;
		            }
		        #footerder h1{
		            font-family: "light";
		            font-size: 0.8em;
		            }

		        #idiomas{
		            display: inline-block;
		            float: none;
		            width: 100%;
		            margin: 0px 0px 10px 0px;
		            }
		        #idiomas2{
		            display: inline-block;
		            float: none;
		            width: 100%;
		            }
		        #google_translate_element select{
		            background-color: #000;
		            border: 1px #00648c solid;
		            width: 170px;
		            height: 30px;
		            font-family: "regular";
		            font-size: 1.2em;
		            color: #FFF;
		            text-align: center;
		            margin: 0px 0px 0px 0px;
		            }

        }

    /*--- PANTALLA 480  (probar hasta 361)...*/
        @media only screen and (max-width: 480px) {

            /*--- GALERIAS ---*/
                #destacadas ul li{
                    float: left;
                    width: 100%;
                    margin: 0px 0px 5px 0px;
                	}

                #destacadas ul li h2{
		            font-size: 1em;
		            padding: 10px 0px;
		            }

		    /*--- VIDEOS ---*/

		        #videos ul li{
		            width: 49%;
		            }
		        #videos ul li h1{
		            font-size: 0.8em;
		            }
		        #detallevideos iframe{
		            float: none;
		            width: 100%;
		            height: 320px;
		           }

		    /*--- BANNERS ---*/
                    #banner2{
                        background: none;
                        padding: 20px 0px 15px 0px;
                    }
                    #banner2 ul li{
                        float: none;
                        width: 100%;
                        margin: 0px 0px 10px 0px;
                    }

            /*-- FOTOS 2021 ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 30px 0px 0px 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 30%;
                    height: auto;
                    margin: 0px 1% 3.5% 1%;
                    border: #AAA 1px solid;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 80px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    background-color: #BBB;
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }
                    
        }