/*
azul super oscuro para letras #22566F

             fuertes      claros
azul oscuro #467089       #8FAEBF(barra encabezados)
azul claro  #E6EEF2       #F0F6F8

gris        #D1D1D1       #E8E8E8
naranja     #DF660D
*/

body{
/*	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;*/
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}

INPUT{
	font-size: 11px;		
}

INPUT.transparente{
	background-color:transparent; 		
}

SELECT{
	font-size: 11px;		
}

A {
	text-transform: none;	
}


A IMG {
	border: 0px;
	
}
A:hover IMG {
	border: 0px;
	opacity: .5;
	filter: alpha(opacity=50);
}
DIV.centrado{
	text-align: center;
}

/*-------- TABLE body--------------*/
TABLE.body{
	width: 100%;
	height:100%;
	border:0px;
	background-color:#FFFFFF;
}
TABLE.body TD{
	vertical-align:top;
	border:0px;
/*	border:solid 1px gray;*/
}
TABLE.body TD.logo{
	background-color: #CDE221;
	vertical-align:middle;
	text-align:center;
	border-right:solid 4px #FFFFFF;
}

TABLE.body TD.usuario{
	padding-left:20px;
	color:#FFFFFF;
	background-color: #5F8DA5;
	vertical-align:middle;
	font-weight: bold;
	font-size:11px;
	height:40px;
	width:30%;
}

TABLE.body TD.menu{
	background-color: #5F8DA5;
	vertical-align:middle;
	text-align:center;
	color: #FFFFFF;
}

TABLE.body TR.barra{
	background-color: #80A4B7;
	height:20px;
}

TABLE.body TD.contenido{
	background-color:#FFFFFF;
	text-align:center;
	font-size:10px;
	color:#000000;
}

TABLE.body TD.derechos{
	height:20px;
	background-color:#FFFFFF;
	text-align:center;
	font-size:10px;
	color:#5F8DA5;
}

TABLE.body TD.derechos SPAN{
	font-weight: normal;
	text-transform: none;
	color: #5F8DA5;
	text-decoration: underline;
	font-size: 10px;
}

SPAN.salir{
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

DIV.menu{
	font-weight: bold;
	font-size: 12px;
}

DIV.menu SPAN.principal{
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
}

DIV.menu SPAN.favorito{
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 12px;
}

DIV.menu SPAN.activo{
	font-weight: normal;
	text-transform: none;
	color: #EFF9FF;
	text-decoration: none;
	font-size: 11px;
}

DIV.div_ruta{
	margin: 5 5 5 15;
	
}
/*---------------- TABLE encabezado ---------------*/
TABLE.encabezado {
	border: 0px;
	background-color: #FFFFFF;
	margin-top: 20px;
	font-weight: normal;
	font-size: 11px;
	width: 100%;
	
	
}

TABLE.encabezado TH{
	border: 0px;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-left: 30px;
	color: #5F8DA5;
	text-align: left;
		
}

TABLE.encabezado TD{
	border: 0px;
	background-color: #FFFFFF;
	padding: 3px 3px 3px 3px;
	/*border: 1px solid black;*/
}


TABLE.encabezado TD.ruta{
	background-color: #FFFFFF;
	font-size: 11px;
	padding-left: 30px;
	color: #5F8DA5;
	text-align: left;
	height: 12px;
	white-space: nowrap;
}


TABLE.encabezado TD.ligas{
	background-color: #FFFFFF;
	font-size: 11px;
	padding-left: 30px;
	color: #5F8DA5;
	text-align: right;
	height: 12px;
		
}

TABLE.encabezado TD SPAN{
	font-weight: normal;
	text-transform: none;
	color: #5F8DA5;
	text-decoration: underline;
	font-size: 11px;
		
}
/*---------------- TABLE frame ---------------*/
TABLE.frame {
	margin-top: 20px;
	font-weight: normal;
	font-size: 11px;
	border: 0px;
	width:100%;
	
}

TABLE.frame TH{
	border: 0px;
	background-color: #E77419;
	font-weight: bold;
	font-size: 12px;
	padding-left: 30px;
	color: #FFFFFF;
	text-align: left;
	width:25%;
	border-right: 3px solid #FFFFFF;
	
	
		
}

TABLE.frame TD{
	border: 0px;
	background-color: #8FAEBF;
	padding: 3px 3px 3px 3px; /*top right bootom left*/
	/*border: 1px solid red;*/	
}

TABLE.frame TD.contenido{
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 15px 0px 15px 0px; /*top right bootom left*/
	color: #5F8DA5;
	text-align: center;
		
}

TABLE.frame TD.botones{
	background-color: transparent;
	font-size: 11px;
	padding-left: 30px;
	color: #5F8DA5;
	text-align: center;
	height: 12px;
	white-space: nowrap;
		
}
TABLE.frame TD.botones INPUT{
	color: #22566F;
	background-color: #F0F6F8;
	font-size: 10px;
	border:1px solid #467089;
	cursor:hand;
	width: 80px;
	
}


TABLE.frame TD.submenu{
	background-color: #8FAEBF;
	font-size: 12px;	
	padding-right: 10px;
	color: #22566F;
	text-align: right;
	height: 12px;
	white-space: nowrap;
		
}

TABLE.frame TD.submenu INPUT.resaltado{
	color: #22566F;
	background:#F0F6F8;
	border:1px solid #467089;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	cursor:hand;	
	margin:0 0 0 0;
	text-align: center;
	width:80px;
		
}
TABLE.frame TD.submenu A SPAN{
	color: #5F8DA5;
	font-size: 12px;
	text-decoration: underline;
	text-transform: none;
}

TABLE.frame TD.submenu SPAN{
	font-size: 12px;
	text-decoration: underline;
	cursor:hand;	
}

TABLE.frame TD.submenu INPUT{
	color: #22566F;
	background:#F0F6F8;
	border:1px solid #467089;
	font-size: 12px;
	text-decoration: none;
	cursor:hand;	
	margin:0 0 0 0;
	text-align: center;
	width:80px;

}

/*---------------- TABLE form ---------------*/
TABLE.form {
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #B7E5FF;	
	text-align: center;
	border: 1px solid #8FAEBF;
	margin-bottom:5px;
	margin-top:30px;

}

table.form CAPTION {
	
	font-family: verdana,Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
/*	background:#F0F6F8;
	border-top: 1px solid #8FAEBF;
	border-left: 1px solid #8FAEBF;
	border-right: 1px solid #8FAEBF; **/
	color:#22566F;	
	text-align: center;

}

DIV.centrado table.form{
	margin: 0 auto;
}

TABLE.form INPUT{
	color: #22566F;
	background:#FFFFFF;
	border:1px solid #8FAEBF;
}

TABLE.form INPUT.bkg_transparent{
	color: #22566F;
	background: transparent;
	border:1px solid #8FAEBF;
}

TABLE.form textarea{
	color: #22566F;
	background:#FFFFFF;
	border:1px solid #8FAEBF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	width:100%;
	margin-right: 3px;
}

TABLE.form TD{
	background-color: #FFFFFF;
	padding: 3px 3px 3px 10px; /*top right bootom left*/
	vertical-align:middle;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	
		
}

TABLE.form TH{
	background-color: #F0F6F8;
	padding: 3px 3px 3px 10px; /*top right bootom left*/
	color:#22566F;
	
	vertical-align:middle;
	/*border-top: 1px solid #8FAEBF;*/
	border-bottom: 1px solid #8FAEBF;
}

TABLE.form TH.inicio{
	
	background-color: #FFFFFF;
	padding: 3px 3px 3px 10px; /*top right bootom left*/
	color:#22566F;
	
	vertical-align:middle;
	border-top: 0px solid #FFF;
	border-bottom: 1px solid #8FAEBF;
}




TABLE.form TD INPUT{
	font-size: 11px;		
}
TABLE.form TD SELECT{
	font-size: 11px;		
}
 /*Renglon AZUL OSCURO*/
TABLE.form TR.bkgoscuro{
	font-size: 11px;
}
 
TABLE.form TR.bkgoscuro TD.campo{
	background-color: #E8E8E8;  /*E6EEF2*/
	color: #22566F;
	font-weight: normal;
	text-align: right;

}

TABLE.form TR.bkgoscuro TD.valor{
	background-color: #E6EEF2; /*E6EEF2*/
	color: #22566F;
	font-size: 11px;
	font-weight: normal;
	text-align: left;

		
}
 /*Renglon AZUL CLARO*/
TABLE.form TR.bkgclaro{
	font-size: 11px;
}
TABLE.form TR.bkgclaro TD.campo{
	background-color: #E8E8E8; /*E8E8E8*/
	color: #22566F;
	font-weight: normal;
	text-align: right;
} 

TABLE.form TR.bkgclaro TD.valor{
	background-color: #E6EEF2;  /**E8E8E8**/
	color: #22566F;
	font-weight: normal;
	text-align: left;
	
}

TABLE.form TR.resaltado TD{
	background-color: #FFFFFF;	
	color: #000000;
	font-weight: normal;
	text-align: left;
	
}
TABLE.form TR.checado TD{
	background-color: #FFD1AF;	
	color: #000000;
	font-weight: normal;
	text-align: left;
	
}


/*---------------- TABLE invisible ---------------*/

TABLE.invisible {
	margin: 0px;
	font-weight: normal;
	font-size: 11px;
	border: 0px;
	width:100%;

}

TABLE.invisible TD{
	border: 0px;
	background-color: transparent;
	padding: 3px 3px 3px 10px; /*top right bootom left*/
	vertical-align:middle;
	font-weight: normal;
	color: #22566F;/*#5F8DA5;*/
	font-size: 11px;

		
}

TABLE.invisible TD INPUT{
	font-size: 11px;		
}
TABLE.invisible TD SELECT{
	font-size: 11px;		
}
TABLE.invisible TD A SPAN{
	font-size: 11px;
	text-transform: none;
	text-decoration: underline;
	color: #22566F;
			
}

TABLE.invisible TH{
	background-color: #5F8DA5;
	color: #22566F;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;

		
}

TABLE.invisible TD.derecha{
	text-align:right;
	white-space:nowrap;	
}
TABLE.invisible TD.izquierda{
	text-align:left;	
	white-space:nowrap;	
}

TABLE.invisible TD.small_font{
	font-size: .8em;
}

/*---------------- TABLE listas ---------------*/

TABLE.lista {
	border: 1px solid #8FAEBF;
	font-weight: normal;
	font-size: 11px;
	width:90%;
	margin-top: 30px;

}

TABLE.lista TD{
	border: 0px;
	border-right: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	padding: 2px 3px 2px 10px; /*top right bootom left*/
	vertical-align:middle;
	font-weight: normal;
	color: #22566F;/*#5F8DA5;*/
	font-size: 11px;
	height:20px;
	white-space: nowrap;
}

TABLE.lista TD INPUT{
	font-size: 11px;		
}
TABLE.lista TD SELECT{
	font-size: 11px;		
}
TABLE.lista TD A SPAN{
	font-size: 11px;
	text-transform: none;
	text-decoration: underline;
	color: #22566F;
			
}

TABLE.lista TH{
	background-color: #FFFFFF;
	color: #22566F;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
	height: 20px;
	padding: 1 10 1 10;
	border-left:0;
	border-top:0;
	border-right:0;
	border-bottom: 1px solid #8FAEBF;
}
TABLE.lista TH.b-left{
	border-left: 1px solid #8FAEBF;
}
TABLE.lista TH.b-right{
	border-right: 1px solid #8FAEBF;
}

TABLE.lista TH A SPAN{
	background-color: transparent;
	color: #22566F;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	text-decoration: underline;
	cursor:hand;
			
}


 /*Renglon AZUL OSCURO*/
TABLE.lista TR.bkgoscuro TD{
	background-color: #E6EEF2;

}
 
/*Renglon AZUL CLARO*/
TABLE.lista TR.bkgclaro TD{
	background-color: #E8E8E8;

}

 
TABLE.lista TR.resaltado TD{
	background-color: #F0F6F8;

}
TABLE.lista TR.total TD{
	background-color:#FFFFFF;
}
TABLE.lista TR.total TD.etiqueta{
	background-color: #EFF9FF;
}

/* ----------FIELDSET detalles---------------*/
FIELDSET.detalles{
	background-color:#FFFFFF;
	border: 1px solid #5F8DA5;
	padding:0px 20px 20px 20px; /*top right bootom left*/
	
}

FIELDSET.detalles legend{
	color: #FFFFFF;
	background: #80A4B7;
	font-size:12px;
	border: 1px solid #5F8DA5;
	padding: 1px 6px;
}

/*---------- DIV popup ------------------------*/
DIV.menupopup{
	position:absolute;
	background-color:#FFFFFF;
	border:#22566F solid 1px;
	visibility:hidden;
	padding: 5px 5px 5px 5px;
	
		
}


DIV.reservados{
	position:absolute;
	height: 85%;
	width: 100%;
	background-color:#c5d5de;
/*	border:#22566F solid 1px; */
	
	padding: 5px 5px 5px 5px;
	
		
}

DIV.confirmados{
	position:absolute;
	height: 85%;
	width: 100%;
	background-color:#ee9c5b;
/*	border:#22566F solid 1px; **/
	
	padding: 5px 5px 5px 5px;
	
		
}

DIV.finalizados{
	position:absolute;
	height: 85%;
	width: 100%;
	background-color:#FFFFFF;
	/*border:#22566F solid 1px;*/
	
	padding: 5px 5px 5px 5px;
		
}

DIV.cancelados{
	position:absolute;
	height: 85%;
	width: 100%;
	background-color:#CECECD;
	/*border:#22566F solid 1px;*/
	
	padding: 5px 5px 5px 5px;
		
}

DIV.reservado{
	background-color:#c5d5de;
	width: 15px;
	height: 15px;		
}

DIV.confirmado{
	background-color:#ee9c5b;
	width: 15px;
	height: 15px;
}

DIV.finalizado{
	background-color:#FFFFFF;
	width: 15px;
	height: 15px;
}

DIV.cancelado{
	background-color:#CECECD;
	width: 15px;
	height: 15px;
}

/*-------IFRAME----------*/
.select-free
{
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.select-free .bd{border:solid 1px #aaaaaa;padding:12px;}



/*---------------- TABLE paginacion ---------------*/

TABLE.paginacion {
	margin: 10px 0 0 0 ;
	font-weight: normal;
	font-size: 11px;
	border: 0px;
	width:90%;
}

TABLE.paginacion TD{
	border: 0px;
/**	background-color: #FFFFFF; **/
	padding: 3px 3px 3px 10px; /*top right bootom left*/
	vertical-align:middle;
	font-weight: normal;
	color: #22566F;/*#5F8DA5;*/
	font-size: 11px;
	text-align:right;

		
}

TABLE.paginacion TD INPUT{
	font-size: 11px;
	white-space:nowrap;		
}
TABLE.paginacion TD SELECT{
	font-size: 11px;		
}
TABLE.paginacion TD A SPAN{
	font-size: 11px;
	text-transform: none;
	text-decoration: underline;
	color: #22566F;
			
}

TABLE.paginacion TH{
	background-color: #5F8DA5;
	color: #22566F;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;

		
}
/*------------------------------------------------------------------------------------------*/

.tablacelda_uno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #E6EEF2;
}

/***Menu**/
SELECT.menu{
	font-size:15px;
}

OPTION.item{
background-color:#E6EEF2; 
color:#467089;
	
}

OPTION.subitem{
background-color:#467089;
color:#E6EEF2;
width:90px;
}

OPTION.subitem A{
font-style:italic;

}

TABLE.menu{
	background-color:#E6EEF2;
	border: 1px solid #5F8DA5;
	text-align:center;
	
}

/*** LOGIN***/

.texto_dos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

.boton_dos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #E8E8E8;
}


A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22566F;
	
}

table.grafica{
	background-color: #FFFFFF;
	font-family:verdana;
	font-size:11px; 
}

table.grafica TH{
	text-align: left;
	background-color: #666666;
	font-weight:bold; 
	color:#FFFFFF;  
}

table.grafica TD{
	border: solid 1px #666666; 
}


h2{
	color: #467089;
	margin-left: 20px;
}

table.corridas{
	margin-left: 20px;
	margin-top: 20px;
 
}

table.corridas TH{	
	background-color: #467089;
	color: #FFFFFF;	
 
}

table.corridas TH.puntos{	
	background-color: transparent;
	color: #467089;	
	font-style: italic;
	text-align: left;
	width: 400px;
}
table.corridas TH.puntos span{	
	color: #DF660D;		
}


table.corridas TH.vacia{	
	background-color: transparent;
	color: #FFFFFF;	
	width: 100px;
}
table.corridas TD{	
	border: 0px;
	
}

table.corridas table{	
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
}

table.corridas table th{	
	background-color: #FFFFFF;
	color: #000000;	
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding: 2px 10px 2px 10px;
}

table.corridas table td{
	color: #22566F;
	padding: 2px 10px 2px 10px;
	border-top: solid 1px #FFFFFF;
	font-size: 10px;
}
table.corridas table tr.bkg1 td{	 
	background: #E6EEF2;	
}

table.corridas table tr.bkg2 td{	
	background: #E8E8E8;
}

table.corridas table tr.resaltado td{	 
	background-color: #DF660D;	
	color: #FFFFFF;
}


span.titulo {
	margin-left: 20px;
	font-weight: bold;
	font-size: 1.2em;
}



/****/



.dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


DIV.comentario{
	font-size: .8em;
	font-style: italic;	
}

DIV.aviso{
	width: 180px;	
	height: 20px;
	text-align: left;
	padding: 5px;	
	background:#FFFFFF;
	border:1px solid #999999;
	left:-2px;
	position:relative;
	top:-2px;
}

DIV.sombra {	
	background:#CCCCCC none repeat scroll 0%;
	float:left;
	margin:10px;
	position:absolute;
}


/*
azul super oscuro para letras #22566F

             fuertes      claros
azul oscuro #467089       #8FAEBF(barra encabezados)
azul claro  #E6EEF2       #F0F6F8

gris        #D1D1D1       #E8E8E8
naranja     #DF660D
*/