/** MAQUETACION PRINCIPAL **/

body {
    background-color: #dcdcdc;
    text-align: center;
    margin: 0px;
    font: 10pt Arial, Helvetica, sans-serif;
}

#contenedor {
    width: 925px;
    margin: 0px auto;
    background-color: #fff;
    border: 10px solid #ccc;
}
#cabecera {
	background: #146e90;
	color: #FFF;
	padding: 5px 10px 10px 10px;
	font-family: "Century Gothic", Times, serif;
	height: 75px;
}
#cabecera h1 {
    line-height: 70%;
}

#cabecera h3 {
    line-height: 20%;
}

#cabecera h4 {
    line-height: 10%;
}

#logos_cabecera_izquierda {
    margin: 0 auto;
    padding: 10px;
    background: #146e90;
    float:left;
}
#logos_cabecera_izquierda img{
    border:none;
}

#logos_cabecera_derecha {
    margin: 0 auto;
    background: #146e90;
    padding: 10px;
    float:right;
}
#logos_cabecera_derecha img{
    border:none;
}

#logos_pie {
    margin: 0 auto;
    background: #fff;
    float:left;
}
#logos_pie img{
    border:none;
}



#panel_graficos {
    background-color: #fff;
    color: #000;
    padding: 5px 10px 10px 10px;
    font-family: "Verdana", Times, serif;
    margin-bottom: 30px;
}

#panel_graficos h2 {
    color: #8fb92f;
    line-height: 40%;
}

#panel_graficos h3 {
    line-height: 20%;
}

#panel_valores {
    margin-bottom: 30px;
    background-color: #fff;
    color: #000;
    padding: 10px 10px 10px 10px;
    font-family: "Verdana", Times, serif;
}


#panel_datos {
    background-color: #fff;
    color: #000;
    padding: 0px;
    font-family: "Verdana", Times, serif;
}

#rosa_de_viento {
    width: 200px;
    padding: 2px 2px 2px 2px;
    float:left;
    background-color: #fff;
    border: 0px solid #dcdcdc;
    text-align: left;
    font: 8pt Arial, Helvetica, sans-serif;
}

#rosa_de_viento h1 {
    text-align: center;
    font: 9pt Helvetica, sans-serif, Arial;
    color: #000000;
}

#rosa_de_viento h2 {
    font: 9pt Arial, Helvetica, sans-serif;
    color: #ff0000;
    text-align: center;
    line-height: 15%;
}

#rosa_de_viento h3 {
    font: 8pt Arial, Helvetica, sans-serif;
    color: #0000ff;
    text-align: center;
    line-height: 15%;
}

#leyenda td{
    border: 1px solid #000;
    padding: 1px;
}

.c_azul {
    width: 20px;
    height: 20px;
}

.c_rojo {
    width: 20px;
    height: 20px;
}


#datos_registro {
    width: 150px;
    padding: 5px;
    float: right;
    background-color: #fff;
    border: 5px solid #dcdcdc;
    margin-right: 60px;
    margin-bottom: 30px;
}
#cuerpo_datos {
    padding: 0px;
    margin-right: 200px;
    background-color: #fff;
}

#datos_dia {
    padding: 0px;
    background-color: #fff;
}

#datos_mes {
    margin-top: 50px;
    width: 260px;
    padding: 0px;
    float: left;
    margin-left: 75px;
    margin-right: 10px;
    background-color: #fff;
    
}
#datos_agno {
    margin-top: 50px;
    width: 260px;
    padding: 0px;
    margin-left: 10px;
    margin-right: 75px;
    background-color: #fff;
    float:right;
    
}
#pie {
    clear: both;
    background: #fff;
    color: #ccc;
    height: 60px;
    padding: 10px;
}

#pie a {
    text-align: center;
    font: 15pt Arial, Helvetica, sans-serif;
    color: #57f;
}


.logo {
    height: 50px;
}
.logo_s {
    width: 20px;
    height: 20px;
    border: none;
}

/** TABLA DE DATOS DEL REGISTRO **/
#td_reg {
    font-family: "Verdana", "Lucida Grande", Sans-Serif;
    margin: 0px auto;
    width: 150px;
    border-collapse: collapse;
    caption-side: left;
}
#td_reg thead {
    text-align: center;
    font-size: 11px;
    font-weight: bolder;
}
#td_reg tbody {
    text-align: left;
    font-size: 10px;
    font-weight: normal;
}

#td_reg th {
    padding: 3px;
    background: #146e90;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #fff;
    color: #ffffff;
}
#td_reg td {
    padding: 1px;
    background: #ffffff;
    border-bottom: 1px solid #fff;
    color: #000000;
    border-top: 1px solid transparent;
}
#td_reg tr:hover td {
    background: #355897;
    color: #fe870f;
}

/** TABLA DE DATOS DEL DIA **/
#td_dia {
    font-family: "Verdana", "Lucida Grande", Sans-Serif;
    margin: 0 auto;
    width: 500px;
    border-collapse: collapse;
    caption-side: left;
}
#td_dia thead {
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
}
#td_dia tbody {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}
#td_dia th {
    padding: 8px;
    background: #146e90;
    border-top: 4px solid #ffffff;
    border-bottom: 1px solid #fff;
    color: #ffffff;
}
#td_dia td {
    padding: 8px;
    background: #ffffff;
    border-bottom: 1px solid #444;
    color: #000000;
    border-top: 1px solid transparent;
}
#td_dia tr:hover td {
    background: #355897;
    color: #fe870f;
}



/** TABLA DE DATOS DEL MES **/
#td_mes {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    margin: 0 auto;
    width: 250px;
    border-collapse: collapse;
    caption-side: left;
}
#td_mes thead {
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
}
#td_mes tbody {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
}
#td_mes th {
    padding: 4px;
    background: #146e90;
    border-top: 4px solid #ffffff;
    border-bottom: 1px solid #fff;
    color: #ffffff;
}
#td_mes td {
    padding: 4px;
    background: #ffffff;
    border-bottom: 1px solid #555;
    color: #000000;
    border-top: 1px solid transparent;
}
#td_mes tr:hover td {
    background: #355897;
    color: #fe870f;
}

/** TABLA DE DATOS DEL AÑO **/
#td_agno {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    margin: 0 auto;
    width: 250px;
    border-collapse: collapse;
    caption-side: left;
}
#td_agno thead {
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
}
#td_agno tbody {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
}
#td_agno th {
    padding: 4px;
    background: #146e90;
    border-top: 4px solid #ffffff;
    border-bottom: 1px solid #fff;
    color: #ffffff;
}
#td_agno td {
    padding: 4px;
    background: #ffffff;
    border-bottom: 1px solid #555;
    color: #000000;
    border-top: 1px solid transparent;
}
#td_agno tr:hover td {
    background: #355897;
    color: #fe870f;
}

/** LISTA HORIZONTAL **/
.lista_horizontal {
    list-style:none;
    margin:0;
    padding:0;
}

.lista_horizontal li {
    float:left;
    margin:2px;
    padding:2px 10px 2px 10px;
    border:0px solid #CCCCCC;
}

/** TABLA DE VALORES INSTANTANEOS */
#td_valores
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto;
	width: 500px;
	text-align: left;
	border-collapse: collapse;
	color: #ccc;
}
#td_valores td
{
    padding: 3px 12px;
    color: #000;
    border-top: 1px solid #000;
}
#td_valores tfoot td
{
    font-size: 12px;
}
#td_valores tbody td
{
    background: url('../images/back.png');
}

*html #td_valores tbody td
{
	/* 
	   ----------------------------
      PUT THIS ON IE6 ONLY STYLE 
      AS THE RULE INVALIDATES
      YOUR STYLESHEET
	   ----------------------------
	*/
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back.png',sizingMethod='crop');
    background: none;
}	
#td_valores tbody tr:hover td
{
    color: #146e90;
    background: none;
}