body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 98%;
}

a {	color: #003090;}
a:link,a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

p {	padding: 5px; }

input {	border: 1px solid #003090;	font-family: Verdana, Arial, Helvetica, sans-serif;}
body.nuevo input, body.modificar input { border:1px solid #999; color:#666}

input.chk, input.rd {	border: 0px;margin: 0px;padding: 0px; }
textarea { border: 1px solid #003090;font-family: Verdana, Arial, Helvetica, sans-serif;}
label {	color: #666666;padding-left:3px; }
select { border: 1px solid #003090;	font-family: Verdana, Arial, Helvetica, sans-serif;}
body.nuevo select, body.modificar select { border:1px solid #999; color:#666; position:absolute; left:15em; top:0.3em; font-size:1em;}
table.listado {
	background-color: #e8e8e8;
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px;
}
.foto {float:left; margin-right:50px}
/****************************************************************************/
.contenido { float:left; width:77%;	height:90%;	margin-top: 2%;padding-bottom:150px; }
body.modificar .contenido, body.nuevo .contenido {background:#eee;}
thead {	background-color:#AAAAAA;font-size:0.8em;}
.texto { font-size:0.7em;}	

div#bienvenida h1 { margin-top:8em; margin-left:5em; color: #003090; font-size:1.3em; }
div#error {color:red; text-align:center}

/* MENU */
div.menu { width:18%;	height:400px;float:left;height:90%;	border: 1px solid #003090;	margin-left:1%;
   		    margin-right:2%; margin-top: 2%; font-size:0.8em; }
div.menu li { list-style-type:none; }
div.menu ul {margin-left:5%; padding-left:0;}
div.menu p { background-color:#003090; color:#FFFFFF; font-weight:bold; margin-top:0;}

/** LOGIN **/
div#login {	margin-left:auto;margin-right:auto; width:50em; 
			border:1px solid #003090; margin-top:50px;	font-size:0.7em;}
div#login label {display:block; margin-left:12em;position:relative; line-height:2em; }
div#login label input {position:absolute; left:10em;font-size:0.9em;}
div#login input#aceptar {margin-left:20em;margin-top:20px;font-size:0.9em}
div#login p {background-color: #003090;text-align:center;font-size:1em;color:#FFF; font-weight:bold;  margin-top:0;}

/* Form */
div.form form {font-size:0.75em;}
div.form input {font-size:1em}
div.form input.documento {width:30em;}
div.form label {display:block;position:relative;line-height:2.3em;}
div.form label input {position:absolute; left:15em; top:0.2em; }
div.form input#cal_pub {left:20em;}
div.form input.chk {border:0px;}
div.form label.area {height:20em;}
div.form label textarea {font-size:1em;border:1px solid #999; color:#666;position:relative;left:131px;}
div.form span.formato {position:absolute; left:29em; top:-0.4em;font-size:1em;}
div.form span.etiqueta {position:relative; top:-9em;}
div.form div#botones{margin-top:2em; margin-left:28em;margin-bottom:2em;}
div.form h1 {font-size:1.3em; color:#003090;border-bottom:1px solid #003090}
body.modificar div.form h1, body.nuevo div.form h1 { background-color: #003090; color:#FFF;margin:0; height:1.5em; font-size:1.1em; padding-top:10px; padding-left:10px; }
div.form h2{font-size:1.1em; color:#003090;border-bottom:1px solid #003090; margin:10px}

div#asociar { background-color:#FFFF99;}
div.mensaje { font-size:0.8em; color: #003090; font-weight:bold;}
/*****/
.text-formulario{ font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;padding-left:3px;}
.error-formulario{	font-family: Verdana, Arial, Helvetica, sans-serif;color:#FF0000;font-size:0.95em;position:absolute;left:57em;top:-0.2em;z-index:10; display:block; }
.logo_topbar {	float: left;margin: 4px;}
.td-body {	vertical-align: top;text-align: center;	margin: 0px; padding: 0px;}
.td-barsel { vertical-align: top;text-align: left;background-color: #003090;color: #FFFFFF;font-family: Verdana, Arial, sans-serif;
		 	font-weight: bold;height: 24px; font-size:0.8em;padding-left:5px; padding-top:5px;}
.contentbar {width: 100%;padding: 0px;border: 1px solid #003090;}
.contentpane {font-family: Verdana, Arial, Helvetica, sans-serif;padding: 6px;}
.content-destacado {font-family: Verdana, Arial, Helvetica, sans-serif;	padding: 6px;
					background-color: #EFEFEF;color: #003090;font-weight: bold;}
.tit-formulario{	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #666666;
					font-size: 0.7em;font-weight:bold;border-bottom: 1px solid #003090;}
	
.bt_calendar {position:relative; margin-left:200px; top:-2px;}
.bt_calendar_list {position:relative;top:3px; }
p.noencontrado {margin-left:20px; font-size:0.85em; color:#CC0000;}
a.texto img{border: 0;position:relative;top:2px;}


/********** LISTADO **********/
tr.radio a {color:green;}

/***** METEO CONCEJOS ***/
div.bloque_meteo label {margin-right:0px;margin-left:0px;} 
div.bloque_meteo label input.meteo {left:9em;}
div.bloque_meteo label select.meteo {left:9em;}
div.bloque_meteo {
	float:left;
	width:220px;
	display:inline;	
}
#condicion {margin-right:20px;}


.bloque_pronostico {margin-top:10px;margin-bottom:15px;}
div#pronostico_concejo {margin-top:35px; position:relative;}
div#pronostico_concejo_mar {margin-top:20px; position:absolute; top:0px;left:350px}

/************* Colores acciones ****************/

/* Temperatura
#label_tmp_max span,#label_tmp_min span, #btn_g_t {color:#900; font-weight:bold;}


/* Predicción 
#label_viento span,#label_direccion span, #btn_g_cond {color:#360; font-weight:bold;} */


/********* TABLA PREDUCCIONES ****************/

table.detalle_predicciones {
	font-family:Verdana, Geneva, sans-serif;
	border-collapse:collapse;
	font-size:11px;
	margin-left:20px;
	margin-top:20px;
}
table.detalle_predicciones th {
	height:25px;
}
table.detalle_predicciones td, table.detalle_predicciones th {
	border:1px solid #333;
   
}
table.detalle_predicciones th {
	background-color:#039;
	color:white;
	width:80px;
}
table.detalle_predicciones td {
	text-align:center;
}
table.detalle_predicciones td.municipio {
	text-align:left;
	background-color:#CCC;
	font-weight:bold;
	width:110px;
	padding-left:5px;
}