@import url(menu.css);
@import url(errores.css);
@import url(especificos.css);

a, a:visited {
	text-decoration:none;
	/* color: #CCCCCC; */
	color: #06C;
	
}

a:hover {
	text-decoration:none;
	/* color: #655E59;	*/
	color: #06C;
}

h3{
  margin-top:5px;
  margin-bottom:5px;
  margin-left:10px;
  /* color:#FC3D32; */
	color: #CCCCCC;
}

.publicidad img{
 border: 1px solid #a7a7a7;
 padding: 3px;
}

.datos_personales table th, .datos_usuario table th {
  background:none;
  color: #CCCCCC;
}

.box .datos_personales h3, .box .datos_usuario h3 {
  border-bottom: 1px dashed #333333;
  font-size: 140%;
  margin:0;
}

.box {
	margin: 20px 20px 0px 20px;
	background-color:#f4f4f4;
	border:1px solid #ccc;
	list-style-type:none;
	/* margin-bottom:10px; */
	padding: 10px 10px;	
}

.box_galeria {
	margin: 20px 20px 20px 20px;
	background-color:#f4f4f4;
	border:1px solid #ccc;
	list-style-type:none;
	padding:10px 10px;
}

.box a{ 
	font-size:1.2em;
	line-height:24px;
	/* margin-left:15px; */
	/* padding-left:20px; */
	text-decoration:none;
	color: #655E59;
}

.box a:hover { color: #A8A29D; }

.box .lista a {	color: #06C;}

.box h3 img {	margin-bottom: -8px; }

.box h3 {
	margin:0;
	padding:0;	
	color:#403A37;
	font-size:1.9em;
	line-height:34px;
}

.box table { font-size: 95%; }

.box table th {
	background: none;
	border-bottom: 1px dashed #ccc;
}

.box input{
	background-color:transparent;
	border: 1px solid #2D2927;
	color:#655E59;
	height:22px;
	padding:0;
	/* width:180px; */
}

.box_busqueda {
	background-color:#f4f4f4;
	border:1px solid #ccc;
	list-style-type:none;
	margin-bottom:20px;
	padding: 2px;
}

.box_busqueda input{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	border: #0066CC; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.box_busqueda select{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	border: #0066CC; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.open_championship {
	background-image: url(../images/fondo_open.gif);
	padding-top: 5em;
	padding-left: 5em;
}

.noticias {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

.noticias .titular {
	/* background-color: #ccc; */
	font-size: 175%;
	color:#06C;
}

.noticias .pie-noticia {
	text-align: right;
}

.noticias a, .enlace_azul a {
	color:#06C;
}

.comentarios {
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

.comentarios .autor {
	border-bottom: 1px solid #ccc;
	padding: 4px 0px 4px 0px;
	background-color: #f4f4f4;
}

table.lista th {
	color: #333;
	background: none;
	border-bottom: 1px dashed #06C;
	/* border-bottom: 1px dashed #ccc; */
}

.par { background-color: #f4f4f4;}
.impar { background-color: #fff;}

.span-libre{
  float:left;
  margin-right:0px;
}

/* ************** Secciones principales ******************* */
body{
  background-image:url(../images/stripe.png);
  margin-top:1em;
}

#page{
  background-color: #fff;
/*  background-image:url(../images/fondo_campo.gif); */
  border: 1px solid #CCC;
  padding: 4px;
}

#header{
	text-align:left;
	color: #666;
	font-size: 175%;
	font-style: italic;
}

#content{
  margin: auto;
  min-height:400px;  
}

#footer{
  margin-top: 5px;
  background-color: #aaa;
}

.datepicker_wrap {
  margin: 0px !important;
  margin: 5px;
  padding: 0px;
}

.fecha{
  margin-right: 5px;
  vertical-align:middle;
}

.celda-numerica{
  text-align:right;
}

#flash{
  color: #390;
  font-weight:bold;
  font-size:1.2em;
}

#ventana_confirmacion{
  margin-top:75px;
  margin-left:300px;
  margin-bottom:75px;  
  width: 300px;
}


#ventana_confirmacion{
  border:2px solid #FC3D32;
}

#ventana_confirmacion .titulo {
  background-color: #FC3D32;
  color: #fff;
  font-weight:bold;
  padding-left:5px;
}

#ventana_confirmacion .contenido {
  background-color: #fff;
  color: #000;
  padding:5px;
}

#ventana_confirmacion .botonera{
  margin-top: 15px;
}

#cabecera-cliente{
  text-align:right;
}

#cabecera-cliente #usuario{
  margin-right:5px;
  font-size: 0.9em;
  font-family:Arial, Helvetica, sans-serif;
  color: #666;
}

#cabecera-cliente #usuario a{
  text-decoration: none;
  font-size: 0.9em;
  font-family:Arial, Helvetica, sans-serif;
  color: #666;
}

#cabecera-cliente #usuario a:hover{
  color: #000;
}

#cabecera-cliente #logo-cliente{
  margin-top:5px;
  margin-right:5px;
  margin-bottom:5px;
  border: 0px none;
}

td input, td textarea, td input, th input, td select, th select{
  padding-top:2px;
  margin:0px;;
}

td, th{
  margin:2px 5px;
  padding:2px 5px;
  vertical-align:top;
}

/* Longitudes cajas de texto en celdas de tabla */
.lon-1 input{width: 30px;}
.lon-2 input, .lon-2 select{width: 60px;}
.lon-fecha input{width: 65px;}
.lon-3 input, .lon-3 select{width: 150px;}
.lon-telefono input{width: 100px;}
.lon-4 input, .lon-4 textarea{width: 200px;}
.lon-5 input, .lon-5 textarea{width: 300px;}
.lon-6 input{width: 400px;}
.lon-7 input{width: 475px;}

.lon-1{width: 30px;}
.lon-2{width: 60px;}
.lon-3{width: 150px;}
.lon-4{width: 200px;}
.lon-5{width: 300px;}
.lon-6{width: 400px;}
.lon-7{width: 475px;}

/* Clases para alinear textos */
.texto-derecha{text-align:right;vertical-align:baseline;}
.texto-izquierda{text-align:left;}
.texto-centro{text-align:center;}
.texto-justificado{text-align:justify;}
.texto-arriba{vertical-align:top;}
.texto-al-medio{vertical-align:middle;}
.texto-abajo{vertical-align:baseline;}

.estadistica{border-bottom: 1px dashed #CCC;}

.espacio-vertical{min-height: 18px;max-height: 18px;height: 18px;}
.medio-espacio-vertical{min-height: 9px;max-height: 9px;height: 9px;}
.mini-espacio-vertical{min-height: 4px;max-height: 4px;height: 4px;}
/*
.borde{
	-moz-border-radius:10px;
	behavior:url(border-radius.htc);
}
*/
/* -------------------------------------------- */


/* --------------------- TITULO --------------------*/

/* ----------------------BOTONERA ---------------------*/
.botonera{
  text-align:right;
  margin-top:7px;
  margin-bottom:3px;
  margin-right:5px;
  padding-bottom:5px;
  padding-top:2px;
}

.botonera a{
  border: 1px solid #555;
  background-color:#EEEEEE;
  color:#444444;
  font-family:sans-serif;
  font-size:0.9em;
  text-decoration:none;
  margin-left:5px;
  margin-right:5px;
  padding:3px;
}

.botonera a:hover {
  border: 1px solid #000;
  background-color: #aaa;
  color: #ffffff;
  margin-left:5px;
  margin-right:5px;
  padding:3px;  
} 

/* ----------------- INICIO CAJA DE FILTROS --------------------*/

.caja-de-filtros {
  border: 0px none;
  /*border: 1px solid black;*/
}

.caja-de-filtros .contenido{
  border: 0px none;
  /*border: 1px solid black;*/
  background-color: #EEE;
  margin: 5px;
  padding:5px;
}

.caja-de-filtros label {
  line-height:2em;
  font-family:"Lucida Sans";;
  font-weight: bold;
}

.caja-de-filtros input {
  line-height:1.4em;
  height: 1.4em;
  font-weight:normal;
  vertical-align:middle;
  margin: 1px;
  padding: 1px;

}

.caja-de-filtros #filtro{
  width: 500px;
}

.caja-de-filtros .fecha{
  width: 80px;
}

.caja-de-filtros .botonera{
  text-align:right;
  margin: 0px;
  margin-bottom:5px;
  padding-bottom:5px;
}

.caja-de-filtros .botonera a{
  border: 1px solid #555;
  background-color:#EEEEEE;
  color:#444444;
  font-family:sans-serif;
  font-size:0.9em;
  text-decoration:none;
  margin-left:5px;
  margin-right:5px;
  padding:3px;
}

.caja-de-filtros .botonera a:hover {
  border: 1px solid #000;
  background-color: #aaa;
  color: #ffffff;
  margin-left:5px;
  margin-right:5px;
  padding:3px;  
} 

/* ----------------- FIN CAJA DE FILTROS --------------------*/

/* ----------------- INICIO CAJA DE ORDENACIONES --------------------*/
.caja-de-ordenaciones {
  border: 0px none;
  /*border: 1px solid black;*/
  margin: 0px;
  margin-bottom:10px;
}

.caja-de-ordenaciones .contenido{
  border: 0px none;
  /*border: 1px solid black;*/
  padding:5px;
  background-color: #EEE;
  margin: 5px;
  line-height:1em;
}

.caja-de-ordenaciones .titulo{
  font-weight:bold;
  margin-right: 10px;
  margin-left: 10px;  
}

.caja-de-ordenaciones .ordenacion, .caja-de-ordenaciones .titulo, .caja-de-ordenaciones .rojo, .caja-de-ordenaciones .verde{
  display:inline;
  border: 0px none;
  margin-left: 10px;  
}

.caja-de-ordenaciones .ordenacion a{
  text-decoration:none;
  /*color: #444;*/
 font-weight:bold;
}

.caja-de-ordenaciones .ordenacion img{
  padding:0px;
  margin:0px;
  vertical-align: middle;
}

/* ----------------- FIN CAJA DE ORDENACIONES --------------------*/
 
/* ----------------- INICIO PIE PAGINACIÓN --------------------*/ 
 
.pie-pagina{
  border: 0px none;
  background-color: transparent;
}

.pie-pagina .botonera{
  margin:0px 0px;
}

.pie-pagina .contenido{
  border: 0px none;  
  margin: 0px 0px;
  padding:0px;
}  

.pie-pagina .pagination {
height:1.8em;
margin-top:0px;
padding-left:60px;
padding-top:3px;
}

/* ----------------- FIN PIE PAGINACIÓN --------------------*/  

/* ----------------- INICIO INDEX LISTA --------------------*/ 

.index-lista {
  border: 0px none;
  /*border: 1px solid black;*/
}

.index-lista .contenido{
  border: 0px none;
  /*border: 1px solid black;*/
  background-color: #fff;
  margin: 5px;
  padding:5px;      
} 

.index-lista .elemento{
  background-color: #eee;
  padding:5px;        
  /*padding-bottom:1px;*/
  padding-top:1px;
  margin-bottom:10px;
} 

.index-lista .elemento:hover{
  /* background-color: #FC3D32; */
  background-color: #FFBB55;
} 

.index-lista .elemento .titulo{
  /*background-color:#eee;*/
  /*background-color:green; */
  padding:0px;
  padding-top:3px;
  font-weight:bold;
  text-align:left;
  font-size: 1em;
  font-family:Arial, Helvetica, sans-serif;
  color: #666;
} 


.index-lista .elemento .contenido_elemento{
  background-color: #fff;  
  padding:2px;  
} 


.index-lista .elemento .pie{
  background-color: #fff;
  padding:3px;  
  text-align:right;
  font-size: 0.8em;
  line-height: 0.8em;
} 


.index-lista .elemento .titulo .acciones{
  font-weight:normal;
  text-align:right;
  font-size:0.8em;
} 

.index-lista .elemento .titulo .acciones a{
  text-decoration:none;
} 

.index-lista .elemento .titulo .acciones img{
  font-weight:normal;
  text-align:right;
  margin: 0px;
  padding: 0px;
} 

.index-lista .elemento .cajita-tipo{
  /*background-color: #eee;*/
  text-align:center;
  padding:0px;
  font-size: 0.7em;
  font-family:"Verdana";
} 

.index-lista .elemento .cajita-tipo img{
  margin:3px;
  vertical-align:baseline;
}
  
.index-lista .elemento .numero-incidente{
  /*background-color: #eee;*/
} 

.index-lista .elemento .estado{
  font-size:0.8em;
  vertical-align:middle;
  text-align:left;
}

/* ----------------- FIN INDEX LISTA --------------------*/ 

/* ----------------- INICIO INDEX TABLA --------------------*/ 

.index-tabla {
  border: 0px none;
}

.index-tabla .contenido{
  background-color: #fff;
  margin: 3px;
  padding:3px; 
} 

.index-tabla table{
  background-color: #fff;
  margin: 0px;
  padding: 0px;      
	border-collapse:collapse;  
} 


.index-tabla table thead th{
  background-color: #FC3D32;
  margin:0px;
  padding: 0px 4px;
  color: #fff;
}

.index-tabla table thead th a{
  text-decoration: none;
  color: #FFF;
  font-weight:bold;
}


.index-tabla table tbody td{
  padding: 0px 4px;
  margin-bottom:0px;
} 

.index-tabla table tbody td a{
  text-decoration: none;
  color: #FC3D32;
  font-weight:bold;
} 


.index-tabla table tbody tr{
  /*background-color: #F00; */
  background-color: #FFBB55;
}

.index-tabla table tbody tr.fila-par{
  background-color: #f1f1f1;
}

.index-tabla table tbody tr.fila-impar{
  background-color: #f9f9f9;
}

.index-tabla table tbody tr.fila-encima{
  background-color: #ccc;
}


/* ----------------- FIN INDEX TABLA --------------------*/ 

/* ----------------- INICIO FORMULARIOS --------------------*/ 

.formulario{
  margin:20px;
  border: 2px solid #999;
	background-color: #FFFFFF;
}

input, select, textarea, .checkbox{
  margin:3px;
  padding:3px;
  line-height:1.4em;
  font-family: Arial, Helvetica, sans-serif;
  /* font-size: 1em; */
}

.formulario table{
  width: auto;
	border-collapse:collapse;    
  margin:0px;
  margin-left:10px;
  
}

.formulario h3{
  background-color:#FC3D32;
  color:#fff;
  margin:0px;
  margin-bottom:15px;
  padding: 5px;
  border: 1px solid #999;  
}

.formulario table tr{
  margin-bottom:4px;
}

.formulario table th{
  width: 80px;
  font-weight:bold;
  color: #444;
  background-color: #ddd;
  vertical-align:top;
}

form td{
  /* width:300px;*/
}

form td input{
  /* width:100% */
}

form .botonera{
  width:auto;
}


/* ----------------- FIN FORMULARIOS --------------------*/ 


/* ************* Clases para paginacion *************** */
.pagination{
	height:1.8em;
	margin-top:3px;
	padding-top: 2px;
	padding-left:5px;	
}

.pagination .current{
	/* background-color: #FC3D32; */
	background-color: #0066CC;
}