/* RESETEO UNIVERSAL*/

* {

    border:0;
    margin:0;
    padding:0;

}

article, figcaption, figure, footer, hgroup, nav, section , aside {

    display: block;
    vertical-align: inherit;

}




/* -------------------------------------------------------------------------------------- */


/* HOJA DE ESTILOS*/



@font-face {
    font-family: 'texgy';
    src: url('/fonts/antonio/texgy/texgy.eot');
    src: url('/fonts/texgy/texgy.eot?#iefix') format('embedded-opentype'), 
        url('/fonts/texgy/texgy.woff') format('woff'), 
        url('/fonts/texgy/texgy.ttf') format('truetype'), 
        url('/fonts/texgy/texgy.svg#texgy') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'texgy';
    src: url('/fonts/texgy/texgy.eot');
    src: url('/fonts/texgy/texgy.eot?#iefix') format('embedded-opentype'), 
        url('/fonts/texgy/texgy.woff') format('woff'), 
        url('/fonts/texgy/texgy.ttf') format('truetype'), 
        url('/fonts/texgy/texgy.sgv#texgy') format('svg');
    font-style: normal;
    font-weight: normal;
}



body {

    background-image: url(/images/bk_lineas.jpg);
    background-attachment: fixed;
    margin: 0 auto;
    color: #939598;
    font-family: 'texgy';
    font-size: 15px;
    width: 100%;

}


a{

    color: #283891;
    font-weight: bold;
    text-decoration: none;


}

a:hover {

    color: #999;

}



figcaption {

    font-size: 12px;
    padding: 0.25em;
    text-align: center;

}

img, video {
    max-width: 100%;

}

footer {
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
    background-image: url(/images/bk_gris.jpg);
    background-attachment: fixed;

}

nav{
    display: inherit;
    font-family: 'texgy';
    width: 100%;
    text-align: center;
    background-image: url(/images/bk_sand.jpg);
    margin: 0px;
}




/* -------------------------------------------------------------------------------------- */






/* ESTILOS HEADER */ 


header {
    width:100%;
    position: fixed;
    z-index: 10000;
}

article#logo_header {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width:100%;
    padding-top: 5px;
}

article#idiomas {
    background-color:#fff;
    text-align: right;
}

a#es, a#en, a#de {
    padding: 5px;
    display: inline-block;
    color:#f1592a ;
    font-size: 12px;
}

a:hover#es, a:hover#en, a:hover#de {
    padding: 5px;
    display: inline-block;
    color:#999 ;
    font-size: 12px;
}






/* -------------------------------------------------------------------------------------- */






/*  ESTILOS DE INDEX */

section#contenedor_index {
    font-family: 'texgy';
    text-align: center;
    width:100%;
    background-image: url(/images/bk_blanco_trans.png);
    border-radius: 15px;

}

section#galeria {
    width: 100%;
    padding-top: 69px;
}

section#galeria #galeria-alt {
    color: white;font-size: 50px;font-weight: normal;
    left: 50%;
    position: absolute;
    top: 30%;
    transform: translateX(-50%);
    line-height: 50px;
}



section#galeria2 {
    width:40%;
}

section#galeria3 {
    width:100%;
}

article#una_imagenes, article#dos_imagenes, article#dos_imagenes2 {
    display: block;
    text-align: center;
    width: 100%;

}

article#foto1_5img, article#foto2_5img, article#foto3_5img, article#foto4_5img {
    display: inline-block;
    min-width: 49%;
    min-height: 133px;
    position: relative;
}

section#disclaimer {
    text-align: left;
    font-size: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;

}

section#interview {
    margin: 0 auto;
    display: block;
    width:100%;
    margin-top: 20px;
}


article#titulo_index, article#texto_principal_index,  article#texto_secundario_index  {
    margin:  0 auto;
    font-size: 30px;
    width: 60%;
    color: #e3e3e3;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;

}


article#texto_principal_index,  article#texto_secundario_index {
    font-size: 20px;
    margin-bottom: 30px;
    color: #939598;

}

article#texto_secundario_index {
margin-top: 70px;
}

article#servicios_index {
    width: 100%;
    margin: 0 auto;

}

section#cinco_servicios {
    width: 100%;
    margin: 0 auto;
    vertical-align: top;
    /* background-color: #283891; */
    background-image: url(/images/bk_sand.jpg);
    background-attachment: fixed;
    padding: 15px 0 30px 0;
}

article#servicios {
    width: 15%;
    margin: 10px 40px 10px 40px;
    display: inline-block;
}

article#imagen_servicio img{
    max-width: 75%;
}

article#titulo_servicio {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;

}

article#titulo_servicio a {
    font-size: 18px;
    color: #fff;
}

article#texto_servicio  {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}

article#texto_servicio a {
    color: #999;
}

section#galeria_interview {
    margin: 0 auto;
}

section#linea_abajo {
    padding-left: 0px;

}

/* -------------------------------------------------------------------------------------- */





/* ESTILOS PARA DEL ROLLOVER */

.hover-container{
    position: absolute;
    top: 0;
    background-color:rgba(50,50,50,0.8);
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hover-container:hover, .hover-container.img-hover {
    opacity:1;
}

.hover-container:hover .hover-text-ta, .hover-container.img-hover .hover-text-ta{
    opacity: 1;
}

.hover-container:hover .hover-text-hora, .hover-container.img-hover .hover-text-hora {
    opacity: 1;
}


.hover-text-hora {
    padding-top: 20px;
    padding-left: 15px;
    position: relative;
    font-family: 'texgy';
    color:white;
    font-size: 25px;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hover-text-ta {
    padding-left: 15px;
    position: relative;
    font-family: 'texgy';
    font-size: 14px;
    color:white;
    display: inline-table;
    width: 100%;
    text-align: left;
    vertical-align: bottom;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.texto-artista{
    font-family: 'texgy';
    font-size: 12px;
}




/* -------------------------------------------------------------------------------------- */





/*  ESTILOS DE NOTICIAS INDEX */



section#linea_abajo {
    margin-top: 10px;
    vertical-align: top;
    width:100%;
}

article#noticias_index_cuatro, aside {
    display: inline-block;
    text-align: left;
    width:80%;
}

section#contenedor_noticias_index {
    width:32%;
    text-align: left;
    padding: 3px;
    display: inline-block;
    margin-bottom: 10px;
}

article#titulo_noticias_index {
    font-family: 'texgy';
    font-size: 20px;
}


aside {
    text-align: center;
    width: 100%;
}

/*  REDES */

section#redes {
    margin-top: 5px;
    width:100%;
    margin-bottom: 20px
}

article#redes {
    margin: 0 auto;
    width:100%;
    text-align: center;

}




/* -------------------------------------------------------------------------------------- */





/*  PAGINAS PT1 */

section#pt1 {
    text-align: center;
    margin: 0 auto;
    width:70%;
    margin-top: 50px;
}

section#primario, section#secundario  {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width:100%;
    line-height:30px;
    margin-top: -65px; 
}

/*section#primario {
    border-right: 1px #999 solid;
}*/

section#secundario {
    width:100%;
    margin-top: -10px; 
}

section#primario img, section#secundario img {
    height: auto  !important;
    width: 100% !important;
}

article#titulo, article#bajada, article#texto_principal, article#texto_secundario {
    padding:10px;
}

article#texto_principal {
    margin-top: 10px;
}

article#texto_secundario {
    border-bottom: 1px #999 solid;
    margin-bottom: 30px;
}

article#titulo {
    padding:10px 10px 0px 10px;
}

article#titulo {
    font-family: 'texgy';
    font-size: 20px;
}

article#artista {
    font-family: 'texgy';
    font-size: 18px;
    padding: 0px 10px 0px 10px; 
}

article#bajada {
    border-bottom: 1px #999 solid;

}

section#galeria_abajo {
    display:none;
}

/* -------------------------------------------------------------------------------------- */




/* BOELTIN*/

section#boletin {
    width: 100%;
    text-align: center;
    padding-left: 200px;
}




/* -------------------------------------------------------------------------------------- */






/* ESTILOS LISTADO DE NOTICIAS*/

section#principal {
    display: inline-block;
    vertical-align: top;
    width:78%;
    padding-top: 200px;
}


article#anio {
    text-align: left;
    margin:10px;
}

article#bloque_titulo, article#selector {
    font-family: 'texgy', helvetica, arial;
    font-size: 20pt;

}


article#bloque_titulo a{
    color: #283891;
    font-weight: bold;
    text-decoration: none;
}

article#bloque_titulo a:hover {
    color: #b6424d;

}

article#bloque_bajada, article#bloque_fecha {
    color: #283891;
    font-family: 'texgy', helvetica, arial;
    font-weight: normal;
    padding-bottom: 10px;
}

section#bloque_noticias {
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    margin: 0 10px 10px 10px;
    padding: 5px;
    width: 95%;
}


section#bloque_foto, section#bloque_texto {
    display: inline-block;
    vertical-align: top;
    width: 55%;
    text-align: left;

}



#bloque_foto img{
    width: 100%;
}

.li-flexs-n2 img { /* li flexslider noticias2.php */
    margin: 0 auto;
    max-height: 400px;
    max-width: 600px;
    width: auto !important;
}

section#bloque_foto {
    width: 40%;
    padding-right: 5px;
    text-align:center;

}

section#bloque_secundario {
    vertical-align: top;
    text-align:center;
    width: 28%;

}

section#galeria_inter, #galeria5 {
    width:100%;
}


section#galeria_agenda_inter, #galeria5 {
    width:100%;
}





/* -------------------------------------------------------------------------------------- */






/* NOTICIAS 1*/

section#contenedor_noticia, section#galeria_principal {
    margin-top: 10px;
    text-align: center;
}

section#galeria_principal {
    margin-top: 0px;
}

section#noticia_imagenes {
    padding-bottom: 10px;
    padding-top: 10px;
}

article#titulo_noticia, article#titulo /*NOTICIAS*/ {
    font-family: 'texgy', helvetica, arial;
    font-size: 40px;
    padding-top: 0px;
    text-align: left;

}

section#noticia_principal, section#noticia_secundario {
    font-family: 'texgy', helvetica, arial;
    display:inline-block;
    border-right: 1px #999 solid;
    text-align: left;
    vertical-align:top;
    width:70%;
    padding-right: 10px;
    margin-top: 15px;
    line-height:22px;
}

section#noticia_secundario {
    border-right-width: 0px;
    padding-left: 5px;
    padding-right: 0px;
    width:20%;
}


article#noticia_texto_principal img, article#noticia_texto_secundario img, article#noticia_texto_principal div, article#noticia_texto_secundario div, article#texto_principal div {
    height: auto !important;
    width: 100% !important;

}

article#texto_principal iframe, article#noticia_texto_principal iframe,  article#noticia_texto_secundario iframe, section#bloque_mapa iframe {
    width: 100% !important;
}


article#noticia_bajada {
    font-style: italic;
    border-bottom-color: #999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 10px;

}

article#noticia_texto_principal, article#fecha {
    padding-top: 10px;

}




/* -------------------------------------------------------------------------------------- */





/* AGENDA */

article#titulo {
    margin-top: 20px;
    text-align: center;
    line-height: 45px;
}

section#fecha_seleccion_agenda {
    border-bottom: 1px solid #999 ;
    padding-left: 10px;
    padding-top: 10px;

}

article#fecha_agenda, article#seleccion_agenda {
    display: inline-block;
    vertical-align: top;
}

section#primario_agenda {
    padding-left: 10px;
}

section#primario_agenda, section#secundario_agenda {
    border-right: 1px solid #999;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width:65%;
    line-height:22px;
}

section#secundario_agenda, aside#agenda  {
    border-right: 0px ;
    width:32%;
}

section#galeria_agenda {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;


}

article#fotos_agenda, article#locales {
    display: inline-block;
    vertical-align: top;
    width:62%;
}

article#fotos_agenda {
    border-right: 1px solid #999;
}


article#locales_titulo, article#fecha_agenda  {
    font-family: 'texgy', helvetica, arial;
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 20px;

}

input#fecha_agenda  {
    background-color: #fff;
    color: #999;
    font-family: 'texgy', helvetica, arial;
    font-size: 27px;
    max-width: 200px;
    border: 1px solid #999;
    border-radius: 5px;
    padding-left: 3px;
}

article#seleccion_agenda {
    padding-left: 10px;
}

article#locales {
    width:100%;
    text-align: left;
    margin-left: 15px;

}

article#locales iframe{
    width:95%;
}

article#locales_texto {
    margin-top: 10px;
    font-size: 16px;
    line-height:30px;
    text-align: left;
}

section#agenda {
    border-bottom: 1px #999 solid;
    text-align: left;

}

section#agenda-flexmenu {
    border-bottom: 1px #999 solid;
    text-align: left;
}

article#publicidad {
    color: #999;
    font-family: 'texgy', helvetica, arial;
    font-size: 20px;
    text-align: left;
}

aside#agenda {
    vertical-align: top;
    padding-top: 0px;
}

aside#agenda2 {
    display: none;
}

#listado-agenda{
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.li_flexs {
    height: 133px;
    margin-right: 5px;
    position: relative;
    width: 200px;
}

.li_flexs img{
    cursor: pointer;
}

.li-flexs-fa{
    position: relative;
}

.li-flexs-fa img { /*li flexslider fotos agenda*/
    height: auto;
    margin: 0 auto;
    max-height: 400px;
    max-width: 600px;
    width: auto !important;
}

.agenda-fs-article{
    display: inline-block;
    min-width: 200px;
    min-height:133px;
    position: relative;
}

#close-alert-window{
    background:url(/images/x.png) no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-16px;
    cursor:pointer;
}

#fb-like-btn{
    display: block;
}


.rangos-agenda {
   border-bottom: 1px #999 solid;
   display: block;
}




/* -------------------------------------------------------------------------------------- */





/* GALERIA DE VIDEOS */

.videos_foto {
    display: inline-block !important;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'texgy', helvetica, arial;
}

article#click {
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'texgy', helvetica, arial;
    border-top: 1px #999 solid;
}



/* -------------------------------------------------------------------------------------- */





/* FOOTER y FIRMA */

article#contacto_frame {
    padding-top: 35px;
    padding-bottom: 40px;
    width:100%;
    text-align: left;
}

article#redes_footer{
    margin: 0 auto;
    width:90%;
    display: block;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 5px

}


article#redes_footer img{
    border-radius: 50px;
}
    

article#pies2 {
    display: inline-block;
    vertical-align: top;
    text-align:left;
    width:30%;
    padding-left: 5px;

}


section#firma {
    background-image: url(/images/bk_blanco_trans.png);
    width:100%;
}


article#firma {
    color:#999;
    font-size: 10px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;

}

article#contacto, article#contacto_redes {
    margin: 0 auto;
    font-size: 14px;
    color:#FFF;
    display: block;
    text-align: center;
    width:80%;
    vertical-align:middle;
    line-height: 30px;

}

article#pies2 a, article#firma a {
    color:#FFF;
    font-size: 14px;
    font-weight: normal;
}

article#firma a {
    font-size: 10px;
    color:#999;
}

article#pies2 a:hover, article#firma a:hover {
    color:#f1592a;
    font-size: 14px;
    font-weight: normal;
}

article#firma a:hover {
    font-size: 10px;
}

/**** CONTACT US PAGE ****/
#contact-form {
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
}

#ci-intro{
    display: inline-block;
    margin-left: 20px;
    text-align: left;
    vertical-align: top;
    max-width: 40%;
}

#reservation-form {
    display: inline-block;
    text-align: center;
    width: 55%;
}

#reservation-form  > fieldset{
    display: block;
    margin: 0 auto 1em;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid white;
    border-radius:10px;
}

#reservation-form > fieldset > label {
    display: block;
}

#reservation-form > fieldset > input {
    /*background-color: #E6EFD4;*/
    border: 1px solid #14193f;
    margin: 0 auto 1em;
    display: block;
    font-size: 20px;
    color: #939598;
    padding: 3px;
    border-radius: 5px;
    width: 55%;
}

#reservation-form > fieldset em {
    color: red;
}

#comments {
    color: #939598;
    /*background-color: #E6EFD4;*/
    border-radius: 5px;
    border: 1px solid #14193f;
    font-size: 20px;
    height: 14em;
    width: 95%;
}

#send-comments {
    border: 1px solid #14193f;
    cursor: pointer;
    margin: 0 auto;
    width: 200px;
}

#send-comments:hover {
    color: #f1592a;;
}


/* -------------------------------------RECURSOS------------------------------------------ */

section#recursos {
    text-align: justify-all;
    margin: 0 auto;
    width: 100%;
    color: #fff;
}

article#recurso_caja_tit {
    font-size: 22px;

}

article#recurso_caja {
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    width: 40%;
    background-color: #f1592a;
    font-size: 16px;
    vertical-align: top;
    padding: 10px;
    margin: 10px 5px 10px 5px;
    min-height: 250px;
    border-radius: 10px;
}

/* -------------------------------------------------------------------------------------- */





/* CLASES */

.sombra {
    -ms-box-shadow: 0 10px 20px -6px black;
    -webkit-box-shadow: 0 10px 20px -6px black;
    -o-box-shadow: 0 10px 20px -6px black;
    -moz-box-shadow: 0 10px 20px -6px black;
    box-shadow: 0 10px 20px -6px black;
}

.sombra-alt {
    -ms-text-shadow: 2px 2px 10px black;
    -webkit-text-shadow: 2px 2px  10px black;
    -o-text-shadow: 2px 2px 10px black;
    -moz-text-shadow: 2px 2px 10px black;
    text-shadow: 2px 2px 10px black;

}

.formula_txt {
    border: 1px solid #999;
    border-radius: 5px;
    color: #999;
    font-family: 'texgy';
    font-size: 25px;
    margin-bottom: 10px;

}


.one-edge-shadow {
    -ms-box-shadow: 0 10px 20px -6px black;
    -webkit-box-shadow: 0 10px 20px -6px black;
    -o-box-shadow: 0 10px 20px -6px black;
    -moz-box-shadow: 0 10px 20px -6px black;
    box-shadow: 0 10px 20px -6px black;
}




/* -------------------------------------------------------------------------------------- */





/* MEDIA QUERYS */

@media only screen and (max-width : 1008px) {

    article#foto1_5img, article#foto2_5img, article#foto3_5img, article#foto4_5img {
        min-height: 130px;
    }

    article#una_imagenes img {
        width: 97%;
    }

    article#dos_imagenes {
        width:100%;
    }


}


/* -------------------------------------------------------------------------------------- */


@media only screen and (max-width : 900px) {
        
        article#servicios_index {

        }

        article#servicios {
            width:33%;
        }

}




/* -------------------------------------------------------------------------------------- */





@media only screen and (max-width : 994px) {

    article#foto1_5img, article#foto2_5img, article#foto3_5img, article#foto4_5img {
        min-height: 125px;
    }
}


/* -------------------------------------------------------------------------------------- */


@media only screen and (max-width : 980px) {

section#galeria #galeria-alt {

    font-size: 40px;
    }
}




/* -------------------------------------------------------------------------------------- */





@media only screen and (max-width : 960px) {

    article#foto1_5img, article#foto2_5img, article#foto3_5img, article#foto4_5img {
        min-height: 120px;
    }
}




/* -------------------------------------------------------------------------------------- */






@media only screen and (max-width : 920px) {

    article#foto1_5img, article#foto2_5img, article#foto3_5img, article#foto4_5img {
        min-height: 115px;
    }
}




/* -------------------------------------------------------------------------------------- */






@media only screen and (max-width : 870px) {

    section#galeria2 {
        display:none;
        margin-top: 20px;
    }

    section#galeria1, section#galeria_abajo {
        display: block;
        margin-bottom: 10px;
        vertical-align: top;
        width:100%;
    }

    section#galeria_abajo {
        margin-top: 30px;
    }

    article#fotos_agenda {
        width: 100%;
    }


    aside#agenda {
        display: none;
        text-align: center;
        width: 100%;
    }

    aside#agenda2 {
        display: block;
        text-align: center;
        width: 100%;
        border-top: 1px solid #999;
        margin-top: 5px;
    }


}

/* -------------------------------------------------------------------------------------- */

@media only screen and (max-width : 834px) {

    article#noticias_index_cuatro {
        width: 95%;
    }

}

/* -------------------------------------------------------------------------------------- */

@media only screen and (max-width : 800px) {

article#recurso_caja {
        min-height: 300px;
}

}


/* -------------------------------------------------------------------------------------- */


@media only screen and (max-width : 786px) {

section#galeria #galeria-alt {

    top: 15%;
    line-height: 40px;
    }
}




/* -------------------------------------------------------------------------------------- */






@media only screen and (max-width : 768px) {

    /* INDEX */



    section#galeria1 img {
        max-width:100% !important;
    }

    section#primario {
        width:50%;
    }

    section#secundario {
        width:27%;
    }


    article#dos_imagenes {
        width:48%;
        display: inline-block;

    }

    article#foto1_5img, article#foto2_5img, article#foto3_5img, article#foto4_5img {
        display: inline-block;
        width:100%;
    }

    article#foto1_5img img, article#foto2_5img img, article#foto3_5img img, article#foto4_5img img {
        width:100%;

    }

     /* ESTILOS PT1 */ 

    section#primario, section#secundario, aside  {
        display: block;
        width:100%;
    }

    section#primario {
        border-right: 0px;
        border-bottom: 1px #999 solid;
    }


    section#pt1 {
        width:100%;
    }

    section#noticia_principal, section#noticia_secundario, section#primario_agenda, section#secundario_agenda {
        display:block;
        border-right: 0px;
        border-bottom: 1px #999 solid;
        margin-bottom: 10px;
        padding-bottom: 10px;
        width:97%;
    }

    section#contenedor_noticias_index {
        width:30%;
    }

     article#noticias_index_cuatro {
        margin-top: 20px;
    
    }

    article#contacto_redes {
        width: 100%;
    }


    aside {
        width:17%;
        padding-right: 20px;
    }  

    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }

           /* FOOTER Y FIRMA */

    article#pies2 {
        text-align:left;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        width:90%;
        border-bottom: 1px solid #fff;
    }

}

/* -------------------------------------------------------------------------------------- */


@media only screen and (max-width : 744px) {

section#galeria #galeria-alt {

    font-size: 19px;
    top: 35%;
    line-height: 24px;
    }
}



/* -------------------------------------------------------------------------------------- */

@media only screen and (max-width : 600px) {


    article#titulo_index, article#texto_principal_index,  article#texto_secundario_index  {
    width: 90%;
    }

    
    section#cinco_servicios {
        width:100%;
        background-image: url(/images/bk_sand2.jpg);
    }

    article#contacto_frame {
        background-image: url(/images/bk_gris2.jpg);
    }

    article#servicios_index {
             width:95%;
    }

    article#servicios {
            width:95%;
    }


    article#servicios { 
    margin: 10px 0px 20px 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
    }


}


/* -------------------------------------------------------------------------------------- */







@media only screen and (max-width : 568px) {

    /* ESTILOS DE INDEX*/ 

    section#galeria1 {
        display: block;
        width:100%;
        margin-bottom: 5px;
    } 



    article#dos_imagenes {
        width:48%;
        display:inline-block;
    }

    article#foto1_5img, article#foto2_5img , article#foto3_5img , article#foto4_5img  {
        width:100%;
        display:block;
    }


    /*  ESTILOS DE NOTICIAS INDEX */

    article#noticias_index_cuatro {
        width:80%;
    }

    section#contenedor_noticias_index {
        border-bottom: 1px #999 solid;
        display: block;
        width:100%;
    }

    section#linea_abajo {
        padding-left: 0px;
    }

    /*  REDES */ 

    section#redes {
        width:98%;
    }

    /* ESTILOS HEADER */ 

    article#logo_header, article#banner_header {
        display: block;
        text-align: center;
        width:100%;
    }

    article#banner_header img {
        width: 100%;
    }

    article#logo_header img {
        width: 75%;
    }


   


    /* NOTICIAS LISTADO */

    section#principal {
        display: block;
        width:97%;
    }

    section#bloque_foto, section#bloque_texto{
        display: block;
        width:100%;
    }

 

}


/* -------------------------------------------------------------------------------------- */


@media only screen and (max-width : 516px) {


article#recurso_caja {
        width: 90%;
        display: block;
        min-height: 200px;
}


}




/* -------------------------------------------------------------------------------------- */


@media only screen and (max-width : 420px) {

section#galeria #galeria-alt {
    top: 20%;

    }
}




/* -------------------------------------------------------------------------------------- */





@media only screen and (max-width : 320px) {

    body {
        font-size: 16px;
    }

    article#fotos_agenda img {
        width: 320px;
    }

    article#fotos_agenda, section#primario_agenda, article#bajada, article#texto_principal, section#secundario_agenda, article#locales_titulo, article#locales_texto, article#texto_secundario, aside#agenda2 {
        display: block;
        width:100%;
        border-right: 0px;
        padding-left: 5px;
    }


    input#fecha_agenda {
        margin-bottom: 7px;
    }

    section#primario_agenda {
        border-bottom: 1px solid #999;
        width:92%;
    }

    section#secundario_agenda {
        width:95%;
    }


    article#seleccion_agenda {
        padding-left: 0px;
    }

    aside#agenda {
        display: none
    }

    aside#agenda2 {
        text-align: center;
    }


    section#noticia_principal, section#noticia_secundario {
        display:block;
        border-right: 0px;
        border-bottom: 1px #999 solid;
        margin-bottom: 10px;
        padding-bottom: 10px;
        width:97%;
    }

    section#noticia_secundario {
        border-bottom: 0px;
    }

    article#dos_imagenes {
        width:100%;
        display:block;
    }

    article#foto1_5img, article#foto2_5img , article#foto3_5img , article#foto4_5img  {
        width:100%;
        display:block;
        margin-top: 5px;
    }

    article#una_imagenes {
        margin-top: 10px;
    }
}