﻿
/* -- Menu privado -- */
ul#menuPrivado { width:192px; list-style:none; margin:25px 0 0 15px; padding:0; border-top:1px solid #bdbaa0; border-bottom:1px solid #f8f7f1;
				 font-size:0.8em; font-weight:bold }
ul#menuPrivado li { margin:0; padding:0; border-top:1px solid #f8f7f1; border-bottom:1px solid #bdbaa0; }
ul#menuPrivado li a { display:block; border-bottom:none; padding:5px }
ul#menuPrivado li a:hover { background:#f8f7f1 }

/* -- Calendario -- */
.calendario { margin:0 0 10px 0; border-collapse:collapse; width:403px; padding:0; border:0; }
    .calendario td { font-family:Arial, Sans-Serif; border:0; padding:0; }
    .calendario a { position:relative; font-family:Arial, Sans-Serif; font-size:0.8em; text-align:right; 
                    text-decoration:none; font-weight:bold; display:block; margin:0; }
    .calendario .title { color:#af0d0d; font-size:1em; background:transparent url(../images/calendarTop.gif) no-repeat; text-transform:uppercase; }
    .calendario .title td { padding:3px 0; text-align:center; }
    .calendario .title a { color:#af0d0d !important; border-bottom:none; text-align:center; font-weight:bold; }
    .calendario .dayHeader { font-family:Arial, sans-serif; font-size:0.8em; font-weight:bold; color:#76725a;
                             letter-spacing:0px; border:0; padding:8px 3px 0 3px; }

    /* -- General todos los dias -- */
    .calendario .day, .calendario .today, .calendario .weekend, .calendario .otherMonth, .calendario .selected { width:44px; height:44px; }
    .calendario .day a, .calendario .today a, .calendario .weekend a, .calendario .otherMonth a, .calendario .selected a { width:44px; height:36px; padding:2px 4px 0 0; }

    /* -- Days -- */
    .calendario .day a { color:#466B22 !important; background:#EEECDF !important; border:1px solid #BDBAA0; }
    .calendario .day a:hover { border:1px solid #778A64; }

    /* -- Today -- */
    .calendario .today a { color:#fff !important; background:#AF0D0D !important; border:1px solid #AF0D0D; }
    .calendario .today a:hover { border:1px solid #AF0D0D; }
        
    /* -- Weekend -- */
    .calendario .weekend a { color:#AF0D0D !important; background:#EEECDF !important; border:1px solid #BDBAA0; }
    .calendario .weekend a:hover { border:1px solid #778A64; }

    /* -- Other month -- */
    .calendario .otherMonth a { color:#928E74 !important; background:#DFDCC2 !important; border:1px solid #BDBAA0; }
    .calendario .otherMonth a:hover { border:1px solid #778A64; }

    /* -- Selected -- */
    .calendario .selected a { color:#fff !important; background:#AF0D0D !important; border:1px solid #AF0D0D; }

    /* -- Iconos eventos -- */    
    .calendario a span.sorteo { background:url(../images/sorteo.gif) no-repeat bottom left; bottom:1px; display:block; height:15px; left:1px; position:absolute; width:15px } 
    .calendario a span.reserva { background:url(../images/reserva.gif) no-repeat bottom right; bottom:1px; display:block; height:15px; position:absolute; right:1px; width:15px } 
    .calendario a span.ambos { background:url(../images/ambos.gif) no-repeat bottom center; bottom:1px; display:block; height:15px; position:absolute; right:1px; width:38px } 
    .calendario a span.torneo { background:url(../images/Torneo.gif) no-repeat bottom center; display:block; height:15px; left:1px; position:absolute; top:1px; width:15px } 

	/* Eventos */
	#Evento1 { position:relative; top:-20px; left:-35px; background:#f7bc00; width:25px; height:25px; border:solid 1px white;}
	#Evento2 { position:relative; top:-20px; left:-35px; background:#ba722a; width:25px; height:25px; border:solid 1px white;}
	#Evento3 { position:relative; top:-20px; left:-35px; background:#9983b3; width:25px; height:25px; border:solid 1px white;}
	#Evento4 { position:relative; top:-20px; left:-35px; background:#5cd7a7; width:25px; height:25px; border:solid 1px white;}
	#Evento5 { position:relative; top:-20px; left:-35px; background:#90d04a; width:25px; height:25px; border:solid 1px white;}
	#Evento6 { position:relative; top:-20px; left:-35px; background:#ebcf77; width:25px; height:25px; border:solid 1px white;}
	#Evento7 { position:relative; top:-20px; left:-35px; background:#dc7e99; width:25px; height:25px; border:solid 1px white;}
	#Evento8 { position:relative; top:-20px; left:-35px; background:#f03939; width:25px; height:25px; border:solid 1px white;}

	.Evento1, .Evento2, .Evento3, .Evento4, .Evento5, .Evento6, .Evento7, .Evento8 { width:44px;height:42px; }
	.Evento1 a, .Evento2 a, .Evento3 a, .Evento4 a, .Evento5 a, .Evento6 a, .Evento7 a, .Evento8 a { width:42px; height:34px; padding:2px 4px 0 0; border:1px solid #fff; }
	.Evento1 a:hover, .Evento2 a:hover, .Evento3 a:hover, .Evento4 a:hover, .Evento5 a:hover, .Evento6 a:hover, .Evento7 a:hover, .Evento8 a:hover { border:1px solid #959ca4; }

	.Evento1 a {background:#f7bc00 !important; color:#484848 !important; } 
	.Evento2 a {background:#ba722a !important; color:#fff !important; }
	.Evento3 a {background:#9983b3 !important; color:#fff !important; } 
	.Evento4 a {background:#5cd7a7 !important; color:#484848 !important; }
	.Evento5 a {background:#90d04a !important; color:#484848 !important; } 
	.Evento6 a {background:#ebcf77 !important; color:#484848 !important; } 
	.Evento7 a {background:#dc7e99 !important; color:#484848 !important; } 
	.Evento8 a {background:#f03939 !important; color:#fff !important; } 

	/* -- Leyenda -- */ 
	#Leyenda { padding:10px 10px 0 5px; margin:0 0 0 27px; width:370px; } 
	#Leyenda ul { list-style:none; margin:0 auto; padding:0 } 
	#Leyenda li { color:#484848; float:left; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:11px; letter-spacing:normal; list-style:none; margin:0; padding:0 0 0 30px; position:relative; width:40% } 
	#Leyenda span { color:#17417e; font-weight:normal; margin:0; white-space:nowrap } 
	#Leyenda span.Evento1, #Leyenda span.Evento2, #Leyenda span.Evento3, #Leyenda span.Evento4, #Leyenda span.Evento5, #Leyenda span.Evento6, #Leyenda span.Evento7, #Leyenda span.Evento8 { display:block; height:10px; left:0; position:absolute; width:10px } 
	
/* Inicio > Mensajes */
div#Msg { position:absolute; top:175px; right:0px; height:500px; width:220px; margin:5px 25px 0 0; padding:0; } 
a.UgotNewMsg { display:block; padding:3px 0 3px 7px; color:#af0d0d; font-size:1em; border:none; 
               text-decoration:none; background:transparent url(../images/mensajesTop.gif) no-repeat; } 
span.homeMsg { display:block; padding:0 5px } 
span.msgFecha { display:block; font-size:0.7em; color:#95907E; margin:5px 0 2px 0; }
span.msgTexto { display:block; font-size:0.8em; color:#484848; margin:0 0 10px 0; }
div.msgSep { height:2px; width:205px; overflow:hidden; background:transparent url(../images/bgNoticiasSep.gif) repeat-x; }

/* Inicio > Eventos */
.Eventos { padding:5px 0 } 
.Eventos input { margin-bottom:10px } 
span.eventoTitle { display:block; color:#76725a; font-size:0.9em; font-weight:bold; margin-top:10px } 
span.eventoFecha { display:block; color:#76725a; font-size:0.8em; font-weight:normal; margin-top:2px } 
span.eventoTexto { display:block; color:#484848; font-size:0.8em; font-weight:normal; margin-top:10px }

/* Inicio > Torneos */
table.moreInfo { color:#484848; width:100%; font-size:0.8em; border-bottom:1px solid #d1cbb4;  } 
table.moreInfo th { padding:3px 0 3px 3px; text-align:left; border-top:1px solid #d1cbb4; } 
div#ControlBotones { width:100%; padding:10px 0 3px 0; text-align:right }
div#InfoText { color:#484848; font-size:0.8em; font-weight:bold; text-align:center; padding:15px 0s } 
div#VolverCal { margin-top:10px;  }  
div#VolverCal input { margin-bottom:10px  }  
span.lblInformacionMensaje { color:Red; font-size:0.9em; font-weight:bold;} 
div.infoDetalle { margin:3px 0 15px 0; font-size:0.9em }
    span.infoDetalleTitulo { display:block; font-weight:bold; color:#af0d0d; }
div.torClasifica table { margin:0 auto; background:red}
div.torHorario1 { width:640px; padding:5px 0; background:#efebe0; border:1px solid #d1cbb4;}
    div.torHorario1 table { margin:0 auto; font-size:13px; }
    div.torHorario1 td { padding-left:5px; }
div.torHorario2 { width:640px; margin-top:15px }

/* Grids */
.dgrid { border:0; margin:0 auto; width:100%; font-size:0.8em; color:#484848; } 
.dgrid caption { text-align:left; font-size:1.2em; color:#af0d0d; font-weight:bold; padding-bottom:10px; }
.header { color:#fff; padding:3px 7px; background:#324b0d; font-weight:bold; border:none; }
.header a { color:#fff; text-decoration:none; border:none }
.list td { color:#484848; }
.list td a { color:#484848; text-decoration:none; border:none }
.list td a:hover { text-decoration:underline; }
.row1 { border-bottom:1px solid #bdbaa0; padding:5px 10px; text-align:left; }
.row1b { border-bottom:1px solid #bdbaa0; padding:2px 10px; text-align:left; }  
.row2 { border-bottom:1px solid #bdbaa0; padding:5px 10px; text-align:center }
.row3 { border-bottom:1px solid #bdbaa0; padding:5px 10px; background:#eeecdf; text-align:left }
.row4 { padding:5px 10px; text-align:left }
.page td { font:10px Verdana; font-weight:bold; color:#DE7404; border-bottom:none !important; padding:2px 4px !important; text-align:center  }
.page a { color:#484848; text-decoration:underline; border:none }

/*Añadir amigo*/
div.addAmigo1 { background:#efebe0; border:1px solid #d1cbb4; padding:8px 0 0 0; }
    div.addAmigo1 table { margin:0 auto; font-size:0.9em }
    div.addAmigo1 td.addAmigoH { padding-bottom:8px; border-bottom:1px solid #bdbaa0 }
div.addAmigo2 table { margin:10px auto 0 auto; font-size:0.9em }
input.addAmigoField { font-size:12px; border:solid 1px #999; margin-right:6px; padding:3px 0 }
    
/* Calendario torneos */
div#torSeleccion { padding:3px 0 3px 5px; margin-top:10px; background:#eeecdf; border:1px solid #bdbaa0; }
div#torSeleccion table { font-size:1em; }
div#torSeleccion td { color:#484848; font-weight:bold; padding-right:10px; font-size:0.8em }
div#torSeleccion input { font-size:0.9em }
div#torSeleccion select { font-size:1em; font-weight:bold; color:#484848  }
div#torDescripcion { margin:10px 0; font:0.8em Arial,Sans-serif; font-weight:bold; color:#af0d0d; }
td.nombreMes { font-weight:bold; font-size:0.9em; color:#484848; padding-bottom:5px; border-bottom:1px solid #bdbaa0 }
span.newsDate { color:#484848; font-family:Arial,Sans-serif; font-weight:normal; } 
span.newsTitle { color:#484848; font-weight:normal; } 

/* Boletin */
div.boletin { position:relative; margin:10px 0; width:650px; height:300px; border-top:1px solid #d1ceb6; border-bottom:1px solid #d1ceb6 }
div.boletinScroll { width:650px; height:300px; overflow:auto;  }
div.boletinDestacado { background:#eeecdf; border:1px solid #bdbaa0; font-size:1em;
                       color:#fff; font-weight:normal; overflow:hidden; margin-top:15px; padding:10px; padding-bottom:0 } 
    div.boletinDestacado img { float:left; margin-right:10px; width:80px }  
    div.boletinDestacado span.newsFecha { color:#484848; display:block; font-size:11px; margin-bottom:2px } 
    div.boletinDestacado span.newsTitle { color:#484848; display:block; font-weight:bold; font-size:14px; margin-bottom:5px } 
        div.boletinDestacado a { color:#466b22; text-decoration:none; border-bottom:1px solid #adb78d }
        div.boletinDestacado a:hover { border-bottom:1px solid #466b22; }
    div.boletinDestacado span.newsBody { color:#484848; display:block; font-weight:normal; } 
    div.boletinDestacado span.newsBody p { margin:0 0 10px 0; font-size:0.8em } 
table.boletinList { width:100%; color:#847142; font-size:1em; margin-bottom:15px } 
    table.boletinList div { /*border-bottom:1px solid #bdbaa0;*/ padding:10px; padding-bottom:0 } 
    table.boletinList span.newsFecha { color:#484848; display:block; font-size:11px; margin-bottom:2px } 
    table.boletinList span.newsTitle { color:#484848; display:block; font-weight:bold; font-size:14px; margin-bottom:5px }  
        table.boletinList a { color:#466b22; text-decoration:none; border-bottom:1px solid #adb78d }
        table.boletinList a:hover { border-bottom:1px solid #466b22; }
    table.boletinList span.newsBody { color:#484848; display:block; font-weight:normal; } 
    table.boletinList span.newsBody p { margin:0 0 10px 0; font-size:0.8em } 
div.boletinRead { margin:15px 0; width:100% }
    div.boletinRead img.newsPic { float:left; border:1px solid #bdbaa0; margin:10px 20px 10px 10px }
    div.boletinRead span.newsFecha { color:#484848; display:block; font-size:0.7em; margin:10px 0 2px 0 }
    div.boletinRead span.newsIntro { font-size:0.8em; font-weight:normal }   
    div.boletinRead #HTMLContent p { margin:0 0 10px 0; padding:0; text-align:justify; font:0.8em Arial, Sans-serif; color:#484848 } 

/* Reservas */
div.InfoReserva { text-align:left; font-size:14px; color:#484848; margin:10px 0 }
div.gridBloqueo { text-align:left; margin:10px 0; font-size:13px }
    div.gridBloqueo table { width:100% }
div.bloqReserva { font-size:13px; margin:10px 0; }
td.botonReserva, div.botonReserva { text-align:center; padding:15px 0; }
td.msgReserva { text-align:center; padding:15px 0 0 0; font-size:13px }
    /*Añadir amigo*/
    p.addAmigoItem { margin:15px 0 4px 0; font-size:13px; color:#484848; font-weight:bold }
    div.addAmigoVal { margin:10px 0 4px 0; font-size:13px; text-align:center; font-weight:bold }
    div.addAmigoForm { background:#efebe0; width:640px; border:1px solid #e1dbc4; font-size:13px;
                       color:#484848; font-weight:bold; padding:10px; }
    /*Reserva detalle*/
    h4.detalleTitle { font-size:14px; margin:15px 0 }
    div.detalleReserva { background:#efebe0; width:640px; border:1px solid #e1dbc4; margin-bottom:15px }
    div.detalleReserva table { font-size:13px; text-align:left }
    div.detalleReserva table th { padding:3px 5px 3px 15px; font-weight:bold; }
    div.detalleReserva table td { padding:3px 5px 3px 15px; font-weight:normal; }
    
/* Varios */ 
div.textos { width:660px; color:#484848; font-size:13px; margin:15px 0; text-align:justify }
div.textos p { font-weight:normal; margin:0 0 10px 0 }
div.textos table { border:1px solid #bdbaa0; margin:0 auto }
div.textos table td { padding:3px 10px; text-align:left; }

div.InfoTit { text-align:center; font-size:0.8em; color:#484848; margin-bottom:10px }
div.InfoTit div { color:#af0d0d; font-size:1.2em; font-weight:bold; }

input.btn, a.btn { color:#fff; cursor:pointer; font-size:0.8em; text-decoration:none; font-weight:bold; text-align:center; 
                   padding:2px; background:#324b0d; border:1px solid #324b0d; }
input.btn:hover, a.btn:hover { background:#77a941; color:#273a09; }
a.paging { font-size:0.8em; font-weight:bold; }
.appMsg { color:#484848; font-family:Arial,Sans-Serif; font-size:0.9em; font-weight:bold; margin:10px auto; padding:0; text-align:center } 
.appMsg span { font-family:Arial,Sans-Serif; font-size:0.9em }