@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875em;
    color: #575757;
    margin: 0;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    color: #003087;
    text-decoration: underline;
}
a:hover {
    color: #003087;
    text-decoration: underline;
}
p {margin-top: 0;}

h3 {line-height: 125%}
/*----------------------------------------------------------*/
.main {
    width: 100%;
     }
.clear {
    clear: both;
}

.flotante { float: left; margin-top: 0!important}

h2 {
    font-size: 1.714em;
}

header {
    width: 100%;
    height: 100%;
    background-color: #009DE0;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 0.714em;
}
header .logo {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 18px;
    }
header .logo h1 {
     background: url(../images/logo_anep.svg) no-repeat;
    width: 300px;
    height: 56px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

header .logo span {
    display: none;
    text-align: center;
}

/*------------menu---------------*/



.menu { 
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 40px;
    }

.menu nav {
    width:100%;
    max-width: 700px;
    float: left;
    height: 100%

}


.menu .menu {
    padding-bottom:0;
}

/*-------------buscador--------------*/
.menu .buscar {
    border: 0;
    width: 100%;
    max-width: 240px;
    height: 50px;
    float: right;
    /*margin: 0 0.714em;*/
    display: block;
}

.container-inline {
    width: 240px;
}
.buscar .form-text {
    height: 24px;
    background-color: #E7E7E7;
    width: 169px; 
    padding: 2px 5px;
    border: 0;
    float: right;
    border-right: 1px solid #0395d1;
    border-top: 1px solid #0395d1;
    border-bottom: 1px solid #0395d1;
}

.buscar .form-text:hover {
    background-color: #fff;
    
}

.buscar .form-item {
    width: 180px; 
    height: 30px;
    float: right;

 }

.buscar .form-actions {
    float: right;
    width: 60px;
    height: 30px;    
    display: block;
    margin: 0;
   
}

.buscar .form-submit {
    width: 60px;
    height: 30px;
    background-color: #fff;
    color: #009de0;
    border: 0;
    margin-top: 14px;
    border: 1px solid #0395d1;
    }
 
.buscar .form-submit title { display: block; }

.izquierda .form-wrapper {  
    width:100%;
    max-width: 768px;  
    padding: 0.357em;
    margin-bottom: 0.714em;
    display: inline;
}


.izquierda .form-item {
    float: left;
    width: 100%;
 }

.izquierda .search-form {
    border: none;
    width: 100%;
    max-width: 755px;
    
   }


.izquierda .search-form .form-text {
    border: none;
    width: 100%;
    /*max-width: 240px;*/
    padding: 0.357em;
    background-color: #E7E7E7;
    text-align: center;
    margin-bottom: 0.714em;
}


.izquierda .search-form label {
    padding-bottom: 0.357em;
    background: none;
    margin-bottom: 0.357em;
    }

.container-inline div { display: block; }

/*    .izquierda .search-form .form-wrapper { text-align: center }
*/
.izquierda .search-result h3.title {
    font-size: 1.143em;
    padding-bottom: 0.357em;
}
.izquierda .search-result h3.title a {
    font-size: 1.143em;
    color: #009de0;
    text-decoration: none;
    padding-bottom: 0.357em;
}
.izquierda .search-result h3.title a:hover {
    text-decoration: underline;
}

.criterion {
    width: 100%;
    max-width: 50%;
    margin: 0;
}


.criterion.form-item {
    float: left;
 }
.izquierda .form-text input { text-align: center; }

.izquierda .search-results p.search-info { display: none; }

.izquierda .search-snippet-info { margin: 0; }

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

.izquierda .form-type-checkboxes { margin-left: 20px; }

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

.izquierda .criterion .form-checkboxes input {
    background-color: #009DE0;
    border: 0;
    }

.search-advanced .criterion {
    float: left;
    margin-right: 0;
}
.izquierda .search-advanced  {
    padding: 20px 0;
    text-align: left!important;
    margin-top: 20px;
}


.izquierda .fieldset-legend{
    margin-top: 20px;
}

.izquierda .search-snippet-info p .search-snippet {padding: 20px 0;}



/*----formularios ----*/


.views-submit-button {
    margin-top: 6px;
    width: 100%
    max-width: 9.375em;
    line-height: 34px;
    border: 0;
    color: #fff;
    display: block;
    text-align: center;
    float: right;
    }


.view-id-clone_of_gu_a_anep .views-submit-button {
    margin-top: 0;
    width: 100%
    max-width: 9.375em;
    line-height: 34px;
    border: 0;
    color: #fff;
    display: block;
    text-align: center;
    float: right;
    }
.view-id-clone_of_gu_a_anep .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
}

/*filtros*/

.view-filters {
    width: 100%;
    max-width: 768px;
    display: table;
} 


.views-exposed-form {
 padding: 0!important;
width: 50%;
}


  

/*--------------------
.views-widget-filter-title {
    width: 100%;
     max-width: 364px;
    padding: 0!important;
    margin-right: 20px;
}


.form-item-Título {
    width: 100%;
    max-width: 364px;
    padding: 0!important;
    }

.form-text {
    width: 100%;
    max-width: 374px;
   }


.form-autocomplete {
    width: 100%;
    max-width: 374px;
    }

   
-------------------------*/ 
.views-widget-filter-tid_1 {
        float: left;
    }

.institucional {
    text-align: center;
    height: 50px;
     /*margin-left: 0.714em;*/
     position: relative;
     z-index: 10;
    }

.institucional .content {
    text-align: left;
    padding-top: 10px;
}


.toggleMenuopen {
    float: left;
    background: url(../images/ico_open.png) no-repeat right;
    width: 32px;
    height: 32px;
    display: none;
   color: #fff;
}

.toggleMenuclose  {
    float: left;
    background: url(../images/ico_close.png) no-repeat right;
    width: 32px;
    height: 32px;
    display: none;
    color: #fff;
}


.toggleMenu span {
    display: none
    }


.institucional ul {
    width: 100%;
    display: inline;
    height: 30px;
    text-align: left;
    position: relative;
}


.institucional ul li {
    display: inline-block;
    float: none;
    height: auto;
    position: relative;
    /*! background-color: #CCC; */
    vertical-align: top;
    width: auto;
    padding-bottom: 1px;
    /*padding-left: 0.313em;*/
        }

/*.institucional ul li:nth-child(1) {    
    padding-left: 0;
    margin-left:0;
        }*/

.institucional ul li a {
    display: block;
    line-height: 16px;
    padding: 0.714em 0.313em;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}
.institucional ul li a:hover {
    color: #575757;
    padding: 0.714em 0.313em;
    background-color: #fff;
    }

.institucional ul li ul {
    position:absolute;
    top:100%;
    width: auto;
    left: 0;
    display: none;
    background: #fff;
    padding-left: 0!important;
    margin: 0!important;
    min-width: 100%;
}

.institucional ul li ul li {
    width:auto;
    display:block;
    margin-left:0;
    background: #fff;
    border-bottom: 1px solid #009DE0;
}


.institucional ul li:hover ul {
    display:block;
       }
.institucional ul li ul li a{
      padding-left: 0;
      color: #009DE0;
      padding: 0.714em 0.313em;
}

.institucional ul li ul li a:hover{
      padding-left: 0;
      padding: 0.714em 0.313em;
}


/*--------------------------destacados-------------*/

.destacados {
    clear: both;
    margin: 1.429em 0 0 0;
    height: 363px;
    display: table;
    float: left;
}
.uno {
    width:100%;
    max-width: 672px;
    height: 363px;
    float:left;
    margin: 0 1.429em 1.429em 0;
}

.uno img {
width:100%;
    max-width: 672px;
    height: 363px;
}
.uno h5.views-field-title {
    color:#fff;
    z-index: 1000; /* some high enough value so it will render on top */
}
.uno .views-field-title a, .dos .views-field-title a {
    color:#fff;
    text-decoration: none;
}
.uno .views-field-title a:hover, .dos .views-field-title a:hover {
    color:#fff;
}
.uno .views-field-title {
    width: 100%;
    max-width:652px;
    margin:0;
    position: absolute;
    bottom: 1px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.714em;
}
.dos {
    width: 100%;
    max-width: 328px;
    float:right;
    height: 364px;
}
.dos .block-views {
    width: 100%;
    max-width: 328px;
    margin-bottom: 1.429em;
    height: 172px;
}

.dos .block-views img {
    width: 100%;
    max-width: 328px;
     height: 172px;
}
.dest2 {
    max-width: 328px;
    height: 172px;
}

.uno .col-1 { position: relative;} 

.region-derecha .cols-4 { position: relative;} 

.dos .views-field-title {
    margin: 0;
    color:#fff;
    z-index: 1000; /* some high enough value so it will render on top */
}
.dos .views-field-title {
    margin:0;
    position: absolute;
    width: 100%;
    max-width: 308px;
    bottom: 1px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.714em;
}


/*-------------------------contenidos--------------*/

.publicos {
    clear: both;
    width: 100%;
    height: 100%;
    margin-bottom: 2.857em;
    float: left;
}
.publicos .content ul {
    margin: auto;
    height: 100%;
}
.publicos .content ul li {
    width: 100%;
    max-width: 240px;
    float: left;
    text-align: center;
    display: block;
    padding: 15px 0;
    height: 20px;
    font-size: 1.286em;
    color: #211915;
}
.publicos .content ul li a {
    width: 100%;
    max-width: 240px;
    color: #3f3f3e;
    text-decoration: none;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
}
.publicos .content ul li a:hover {
    color: #009de0;
    text-decoration: none;
}
.publicos li:nth-child(1) {
    border-bottom: solid 9px #f39200;
    margin-right: 1.143em;
}
/*.publicos li:nth-child(1):hover {
    background-color:#cc572b;
}*/
.publicos li:nth-child(2) {
    border-bottom: solid 9px #003087;
    margin-right: 1.143em;
}
/*.publicos li:nth-child(2):hover {
    background-color: #f2ac42;
}*/
.publicos li:nth-child(3) {
    border-bottom: solid 9px #ffb81c;
    margin-right: 1.143em;
}
/*.publicos li:nth-child(3):hover {
    background-color: #ba143b;
}*/
.publicos li:nth-child(4) {
    border-bottom: solid 9px #95c11f;
}
/*.publicos li:nth-child(4):hover {
    background-color: #20637d
}*/
/*-------------------------------------*/

.contenedor {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.contenidos {
    width: 100%;
   }
/*--------------izquierda -----------------*/
.izquierda {
    width:100%;
    max-width: 768px;
    float:left;
    line-height: 14pt;
}
.izquierda .content {
    width:100%;
    max-width: 768px;
    float:left;
}



/*h2 {
    width: 100%;
    max-width: 760px;
    font-size: 2.143em;
    color: 4f4e4f;
    padding: 0.714em 0;
    margin-bottom: 0.714em;
    border-bottom: 0.357em solid #E7E7E7;
    float: left;
    line-height: 125%;
}*/.izquierda .content h2 {
    font-size: 1.143em;
    margin-bottom: 0.357em;
}
.izquierda .content h2 a {
    font-size: 1.143em;
    color: #003087;
    text-decoration: none;
}
.izquierda .content h2 a:hover {
    text-decoration: underline;
}

.izquierda .views-row {
    margin-bottom: 1.429em;
      padding-bottom: 1.429em;
    border-bottom: 1px #E7E7E7 solid;
}

.izquierda .views-row:last-child {
       border-bottom: none;
       margin-bottom: 0;
      padding-bottom: 0;
}
.izquierda .group-left {
    width: 100%;
    max-width: 240px;
    height: auto;   
    float: left;
    margin: 0 1.429em 0.714em 0;
    }
.izquierda .group-right {
        width: 100%;
    max-width: 508px;
        float: right;
}

.izquierda .group-right h2 {
    margin-bottom: 1.429em;
}


.search-results { margin-top: 20px; }
/*.izquierda .even, .izquierda .odd { float: left;  margin:  0.714em}

.izquierda .field-label { clear: both;}*/


/*-------------------video--------------------*/

.media_embed { width: 100%;
height: 100%;
min-height: 390px;
}

iframe { width: 100%;
height: 100%;
min-height: 390px; }

/* ------------Secundarias--------*/

.breadcrumb {
    margin: 0.714em 0; 
    color: #009DE0;
    padding-left: 0.714em;
}

.breadcrumb a {color: #808183;  }

.izquierda .title {
       width: 100%;
    max-width: 768px;
    font-size: 2.143em;
    color: 4f4e4f;
    padding: 0.714em 0;
    margin-bottom: 0.714em;
    border-bottom: 0.357em solid #E7E7E7;
    float: left;
    line-height: 125%;
}

.izquierda .group-left img {
    width: 100%;
    max-width: 240px;
    height: auto;   
}

.izquierda .tabs {
    width:100%;
    max-width: 760px;
    float: left;
}
.izquierda .field-items h3 {
    color: #003087;
    padding-bottom: 0.714em;
    font-size: 1.714em
}
.izquierda .field-items p {
    line-height: 1.429em;
    padding-bottom: 1.429em;
}
.izquierda .field-items p strong {
    font-weight: bold
}

.izquierda .field-item .even {
   /* margin-bottom: 1.429em;*/
}
.izquierda .field-items li {
    padding-bottom: 1.429em;
    list-style: disc;
    margin-left: 0.714em;
}

.izquierda .field-items ul {
    padding-bottom: 1.429em;
    margin-left: 0;
}

.izquierda .field-items li:before ul{
    padding-bottom: 0;
    }

.izquierda .field-items li ul  {
    padding-top: 0.714em;
        }


.izquierda .block-views h2 {
    clear: both;
    color: #009de0;
    padding: 0.714em 0;
    font-size: 1.714em;
}
.izquierda .region .region-content {
    width:100%;
    max-width: 760px;
}
.izquierda .more-link a {
    display:none
}
.izquierda .region, .izquierda .region-content, .izquierda .block, .izquierda .block-system {
    float:left;
    width:100%;
    max-width: 768px
}
/*--------agenda---------*/

.izquierda .date-heading {
    padding: 0.714em 0;
}
.izquierda .date-heading h3 {
    float:left;
    padding: 0.714em 0;
}
.izquierda .item-list li {
    list-style:disc;
}
.izquierda .item-list li a {
    color: #009de0;
    text-decoration: none;
}
.izquierda .item-list li a:hover {
    text-decoration: underline;
}
.izquierda .date-display-single {
    font-weight:bold
}


/*tablas*/
.izquierda table {
    width: 100%;
}
.izquierda table a{
    text-decoration: none!important
}
.izquierda table th {
       padding: 0.357em;
    color: #fff;
    border: 1px solid #4F4E4F;
    background: #009fe3;
    text-align: center;
}
.izquierda table td {
    padding: 0.357em;
    border: 1px solid #4F4E4F;
}


.cols-4 th, .cols-4 th { width: 25%; }

.izquierda table tr.odd {background: #fff;}

.izquierda table tr.even {background: #FBFBFB;}

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

/* tabla contacto*/

.view-content h3  {color: #009de0;
        font-size: 1.714em;
margin: 0.714em 0!important;
text-decoration: none!important;
    padding: 20px 0 !important;}

.view-content h3 a { color: #009de0;
        font-size: 1.714em;
margin: 0.714em 0!important;
text-decoration: none!important;}

.view-content h3 a:hover { 
text-decoration: underline!important}


.izquierda .cols-1 th {
    padding-left: 0!important;
         border: none!important;
 
}
.izquierda .cols-1 td { padding-left: 0!important;
         border: none!important;
}
.views-field-field-referente, .views-field-field-direcci-n, .views-field-field-tel-fonos, .views-field-field-fax, .views-field-field-correos { display: table; }

.views-field-field-referente span, .views-field-field-direcci-n span, .views-field-field-tel-fonos span, .views-field-field-fax span, .views-field-field-correos span { font-weight: bold; float: left;}

.views-field-field-referente .field-content, .views-field-field-direcci-n .field-content, .views-field-field-tel-fonos .field-content, .views-field-field-fax .field-content, .views-field-field-correos .field-content { float: right;
padding-left: 10px; }

.views-field-title { padding-bottom: 10px; }

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

.izquierda .field-name-field-actividad- div { padding-bottom: 0.714em; }

.izquierda .field-name-field-actividad- div p { padding-bottom: 0.714em; }

.izquierda .image figcaption {
    width: 100%;
    max-width: 755px;
    background-color: #e7e7e7;
    padding: 0.714em 0;
}

/* .form-type-textfield  { 
    width: 100%;
max-width: 374px;
}*/

.izquierda label {padding-bottom: 0.714em;  }

.izquierda .form-submit {
    background-color: #009DE0;
    width: 100%
    max-width: 150px;
    height: 32px;
    border: 0;
    color: #fff;
    display: block;
    /*text-align: center;*/
    margin: 0 auto;
    }


.izquierda .form-text, .izquierda .form-select{
    background-color: #e7e7e7;
    border: none;
    height: 2.188em;
    width: 100%;
    max-width: 364px;
    }

.izquierda .sectoriales {
    width:100%;
    max-width: 760px;
    margin: 0;
    padding: 0;
    display: inline-block;
       }

 .izquierda .sectoriales li {
    width: center;
    max-width: 223px;
    height: 100%;
    list-style: none;
    margin: 0.714em 1.429em 0.714em 0 ;
    float: left;
    text-indent: -1000px;
    display: block;
    text-align: center;
        }

   .izquierda .sectoriales li a img {
     width: 223px;
    height: 100%;
    text-decoration: none;
    text-indent: -1000px;
    display: block;
    margin: 0 auto;
     }

     /*
.izquierda .sectoriales li a:hover {
    width: 100%; 
    height: 56px;
    max-width: 223px;
    padding: 0.714em;
    background-color: #009DE0;
    display: block;
    color: #fff;
     }*/



.izquierda .field-name-field-lugar- ,.izquierda .field-name-field-hora-, .izquierda .field-name-field-lugar {padding-bottom: 0.714em;}


.izquierda .even p img { margin: 0.714em 0.714em 0.714em 0;  }


.izquierda .field-name-field-archivos  div {margin-bottom: 0.714em;}

.izquierda .node-archivos a { font-weight: bold }

.izquierda .node-archivos a:hover { font-weight: bold }


.search-results .search-snippet-info {
    padding-left: 0;
}

/*-------galerias------------*/

    .field-name-field-galer-a-de-im-genes .field-item {
    display: inline-block;
    width: 31%;
    padding: 1%;
    vertical-align:top;
    overflow: hidden;

}

.field-name-field-galer-a-de-im-genes .field-item img {
    width:100%;
    height: auto;
    max-width: 240px;
    height: 170px;
    border: 1px solid #000;
}

.breves .view-content .views-view-grid {
    background: #e7e7e7;
}
.breves .view-content .views-view-gri td {
    padding: 1.429em 0;
}

/*---------formularios--------------*/

.webform-client-form .form-text {
    border: 1px #009DE0 solid;
    background-color: #e7e7e7;
    }

.webform-client-form .form-textarea{
    border: 1px #009DE0 solid;
    background-color: #e7e7e7
    }
.webform-client-form .webform-submit{
    background-color: #009DE0;
    width: 100%
    max-width: 9.375em;
    height: 2.188em;
    border: 0;
    color: #fff;
    display: block;
    }

    .views-exposed-form {
        display: inline;
   }

/*--------------derecha -------------*/ 
.derecha {
    width: 240px;
    float:right;
    margin: 0;
    display: block;
}

.derecha div { width: 100%; }

.derecha h2 {
    color: #009de0;
    border-bottom: 9px solid #e7e7e7;
    padding: 0.714em 0;
    margin-bottom: 0.714em;
}
.derecha .menu li {
    padding: 0.714em 0;
    line-height: 1.5;
    border-bottom: 1px solid #e7e7e7;
    text-decoration:none !important;
    list-style:none;
}

.derecha .menu li a {
    text-decoration: none;
color: #003087;}
.derecha .menu li:hover {
    background: #e7e7e7;
}

.derecha .menu li:active {
    color: #009DE0;
}

.derecha .region-agenda .views-row a {text-decoration: none }


 .derecha .region-agenda .views-row .views-field-field-fecha {
    font-weight: bold;
padding-bottom: 0.714em;}
/*.derecha .content {width: 100%;
    }

.derecha .block-views { width: 100% }

.derecha .date-display-single { font-weight: bold;}
.region-agenda {
    width: 100%;
    margin: 0 !important;
    padding: 0!important;
}

.menu .leaf {
    width: 100%
    text-decoration:none !important;
    list-style:none;
}

.menu .leaf {
    width: 100%
    text-decoration:none !important;
    list-style:none;
}
.derecha .item-list {
    width: 100%
    margin: 0 !important;
    padding: 0;
}
.derecha .item-list ul {
    margin: 0 !important;
    padding: 0;
    padding-bottom: 1.429em;
}
.derecha .item-list ul li {
    margin: 0 !important;
    padding: 0;
    padding: 0.714em 0;
}

.derecha .region-agenda { width: 100%; display: block; }

.derecha .menu {width: 100%;}*/

.derecha .region-agenda .views-row {
    width: 100%;
    max-width: 240px;
    margin:0;
    padding: 0.714em 0;
    border-bottom: 1px solid #e7e7e7;
}

.derecha .region-agenda .views-row a {
    text-decoration: none;
}
/*---------------------------------------------------------------------*/
.breves {
    width: 100%;
    clear:both;
    float: left;
    margin: 1.429em 0;
    width: 100%;
   }
/*.breves .block {
    padding: 0 0.357em;
}*/

.breves .views-row {
    float: left;
    width: 100%;
    max-width: 240px;
    margin: 0 1.429em 0 0;
    padding-bottom: 1.429em;
}

.breves .views-row:last-child {
     margin: 0!important;
  }

.breves .field-content {
    margin-bottom: 1.429em;
}

/*-----------------------noticias sectoriales ------------*/

.region-sectoriales .views-row {
    float: left;
    width: 100%;
    max-width: 240px;
    margin: 0 0.357em;
    padding-bottom: 1.429em;
    border: none!important;
    }
.region-sectoriales .block-views h2 {
    color: #009de0;
    padding: 1.429em 0;
    font-size: 1.714em;
    border-bottom: 0.357em solid #e7e7e7;
    margin-bottom: 1.429em;
}
.region-sectoriales .field-content {
    margin-bottom: 1.429em;
}
.region-sectoriales .field-content img {
    width: 100%;
    max-width: 240px;
    height: auto; }

.region-sectoriales span a {
    font-size: 1.143em;
    text-decoration: none;
    color: #009de0;
}

.region-sectoriales span a:hover {
    text-decoration: underline;
    color: #009de0;
}

/*****************/


.sitiosrelacionados {
    width: 100%;
    max-width: 1024px;
    clear: both;
    height: 11.429em;
    margin-top: 1.429em;
   
}
.sitiosrelacionados .content {
    width: 100%
    max-width: 876px;
    margin: 0 auto;
    height: 11.429em;

}

.sitiosrelacionados ul {
    width: 100%
    max-width: 876px;
    height: 11.429em;
    margin: 0 auto; 
    text-align: center;
    display: block;
}
.sitiosrelacionados ul li {
    display: inline-block;
    width: 146px;
}
.sitiosrelacionados ul li img {
    width: 146px;
    height: 104px;
}

/*----------galeria--------------------*/


.breves .block-views h2 {
    color: #009de0;
    padding: 1.429em 0;
    font-size: 1.714em;
    border-bottom: 0.357em solid #e7e7e7;
    margin-bottom: 1.429em;
}
.field-name-field-fuente- {
    padding: 1.429em 0;
}
/*-------------------------*/
 
 .item-list .pager {
    padding: 1.429em 0;
}
.group-header {
    height: 1.429em;
    display: block;
}
.breves .view-content table {
    width: 100%;
}
.breves .view-content table th {
    width: 100%;
    padding: 0.714em;
    border-bottom: 1px solid #4F4E4F;
}
.breves .view-content table td {
    width: 100%;
    padding: 0.714em;
    border-bottom: 1px solid #4F4E4F;
}
.breves .view-content .views-view-grid {
    background: #e7e7e7;
}
.breves .view-content .views-view-gri td {
    padding: 1.429em 0;
}

.breves span a {
    font-size: 1.143em;
    text-decoration: none;
    color: #003087;
}

.breves span a:hover {
    text-decoration: underline;
    color: #003087;
}

.breves .field-content img{ width: 100%;
    max-width: 240px;
height: auto; }
/*------------------*/

.ui-accordion-content h3 {
    font-weight:bold;
    padding: 0.714em 0;
}
/*--------publicaciones-------------*/

.view-grouping-header {
    font-weight:bold;
    padding: 0.714em 0;
    font-size: 1.714em
}
.views-table caption {
    padding: 0.714em 0;
    text-align: left;
    width: 100%;
}
.views-table {
    width: 100%;
    padding: 0.714em 0;
}
.views-table td {
    padding: 0.714em 0;
}


/*-----------------footer ---------*/

footer {
    width: 100%;
    height: 100%;
    background-color: #3f3f3e;
    color:#e7e7e7;
    text-align: center;
   }

.footer {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    display: block;
    margin: 0 auto;
    padding: 1.429em 0;

    }
.footer .derechos {
    width: 100%;
    color: #e7e7e7;
}
.footer .redes { 
    margin-bottom: 10px;
    }

.footer .redes ul {display: inline-block;}

.footer .redes ul li {
    display: inline-block;
    width: 27px;
    height: 24px;
    background-color: #3f3f3e;
    color: #e7e7e7;
    font-size: 1.714em;
    margin: 0 3px;
    text-align: center;
    line-height: 22px;
}

.redes ul li a {
    color: #e7e7e7;
}
.redes ul li a:hover {
    color: #009DE2;
}


/*-----Contador-----*/

.hasCountdown { 
    border: none;
background: transparent;
padding: 2%;
box-sizing: border-box; }

.block-jquery-countdown h2 { display: none; }

.countdown_amount { color: #333;
margin: 0;
font-size: 32px; }

.countdown_section {font-size: 100%;}

.countdown_descr { display: none; }
/*----------------------------------------------------------------------------------------------- Responsive-------------------------------------------------------------------------------------------- */


.mobile .toggleMenu {
    display: block;
float: right;
}

.mobile .institucional { display: none; }

.iconToggleMenu {
    display:none;
}

.iconToggleMenu .fa-times {
    display:none;
}

.iconoCerrarMenu .fa-bars {
    display:none;
}
.iconoCerrarMenu .fa-times {
    display:inline-block;
}

 @media (max-width: 768px) {
/* For mobile phones: */

header .logo {
    width: 180px;
    max-width:none;
    float: left;
    }
.iconToggleMenu {
    display:block;
    margin: 0;
    color: #fff;
    font-size: 32px;
    text-align: center;
    float: right;
    margin: 28px 10px 0 0;
}
.menu {float: none;}

.menu nav {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
    }

.menu .buscar {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 20px;
}



/*------------menu--------*/

.menu nav.institucional {
    display:none;
}

.institucional ul {
    width: 100%;
    display: block;
    text-align: left;
    height: auto;
    }

.institucional ul li {
    display: block;
            }


.institucional ul li ul {
    position: relative;
    top:100%;
    width: auto;
    left: 0;
    display: block;
    background: #fff;
    height: 100%;
    overflow: hidden;
}

.institucional ul li ul li {
    width:auto;
    display:block;
    margin-left:0;
    background: #fff;
    padding-left: 0;
}

    
    
/*--------------------------destacados-------------*/

.destacados {
    float: none;
    height: auto;
    width: 100%;
}
.uno {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 1.429em;
    max-width: none;
    margin-right: 0;
}


.uno table {
    width:100%
}
.uno table a {
    width: 100%;
    max-width: none;
    display: block;
}
.uno table a img {
    width:100%;
    height: auto:
}

.uno .views-field .views-field-title {
    margin:0;
   padding: 0.714em 0.900em 0.714em 0.714em;

}
.dos {
    clear: both;
    float: none;
    height: auto;
}
.dos .field-content {
    margin: 0;

}
.dos .block-views {
        height: auto;
}
.uno img {
    width: auto;
    height: auto;
}

.dos .field-content {
    margin: 0;
}

.dos .views-field-title {
    margin:0;
   padding: 0.714em 0.900em 0.714em 0.714em;

}
/*-------------------------contenidos--------------*/

.breves .views-row, .breves .views-row-last {
    margin-bottom:3px;
    margin-left: 0;
    margin-right: 0;
}

.breves .block {
    padding: 0;
}


.publicos {
    width: 100%;
    float: none;
}
.publicos .content ul {
    margin: none;
    height: 100%;
    display:block;
}
.publicos .content ul li {
    width: 100%;
    float: none;
    max-width:none;
}
.publicos .content ul li a {
    width: 100%;
}



/*-------------------------contenidos--------------*/

.publicos {
    width: 100%;
    float: none;
}
.publicos .content ul {
    margin: none;
    height: 100%;
    display:block;
}
.publicos .content ul li {
    width: 100%;
    float: none;
}
.publicos .content ul li a {
    width: 100%;
}
/*-------------------------------------*/

.uno .views-field-title, .dos .views-field-title  {
    width:auto;
    bottom:0;

}

.uno .views-field-title a, .dos .views-field-title a {
    bottom:0;
}

.contenidos {
    width:100%;
    float:none;
}
.izquierda {
    float:none;
    clear: both;
}

.izquierda img {width: 100%;
height: auto;
max-width: none !important;}

.feed-icon img {display: none;}

.izquierda .field-item a { width: 100%;
display: block; }


.izquierda .file-icon {width:16px;
height: 16px;}


.izquierda .group-left {
    float: none;
    margin: 0 0 0.714em 0;
    overflow: visible;
    max-width: none;
}

.izquierda .group-right {
    max-width: none;
}
.contenidos .content {
    float:none;
    clear: both;
}
.art_left {
    float: none;
}
.art_right {
    float: none;
    margin-left: 0;
}


.views-field-field-referente, .views-field-field-direcci-n, .views-field-field-tel-fonos, .views-field-field-fax, .views-field-field-correos { display: block; }

.views-field-field-referente span, .views-field-field-direcci-n span, .views-field-field-tel-fonos span, .views-field-field-fax span, .views-field-field-correos span {float: none;}

.views-field-field-referente .field-content, .views-field-field-direcci-n .field-content, .views-field-field-tel-fonos .field-content, .views-field-field-fax .field-content, .views-field-field-correos .field-content { float: none;
padding-left: 0; }



.derecha {
    float:none;
    width: 100%;
    max-width: none;
    clear: both;
}
.breves {
    float: none;
}

.breves img, .breves .views-field-field-imagen {
    display: none;
}
.breves ul {
    display: table;
}
.breves ul li {
    float: none;
    }

.breves li:nth-child(1), .breves li:nth-child(2), .breves li:nth-child(3), .breves li:nth-child(4) {
    margin-right: 0;
}
.breves .views-row, .breves .views-row-last {
    max-width: none;
   }

.breves .views-field-title  {
    padding: 0.714em 0;
    border-bottom: 1px solid #e7e7e7;
}

.breves .views-field { width: 100% }

/*-----------------------noticias sectoriales ------------*/

.region-sectoriales .views-row {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    }

.region-sectoriales .field-content {
    margin-bottom: 1.429em;
}
.region-sectoriales .field-content img {
    width: 100%;
    max-width: none;
    height: auto; }

/*****************/

.sitiosrelacionados {
    float: none;
    height: 100%;
}
.sitiosrelacionados div {
    height: 100%;
}
.sitiosrelacionados .content ul {
    float: none;
    height: 100%;
}
.sitiosrelacionados .content ul li {
    float: none;
    width: 30%;
    display: inline-block;
}
.sitiosrelacionados .content ul li img {
    width: 100%;
    height: auto;
}
/*-------------------------------------*/

footer {
    float: none;
    display: block;
}

.footer { text-align: center; }

.footer .derechos {float: none;}

.footer .redes {
    float: none;
}/*---------------
footer .redes ul {
    float: none;
}
footer .redes ul li {
    float: none;
}-----------------*/
.izquierda .sectoriales {
    max-width: none;
    display: block;
    }

 .izquierda .sectoriales li {
    max-width: none;
    float: none;
        }

    .izquierda .sectoriales li a {
    max-width: none;
     }
.izquierda .sectoriales li a:hover {
   max-width: none;
     }

 }

 @media (max-width: 1048px) {    

    .institucional {
    text-align: center;
    height: 50px;
     /*margin-left: 0.714em;*/
     position: initial;
     z-index: 0;
    }


    .uno {        
        width:58% !important;
        height:auto;
        max-width:none !important;
        margin-right:1%;
        overflow: hidden;
        
    }
    .uno .cols-4, .uno .cols-4 a, .uno .cols-4 a img {
        width:100% !important;
        height:auto;
        max-width:none !important;
    }
    .uno .views-field-title {
        width:auto !important;
        height:auto;
        max-width:none !important;
    } 

    .uno .field-content { margin-right: 3%; }

    .dos {        
        width:40% !important;
        height:auto;
        max-width:none !important;
        overflow: hidden;
    }
    .dos .cols-4, .dos .cols-4 a, .dos .cols-4 a img, .dos .views-field-title {
        width:100% !important;
        height:auto;
        max-width:none !important;
    } 

.derecha .region-agenda .views-row { max-width: none; }
    /*filtros*/

.view-filters {
    width: 100%;
    max-width: none;
    display: block;
} 

.views-widget-filter-title {
    width: 100%;
     max-width: none;
    padding: 0!important;
    margin-right: 0;
}


.form-item-Título {
        max-width: none;
        }

.form-text {
        max-width: none;
   }


.views-widget-filter-tid_1 {
          max-width: none;}

.views-submit-button {
      float: none;
    }

.izquierda .even p img { margin: 0; 
width: 100%;
height: auto;
 }

}

@media (max-width: 768px) {
    .uno, .uno .cols-4, .uno .cols-4 a, .uno .cols-4 a img, .uno .views-field-title, .dos, .dos .block-views, .dos .cols-4, .dos .cols-4 a, .dos .cols-4 a img, .dos .views-field-title {
        width:100% !important;
        height:auto;
        max-width:none !important;
    } 

    .search-advanced .criterion {
    float: none;
    margin-right: 0;
}    
}

/*.margen { padding-top: 1.143em; }*/

.responsive img {
    width: 100%;
    height: auto;
   }

.responsive .chica { display: none; }

 @media (max-width: 768px) {
    .responsive .grande { display: none; }
   .responsive .chica { display: flex; }
}