html {	font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #545454; margin:0; padding:0}
body {	font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #545454; margin:0; padding:0}
table {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #545454}

/* encabezados */
h1 { margin:10px 0 5px 10px; padding:0 0 10px 0; border-bottom:1px solid #EEE; font-size: 16px; font-weight: bold; color: #31A0D7 }

h2 { margin:0; padding:0 0 5px 0 }

/* tabla cabezal*/
#cabpdu { background-image: url(../imgs/cab_r1_c1.gif); background-repeat: repeat-x;height: 76px;width: 780px}
#barra {background-color: #F2F8FB; width: 780px; padding: 6px 0 8px 0;font-size: 12px;color: #6b98b7; border-bottom: 1px solid #D1E9F3; margin:0 0 10px 0}
#barra img { width:12px; height:6px; margin:0 2px 0 25px}
#3colores {width: 780px}

.opcserv{margin:10px 0 10px 70px}
.opcserv img {width:13px; height:10px; margin-right:10px; border:0}
.iconoserv{width:60px; height:60px; border:0; float:left; margin-right:10px}

h2 a { color: #0099CC; text-decoration:underline; padding:0; margin:0; font-size:12px }
h2 a:visited{ color: #0099CC; text-decoration:underline; padding:0; margin:0; font-size:12px }
h2 a:hover { color: #0099CC; text-decoration:none; padding:0; margin:0; font-size:12px }

/* footer */
.pie {color: #FFF; background-image: url(../imgs/pie.gif);height: 124px;width: 780px}
.pie2 {color: #FFF;}
.pie a:link {color: #F0F0F0;text-decoration: underline}
.pie a:visited {color: #F0F0F0;text-decoration: underline}
.pie a:hover {color: #F0F0F0;text-decoration: none}
.piech {color: #FFF }

.554 { width:554px;background:url(../imgs/back_serviciosvertical.gif) repeat-y center }
.celdaizq554 { width:277px}
.celdader554 { padding-left:7px; width:270px }

/*default links */
a { text-decoration: underline; color: #666 }
a:visited { text-decoration: underline; color: #666 }
a:hover { text-decoration: none; color: #666 }

.degrade { background:#F3F7FA; width:484px; filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=300, FinishX=0, FinishY=0) }

.textinfo {
background-color: #FD7F0F; font-size: 12px; color: #FFFFFF; padding: 7px; font-weight: normal }

.tablaloginservicios { padding-top: 10px; padding-right: 13px; padding-left: 13px; color: #FFFFFF; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC }
.esquina_der { background-color: #FD7F0F; background-image:  url(imagenes/5x5curva_der.gif); background-repeat: no-repeat; width: 5px }
.esquina_izq { background-color: #FD7F0F; background-image:  url(imagenes/5x5curva_izq.gif); background-repeat: no-repeat; width: 5px }

.esquinagrisder1 { background-image:  url(imagenes/5x5curva2_der1.gif); background-repeat: no-repeat; height: 5px }
.esquinagrisder2 { background-image:  url(imagenes/5x5curva2_der2.gif); background-repeat: no-repeat }
.esquinagrisizq1 { background-image:  url(imagenes/5x5curva2_izq1.gif); background-repeat: no-repeat; height: 5px }
.esquinagrisizq2 { background-image:  url(imagenes/5x5curva2_izq2.gif); background-repeat: no-repeat }
.esquinagrismedio { background-color: #EEEEEE; font-size: 12px; color: #333; height: 5px; padding: 7px }
.fondogris { background-color: #EEEEEE }
.tablalistaservicios { border-right: 1px solid #EEE }

.textoservicios {font-weight: normal;color: #666;width: 197px}
.textomailbienvenida {font-weight: bold;color: #666}
.nuevousuario {font-size: 12px;color: #333;background-color: #DDD;height: 60px;padding: 10px}
.nombreusuario {font-size: 16px;font-weight: bold;color: #999;text-decoration: none;vertical-align: top}
.nuevousuarioregistro {font-size: 13px;color: #336699;font-weight: bold;font-variant: small-caps}
a.nuevousuarioregistro:hover {font-size: 13px;color: #336699;font-weight: bold;font-variant: small-caps;text-decoration:none}
.nuevousuarioregistro2 {color: #336699;font-weight: bold;font-variant: small-caps;text-decoration:underline}
a.nuevousuarioregistro2:hover {color: #336699;font-weight: bold;font-variant: small-caps;text-decoration:none}
.textinfoBOLD {background-color: #FD7F0F;font-size: 12px;color: #FFF;font-weight: bold}
.serviciosdescripcion {font-size: 12px;font-weight: normal;color: #666;text-align: left; vertical-align: top}
.lineaconfigurados {background-color: D8F3F7;height: 1px}
.serviciosconfigurados {font-weight: bold;color: 0099CC;height: 30px;vertical-align: middle;text-decoration:none;padding: 0 0 0 10px}
a.serviciosconfigurados:hover {font-weight: bold;color: 0099CC;height: 30px;vertical-align: middle;text-decoration:underline}
.servicioscambiar {font-size: 12px;font-weight: normal;color: #333;text-align: left;vertical-align: middle}
a.servicioscambiar:hover {font-size: 12px;font-weight: normal;color: #333;text-align: left;vertical-align: middle;text-decoration:underline}
.serviciosfondotabla {background-image:  url(imagenes/back_servicios.gif);background-repeat: repeat-x}
.serviciosfondotabladatos {background-image:  url(imagenes/back_serviciosdatos.gif);background-repeat: repeat}
.textointroservicios {font-size: 14px;color: #333}
.pieintroservicios {border-bottom: 1px solid #E0E0E0}
.titulosservicios {font-size: 16px;	font-weight: bold;color: #31A0D7}
.flechainiciosesion {font-size: 12px;font-weight: bold;color: #31A0D7}
.errorcontrasena {font-weight: bold;color: #cc3300;text-decoration: none}
.celdaiconos {padding: 10px 0 0 0}
.textobullets {font-weight: bold;color: #034B6F }
a.textobullets:hover {font-weight: bold;color: #034B6F;text-decoration: underline}

#table780 {width: 780px;margin: 0;padding: 0;}

.tablaerrores {color: #FF6600;border: 1px solid #FF6600;padding: 15px 10px;}
.titulo {font-weight: bold;color: #333333;text-align: left}
.obligatorio {font-size: 12px;color: #FF7902;text-align: left;vertical-align: middle}
.campogrande {height: 20px;width: 200px;border-top: 1px solid #D4D4D4;border-right: 1px solid #999;border-bottom: 1px solid #999;border-left: 1px solid #D4D4D4;background-image:   url(file:///C|/Inetpub/wwwroot/KB_portal2k5/DATA006/web/css/back01.gif);background-repeat: repeat-x;font-size: 12px;font-weight: normal;color: #046FB3}
.campochico {height: 20px;width: 82px;border-top: 1px solid #D4D4D4;border-right: 1px solid	#999;border-bottom: 1px solid #999;
border-left: 1px solid #D4D4D4;background-image:   url(file:///C|/Inetpub/wwwroot/KB_portal2k5/DATA006/web/css/back01.gif);background-repeat: repeat-x;font-size: 12px;font-weight: normal;color: 046FB3}
.camponumeros {height: 20px;width: 41px;border-top: 1px solid #D4D4D4;border-right: 1px solid #999;border-bottom: 1px solid #999;border-left: 1px solid #D4D4D4;background-image:   url(file:///C|/Inetpub/wwwroot/KB_portal2k5/DATA006/web/css/back01.gif);background-repeat: repeat-x;font-size: 12px;font-weight: normal;color: 046FB3;text-align: center}
.campomediano {height: 20px;width: 145px;border-top: 1px solid #D4D4D4;border-right: 1px solid	#999;border-bottom: 1px solid #999;border-left: 1px solid #D4D4D4;background-image:   url(file:///C|/Inetpub/wwwroot/KB_portal2k5/DATA006/web/css/back01.gif);
background-repeat: repeat-x;font-size: 12px;font-weight: normal;color: 046FB3}
.acalracion {color: #999;}
.interes {font-weight: normal;color: #666;text-decoration:none}
a.interes:link{font-weight: normal;color: #666;text-decoration:underline}
a.interes:visited{font-weight: normal;color: #666;text-decoration:underline}
a.interes:hover{font-weight: normal;color: #666;text-decoration:none}
a.interes:active{font-weight: normal;color: #666;text-decoration:underline}
.campograndeerror {
	height: 20px;
	width: 200px;
	border-top: 1px solid #FFC8AB;
	border-right: 1px solid #FF7933;
	border-bottom: 1px solid #FF7933;
	border-left: 1px solid #FFC8AB;
	font-size: 12px;
	font-weight: normal;
	color: #046FB3;
}
.campoanio {

	height: 20px;
	width: 55px;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #D4D4D4;
	font-size: 12px;
	font-weight: normal;
	color: 046FB3;
	text-align: center;
}
.campocomment {

	height: 50px;
	width: 200px;
	border-top: 1px	solid #D4D4D4;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #D4D4D4;
	font-size: 12px;
	font-weight: normal;
	color: #046FB3;
}

.titulopagina {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 0 45px;
}
.texto {
	font-size: 12px;
	color: #046FB3;
}

.botonform {
	PADDING-RIGHT: 0.25em;
	PADDING-LEFT: 0.25em;
	BACKGROUND:   url(../imgs/fondo_boton.png);
	PADDING-BOTTOM: 0.05em;
	COLOR: #333;
	PADDING-TOP: 0.05em;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #999;
}
.textobienvenido {
	font-size: 12px;
	font-weight: bold;
	color: #662B00;
	text-decoration: none;
}

.textologin {
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}


a.textologin:hover {
	font-weight: bold;
	color: #CC3300;
	text-decoration: underline;
}

.texto11 {color: #333}

.titulosservicios2 {
	font-size: 14px;
	font-weight: bold;
	color: #31A0D7;
}

.botonreg {
	color: #666;
	text-decoration: none;
	font-size: 11px;
}


/* pronostico del tiempo */

.texto { color:#333333}
.texto2 { font-weight:bold; font-size:14px}
