/* ESTILOS PARA PLANTILLA RETRO-GRUNJE ( www.studio-krea.com ) */
/* MAQUETACION */

html {
background:url(images_retro/fondo_html_vertical.jpg) center top no-repeat #000;}

body {
margin:0 auto;
margin-top:10px;
height:100%;

font-family:Arial;
font-size: 12px;
line-height: 17px;
text-align:center;
}

#aspnetForm {
text-align:left;
margin:0 auto;
margin-top:21px;
width:949px;
background:url(images_retro/fondo_body.jpg) no-repeat;

}



/* ETIUQETAS GENERAL */

strong {color:#b90000;}

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;*/}

.lista_a {list-style-image:url(images_neox_rojo/lista_a.gif);color:#b90000;}
.tabla_a { border:1px solid #000;border-collapse:collapse;font-size: 12px;}
.tabla_a td {border:1px solid #000;}
.tabala_primera { background:#000;color:#fff}

.login {
border:1px solid #000;
padding:15px;
background:#fff;
}

.login h2 {
background:url(images_retro/login.jpg) left no-repeat;
padding-left:40px;
height:32px;
line-height:29px;
color:#92753f !important;
}
.calendario table {
width:200px;
background:#fff;
text-align:center;
}
.tabla_c {width:300px}

.lista_a {list-style-image:url(images_neox_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_neox_bw/tabala_primera.gif) repeat-x bottom #383838;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:209px;}
#cabecera h1 { 
font-family:"Times New Roman", Times;
font-style: italic;
line-height:30px;
font-size:48px;
letter-spacing: -2px;
color: #000;
font-weight:bold;
margin:0 0 0 50px;
}

#cabecera h1:first-letter {text-transform:capitalize;}
#cabecera h2 {
font-size:19px;
color:#941300;
margin:19px 0 0 50px;
padding:2px 0;
font-weight:100;
}
#cabecera h2:first-letter {font-weight:bold}

#nombre { width:500px;float:left;margin:105px 0 0 0px;}
#logo {
width:290px;
float:right;
margin-top:10px;
margin-right:40px;
text-align:right;
display:block;

height:140px;
}
#logo img {border:none;width:auto;height:120px;margin-top:auto;	vertical-align:middle}

.logo2  {
float:right;
width:300px;
height:140px;
margin-top:64px;
}

.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:12px;
font-weight:bold;
height:27px;
background: #000;
margin:0;
padding:0;
}

#menu ul {
list-style-type: none;
line-height:normal;
padding:6px 5px;
margin:0;
}
#menu ul li {
display:block;
float:left;
border-right:1px solid #f2da5a;
}
#menu ul li a {
padding: 0 10px 0 10px;
text-decoration: none;
color: #f2da5a;

}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

/* CONTENEDOR GENERAL */
#content {
margin:0;
height:auto;
background:#696969;
border:1px solid #fff;
width:auto;


}

/* CONTENIDO CENTRAL */
#submenu {
width:192px;
float:left;
margin:0;
}

#submenu h2{
font-size:13px;
font-weight:bold;
border-bottom:1px solid #fff;
background:#000;
color:#fff;
margin:0;
padding:6px 0;
padding-left:12px;
}

#submenu ul {
width:192px;
float:left;
padding:0 0 0 4px;
margin:0;
list-style-type:none;
width:183px;
}

#submenu li {
border-bottom:1px dotted #fff;
line-height:15px;
font-size:11px;
display:block;
}
#submenu a {padding:5px 5px 5px 13px;}
#submenu li a {text-decoration:none;color:#fff;display:block}
#submenu li a:hover {text-decoration:underline;color:#000;}



.contenido {
background:url(images_retro/fondo_contenido.jpg) top right no-repeat #fff;
margin:0 0 0 192px;
border-left:2px solid #fff;
text-align:justify;
padding:10px;

}


.contenido h2, .contenido2 h2 {color:#000;font-size:20px;}
.contenido h3, .contenido2 h3 {color:#b90000;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:#b90000;text-decoration:underline }
.contenido a:hover, .contenido2 a:hover { color:#000;text-decoration:underline }

/* contenido sin submenu izq */
.contenido2 {
background:url(images_retro/fondo_contenido.jpg) top right no-repeat #fff;
margin:0;
border-left:2px solid #fff;
text-align:justify;
padding:10px;

}








/* PIE */
#pie {
position:absolsute;

vertical-align:bottom;
color:#edce37;
text-align:center;
font-size:11px;
width:947px;
margin:0 auto;
padding-bottom:20px;
padding-top:10px;
background:#000;
border-top:1px solid #fff;
position:absolute;


}
#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_retro/tabala_primera.gif) repeat-x bottom #87BD43;
	color:#fff;
	font-weight:bold;
	

}
.month_otro_event 
{
	background:url(images_retro/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:#FFFF99;}
.Color3 {background-color:#CCFFCC;}
.Color4 {background-color:#99CCCC;}

.Color1_Usuario {background:#996600;color:#fff;font-weight:bold}
.Color2_Usuario {background:#666600;color:#fff;font-weight:bold}
.Color3_Usuario {background:#999900;color:#fff;font-weight:bold}
.Color4_Usuario {background:#996699;color:#fff;font-weight:bold}