body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;}

body {
font-size:0.8em; 
font-family:Arial,Verdana,Sans-Serif; 
background-image:url(../img/bckgd_content.gif);
background-repeat:repeat-x;
}

#head {
    background-image:url(../img/cabezal.jpg);
    background-repeat:repeat-x;
    height: 89px;
	text-align:center;
}

#head_top{
background-image:url(../img/cabezal_logo.png);
background-repeat:no-repeat;
position:absolute;
left:50%;
width: 487px;
height:69px;
margin-left: -243px;
top: 20px;
}


.msg_rojo{left:50%; position:relative; background-image:url(../img/bckgd_msg_rojo.png); background-repeat:no-repeat; margin-left: -243px; width: 485px; height:0px;}
.msg_rojo p{position:absolute; font-family:Arial,Verdana,Sans-Serif; font-size:14px; font-weight:bold; color:#CC0000; top:25px; left:310px;}
.msg_rojo #cruz{position:absolute; background-image:url(../img/cruz_roja.png); width:17px; height:17px; top:25px; left:695px; border-bottom-color:#0033CC; cursor:pointer;}
.msg_verde{left:50%; position:relative; background-image:url(../img/bckgd_msg_verde.png); background-repeat:no-repeat; margin-left: -243px; width: 485px; height:0px;}
.msg_verde p{position:absolute; font-family:Arial,Verdana,Sans-Serif; font-size:14px; font-weight:bold; color:#3a9805; top:25px; left:310px;}
.msg_verde #cruz{position:absolute; background-image:url(../img/cruz_verde.png); width:17px; height:17px; top:25px; left:695px; border-bottom-color:#0033CC; cursor:pointer;}
.msg_azul{left:50%; position:relative; background-image:url(../img/bckgd_msg_azul.png); background-repeat:no-repeat; margin-left: -243px; width: 485px; height:0px;}
.msg_azul p{position:absolute; font-family:Arial,Verdana,Sans-Serif; font-size:14px; font-weight:bold; color:#0072b9; top:25px; left:310px;}
.msg_azul #cruz{position:absolute; background-image:url(../img/cruz_azul.png); width:17px; height:17px; top:25px; left:695px; border-bottom-color:#0033CC; cursor:pointer;}


#area_login{
position:relative;
left:50%;
width:479px;
height:295px;
margin-left: -240px;
background-color:#daecf7;
background-image:url(../img/fondo_login.jpg);
background-repeat:no-repeat;

}
#area_login #ptitulo{position:absolute; top:24px; left:190px;}
#area_login #pempresa{position:absolute; top:84px; left:80px;}
#area_login #pusuario{position:absolute; top:114px; left:80px;}
#area_login #pcontrasena{position:absolute; top:144px; left:80px;}
#area_login .labels{font:Arial, Helvetica, sans-serif; color:#0072b9; font-size:14px; font-weight:bold;}
#area_login #txt_empresa{position:absolute; top:80px; left:180px; width: 200px;}
#area_login #txt_usuario{position:absolute; top:110px; left:180px; width: 200px;}
#area_login #txt_contrasena{position:absolute; top:140px; left:180px; width: 200px;}
#area_login .campos{font:Arial, Helvetica, sans-serif; color:#666666; font-size:14px;}
#area_login #btn_aceptar{background-image:url(../img/btn_aceptar.png); width:104px; height:43px; background-repeat:no-repeat;position:absolute; top:190px; left:180px; cursor:pointer;}

#logo{
position:relative;
width:107px;
height: 57px;
background:url(../img/logo_calculo.png) no-repeat;
float:left;
top:8px;
}

#head_bottom{
height: 28px;
}