﻿/* ESTILOS PARA PLANTILLA CLEAN BW ( www.studio-krea.com ) */
/* MAQUETACION */

html {
background:url(images_clean_bw/fondo_html_vertical.gif) repeat-x #b1b1b1;
font-size: 12px;
}
body {
margin:0 auto;
height:100%;
font-family:Arial;
font-size: 12px;
line-height: 17px;
text-align:center;
}

#aspnetForm {
text-align:left;
margin:0 auto;
width:949px;
background:url(images_clean_bw/fondo_body.jpg) top center no-repeat;
}

/* ETIUQETAS GENERAL */

strong {color:#00829e;}
table {margin:0 auto;}
td {font-size:12px}
select {font-size:11px !important;}

.boton {font-size:10px;text-align:center;text-transform:uppercase;border:1px solid #000;background:#fff;margin:2px;}

.login {
border:1px solid #000;
padding:15px;
background:#fff;
}

.login h2 {
background:url(img_club/login.jpg) left no-repeat;
padding-left:40px;
height:32px;
line-height:29px;
}

.calendario table {
width:200px;
background:#fff;
text-align:center;
}
.tabla_c {width:300px}

.lista_a {list-style-image:url(images_clean_bw/lista_a.gif);color:#587535;}

.table_global { width:700px;font-size:12px;}
.table_global td  {text-align:left;}

.tabla_a { border:1px solid #67705a;border-collapse:collapse;font-size: 12px;background:#fff;width:600px;margin:10px 5px;;}
.tabla_a td {border:1px solid #67705a;padding:4px;}
.tabala_primera { background:url(images_clean_bw/tabala_primera.gif) repeat-x bottom #ccc;color:#fff;
font-weight:bold;}
.tabala_primera th { text-align:center;width:auto;padding:3px;}


.combo_1 {width:350px}
.combo_2 {width:200px;border:1px solid #000}


/* CABECERA */
#cabecera {height:145px;}
#cabecera h1 { 
line-height:30px;
font-size:38px;
letter-spacing: -2px;
color: #fff;
font-weight:100;
margin:0;
}
#cabecera h2 {
font-size:19px;
color:#e7e7e7;
margin:10px 0 0 0;

font-weight:100;
}

#nombre { width:450px;float:left;margin:50px 0 0 50px;}
.logo2  {
float:right;
width:300px;
height:136px;
}

.logo2  td{
vertical-align:middle;
text-align:right;
padding-right:20px;
}

.logo2  a img{border:none}


/* MENU SUPERIOR  */
#menu {
font-size:10px;
font-weight:bold;
font-size:11px;
height:35px;
margin:0;
padding:1px 0;
}

#menu ul {
line-height:9px;
padding:9px 5px;
margin:1px;
}

#menu ul li {
display:block;
float:left;
border-right:1px solid #fff;
margin:0;
}
#menu ul li a {
padding: 0 10px 0 10px;
text-decoration: none;
margin:0;
color: #fff;

}
#menu ul li a:hover {
color: #ccc;
text-decoration: underline;
}

/* CONTENEDOR GENERAL */
#content {
margin:0 1px;
height:auto;
background:#fff;
border-top:1px solid #fff;

}

/* CONTENIDO CENTRAL */
#submenu {
width:192px;
float:left;
background:#fff;
margin:0;
}

#submenu h2{
font-size:13px;
font-weight:bold;
background:#000;
color:#fff;
margin:0;
padding:5px 0;
padding-left:12px;
border-left:2px solid #fff;	
}

#submenu ul {

width:192px;
float:left;
padding:0;
margin:0;
list-style-type:none;
width:192px;

}

#submenu li {
background:#fff;
border-left:2px solid #fff;	
border-bottom:1px solid #000;
line-height:15px;
font-size:11px;
display:block;
}
#submenu a {padding:5px 5px 5px 13px;}
#submenu li a {text-decoration:none;color:#000;display:block}
#submenu li a:hover {text-decoration:underline;color:#fff;background:#9d9d9d;}



.contenido {
background:#fff;
margin:0 0 0 192px;
border-left:1px solid #000;
text-align:justify;
padding:10px;



}


.contenido h2, .contenido2 h2 {color:#000;font-size:20px;}
.contenido h3, .contenido2 h3 {color:#00829e;font-size:17px;}
.contenido h4, .contenido2 h4 {color:#666;font-size:14px;}
.contenido h5, .contenido2 h5 {color:#555;font-size:12px;text-decoration:underline}
.contenido h2 a, .contenido2 h2 a {text-decoration: none;}
.contenido h2 a:hover, .contenid2 h2 a:hover {text-decoration: underline;}

.contenido img, .contenido2 img {border:1px solid #666666}
.contenido a, .contenido2 a { color:#000;text-decoration:underline }
.contenido a:hover, .contenido2 a:hover { color:#000;text-decoration:underline }

/* contenido sin submenu izq */
.contenido2 {
background:#fff;
margin:0;
border-left:2px solid #fff;
text-align:justify;
padding:10px;

}






/* PIE */
#pie {

bottom:0;
vertical-align:bottom;
color:#b3b3b3;
background:url(images_clean_bw/pie.jpg) bottom no-repeat #000;
text-align:center;
font-size:11px;
margin:0 auto;
width:auto;
padding:10px 0;



}
#pie img { border: 1px solid #ccc;margin:10px 5px}

/* FORMULARIOS ESPECIALES */

.formulario_1 * {font-size:12px;}
.formulario_1  {text-align:center;}

.formulario_tabla_1 {
text-align:left;
width:80%;
border:1px solid #ccc;
margin:0 auto 10px auto;
border-collapse:collapse;
background:#F8F8F8;

}

.formulario_tabla_1 td{
width:33%;
padding:2px 2px 2px 6px;
margin:0;

}


.formulario_select_1 {
width:auto;
}

.impar { background:#EAEAEA}

/* SECCION MENSAJES */

.mensaje_1 {margin:0 ;width:660px;}

.mensaje_1 input, .mensaje_1 select{
border:1px solid #000000;
font-size:11px !important;
vertical-align:middle;
width:500px;
}
.mensaje_1 textarea {
width:500px;
height:200px;
font-size:11px !important;
font-family:Arial !important;
border:1px solid #000000;
}
.boton_2 { width:80px !important;border:1px solid #000; !important; }

.mensajes_2 {
border:none;
padding:6px;
width:810px;
}
.origen {
padding-left:16px;
background:url(img_club/origen.gif) left no-repeat;
font-weight:bold;
color:#b90000;
float:left;
}
.fecha {
float:right;
font-size:10px;
width:200px;
text-align:right;
}

.asunto {
padding:5px 0;
display:block;
font-weight:bold;
}

.contenido_msn {
text-align:left;
display:block;
margin:0;
}

.sin_mensajes{
background:#99FF33 !important;
}

.disponibilidad {
border-collapse:collapse;
width:400px;
border:1px solid #ccc;
background:#F8F8F8;
padding:0;
}
.disponibilidad td{*padding:1px 2px;text-align:center;}

/* PARTIDOS*/
.nombres {font-weight:bold;}
.pareja {background:url(img_club/pareja.gif) center no-repeat;}
.sin_partido {background:url(img_club/sin_partido.gif) center no-repeat;}
.resultado {color:#990000;}
.sin_resultado {background:url(img_club/sin_resultado.gif);}


h2 img {border:none !important;vertical-align:middle;margin-right:10px;}




/* Calendario Partidos */
.month_otro_header 
{
	
	background:url(images_clean_bw/tabala_primera.gif) repeat-x bottom #87BD43;
	color:#fff;
	font-weight:bold;
	

}
.month_otro_event 
{
	background:url(images_clean_bw/tabala_primera.gif) repeat-x bottom #87BD43;
	color:#fff;
	font-weight:bold;
	border:solid 1px black;
	font-size:6px;
	
} 

/* Calendario Partidos Navegador meses */

.navigator_main 
{
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
    background-color: #f3f9f3;
}

.navigator_month {
    font-family: Tahoma;
    font-size: 8pt;
    /*border: 1px solid black;*/
}
.navigator_day {
    color: black;
    /*background-color: white;*/
}
.navigator_dayheader {
    color: black;
    /*border-bottom: 1px solid black;*/
}

.navigator_line 
{
	border-bottom: 1px solid #A0A0A0;
}

.navigator_dayother {
    color: gray;
}
.navigator_todaybox
{
	border: 1px solid red;
}
.navigator_select 
{
    background-color: #82b640;
}
.navigator_title, .navigator_titleleft, .navigator_titleright {
    background-color: #82b640;
    color: black;
    border-top: 1px solid #A0A0A0;
    font-weight:bold;
}
.navigator_busy {
	font-weight: bold;
}



/*------------------------------------------------ */

/* Colores para pagina CalendarioPartidos.aspx 
*/


.Color1 {background-color:#FFFFCC;}
.Color2 {background-color:#CCCCCC;}
.Color3 {background-color:#CCFFCC;}
.Color4 {background-color:#99CCCC;}

.Color1_Usuario {background:#996600;color:#fff;font-weight:bold}
.Color2_Usuario {background:#990000;color:#fff;font-weight:bold}
.Color3_Usuario {background:#999900;color:#fff;font-weight:bold}
.Color4_Usuario {background:#996699;color:#fff;font-weight:bold}

