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

/* Reset */
* {margin:0; padding:0; border:0}
img {border:none; margin:0; padding:0}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:94%; line-height:160%; color:#000; background:#ddd; margin: 0; padding: 0;}  /* Tipo base: 11px */
a {text-decoration:none; outline:none}
a:hover {text-decoration:underline; outline:none}
div { border: 0; margin: 0; padding: 0; position: relative; }
p { margin: 0; padding:0 0 8px 0 }
form, ul, li { margin: 0; padding: 0;}
ul, li {list-style:none}
input, select, fieldset { margin: 0; padding: 0; }

.cleaner {height:1px !important; clear:both; overflow:hidden}
.spacer {height:10px !important; clear:both; overflow:hidden}

/* General */


#page {width:994px; margin: 0 auto; background:#FFF;  height:1%; overflow:hidden}
#page div {height:1%}
#page .header .ticker_news .mask { height:auto}
#page .main .rcolumn .agenda .right .calendario div {height:auto}

#page .wrap {}

#page h1, #page h2 {margin:0; padding:0; font-weight:normal}

#page h1 { font-size: 180%;}
#page h2 { font-size: 150%;}
#page h3 { font-size: 120%;}
#page h4 { font-size: 110%;}
#page h5 { font-size: 90%;}
#page h6 { font-size: 85%;}

input, select, textarea {font-family: verdana, arial, helvetica, sans-serif; border:1px solid #ccc; padding:3px; font-size:100%}
/*.in_button { padding:0; margin:0; border:0}
.button {text-align:right; padding-top:8px; white-space:nowrap}
.button input {border:none; color:#FFF; margin:0; height:22px; padding:0 0 0 10px; font-size:14px; background: url(img/btn_submit_l.gif) center left no-repeat; display:inline-block; vertical-align:middle; letter-spacing:1px}
.button input:hover {color: #fcc}
.button span.btn_right {height:22px; display:inline-block; margin:0; padding:0; background: url(img/btn_submit_r.gif) center left no-repeat; width:10px; vertical-align:middle; margin-left:-4px}*/


.left { float:left}
.right { float:right }	
.border { border:1px solid #000; filter:dropshadow(color=#000000, offx=1, offy=1, positive=1);}




/* Header */ 
#page .header { height:282px; background: url(../images/cabecera.jpg) center top no-repeat; overflow:visible}

#page .header .logo { width:254px; height:94px; position:absolute; top: 80px; left:15px}
#page .header .logo h1 { display:none}

#page .header .menu2 {position:absolute; color:#999; top:0; right:30px; font-size:80%; }
#page .header .menu2 a { color: #fff}
#page .header .menu2 a.button { padding: 10px 8px 5px 8px; display:inline-block; margin: 0 3px; color:#b60d1e} 
#page .header .menu2 a.button.club100 {background:url(../images/bot_club100.png) center bottom no-repeat}
#page .header .menu2 a.button.clubsocios {background: url(../images/bot_socios.png) center bottom no-repeat}

#page .header .menu { position:absolute; height:26px;  background:url(img/bg_menu.gif); top: 220px; left:0; width:994px; overflow:visible }
#page .header .menu ul.nivel1 { font-size:13px; line-height: 24px; padding-left:4px; font-weight:normal}
#page .header .menu ul.nivel1 .item {width: 140px; float: left; padding: 0; height:34px;  margin-right:1px; text-align:center; display:inline-block; text-transform:capitalize}
#page .header .menu ul.nivel1 .item a {color:#FFF; height:22px; display:block; padding: 6px 0; background:blue; overflow:hidden; }
#page .header .menu ul.nivel1 li.item a:hover, #page .header .menu ul.nivel1 .item.active a { background: red ; text-transform:uppercase; font-weight: bold}

#page .header .menu_nivel2 { position:absolute; height:25px; top: 34px; background: #b60d1e; font-size:13px; width:994px; left:0}	
#page .header .menu_nivel2 ul {width:auto; position:relative; height:25px}
#page .header .menu_nivel2 li {width:auto; position:relative; height:25px; display:inline-block; float:left}
#page .header .menu_nivel2 a { color:#FFF; padding: 3px 10px; height:19px}

#page .header .day {position:absolute; width: auto; color:#FFF; right: 30px; top: 150px; text-align:right}
#page .header .day span { font-size:18px; font-weight: bold; display: block	}

#page .header .ticker_news  { position: absolute; top: 60px; left: 400px; width: 580px; height:35px}
#page .header .ticker_news h4 {color: #b60d1e; font-family: "BellGothicBt Black", Arial black, sans-serif; margin:0; padding:0 }
#page .header .ticker_news .ticker {width: 580px; height: 18px; overflow:hidden; font-size:13px; margin:0; padding:0; overflow:hidden}
#page .header .ticker_news .ticker li {width: auto; display: inline-block; float:left; height: 18px; overflow:hidden; margin:0 20px; padding:0; line-height:14px	}
#page .header .ticker_news .ticker a { color: #353995 !important }


/* Main */
#page .main {margin: 5px 8px; }

#page .main.doscol .content {margin: 0; padding: 10px; width:614px;  float:left}
#page .main.doscol .rcolumn {width:320px; float:left; margin-left:4px; padding:10px}
#page .main.doscol .rcolumn.leftdot {margin-left: 2px !important;}

#page .main.home .content {margin: 0; padding:0; width:634px;  float:left; font-size:87%}
#page .main.home .rcolumn {width:320px; float:left; margin-left:4px; padding:10px}
#page .main.home .rcolumn.leftdot {margin-left: 3px !important; padding:2px; width:336px}


/* Content Column --> Home */ 

#page .main.home .content .col {margin:0; padding:10px; width:294px; float:left; margin-right:2px; min-height:500px}
#page .main.home .content .col.leftdot { margin-right:0; margin-left:2px}
#page .main.home .content .col p.vermas {font-size:80%; text-align:right}
#page .main.home .content .col p.vermas a {color:#b60d1e}

/* Content Column --> historia */
#page .main.unacol .content {}
#page .main.unacol .content .col {margin:0; padding-right:10px; width:33%; float:left;}
#page .main.unacol .content .doscol {margin:0; width:65%; float:left;}
#page .main.unacol .content .doscol .col {margin:0; padding-right:10px; width:48%; float:left;}



/* Content Column --> General */ 

#page .main h1 { color: #353995; margin: 10px 0; font-family:"BellGothicBt Black", "Arial black", sans-serif; font-size: 200%; font-weight: normal; line-height:110%; }
#page .main h2 { color: #353995; font-family: "BellGothicBt Black", Arial black, sans-serif; font-size:150% ; font-weight: normal; line-height: 120%; margin: 10px 0	}
#page .main h3 { color: #353995; font-family: "BellGothicBt Black", Arial black, sans-serif; font-size:130% ; font-weight: normal; line-height: 100%; margin:0	}
#page .main .bg_blue {background: #353995; color:#FFF;}
#page .main .blue {color: #353995; padding:3px; display:inline-block }
#page .main .bg_red {background: #b60d1e; color:#FFF;}
#page .main .red {color: #b60d1e; padding:3px;display:inline-block  }

#page .main .gris { background:#f5f5fa }
#page .main .rosado { background:#fbf3f4 }
#page .main .topdot {border-top: 1px dotted #000 !important; margin: 3px 0 !important; }
#page .main .leftdot {border-left: 1px dotted #000 !important; }
#page .main .text { padding: 15px }
#page .main .text p {margin:10px 0}

#page .main.doscol .text .col {width:48%; float:left; padding-right: 2%}

#page .main .listado {}
#page .main .listado li { padding: 10px 0; height:1%; overflow:hidden; border:1px solid transparent	}
#page .main .listado li:hover {text-decoration:underline}
#page .main .listado li .item_img {float:left; width:120px; margin-right:10px}
#page .main .listado li .item_img img {border: 1px solid #000; max-width:170px}
#page .main .listado li .item_text { font-size:80%; line-height: 140%; width: 430px; float:right}
#page .main .listado li .item_text a p {color:#000}
#page .main .listado li .item_text a .red {color: #b60d1e}
#page .main .listado li .item_text a h4 {color: #353995; font-size: 150%; border-bottom:1px solid #353995}
#page .main .listado li .item_text a:hover {text-decoration:none}

#page .main .listado.noticias { border-top: 1px dotted #000; margin: 0 -10px }
#page .main .listado.noticias li { border-bottom: 1px dotted #000; padding:10px}
#page .main .listado.noticias li .item_img {width:170px}
#page .main .listado.noticias li .item_text {width:420px}
#page .main .listado.noticias li .item_text a h4 {border: none; margin-bottom: 15px}

#page .main .navegador {top: -10px; margin-bottom: 10px; text-align:right}
#page .main .navegador ul { width: auto; float: right; font-size: 70%; font-weight: bold; line-height:95%}
#page .main .navegador ul li { display: inline-block; float: left; border-left: 1px solid #353995; height: 10px; overflow:visible; padding: 0 5px } 
#page .main .navegador ul li a {color: #353995}
#page .main .navegador ul li a:hover, #page .main .navegador ul li.active a {color: #b60d1e}
#page .main .navegador ul li.text, #page .main .navegador ul li.first {border:none}

#page .main .socio { background: #b5b6d5; margin: 15px; padding:15px; font-size:120%; font-weight:bold; line-height:120%}
#page .main .socio p {padding: 10px 0}
#page .main .socio img {vertical-align: middle; float:left; padding-top:10px; margin-right: 10px}
#page .main .socio .blue {font-size: 90%;}
#page .main .socio a, #page .main .socio .a { color: #fff}

#page .main .junta {background:url(../images/bg_junta.gif) center top no-repeat}
#page .main .listado_junta {padding: 50px 120px}
#page .main .listado_junta ul { height:1%; overflow:hidden; font-size:70%; line-height:120%}
#page .main .listado_junta ul li {width:50%; height: 130px; display:inline-block; float:left}
#page .main .listado_junta ul li .img {width:98px; height:98px; margin-right:10px; float:left}
#page .main .listado_junta ul li .img img {border:1px solid #000}
#page .main .listado_junta ul li .text {width:190px; height:50px; display:inline-block; float:left; background:url(../images/bg_1px_blue20pct.png); padding:2px}
#page .main .listado_junta ul li .text h3 { margin:3px; top:2px}
#page .main .listado_junta ul li .text h3 .bg_blue { background: #6260a6;} 
#page .main .listado_junta ul li .text p {padding: 5px 10px;}
#page .main .listado_junta ul li.presidente {width:100%}
#page .main .listado_junta ul li.presidente .text {background-image:url(../images/bg_1px_red20pct.png)}
#page .main .listado_junta ul li.presidente .text h3 .bg_blue { background: #b60d1e;}

#page .main .asamblea { padding-top:30px; height:1%; overflow:hidden}
#page .main .asamblea .left {width:270px; float:left}
#page .main .asamblea .left .bg_blue {display:block; height:30px; overflow:hidden}
#page .main .asamblea .left .bg_blue h3 {color: #fff; font-size:90%; padding-top: 10px}
#page .main .asamblea .left .parte { background: #e7e8f3; margin-top: 5px; padding:5px}
#page .main .asamblea .left .parte h4 {color: #353995; margin: 8px 0}
#page .main .asamblea .right { width: 664px}
#page .main .asamblea .right div.bg_red {height:30px; width:200px; overflow:hidden}
#page .main .asamblea .right div.bg_red h3 { color: #fff; margin:3px}
#page .main .asamblea .right .box {border: 2px solid #b60d1e; padding:20px 80px}
#page .main .asamblea .right .box ol {}
#page .main .asamblea .right .box ol li { padding: 10px 0}
#page .main .asamblea .right .box ol li span { display: inline-block; vertical-align: middle; width:30px; height:30px; font-weight: bold; color:#FFF; text-align:center; background:url(../images/bg_list_number.gif) center center no-repeat; margin-right: 5px; padding-top:4px; font-size:90%}

#page .main .equipacion { padding:30px 180px; height:1%; overflow:hidden; text-align:center; font-size:80%;  font-weight: bold;}
#page .main .equipacion .col {border:1px solid #353995; width:280px !important; padding:0 !important; margin-right:10px !important}
#page .main .equipacion .col .bg_blue {font-size:120%; display:block}
#page .main .equipacion .col .parte { background: #e7e8f3; margin-top: 5px; padding:5px }

#page .main .tabledot {padding: 20 -10px; width:100%; text-align:center; border: dotted #000; border-width: 1px 0}
#page .main .tabledot tr {}
#page .main .tabledot td, #page .main .tabledot th {padding:3px; border-right: 1px dotted #000}
#page .main .tabledot td.noborder, #page .main .tabledot th.noborder { border-right: none }
#page .main .tabledot .casa { color: #b60d1e}
#page .main .tabledot .fuera {color: #353995}
#page .main .tabledot th { border: dotted #000 !important; border-width: 1px 0 !important; text-transform:uppercase}
#page .main .tabledot .fecha {width:20%; }
#page .main .tabledot .hora  {width:20%; font-weight: bold}
#page .main .tabledot .partido { width: 40%}
#page .main .tabledot .resultado  {width:20%; font-weight: bold}
#page .main .tabledot tr.cabecera td  { padding: 8px 3px }
#page .main .tabledot tr.cabecera td span { display:inline-block; vertical-align:middle; height: 16px; padding-left: 20px; background:url(../images/icon_casa.gif) center left no-repeat; line-height: 100% ; color: #b60d1e }
#page .main .tabledot tr.cabecera td span.fuera { background-image: url(../images/icon_fuera.gif); color: #353995; margin-left:10px} 
#page .main .tabledot tr.cabecera .select {width: 230px}

#page .main .tabledot .alignleft { text-align:left !important}
#page .main .tabledot tr.valdemoro { background-color: #dfe0ee}
#page .main .tabledot .posicion {font-weight: bold; color: #b60d1e}
#page .main .tabledot .posicion a {color: #b60d1e}
#page .main .tabledot .equipo { color: #353995  }
#page .main .tabledot .equipo a { color: #353995  }
#page .main .tabledot .casa a { color: #b60d1e }

#page .main .clearblue { width:100%; text-align:center; margin: 15px 0}
#page .main .clearblue td, #page .main .clearbot th { background: #eaeaf4; padding: 3px; color: #353995;}
#page .main .clearblue th {background: #dfe0ee; color: #353995 }
#page .main .clearblue th.img { width: 80px}
#page .main .clearblue .featured { color: #b60d1e; width: 180px}
#page .main .clearblue .featured a{ color: #b60d1e;}
#page .main .clearblue td a {color: #353995; }

#page .main .table {width: 100%; text-align:center; margin: 5px 0}
#page .main .table td, #page .main .table th {padding:2px; color: #353995}
#page .main .table th {color:#b60d1e; font-size:90%}
#page .main .table a { color: #353995; font-weight: bold}
#page .main .table a:hover {color: #b60d1e}
#page .main .table .alignleft { text-align:left}

#page .main .topbotdot {border: dotted #000; border-width: 1px 0 ; padding: 20px 0; margin:15px 0}
#page .main .topbotdot .select {width: 230px}
#page .main .vergaleria {text-align: right; margin:0; padding:0; top: -30px; margin-bottom:-30px}
#page .main .vergaleria a {color: #b60d1e !important}

#page .main .mediumblue { background: #dfe0ee; color: #353995; padding:15px; height:1%; overflow:hidden; margin:2px 0}
#page .main .mediumblue .left { padding:15px; width: 180px}
#page .main .mediumblue .right {width: 340px}
#page .main .mediumblue .right img, #page .main .mediumblue .right span { font-size: 60px; vertical-align:middle; margin:3px; color:#000}
#page .main .mediumblue h3 { border-bottom: 1px solid #353995}
#page .main .fix {height:1%; overflow:hidden}
#page .main .tab { width: 135px; height:30px; float:left; color:#fff; background:url(../images/bg_tab_blue.gif) center center no-repeat; display:block; font-size:14px; font-weight: bold; text-align:center; padding-top: 10px}
#page .main div.select {width: 230px; float: right} 
#page .main div.select .select {width: 230px}

#page .main .plantilla { margin: 15px 0; height:1%; overflow:hidden}
#page .main .plantilla li {width:296px; float:left; display:inline-block; background: #dfe0ee; height:1%; overflow:hidden; margin: 3px 6px 3px 0}
#page .main .plantilla li .img { text-align:center; width:80px; height:84px; padding: 15px 0 0 0; float:left}
#page .main .plantilla li .text { width:80px; height:90px; padding: 7px 0; float:left; width:214px; border-left: 2px solid #f5f5fa}
#page .main .plantilla li .text p { padding: 0 3px; height:30px; border-top: 2px solid #f5f5fa; color:#353995; margin:0;  background: #eaeaf4; line-height:200%}
#page .main .plantilla li .text p.titulo { color: #b60d1e; font-weight:bold; background: #dfe0ee; border-color: #dfe0ee}

#page .main .round { width:610px; margin:10px 0; font-size: 95%}
#page .main .round .top {background:url(../images/bg_round_top.gif) center top no-repeat; width:610px; height:10px;}
#page .main .round .mid {background: #cbcbe2; padding:0 20px; color:#353995}
#page .main .round .bot {background:url(../images/bg_round_bot.gif) center top no-repeat; width:610px; height:10px;}
#page .main .round a {color: #353995; font-weight:bold}
#page .main .round a.red {color: #b60d1e !important}

#page .main .round.red {}
#page .main .round.red .top {background-image:url(../images/bg_roundred_top.gif)}
#page .main .round.red .mid {background: #e8c7ce; color:#000 }
#page .main .round.red .bot {background-image:url(../images/bg_roundred_bot.gif)}
#page .main .round.red a {color: #000}

#page .main ul.borderblue { margin: 10px 0}
#page .main ul.borderblue li {border-left: 10px solid #8587ba; padding: 8px 8px 8px 16px; color:#353995; margin:3px 0; background: #eaeaf4 }
#page .main ul.borderblue li h3, #page .main .borderblue li h3 a {color: #b60d1e}
#page .main div.borderblue {border-left: 10px solid #8587ba; padding: 8px 8px 8px 16px; color:#353995; margin:3px 0; background: #eaeaf4 }

#page .main .listado_simple {}
#page .main .listado_simple li {padding: 10px 0 10px 12px; background-image:url(../images/list_square.jpg); background-position: 0 20px; background-repeat: no-repeat; }
#page .main .listado_simple li a { color:#353995; }

#page .main .patrocinadores { padding: 30px 80px}
#page .main .patrocinadores .col{ width: 380px !important; float:left; padding-right:10px; font-size: 85%;}
#page .main .patrocinadores .col h3 {padding-top:15px}
#page .main .patrocinadores .col h3 a { color: #353995; padding: 0 15px; background:url(../images/ico_patr_closed.gif) center left no-repeat}
#page .main .patrocinadores .col h3 a:hover, #page .main .patrocinadores .col h3 a:active {background-image: url(../images/ico_patr_opened.gif); color: #b60d1e}
#page .main .patrocinadores .col div { padding-left: 15px; line-height:140%; margin-top:5px}
#page .main .patrocinadores .col div a {color: #353995}

/* Right Column */

#page .main .rcolumn .img { margin-bottom: 10px}

#page .main .rcolumn .topdot {margin: 5px 0 !important}


#page .main .rcolumn .listado_simple { font-size:80%; line-height:140%}
#page .main .rcolumn .listado_simple li {padding: 5px 0 5px 12px; background-image:url(../images/list_square.jpg); background-position: 0 12px; background-repeat: no-repeat; }
#page .main .rcolumn .listado_simple li a { color:#353995; }

#page .main .rcolumn .eltiempo {border:1px solid #b60d1e;}
#page .main .rcolumn .eltiempo .gris {background: whitesmoke; padding: 1px}
#page .main .rcolumn .eltiempo h2 {font-size: 130%; line-height:100%}
#page .main .rcolumn .eltiempo h3 {font-size: 16px; font-weight: normal; border-bottom:1px solid #666; color:#000; padding: 0 2px !important}
#page .main .rcolumn .eltiempo .img { width: 70px; float: left; margin: 5px 10px 0 5px}
#page .main .rcolumn .eltiempo .text {width: 200px; float: left; font-size:180%; text-align:right; margin-top:5px; padding-top:10px}
#page .main .rcolumn .eltiempo .text .max {color:red}
#page .main .rcolumn .eltiempo .text .min {color:blue}

#page .main .rcolumn .agenda {border:1px solid #353995; padding: 0 2px 2px 2px; background:#f5f5fa; }
#page .main .rcolumn .agenda .left { float: left; width: 130px; position:relative}
#page .main .rcolumn .agenda .right { float: right; width: 180px; background:#fff; margin:2px}
#page .main .rcolumn .agenda .cal_select { margin-top:30px; font-size:70%; line-height:120% }
#page .main .rcolumn .agenda .cal_select a {color:#b60d1e}
#page .main .rcolumn .agenda .cal_select a:hover, #page .main .rcolumn .agenda .select a.active {color:#353995}
#page .main .rcolumn .agenda .evento {background: #fff; font-size:75%; padding:2px; margin:2px; min-height: 80px}
#page .main .rcolumn .agenda .evento h3 { color: #b60d1e; font-size: 120%; padding: 2px 0}
#page .main .rcolumn .agenda .evento table {width:100%; line-height:120%}
#page .main .rcolumn .agenda .evento table tr {}
#page .main .rcolumn .agenda .evento table th, #page .main .rcolumn .agenda .evento table td { border-bottom: 1px dotted #353995; padding:2px; margin:0; color:#353995}
#page .main .rcolumn .agenda .evento table th {color: #b60d1e; text-align: left; font-weight:bold; text-transform:uppercase}
#page .main .rcolumn .agenda .evento table td.hora {border:0} 
#page .main .rcolumn .agenda .right .calendario {height:155px; }

#page .main .rcolumn .redes { padding: 0 2px; background:url(../images/bg_redes.jpg) left bottom no-repeat; border: 1px solid #b60d1e; height:1%; overflow:hidden}
#page .main .rcolumn .redes a { margin:1px 0; float:right}

#page .main .rcolumn .foro {border:1px solid #353995; padding: 0 2px 2px 2px; background: url(../images/bg_foro.jpg) center center no-repeat}
#page .main .rcolumn .foro a {display:block; height:118px}
#page .main .rcolumn .foro a:hover {text-decoration:none}	



/* footer */

#page .footer { height:55px; background: url(../images/pie.jpg) center center no-repeat; color:#fff}
#page .footer .menu{ position:absolute; top: 18px; right:15px; width:auto; text-align:right; font-size:12px}
#page .footer .menu  a { color: #fff; padding:0 2px; font-weight: bold; display:inline-block	}
#page .footer .copyrights {position:absolute; top: 18px; left:15px; width:auto; text-align:right; font-size:12px}