/********************* ********************* *********************
********************** GENERAL
********************** ********************* ********************* 
*/

BODY {
  font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 10 0 10 0px;
  text-align: center;
  color: #333333;
  background-color: #FFFFFF;
}
#contenedor{
  text-align: left;
  margin: auto;
} 

#cabecera{
  height:54px;
  background-image:url(../img/top_medio.png);
  background-repeat:repeat-x;
}
#cabecera_izq{
  height:54px;
  width:11px;
  background-image:url(../img/top_izq.png);
  float:left;
}
#cabecera_der{
  height:54px;
  width:11px;
  background-image:url(../img/top_der.png);
  float:right;
}
#cabecera_logo{
  padding-top: 0px;
  padding-left: 25px;
}

#cuerpo{
  margin: 10 0 10 0px;
  border-left:#CCCCCC 1px solid;
  border-right:#CCCCCC 1px solid;
  padding: 5px;
}

#pie{
  height:11px;
  background-image:url(../img/pie_medio.png);
  background-repeat:repeat-x;
  text-align:center;
} 
#pie_izq{
  height:11px;
  width:10px;
  background-image:url(../img/pie_izq.png);
  float:left;
}
#pie_der{
  height:11px;
  width:10px;
  background-image:url(../img/pie_der.png);
  float:right;
}

/********************* ********************* *********************
********************** MENU
********************** ********************* ********************* 
*/
#menu{
  border: 1px #CCC solid;
  height:44px;
  background-color: #F0F0F0;
}

#menu_opciones{
  float:left;
}

#menu_usuario{
  float:right;
  padding-right: 10px;
  padding-top: 10px;

  font-family: Arial;
  font-size:11px;
  color: #158686;
}

/********************* ********************* *********************
********************** PANEL REDONDEADO
********************** ********************* ********************* 
*/

#panel{
  width: 100%;
}

#panel_contenido{
  border-left: 1px #CCC solid;
  border-right: 1px #CCC solid;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

#panel_contenido_2{
  border-left: 1px #CCC solid;
  border-right: 1px #CCC solid;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-top: 1px;
}

.panel_contenido_der{
  width: 60%;
}

.panel_contenido_izq{
  width: 30%;
}

#panel_top{
  height:6px;
  background-image:url(../img/panel_top_medio.png);
  background-repeat:repeat-x;
  text-align:center;
} 
#panel_top_izq{
  height:6px;
  width:6px;
  background-image:url(../img/panel_top_izq.png);
  float:left;
}
#panel_top_der{
  height:6px;
  width:6px;
  background-image:url(../img/panel_top_der.png);
  float:right;
}
#panel_pie{
  height:6px;
  background-image:url(../img/panel_pie_medio.png);
  background-repeat:repeat-x;
  text-align:center;
} 
#panel_pie_izq{
  height:6px;
  width:6px;
  background-image:url(../img/panel_pie_izq.png);
  float:left;
}
#panel_pie_der{
  height:6px;
  width:6px;
  background-image:url(../img/panel_pie_der.png);
  float:right;
}

/**************** GRIS ******************/

#panel_gris{
  width: 100%;
}

#panel_contenido_gris{
  border-left: 1px #CCC solid;
  border-right: 1px #CCC solid;
  padding: 10px;
  background-color: #F6F6F6;
}

#panel_contenido_2_gris{
  border-left: 1px #CCC solid;
  border-right: 1px #CCC solid;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-top: 1px;
  background-color: #F6F6F6;
}

#panel_top_gris{
  height:6px;
  background-image:url(../img/panel_top_medio_gris.png);
  background-repeat:repeat-x;
  text-align:center;
} 
#panel_top_izq_gris{
  height:6px;
  width:6px;
  background-image:url(../img/panel_top_izq_gris.png);
  float:left;
}
#panel_top_der_gris{
  height:6px;
  width:6px;
  background-image:url(../img/panel_top_der_gris.png);
  float:right;
}
#panel_pie_gris{
  height:6px;
  background-image:url(../img/panel_pie_medio_gris.png);
  background-repeat:repeat-x;
  text-align:center;
} 
#panel_pie_izq_gris{
  height:6px;
  width:6px;
  background-image:url(../img/panel_pie_izq_gris.png);
  float:left;
}
#panel_pie_der_gris{
  height:6px;
  width:6px;
  background-image:url(../img/panel_pie_der_gris.png);
  float:right;
}

/********************* ********************* *********************
********************** PANELES
********************** ********************* ********************* 
*/

#panel_recto{
  margin: 0px;
  padding: 3px;
  border: 1px #CCC solid;
}

.borde{
	border: 1px #AAA solid;
	background-color: #eeeeee;
}

.borde_blanco{
	border: 1px #AAA solid;
	background-color: #FFFFFF;
}

.arbol_hijo{
	border-left: 1px #AAA solid;
}

/********************* ********************* *********************
********************** TEXTO 
********************** ********************* ********************* 
*/

.titulo{
  font: 13px Geneva, Arial, Helvetica, sans-serif;
  color: #0055BB;
  font-weight: bold;
}

.texto{
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  font-weight: bold;
}

.texto_sort{
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #0055BB;
  font-weight: bold;
  text-decoration: none;
}

.error-message{
  font: 10px Geneva, Arial, Helvetica, sans-serif;
  color: #F66;
}

/********************* ********************* *********************
********************** LINK 
********************** ********************* ********************* 
*/
.link{
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  text-decoration: none;
  font-weight: bold;
}
.link:hover{
  color: #0055BB;
}

.link_pie{
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  text-decoration: none;
}
.link_pie:hover{
  color: #0055BB;
}

.link_ok{
  width:119;
  height:29;
  background-image: url(../img/ok.png);
}

.buscar{
	font-family: Arial Baltic, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	color: #666666;
	text-decoration: none;
}
.buscar:link,
.buscar:visited {
	color: #666666;
}
.buscar:hover{
	color: #0D6BC8;
}

.linkGris {
	font-family: Arial Baltic, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	color: #666666;
	text-decoration: none;
}

.linkBlanco {
	font-family: Arial Baltic, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	color: #ddd;
	text-decoration: none;
}

.link_boton {
	font-family: Arial Baltic, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	background-color: #999999;
	color: #FFFFFF;
	text-decoration: none;
}
.link_boton:link,
.link_boton:visited {
	border-top: 1px solid #999999;
	border-bottom: 2px solid #606060;
	border-left: 1px solid #999999;
	border-right: 2px solid #606060;
}
.link_boton:hover {
	border-top: 2px solid #606060;
	border-bottom: 1px solid #999999;
	border-left: 2px solid #606060;
	border-right: 1px solid #999999;
}

/********************* ********************* *********************
********************** TABLA DATOS
********************** ********************* ********************* 
*/

.tabla_datos{
  width: 100%;
  text-align: center;
  font: 10px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  text-decoration: none;

  border: 1px #E7E7E7 solid;
}

.tabla_cabecera{
  background-color: #F0F0F0;

  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #0055BB;
  font-weight: bold;
  text-decoration: none;

  border-bottom: 1px #999999 solid;
}


.tabla_libre{
  background-color: #CCFF99;
  border: 1px #E7E7E7 solid;
  color: black;
}
.tabla_completo{
  background-color: #FFCC33;
  border: 1px #E7E7E7 solid;
  color: black;
}
.tabla_vencido{
  background-color: #FFCC33;
  border: 1px #E7E7E7 solid;
}

.tabla_par{
  background-color: #F8F8F8;
  border: 1px #E7E7E7 solid;
}
.tabla_par:hover {
  background-color: #FFCC99;
}

.tabla_impar{
  background-color: #FFF;
  border: 1px #E7E7E7 solid;
}

.tabla_impar:hover {
  background-color: #FFCC99;
}

.tabla_rojo{
  background-color: #FFE6E6;
  border: 1px #E7E7E7 solid;
}
.tabla_rojo:hover {
  background-color: #FFFFDD;
}

.tabla_pie{
  background-color: #F0F0F0;
  width: 100%;
  font: 10px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  text-decoration: none;
  border: 1px #E7E7E7 solid;
  border-top: 0px #E7E7E7 solid;
  border-spacing: 0px;
}
.tabla_imagen{
  background-color: #F0F0F0;
  width: 95%;
  font: 10px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  text-decoration: none;
  border: 1px #E7E7E7 solid;
  border-top: 0px #E7E7E7 solid;
  border-spacing: 0px;
}
/********************* ********************* *********************
********************** TABLA FILTRO
********************** ********************* ********************* 
*/

.tabla_filtro{
  width: 100%;
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  text-decoration: none;
}

/********************* ********************* *********************
********************** TABLA NUEVO
********************** ********************* ********************* 
*/

.tabla_nuevo{
  width: 100%;
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  text-decoration: none;
}

.tabla_nuevo_etiqueta{
  background-color: #F6F6F6;
  width: 20%;
  text-align: right;
  border-right: 1px #CCC solid;
  border-bottom: 1px #CCC solid;

  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #666;
  font-weight: bold;
}


/********************* ********************* *********************
********************** INPUT
********************** ********************* *********************
*/

.input_caja_total{
  font-size:10px;
  background-color: #F5F5F5;
  border: 0px;
  text-align: center;
  font-weight: bold;
}

.input_text{
  font-size:10px;
  background-color: #FFF;
  border: 1px #CCC solid;
}
.input_text:link,
.input_text:visited {
  background-color: #FFF;
}
.input_text:focus  {
  background-color: #FFFFDD;
}

/********************* ********************* *********************
********************** TEXTAREA
********************** ********************* *********************
*/

.textarea{
  font-size:10px;
  background-color: #FFF;
  border: 1px #CCC solid;
}
.textarea:link,
.textarea:visited {
  background-color: #FFF;
}
.textarea:focus  {
  background-color: #FFFFDD;
}

/********************* ********************* *********************
********************** FIELDSET
********************** ********************* ********************* 
*/

.fieldset{
  border: 1px #CCC solid;
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  color: #0055BB;
  font-weight: bold;
}