* {margin:0; padding:0;}

body {
    background:#fff;
    font:12px/16px Arial;
    color:#333;
}

#wrapper {
    width:960px;
    margin:auto;
    overflow: hidden;
    position:relative;
}

#content-left,
#content-right {
    width:160px;
    float:left;
}

#content-inner {
    width:620px;
    padding:0 10px 0 10px;
    float:left;
    margin-bottom:30px;
}

#footer {
    clear:both;
}

a {
    color:#ef3e33;
}

a:hover {
    color:#4b186e;
}

img {border:0;}

h2 {
    font:bold 20px/22px "Trebuchet MS";
    color:#ef3e33;
    text-decoration: underline;
    margin:0 0 20px;
}

h2.h2fondo {
    background:url('images/bg-h2.png') top left no-repeat;
    clear:both;
    height:40px;
    color:#fff;
    text-decoration:none;
    padding-left:10px;
    line-height:36px;
}

h2.h2imagen {
    font:bold 30px/80px "Trebuchet MS";
    color:#efefef;
    text-decoration:none;
    text-shadow:2px 2px 2px #000;
    padding-left:15px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-top:2px;
}

h3 {
    font:bold 16px/18px "Trebuchet MS";
    color:#ef3e33;
}

#content-left h3 span,
#content-right h3 span{display:none;}

/************ HEADER ************/

#header {
    overflow:hidden;
}

#header h1 {
    background:url('images/logo.png') no-repeat;
    width:245px;
    height:70px;
    float:left;
    margin:5px 0;
}
#header h1 span {display:none}

#header ul {list-style:none;}
#header li {float:left;}

/************ El tiempo ************/

#eltiempo {
    float:left;
    margin:10px 0 0 60px;
}

#eltiempo div {float:left;}

#eltiempo .playas {
    background:url('images/sombrilla.png') top left no-repeat;
    font:10px/12px "Trebuchet MS";
    color:#777;
    float:left;
    height:40px;
    width:50px;
    padding:5px 0 0 40px;
    margin:15px 0 0 30px;
    text-decoration:none;
}

#eltiempo .playas:hover {
    color:#ef3e33;
    text-decoration: underline;
}

/************ Idiomas ************/

#idiomas {
    background:url('images/bg-lang.png') top left no-repeat;
    font:11px/22px "Trebuchet MS";
    width:197px;
    height:24px;
    position:absolute;
    top:0;
    right:10px;
}

#idiomas li {
    margin-left:6px;
}

#idiomas li a {
    color:#5d5b5b;
    text-decoration: none;
}

#idiomas li a:hover {color:#ef3e33;}

/************ Header Links ************/

#header-links {
    font:11px/14px "Trebuchet MS";
    float:right;
    margin:65px 12px 0;
}

#header-links li {
    margin-left:5px;
}

#header-links a {
    color:#777;
    text-decoration:none;
}

#header-links a:hover {
    color:#ef3e33;
    text-decoration:underline;
}

#header-links .rss {
    background:url('icons/feed-small.png') top left no-repeat;
    padding-left:16px;
}

/************ Menu ************/

#menu-container {
    background:url('images/bg-menu.png') no-repeat;
    height:42px;
    clear:both;
}

#menu li {
    margin-left:20px;
}

#menu a {
    font:bold 12px/38px Verdana;
    color:#fff;
    text-decoration: none;
}

#menu a:hover {
    color:yellow;
}

#breadcrumb {
    font:11px/12px "Trebuchet MS";
    margin:5px 0 10px;
    padding-left:10px;
}

/************ Buscador ************/

#search {
    background:url('images/bg-search.png') no-repeat;
    margin:7px 10px 0 0;
    width:181px;
    height:23px;
    float:right;
}

#search input {
    font:11px/12px "Trebuchet MS";
    color:#777;
    background:none;
    border:none;
    float:left;
    width:148px;
    padding:4px 0 0 5px;
}

#search input[type="submit"] {
    width:25px;
    text-indent:-9999px;
}

/************ VERTICAL MENU ************/

.v-menu {
    background:url('images/bg-vmenu-bottom.png') bottom left no-repeat;
    font:10px/20px Verdana;
    width:159px;
    list-style: none;
    padding:0 0 10px;
}

.v-menu li {
    background:#d4423a url('images/bg-vmenu-middle.png') repeat-y;
    padding:0 5px 0 4px;
}

.v-menu li.v-menu-title {
    height:31px;
    padding:0;
}

.v-menu li.v-menu-title span {
    display:none;
}

.v-menu li.tematica {background:url('images/menu-title-tematica.png') bottom center no-repeat}
.v-menu li.comarcas {background:url('images/menu-title-comarcas.png') bottom center no-repeat}
.v-menu li.servicios {background:url('images/menu-title-servicios.png') bottom center no-repeat}
.v-menu li.patronato {background:url('images/menu-title-patronato.png') bottom center no-repeat}

.v-menu a {
    border-top:1px solid #cf8682;
    padding:3px 0 0 10px;
    color:#fff;
    text-decoration: none;
    display:block;
    outline:none;
}

.v-menu a:hover {background:#fff;color:#d4423a;}

/************ MENU DERECHA ************/

#logo-dip {display:block;text-align:center;}

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

#suscribete {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    overflow: hidden;
    padding:10px 0;
    margin:10px 0;
}

h3.h3-suscribete {
    background:url('images/suscribete.png') no-repeat;
    width:93px;
    height:25px;
    float:left;
    margin:0 15px 0 10px;
}

#suscribete a {
    width:29px;
    height:29px;
    float:left;
    margin:10px 2px 0 1px;
}
#suscribete a span {display:none;}

#suscribete .rss {background:url('icons/feed.png') no-repeat;margin:0;}
#suscribete .facebook {background:url('icons/facebook.png') no-repeat;}
#suscribete .twitter {background:url('icons/twitter.png') no-repeat;}
#suscribete .flickr {background:url('icons/flickr.png') no-repeat;}
#suscribete .youtube {background:url('icons/youtube.png') no-repeat;}
#suscribete .delicious {background:url('icons/delicious.png') no-repeat;}

/************ ULTIMAS NOTICIAS/ULTIMAS OFERTAS ************/

#ult-noticias, #ult-ofertas {
    font:12px/16px "Trebuchet MS";
    margin:20px 0;
}

h3.h3-ult-noticias {
    background:url('images/ultimasnoticias.png') top center no-repeat;
    height:25px;
    margin-bottom:15px;
}

h3.h3-ult-ofertas {
    background:url('images/ultimasofertas.png') top center no-repeat;
    height:34px;
    margin-bottom:15px;
}

#ult-noticias ul , #ult-ofertas ul {
    list-style:none;
}

#ult-noticias li , #ult-ofertas li {
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
}

#ult-noticias li a, #ult-ofertas li a {
    color:#333;
    text-decoration: none;
}

#ult-noticias li a:hover, #ult-ofertas li a:hover {
    color:#ef3e33;
    text-decoration:underline;
}

#ult-noticias li span, #ult-ofertas li span {
    color:#888;
    display:block;
}

/***********************************/
/************ CONTENIDO ************/
/***********************************/

/************ Formularios ************/

.formulario {
    margin:20px 0
}

.formulario form p {
    overflow:hidden;
    margin-bottom:5px;

}

.formulario label {
    display:block;
}

.tipoFormulario {margin-bottom:20px;}
.tipoFormulario label {float:none;display:inline;}

.formulario input,
.formulario select,
.formulario textarea{
    background:url('images/bg-input.png') top repeat-x;
    font:12px/16px Arial;
    color:#333;
    border:1px solid #898787;
    padding:2px 5px;
    width:200px;
}

.formulario input:hover,
.formulario select:hover,
.formulario textarea:hover {
    border:1px solid #ed3e34;
}

.formulario input:focus,
.formulario select:focus,
.formulario textarea:focus {
    background:none;
    border:1px solid #ed3e34;
}

.formulario .politica {margin:20px 0;}

.tipoFormulario input,
.formulario .politica input {
    width:auto;
    margin-right:20px; border:1px solid red;
}

.formulario .nota {
    font:10px/12px Verdana;
    margin:20px 0 0;
}

.formulario .politica label {display:inline;}

/************ Listas ************/

#content-inner ul {
    list-style:none;
    margin:10px 0;
}

#content-inner ul li {
    background:url('icons/bullet_red.png') top left no-repeat;
    margin-bottom:5px;
    padding-left:16px;
}

/************ Flickr ************/

#flickr_banner {
    overflow: hidden;
    height:170px;
    position:relative;
    margin-bottom:20px;
}

#flickr_banner img {   
}

/************ Portada ************/

#fotoportada {
    position:relative;
    height:270px;
    margin-bottom:10px;
}

#fotoportada img {
    position:absolute;
    left: 0;
    z-index:0;
}

#fotoportada h2 {
    background:url('images/bgportada.png') repeat;
    position:absolute;
    bottom:0; left:0;
    z-index:10;
    color:#fff;
    width:620px;
    height:70px;
    text-decoration: none;
    margin:0;    
}

#fotoportada h2 span {
    padding:10px 40px 0;
    display:block;
}

#tematicas-portada {
    overflow: hidden;
    margin-bottom:10px;
}

.cuadrado-tematicas {
    /* background:url('images/bg-cuadrado-tematicas.png') top center no-repeat;*/
    width:155px;
    height:175px;
    float:left;
    margin-bottom:5px;
    text-decoration:none;
}

.cuadrado-tematicas h3 {
    color:#fff;
    text-align:center;
    padding-top:5px;
    font:14px Arial;
}

.cuadrado-tematicas:hover h3 {color:#333;}

.t-activa {background:url('images/tematica-activa.jpg') top center no-repeat;}
.t-cine {background:url('images/tematica-cine.jpg') top center no-repeat;}
.t-golf {background:url('images/tematica-golf.jpg') top center no-repeat;}
.t-monumental {background:url('images/tematica-monumental.jpg') top center no-repeat;}
.t-natural {background:url('images/tematica-natural.jpg') top center no-repeat;}
.t-rural {background:url('images/tematica-rural.jpg') top center no-repeat;}
.t-solplaya {background:url('images/tematica-solplaya.jpg') top center no-repeat;}
.t-tradicional {background:url('images/tematica-tradicional.jpg') top center no-repeat;}


/************ Páginas ************/

.pagina {}

.pageimage {
    margin-bottom:20px;
}

.pagina p {
    text-align: justify;
}

.pagina-texto {margin-bottom:30px;}

.pagina-texto p {
    margin-bottom:10px;
}

.pagina-texto img {
    margin:10px;
}

#submenupagina {
    float:right;
    border:1px solid #ccc;
    background:#fafafa;
    width:150px;
    margin:0 0 20px 20px;
    padding: 5px 0;
    font:12px/14px "Trebuchet MS";
}

#submenupagina h3 {
    color:#000;
    font:bold 11px/14px "Trebuchet MS";
    margin-bottom:10px;
    padding-left:10px;
}

#share-buttons {margin:20px 0 15px;}

#share-buttons .twitter-share-button {margin-bottom:2px;}

.share-buttons_before_comments {
    border-bottom:1px solid #ccc;
    margin-bottom:30px;
    padding-bottom:30px;
}

#submenupagina ul {
    margin-bottom:10px;
    list-style: none;
    padding-right:5px;
}

#submenupagina li {
    background:url('icons/bullet_red.png') top left no-repeat;
    margin-bottom:5px;
    padding-left:16px;
}

#submenupagina li a {
    color:#777;
    text-decoration:none;
}

#submenupagina li a:hover {
    color:#ef3e33;
    text-decoration: underline;
}

/************ Buscar ************/

#content-inner ul.resultados_busqueda {
    margin:30px 0;
}

#content-inner ul.resultados_busqueda li {
    margin-bottom:20px;
}

/************ Perfil de socios ************/

#socio {}

#content-inner #menusocio {
    list-style:none;
    margin-bottom:-1px;
    margin-left:10px;
    overflow:hidden;
    clear:left;
}

#content-inner #menusocio li {
    float:left;
    margin:0 3px 0 0;
    background: #efefef;
    border:1px solid #ccc;
    padding:0;
}

#content-inner #menusocio li.current {
    background:#fff;
    border-bottom:1px solid #fff;
}

#content-inner #menusocio li a {
    display:block;
    font:11px/22px "Verdana";
    color:#aaa;
    text-decoration:none;
    height:22px;
    padding:0 15px;
}

#content-inner #menusocio li.current a {font-weight:bold;color:#ef3e33;}

#content-inner #menusocio li a:hover {color:#000;}

#socio-izq {
    margin-bottom:30px;
}

#socio-der {
    padding:10px 10px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    clear:left;
}

#socio-izq img {
   float:left;
   margin:0 10px 5px 0;
}

#socio-izq h2 {margin-bottom:10px;}

#socio-izq .descripcion {
    font:12px/16px Arial;
    color:#444;
    padding-right:3px;
}

#socio-fotos img {
    float:none;
    display:inline;
    margin:5px 8px 2px 0;
}

#socio-der #noticias,
#socio-der #ofertas {
    margin-bottom:40px;
}

#socio-der h3 {
    border-bottom:1px solid #ccc;
    margin-bottom:15px;
    font-size:18px;
}

#mapagoogle {
    overflow: hidden;
    margin-bottom:20px;

}

.noticia {
    margin-bottom:15px;
    overflow:hidden;
}

.noticia img {
    float:left;
    width:75px;
    margin:0 10px 5px 0;
}

.noticia-fecha {
    font:11px/12px "Trebuchet MS";
    color:#999;
    margin-bottom:5px;
    width:75px;
    float:left;
    clear:left;
    text-align: center;
}

.noticia-titulo {
    font:bold 14px/16px "Trebuchet MS";
    margin-left:80px;
    color:#666;
}

.noticia-texto {
    margin-left:85px;
}

.socio-informacion p {margin-bottom:10px;}


/************ Listado de socios ************/

#content-inner ul.socioslist {
    background:none;
    list-style:none;
    overflow:hidden;
    margin:20px 0 5px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}

#content-inner ul.socioslist li {
    background:url('images/bg-list-item.png') no-repeat;
    font:10px/12px "Trebuchet MS";
    width:151px;
    height:130px;
    float:left;
    margin:0 2px 4px;
    padding:0;
    position:relative;
}

#content-inner ul.socioslist li p {
    display:table-cell;
    vertical-align: middle;
    height:100px;
    width:150px;
    text-align:center;
}

#content-inner ul.socioslist li a {
    width:140px;
    text-align:center;
    color:#555;
    text-decoration:none;
}
#content-inner ul.socioslist li a.nombresocio {
    position:absolute;
    bottom:12px;
    left:5px;
}
#content-inner ul.socioslist li a:hover {text-decoration:underline;}

/************ Filtro de socios ************/

#formfiltro {
    font:11px/12px "Trebuchet MS";
}

#formfiltro label {
    margin-left:10px;
}

#formfiltro select {
    font:11px/12px "Trebuchet MS";
}

/************ Paginador ************/

#paginador {
    font:10px/12px Verdana;
    margin:20px 0;
}

#paginador a {
    padding:2px 3px;
    border:1px solid #ef3e33;
    text-decoration: none;
}

#paginador a:hover {
    border:1px solid #000;
    color:#000;
}

#paginador span {
    padding:2px 3px;
    border:1px solid #ccC;
    color:#ccc;
}

#paginador a.pagactual {
    background:#ef3e33;
    color:#fff;
}

/************ Contacto ************/

.tlf, .fax {height:30px;margin-bottom:5px;line-height:30px;}
.tlf {background:url('icons/telefono.png') top left no-repeat; padding-left:30px;}
.fax {background:url('icons/fax.png') top left no-repeat; padding-left:30px;margin-bottom:30px;}

#msgcontacto {
    font:bold 16px/18px Arial;
    display:none;
    padding:10px;
}

.msgerror {    
    color:#f00;
    border:1px solid #f00;
}

.msgok {
    color:#378927;
    border:1px solid #378927;
}

/************ LISTADO DE EVENTOS ***********************/

.eventos {
}

.eventos h3 {
    margin-bottom:10px;
}

.evento {
    border-bottom:1px solid #ccc;
    width:380px;
    margin-bottom:20px;
}

p.lugarEvento { margin-bottom: 10px;clear:left;}
img.imagenEvento {float:left;margin:0 10px 10px 0;}
.detallesEvento { margin-top: 10px;}
.tituloEvento {margin-bottom:10px;line-height:14px;}

.sel-meses {
    border:1px solid #ddd;
    font:bold 14px/20px Arial;
    text-align:center;
    margin-bottom:5px;
    padding:0 10px;
}

.sel-meses a.cal-anterior {float:left;}
.sel-meses a.cal-siguiente {float:right;}

#calendario {
    float:right;
    width:220px;
}

#calendario table {
    /*border-collapse: collapse;*/
    border:1px solid #ddd;
}

#calendario th {
    background:url('images/bg-menu.png') center repeat-x;
    height:30px;
    color:#fff;
}

#calendario td,
#calendario th {
    width:30px;
    height:20px;
    text-align:center;
}

#calendario td {
    border:1px solid #ddd;
}

#calendario .actual {
    background:#eb3f34;
    color:#fff;
    font-weight:bold;
}

/************ FOOTER ************/

#footer {
    background:url('images/bg-footer.png') top center no-repeat;
    font:12px/14px "Trebuchet MS";  
    padding:15px 0;
}

#footer p {
    text-align: center;
    margin-bottom:5px;
}

#footer a {
    color:#777;
    font-weight:bold;
}

#footer a:hover {
    color:#ef3e33;
}

/************ Disqus ************/

#disqus_thread {}

#content-inner #dsq-comments,
#content-inner #dsq-comments li,
#content-inner #dsq-toolbar-dropdown-wrap ul,
#content-inner #dsq-toolbar-dropdown-wrap li {background:none;padding-left:0;}

#content-inner #dsq-content .dsq-global-toolbar-likes {width:auto;}
#content-inner #dsq-content #dsq-global-toolbar .dsq-global-toolbar-container {float:right;width:auto;}

#content-inner #dsq-comments {margin:30px 0 0;}

#content-inner #disqus_thread h3 {margin:20px 0;border:0;}

.dsq-brlink {color:#ccc;}