@import 'botones.css';
@import 'tabs.css';
@import 'blogs.css';
@import 'forms.css';
@import 'perfiles.css';
@import 'grupos.css';
@import 'fotos.css';
@import 'eventos.css';
@import 'podcasts.css';


body {
    background: #CCC url(../images/f_body.png) repeat-x;
    color: #222;
    line-height: 1.5;
    margin: 0;
    vertical-align: baseline;
    font-size: 80%;
    font-family: Trebuchet MS, Helvetica, sans-serif;
}

/* usado para ocultar temas de accesibilidad */
.oculto {
    position: absolute;
    left: -6000px;
}

img {
    margin: auto;
    border: 0;
}

table {
    border-collapse:separate;
    border-spacing:0;
}

table, tr, th, td { border: 0; margin: 0; }

a { color: #1668B1; }

a.positive { color: blue; }
a.positive:hover { color: black; }

a.negative { color: red; }
a.negative:hover { color: black; }

h1 {
  font-size: 100%;
  line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
  color: #666;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
  padding: 0 0 4px 3px;
  text-transform: uppercase;
  margin: 0;
}

div#main_container {
    margin: 0 auto;
    width: 968px;
    background: transparent;
    padding: 13px;
    vertical-align: baseline;
}

ul.action_list li {
    list-style-type: none;
}

ul.action_list li a:before {
    content: "\21e8  ";
}

ul.action_list li a {
    font-size: 110%;
    text-decoration: none;
}

ul.action_list li a:hover {
    background: #eef;
}

/******* LOGO Y PUBLI SUPERIOR ***********/
.logo {
  float: left;
}

#locale-selector {
    margin-left: 70px; 
    float: left;
    font-size: 85%;
    border-left: 1px solid #999;
    }

#locale-selector a, #locale-selector span {
    color: #999;
    text-decoration: none;
    padding: 0 6px;
    border-right: 1px solid #999;
    }

#locale-selector span {
    color: #ccc;
    }

.main_menu_bar {
  background: url(../images/f_esq_blanca_top.png) no-repeat top right;
  padding-right: 6px;
  clear: both;
  }
.main_menu_bar .tab-header {
  background: white;
  padding: 0.25em 0 0.25em 4px;
  margin-left: 6px;
  min-height: 20px;
}
.main_menu_bar .decor {
  float: left;
  width: 6px; 
  min-height: 20px; 
  line-height: 1.5em;
  padding: 0.25em 0;
  background: url(../images/f_esq_blanca_top.png) no-repeat;
}

/****** FIN LOGO Y PUBLI SUPERIOR ********/

/******* CONTENEDOR SECUNDARIO ***********/
#content_wrapper {
  background: url(../images/f_table_wrapper_top_rounded.png) no-repeat;
  display: table;
  width: 100%;
  margin-top: 10px; 
  padding-top: 5px;
}

#content_wrapper.wide {
  background: url(../images/f_table_wrapper_top.png) no-repeat;
}
/****** FIN CONTENEDOR SECUNDARIO ********/

.borde_inferior {
  margin: 0;
  padding: 0;
  background: transparent url(../images/bg_bottom.gif) top center no-repeat;
}
div.account_bar {
    text-align: left;
    padding: 0;
    font-size: 100%;
    margin: 15px 0 0.6em 0;
    clear: right;
    float: right;
    }
div.account_bar .decor, div.account_bar .decor2 {
    width: 5px;
    min-height: 28px; 
    float: left;
    }
div.account_bar .decor {
    background: url(../images/f_esq_blanca_termo.png) no-repeat;
    }
div.account_bar .decor2 {
    background: url(../images/f_esq_blanca_termo.png) no-repeat top right;
    }

div.account_bar a {
    text-decoration: underline;
    color: blue;
}

div.account_bar a:hover {
    color: black;
}

div.filter_links {
    margin-bottom: 1em;
}

div.filter_links a {
    text-decoration: none;
    border-bottom: 1px dotted #009;
    font-weight: bold;
    font-size: 110%;
    margin: auto 1em;
}

#table_wrapper {
  table-layout: fixed;
  clear: left;
  background: url(../images/f_table_wrapper.png) repeat-y bottom left;
}

#content_wrapper.wide #table_wrapper {
  background-image: none;
}
/*
#table_wrapper td {
  vertical-align: top;
}
*/

/********* BARRA IZQUIERDA ***********/

#superior_barra_izquierda {
}

#barra_izquierda {
  background: #EAEAEA;
  border-right: 2px solid white;
  width: 224px;
  margin: 0;
  padding-left: 10px;
  padding-right: 6px;
  padding-top: 5px;
}

#td_izquierda {
  float: left;
  padding-right: 2px;
  padding-bottom: 3em;
  margin-top: -1px;
  width: 240px; 
  }

/******** FIN BARRA IZQUIERDA ********/

/********* COLUMNA CENTRAL **********/
#columna_contenido, #td_contenido {
  width: 481px;
  float: left;
/*  background: url(../images/f_contenido.png) no-repeat;
  padding-top: 7px; */
}

#content_wrapper.wide #table_wrapper #td_contenido {
  width: 723px;
  background: white;
}

#barra_contenido {
  background: white;
  padding-left: 13px;
  padding-right: 11px;
  padding-top: 2px;
  margin-right: 1px;
  margin-bottom: 20px;
}
/******* FIN COLUMNA CENTRAL ********/

/********* BARRA DERECHA ************/
#barra_derecha {
}

#td_derecha {
  width: 239px;
  float: left;	
  background: transparent;
  padding-left: 6px;
}

/******* FIN BARRA DERECHA **********/

/******** PUBLICIDAD FINAL **********/
#bottom_adver {
  background-color: #ccc;
  color: white;
  margin-top: 10px;
  margin-left: 4px!important;margin-left: 2px;
  margin-right: 4px;
  width: 956px;
}
/************************************/
div.pagefoot {
    text-align: left;
    background: white;
    color: #666666;
    margin-top: 10px;
    min-height: 10px;
    width: 968px;
}

div.pagefoot div.rights {
    float: right;
}

div.pagefoot div.enlaces {
    background: #0095AB;
    line-height: 23px;
    font-size: 85%;
    color: white;
    padding: 0 8px;
    font-weight: bold;
}

div.pagefoot div.enlaces a {
    color: white;
    text-decoration: none;
}

div.pagefoot div.enlaces a:hover {
    text-decoration: underline;
}

div.pagefoot a {
    color: #666666;
    text-decoration: none;
    margin: 0 0.3em;
}

div.pagefoot a:hover {
  text-decoration: underline;
}

div.pagefoot .pad {
    padding-top: 3px;
    padding-left: 8px;
    padding-right: 7px;
}

div.pagefoot .logos_sponsors {
    float: left;
    }
div.pagefoot .logos_sponsors img {
    margin-right: 20px;
    }
div.pagefoot .enlaces-portada {
    float: left;
    font-size: 9px;
    padding-top: 4px;
}
div.pagefoot .enlaces-portada a {
    text-decoration: none;
    display: inline;
    color: #1668B1;
}

div.pagefoot .links {
    float: right;
    }
#table_wrapper .clearing, div.pagefoot .clearing {
    clear: both;
    }

div.listacontactos {
  padding-bottom: 2em;
}

div.listacontactos .titulo {
    padding: 0 0 1px 3px;
    color: #666;
    border-bottom: 1px solid #CCC;
    margin-bottom: 1em;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
}

div.listacontactos a {
  padding-left: 0.3em;
}

div.listacontactos img {
    border: 1px solid #666;
}


div.pagination {
    text-align: right;
    font-size: 85%;
}

div.pagination span.current {
    color: black;
}

div.pagination span.disabled {
    display: none;
}

div.pagination a {
    color: #1668B1;
    text-decoration: none;
}


/* Nubes de etiquetas y cajas de listados extras */

div.caja_listado_extra {
    margin-bottom: 2em;
}

div.caja_listado_extra div.recent_generic_item {
    margin-top: .5em;
}

div.caja_listado_extra div.post {
    padding: 7px 0;
    margin: 0;
}

div.caja_listado_extra div.post span.meta {
    color: #999;
    font-size: 80%;
    display: block;
    margin: 1em 0 0;
    padding: 0;
    border: 1px dotted #999;
    border-width: 1px 0;
}

div.caja_listado_extra div.post a {
    background: url(../images/icono_doc.png) no-repeat left;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 100%;
}

div.tagcloud div.titulo, div.caja_listado_extra div.titulo a {
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #999;
    padding: 0 0 1px 3px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
}

div.tagcloud {
    text-align: left;
    overflow: hidden;
    margin-bottom: 2em;
}

div.tagcloud div.cloud-content {
    padding: 1em 0 .5em;
    
}

div.tagcloud a {
    color: #1668B1;
    text-decoration: none;
}

div.tagcloud a:hover {
  color: #0095ab;
  text-decoration: underline;
  }
div.tagcloud .selected:hover {
  color: #CCC;
  }

div.tagcloud .tag1 { font-size: 75%; }
div.tagcloud .tag2 { font-size: 90%; }
div.tagcloud .tag3 { font-size: 100%; }
div.tagcloud .tag4 { font-size: 125%; }
div.tagcloud .tag5 { font-size: 135%; }
div.tagcloud .tag6 { font-size: 145%; }

div.tagcloud .selected { 
    background: #0095ab; 
    color: white;
    padding-left: 0.2em; 
    padding-right: 0.2em;
    }

div.error ul {
  margin: .8em .5em 0 1em;
  list-style: none!important;list-style: disc inside;
}

div.error ul li {
  color: red;
}
div.error ul li:before {
  content: "- ";
}

/*.button_wrapper {
  display: -moz-groupbox!important;display: inline-block;
  margin: auto!important;
}*/

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
.clearleft {
  clear: left;
}
.clear-both { clear: both; }

.last {
 margin-right: 0;
}

.column {
  float: left;
  margin-right: 10px;
}


div.search {
    text-align: right;
    color: white;
    background: white;
    font-size: 80%;
    min-height: 22px;
    padding-top: 6px;
    float: left;
}

div.search input.textfield {
    font-size: 90%;
    width: 10em;
    background: white;
    border: 0;
    margin-left: 1em;
    margin-bottom: 2px;
    border: 1px solid #ededed;
    border-top: 1px solid #bcbcbc;
}

div.search input.submitfield {
    font-weight: bold;
    border: 0;
    vertical-align: top;
}


div.search label {
    font-weight: normal;
}

div#socialbookmarking { }
div#socialbookmarking img {
    cursor: pointer;
    margin: 5px;
}


div.bar_stats_info {
    margin: 1ex;
    padding: 1ex;
    background: white;
    border: #1668B1 2px solid;
}


div.info_filter_box {
    margin: 1ex;
    padding: 1ex;
    color: #999;
}

div#contadores {
    margin: 0;
    float: left;
    padding: 3px 10px 0 8px;
    min-height: 25px; 
    background: white;
    color: #999;
    }

div.login_info {
    float: right;
    margin-right: 10px;
    font-size: 85%;
    text-align: right;
    color: #999;
}

div.login_info img {
    vertical-align: middle;
}

div.login_info div#access_link {
    display: inline;
    color: black;
}

div#foto_perfil {
    float: right;
}

div.login-endless {
    padding-left: 7em;
    margin-top: 1ex;
}

div.login-endless input {
    margin-left: 0;
}

div.forgot-password {
    padding-left: 7em;
}

div.search_box {
    background: white;
    color: #ababab;
    clear: right;
    float: right;
    margin-bottom: 1em;
}

div#badget input {
    margin-right: 5px;
}

div#badget label img {
    vertical-align: middle;
}

#borde_inferior { 
    background: transparent url(../images/f_table_wrapper_bottom_rounded.png) left top no-repeat;
    clear: both; 
    }

#content_wrapper.wide #borde_inferior { 
    background: transparent url(../images/f_table_wrapper_bottom.png) left top no-repeat;
}

div#contactos_externos * {
    text-align: left;
}

.front-top-text {
    /* font-size: 12px; */
    margin-bottom: 30px;
}

.enlaces-portada a {
    display: block;
    margin: 3px;
}

.caja_listado_extra .front-central .foto {
    float: left;
    margin: 5px;
    width: 40px;
}

.caja_listado_extra .front-central .info {
    float: left;
    width: 400px;
}

.caja_listado_extra .front-central .info .title {
    font-size: 120%;
    font-weight: bold;
}

.caja_listado_extra .front-central .info .meta {
    color: #777;
    font-size: 80%;
}

.caja_listado_extra .front-central .info .cont {
    float: right;
}

.caja_listado_extra .front-central {
    margin-bottom: 20px;
}

.caja_listado_extra .front-central .info .short {
    font-size: 90%;
    margin-bottom: 10px;
}

.posts-proyectos .post  {
    margin-top: 5px;
}

.posts-proyectos .post .foto {
    float: left;
    width: 40px;
}

.posts-proyectos .post .tit {
    float: left;
    width: 180px;
}

.posts-proyectos .post .tit a {
    font-weight: bold;
}

/* Bookmarks */
form.bookmark {
    float: right;
    margin-top: -1px;
}

div.bookmark-added {
    text-align: right;
    color: green;
    font-size: 85%;
}


div.rss {
    float: right;
    padding-left: .5em;
}

/* Preguntas */
div.listado-preguntas div.pregunta {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
}


/* Podcasts */
html body div.podcast .fi_block {
    line-height: 110%;
}

/* Static Pages */
div#sp-content p {
    text-align: justify;
}

a.external {
    background: url(../images/external.png) center right no-repeat;
    padding-right: 14px;
}

div.breadcrumb {
    margin-bottom: 20px;
}