/* === ESTILOS GENERALES === */

body {
    background-color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-bottom: 35px;
}

#content {
    font-size: 100% !important;   
}


/* === LAYOUT === */

.row {
    margin-right: 0;
    margin-left: 0;
}

.container {
    max-width: 870px;   
}

.maximo {
    margin: 0 auto;
    max-width: 1260px;   
}


.superior {
    background: url('../img/body-bg.jpg') 50% top no-repeat #f2f2f2;
    height: 77px;
}

.superior a {
    display: block;
    height: 100%;
    width: 100%;
}

@media (max-width:500px) {
    .superior {
        background-position: -400px top;   
    }
}

.show-print {
    display: none;   
}

.contenedor {
    background: url('../img/bg001.jpg') 50% 77px no-repeat #e3e2e2;
    margin: 0 auto;
    max-width: 1263px;   
    padding-bottom: 50px;
}

.pie {
    color: #666464;
    font-size: 12px;
    margin: 0 auto;
    max-width: 1263px;
    padding: 35px 30px 0 30px;
    clear: both;
}

.pie span {
    white-space: nowrap;   
}

#banner .row {
    background-color: #fff; 
    border-radius: 5px;
    padding: 4px;
    
    -webkit-box-shadow: 0px 0px 30px 0px rgba(115, 115, 115, 0.5);
    -moz-box-shadow:    0px 0px 30px 0px rgba(115, 115, 115, 0.5);
    box-shadow:         0px 0px 30px 0px rgba(115, 115, 115, 0.5);
}

#banner .carousel-indicators {
    bottom: 5px;   
}

#banner .miniaturas a {
    background-image: none;
    background-color: transparent;
    display: block;
    height: 165px;
    width: 134px; 
}

#banner .miniaturas img {
    height: 165px;
    width: 134px; 
}

@media (max-width:991px) {

    #banner .miniaturas a {
        display: block;
        height: 141px;
        width: 113px; 
    }
    
    #banner .miniaturas img {
        height: 141px;
        width: 113px; 
    }
}

@media (max-width:768px) {

    #banner .miniaturas a {
        display: block;
        height: auto;
        width: 96%; 
    }
    
    #banner .miniaturas img {
        height: auto;
        width: 96%; 
    }
}

#banner .miniaturas .superior {
    margin-bottom: 5px;
    margin-left: 5px;
}

#banner .miniaturas .inferior {
    margin-left: 5px;
}


/* === HERRAMIENTAS DE EDICIÓN === */

#portal-personaltools-wrapper {
    float: left;   
}

#portal-personaltools dd {
    right: auto;
    margin-left: -5px;
}

.actionMenuContent ul {
    margin: 0 !important;
    padding: 10px 5px !important;   
}

.actionMenuContent ul li {
    margin: 0 !important;
    padding: 0 !important;
}


/* === SELECTOR DE IDIOMA === */

.goog-te-menu-value {
    font-size: 12px !important;   
    font-weight: normal !important;
    text-decoration: none !important;
}

#idiomas {
    border-bottom: 1px solid #e1ded9;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 35px;
    margin-bottom: 6px;
}

#idiomas a {
    color: #555454;   
}

#idiomas ul {
    float: right;
    list-style: none;   
    margin: 0;
    padding: 10px 0 0 0;
}

#idiomas ul li {
    float: left; 
    margin-left: 10px;
}  

#idiomas .activo {
    color: #000;
    text-decoration: underline;
}


/* === NAVEGACIÓN === */

.menu-principal {
    margin-top: 19px;
}

.menu-principal ul {
    line-height: 11px;
    margin: 0;
}

.menu-principal ul li {
    display: block;
    float: left;
    padding: 10px 0 20px 0;
}

.menu-principal ul li a {
    color: #fff !important;
    border-right: 1px solid #fff;
    font-size: 18px;
    padding: 5px 10px !important;
}

.menu-principal ul li a:hover {
    text-decoration: none;
}

.menu-principal ul li:last-child a {
    border-right-width: 0 !important;
}

.menu-principal ul li.activo {
    background-color: #205782;   
}

.menu-principal ul li.activo a {
    border-width: 0;
    margin-right: 1px;
}

.submenu {
    background: url('../img/o.png') no-repeat right center;
    border-color: #205782;
    border-style: solid;
    border-width: 7px 0 4px 0;
    background-color: #fff;
    display: none;
    position: absolute;
    width: 100%;  
    z-index: 99;
}

.borde-submenu {
    border-color: #a6b9d6;
    border-style: solid;
    border-width: 0 1px;
    padding: 20px 7px;   
}

.submenu ul {
    border-right: 1px dotted #d5d5d5;
    margin: 0;
    min-height: 210px;
    padding: 0 23px;
}

.submenu ul li {
    background: url('img/triangulo.png') no-repeat 0 3px;
    display: block;   
    font-size: 12px;
    padding: 0 0 10px 16px;
}

.submenu ul li a {
    color: #205782;
}

@media (max-width: 992px) {
   .menu-principal ul li a{font-size: 15px !important;}
}


/* === BOTONERA === */

.botonera {
    margin-top: 20px;
}

.botonera a {
    display: block;
    height: 51px;
}

.xarxes {
    background: url('../img/xarxes.png') no-repeat;
    height: 51px;
    padding: 9px 0 0 9px;
    width: 364px;
}

.xarxes a {
    display: inline-block; 
    margin-right: 5px;
}

.xarxes .in {
    display: none;   
}


/* === ENLACES DE PORTADA === */

.links-container {
    background: url('../img/bg-links-container.png') repeat-x bottom left #fff;
    border-right: 1px solid #a5b8d6;    
    margin-bottom: 35px;
}

.links {
    border-color: #a5b8d6;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    color: #144e7b;
    font-size: 11px;
    font-weight: bold;
    min-height: 155px;
}

.links h3 {
    background-color: #d2dfe9;
    border-bottom: 1px solid #a5b8d6;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 2px 5px 1px 5px;
    text-transform: uppercase;
}

.links ul {
    padding: 10px 8px 0 8px;
}

.links ul li {
    display: block;  
}

.links ul li:before {
    content: "•";
    padding-right: 3px;
}

.links ul li a {
    color: #144e7b !important;
}

.links ul li a:hover {
    text-decoration: underline;   
}

/* === BÚSQUEDA === */

.searchSection {
    display: none;   
}

#portal-searchbox {
    width: 100%;   
}

.searchField {
    border: 1px solid #ccc;
    border-radius: 15px;   
    padding: 3px 10px;
    margin-top: -7px;
    width: 100% !important;
}

.searchButton {
    background: url('../img/search.jpg') no-repeat transparent;
    border-width: 0;
    margin-left: -25px; 
    margin-top: -7px;
    text-indent: -200px;
    width: 20px;
}

.LSResult {
    z-index: 999;   
}

/* === ESTILOS DE PORTADA === */

.caja-portada {
    background-color: #fff;
    border: 5px solid #fff;
}

.caja-portada h1 {
    display: none;   
}

.calendario-eventos {
    background: url('../img/calendario-eventos-portada.png') left bottom #fff repeat-x;  
    padding: 8px 8px 0 8px;
}

@media (min-width:500px) {
    .calendario-eventos .portlet-portada {
        float: left;
        width: 50%;
    }
}

#portal-column-one, #portal-column-two, #portal-column-content {
    margin-left: 0 !important;   
}

.calendario-eventos .managePortletsLink {
    clear: both;
    display: block;
}

/* Eventos de portada */
.calendario-eventos .portletEvents {
    width: 90%;   
}

.calendario-eventos .portletEvents .portletHeader {
    background-color: #fff;
    color: #522020;   
    font-size: 20px;
    font-weight: normal;
    padding: 0;
}

.calendario-eventos .portletEvents .portletHeader a, .calendario-eventos .portletEvents .portletHeader a:hover {
    color: #522020 !important; 
    text-decoration: none;
}

.calendario-eventos .portletEvents .portletItem {
    font-size: 14px !important;
    margin: 10px 0 0 0;
    padding: 0;
}

.calendario-eventos .portletEvents .portletItem a, .calendario-eventos .portletEvents .portletItem a:hover {
    border-bottom-width: 0;
    color: #60b2ee !important;
    text-decoration: underline;
}

.calendario-eventos .portletEvents .portletItemDetails {
    color: #144e7b;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0;
    padding: 0;   
}

.calendario-eventos .portletEvents .portletFooter {
    color: #144e7b;
    font-size: 14px;
    padding: 20px 0 0 0;   
}

.calendario-eventos .portletEvents .portletFooter a, .calendario-eventos .portletEvents .portletFooter a:hover {
    border-bottom-width: 0;
    color: #144e7b !important;
    font-weight: bold;
    text-decoration: none;
}

/* Calendario de portada */

.portletCalendar {
    background-color: #f6f8fa;
    border: 1px solid #d2dfe9;
    font-size: 12px !important;
    padding: 5px;
}

.portletCalendar .portletHeader {
    background-color: #9ab8ce;
    color: #fff !important;  
}

.portletCalendar .portletHeader a, .calendario-eventos .portletCalendar .portletHeader a:hover a:visited{
    color: #fff !important;   
}

#_calendar-previous {
    float: left;
    color: #fff !important; 
}

#_calendar-next {
    float: right;
    color: #fff !important; 
}

.portletCalendar .portletItem {
    padding: 7px 2px 2px 2px;   
}

.ploneCalendar {
    border-collapse: separate;
    border-spacing: 5px;
}

.weekdays {
    text-transform: uppercase;
}

.weekdays th {
    background-color: #c3daeb;
    color: #000;
    font-size: 11px;
    height: 24px;
}

.ploneCalendar td {
    background-color: #e7e8e9;
    color: #3a3a3a;
    font-size: 11px;
    height: 24px;
}

.ploneCalendar td.event {
    background-color: #c3daeb;
    color: #0c6383;
}

.ploneCalendar td.event a, .ploneCalendar td.event a:hover {
    color: #0c6383 !important;
    font-weight: normal;
}

.ploneCalendar td.todaynoevent, .ploneCalendar td.todayevent {
    border-width: 0;
}

.calendario-eventos .portletNews {
    clear: both;
    width: 100%;   
}

/* Noticias de portada */
.noticias-portada {
    padding: 8px;
}

.noticias-portada .portletNews .portletHeader {
    background-color: #fff;
    color: #522020;   
    font-size: 20px;
    font-weight: normal;
    padding: 0;
}

.noticias-portada .portletNews .portletHeader a, .noticias-portada .portletNews .portletHeader a:hover {
    color: #522020 !important; 
    text-decoration: none;
}

.noticias-portada .portletNews .portletItem {
    clear: both !important;
    font-size: 12px;
    margin: 10px 0 10px 0;
    min-height: 55px;
    padding: 0;  
}

.noticias-portada .portletNews .portletItem a, .noticias-portada .portletNews .portletItem a:hover {
    color: #60b2ee !important;  
    border-bottom-width: 0;
    font-weight: bold;
    text-decoration: underline;
}

.noticias-portada .imagen {
    float: left;
    margin-right: 10px;
}

.noticias-portada .portletFooter {
    display: none;   
}

/* === COLUMNA DERECHA DE PORTADA === */

.twitter-wrapper {
    margin-left: 10px;
}

.twitter-wraper .timeline-footer {
    background-color: #fff;   
}

.likebox-wrapper {
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: 10px;
}

.likebox-wrapper * {
   width: 100% !important;
}

.camaras-wrapper {
    background-color: #fff;
    border: 10px solid #fff;
    margin-left: 10px;
    margin-bottom: 10px;
}

.camaras-wrapper .carousel-indicators li {
    width: 8px;
    height: 8px;
    margin: 0;
}

.camaras-wrapper .carousel-indicators .active {
    width: 8px;
    height: 8px;
    margin: 0;
}

.camaras-wrapper h3 {
    background: url('../img/cam.png') no-repeat right -3px;
    color: #144e7b;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 18px;
}

.camaras-wrapper .item {
    background-color: #144e7b;
    padding-bottom: 28px;   
}

.camaras-wrapper .item img {
    height: 190px !important;
    width: 250px !important;
}

.camaras-wrapper .carousel-indicators {
    left: 0;
    bottom: -5px;
    margin-left: 3px;
    text-align: left;
}

.camaras-wrapper .carousel-caption {
    bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: right;
    width: 100%;
    padding-right: 50px;
}

.camaras-wrapper .carousel-caption p {
    margin: 5px; 
    text-align: right;
}

#myCarousel {
    padding-bottom: 0;
    margin-bottom: 0;
}


/* === MAQUETACIÓN PRINCIPAL DEL SITIO === */

.maquetacion-principal, .maquetacion-contenidos {
    padding-top: 15px;   
}

.maquetacion-principal #content, .maquetacion-contenidos #content {
    margin: 0 0 0 10px;   
}

/* Menú de contenidos */

.menu-contenidos {
    background-color: #fff;
    /*border: 1px solid #b9bdc5;*/
    color: #2a497e !important;
    font-size: 14px;
    margin: 0 15px 15px 0;
}

.menu-contenidos img {
    display: none;   
}

.menu-contenidos a {
    
}

.menu-contenidos ul.navTree *  {
    border-width: 0 !important;  
    line-height: 14px;
    margin: 0 !important;
    padding: 0 !important;
}

.menu-contenidos ul.navTree li a {
    background: none !important;
    color: #2a497e !important;
    padding: 5px 10px !important;
}

.menu-contenidos ul.navTreeLevel0>li>a {
    /*background: url('../img/navTreeItemInPath.png') repeat-y right 6px #f1f2f1  !important;*/
    background: url('../img/navTreeItemInPath.png') repeat-y right 6px !important;
    border-bottom: 1px dotted #ccc !important;
    color: #2a497e !important;
    font-size: 12px;
    font-weight: bold;
    margin: 0 !important;
    padding: 10px 50px 10px 12px !important;
    /*text-transform: uppercase;*/
}

.menu-contenidos ul.navTreeLevel0>li>a { 

}

.menu-contenidos ul.navTreeLevel0>li:first-child>a {
    border-top-width: 0 !important;
}

.menu-contenidos ul.navTreeLevel1>li>a:before {
    content: ">";
    padding-right: 3px;
}
.menu-contenidos ul.navTreeLevel2>li>a {
    margin-left: 10px  !important;
}

.menu-contenidos ul.navTreeLevel1>li>a:hover {
    text-decoration: underline;
    /*font-weight: bold  !important;*/
}

.menu-contenidos ul.navTreeLevel1 {
    background: #F7F9FC  !important; 
}

.navTreeCurrentItem {
    font-weight: bold  !important; 
}

.navTreeLevel0 .navTreeItemInPath {
    background: #DFE2E8  !important; 
}

.navTreeLevel0 .navTreeCurrentNode {
    background: #DFE2E8  !important; 
}

.navTreeLevel1 .navTreeCurrentNode {
    background: #F7F9FC  !important; 
}

.navTreeLevel1 .navTreeItemInPath {
    background: #F7F9FC  !important; 
}

/* Maquetación principal */

.maquetacion-principal h1, .maquetacion-contenidos h1 {
    border-bottom: 1px solid #dcdcdc;
    color: #2a497e;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 10px 0 10px 0px;
}

.maquetacion-principal h2, .maquetacion-contenidos h2 {
    color: #2a497e;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0 10px 0px;
}

.maquetacion-principal h3, .maquetacion-contenidos h3 {
    color: #2a497e;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 0px;
}


#content-core {
    color: #010101;
    font-size: 12px;
    line-height: 20px;
}


#viewlet-above-content-title {
    display: none;   
}


/* === NOTICIAS === */

.maquetacion-noticias {
    padding-bottom: 3px;
    padding-top: 10px;   
}

.maquetacion-noticias h1 {
    color: #335191;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0;
}

.maquetacion-noticias h2 {
    color: #335191;
    font-size: 18px;
}

.maquetacion-noticias .documentDescription {
    display: none;
}

.maquetacion-noticias .tileItem {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.maquetacion-noticias .tileItem:first-child {
    display: none;
}

.maquetacion-noticias .tileBody {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.maquetacion-noticias .tileImage {
    float: left !important;   
    margin: 0 10px 0 0 !important;
}

.maquetacion-noticias .tileFooter {
    display: none;   
}

.maquetacion-noticias .visualClear {
    
}


/* === EVENTOS === */

.maquetacion-eventos {
    padding-bottom: 3px;
    padding-top: 10px;   
}

.maquetacion-eventos h1 {
    color: #335191;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0;
}

.maquetacion-eventos h2 {
    color: #335191;
    font-size: 18px;
}

.maquetacion-eventos .documentDescription {
    display: none;
}

.maquetacion-eventos .tileItem {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.maquetacion-eventos .tileItem:first-child {
    display: none;
}

.maquetacion-eventos .tileHeadline {
    height: 27px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.maquetacion-eventos .tileBody {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.maquetacion-eventos .tileImage {
    float: left !important;   
    margin: 0 10px 0 0 !important;
}

.maquetacion-eventos .tileFooter {
    display: none;   
}

.maquetacion-eventos .visualClear {
    
}

.maquetacion-eventos .portletNavigationTree {
    display: none;   
}

.maquetacion-eventos .vevent {
    font-size: 14px !important;   
}

.maquetacion-eventos .eventDetails table {
    font-size: 13px !important;   
}

.maquetacion-eventos .eventDetails table th {
    width: 40%;
}

#content .eventDetails {
    border-width: 0;
    margin-top: 0;
    width: auto !important;   
}

.eventImageContainer .eventImage {
    width: 100% !important;
}

/* === REDES SOCIALES === */

.share {
    border-top: 1px solid #e1e1e1;   
    padding-top: 3px;
}

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices, .stButton .stButton_gradient {
    height: 23px !important;   
}

.stButton .email {
    background-image: url('../img/email.jpg') !important;   
    height: 18px !important;
}

.stButton .print {
   background-image: url('../img/print.jpg') !important;
   height: 18px !important;
}



/* === MODIFICACIONES EN BOOTSTRAP === */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}

/* === MODIFICACIONES EN PLONE === */

#viewlet-above-content {
    /*margin-top: -20px;  */ 
}

.portletOpenIdLogin {
    display: none;   
}

#details-panel {
    margin-left: 0 !important;   
}

.img-thumbnail.image-left {
    margin-right: 25px;   
}

.img-thumbnail.image-right {
    margin-left: 25px;   
}


/* === EL TIEMPO === */
div.aw-widget-current-inner {
    /*float: right;*/
    width: 250px;   
}

.aw-widget-legal {
    display: none !important;   
}

#link_get_widget {
    display: none !important;   
}
.temps-wrapper {
    background-color: #fff;
    border: 10px solid #fff;
    margin-left: 10px;
    margin-bottom: 10px;
}


/* === LINKS DE PORTADA === */

@media (min-width:500px) {
    
    .xlinks-100 { width: 43%; }
    .xlinks-101 { width: 46%; }
    .xlinks-102 { width: 54%; }
    
    .xlinks-200 { width: 21%; }
    .xlinks-300 { width: 21%; }
    .xlinks-400 { width: 15%; }
}

@media (max-width:500px) {
    
    .links {
        min-height: 0px;   
    }
    
    .xlinks-101 ul {           
        margin-bottom: 0 !important;
    }
    
    .xlinks-102 ul {           
        padding-top: 0 !important;
    }
    
}

/* === BANNERS INFERIORES === */

.banner_baix {
    
}

.banner_baix img {
    width: 100%;   
}

@media (max-width:768px) {

    .banner_baix .banner_odd, .banner_baix .banner_even {
        padding: 10px 0 0 0;
    }


}

@media (min-width:768px) {

    .banner_baix .banner_odd {
        padding: 10px 5px 0 0;
    }
    
    .banner_baix .banner_even {
        padding: 10px 0 0 5px;
    }

}

@media (min-width:992px) {

    .banner_baix .banner_left {
        padding: 10px 5px 0 0;
    }
    
    .banner_baix .banner_center {
        padding: 10px 5px 0 5px;
    }
    
    .banner_baix .banner_right {   
        padding: 10px 0 0 5px;
    }
}

.mailonly {
    display: none;   
}

/** 4.3.11 **/
/*
#portal-column-one, #portal-column-two, #portal-column-content {
    margin-left: 0 !important;   
}
*/

/*div.width-1\3a 4 { width: unset !important;}
div.width-3\3a 4  { width: unset !important;}
div.position-3\3a 4 {margin-left: unset !important;}



div.cell
{
    position: unset !important;
    float: unset !important;
    left: unset !important;
}

.calendario-eventos #portal-column-one .portletWrapper
{
    float:left;
    width: 50%;
}
div.position-0
{
    margin-left: unset !important;
}
div.width-full
{
    width: unset !important;
}*/
/** fi 4.3.11 **/


/** IExplorer fixes **/
div.cell {
    position: inherit !important;
    float: none !important;
    left: auto !important;
}

div.width-1\3a 4 {
    width: auto !important;
}
div.width-3\3a 4  { width: auto !important;}
div.position-3\3a 4 {margin-left: auto !important;}

div.width-full {
    width: auto !important;
}

div.position-0 {
    margin-left: auto !important;
}

.calendario-eventos #portal-column-one .portletWrapper
{
    float:left;
    width: 50%;
}