/* Detalles de los Div de Pagina Completa de los Divs Generales de Navegacion, Contenidos y Pie de pagina */

/* Seccion Header */
* {
  padding:0;
  margin:0;
}

body {
  font-size:63%;
/*  background-color:rgb(255,255,255); */
  background: #dfdfdf url(../images/bgr.png) repeat-x fixed left top; 
  margin: 0;
  font-family:verdana,arial,sans-serif;
} 

.page-container {
  width:900px; 
  margin:0px auto; 
  margin-top:10px;
  margin-bottom:10px;
  border:solid 1px rgb(150,150,150);
  font-size:1.0em;
}

.main-navigation {
  display:inline /*Fix IE floating margin bug*/;
  float:left;
  width:200px;
  overflow:visible !important /*Firefox*/;
  overflow:hidden /*IE6*/;
}
.main {
  clear:both;
  width:900px;
  padding-bottom:20px;
  background: transparent url(../images/bg_main_withoutnav.jpg) repeat-y scroll 0 0;
  background-image: url(../images/bg_main_withoutnav.jpg);
  background-repeat: repeat-y;  
}
.main-content {
  display:inline; /*Fix IE floating margin bug*/;
  float: left;
  width:840px;
  margin:10px 0 0 30px;
  overflow:visible !important /*Firefox*/;
  overflow:hidden /*IE6*/;
}
.footer {
  clear:both;
  width:900px;
  padding:1.0em 0 1.0em 0;
  background:rgb(225,225,225) url(images/bg_foot.jpg) no-repeat;
  font-size:1.0em;
  overflow:visible !important /*Firefox*/;
  overflow:hidden /*IE6*/;
  background-image: url(../images/bg_foot.jpg); 
}


/* Detalles del Encabezado*/
.header {
  width:900px;
  font-family:"trebuchet ms",arial,sans-serif;
}

.header-top {
  width:900px;
  height:80px;
  background: rgb(240,240,240); url(../images/bg_head_top.jpg) no-repeat;
  overflow:visible !important /*Firefox*/;
  overflow:hidden /*IE6*/;
}

.header-menu {
  width:900px;
  height:30px;
  background: rgb(255,255,255) url(../images/bg_head_menu.jpg) no-repeat; 
}

.header-login {
  clear:both;
  width:900px;
  padding:1.0em 0 2.4em 0;
  background:rgb(255,255,255) repeat-y;
  background-image: url(../images/bg_head_login.jpg); 
}

.header-login .login {
  float:right;
  width:150px;
  padding:0 17px 0px 0px !important /*Non-IE6*/;
  padding:0 12px 0px 0px /*IE6*/;
}


/* Detalles de fechas anteriores */
.header-login .dateform {
  float:left;
  width:500px;
  padding:0px 15px 0px 15px !important /*Non-IE6*/;
  padding:0 12px 0px 0px /*IE6*/;
}
.header-login .dateform form fieldset {
  border:none;
}

.header-login .dateform label.left {
  margin:0 0 0 0px;
  padding:0px;
  font-size:100%;
}

.header-login .dateform select.combo {
  padding:0px;
  border:solid 1px rgb(200,200,200);
  font-family:verdana,arial,sans-serif;
  font-size:110%;
}

.header-login .dateform input.field {
  width:10.0em;
  padding:0.2em 0 0.2em 0;
  border:1px solid rgb(200,200,200);
  font-family:verdana,arial,sans-serif;
  font-size:100%; 
}

.header-login .dateform input.button {
  padding:0px !important /*Non-IE6*/;
  padding:0 /*IE6*/;
  background:rgb(230,230,230);
  border:solid 1px rgb(150,150,150);
  text-align:center;
  font-family:verdana,arial,sans-serif;
  color:rgb(150,150,150);
  font-size:100%;
}

.header-logim .dateform input.button:hover {
  cursor:pointer;
  border:solid 1px rgb(80,80,80);
  background:rgb(220,220,220);
  color:rgb(80,80,80);
}

/* Detalle de main content */

.main-content h1.block {
  clear:both;
  margin:o.2em 0 0em 0;
  padding:2px 0 2px 2px;
  background:rgb(190,190,190);
  font-family:"trebuchet ms",arial,sans-serif;
  color:rgb(255,255,255);
  font-weight:bold;
  font-size:130%;
}

/* Detalle de los Div de la Forma de Captura y de los Contenidos */

.column1-unit {
  width:840px;
  margin-bottom:10px !important;
  margin-bottom:5px;
}

.column1-unit:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* Diseano de la Forma de Captura de Articulos Sintesis */
.addform {
  width:500px;
  margin:10px 0 0 170px;
  padding:10px 10px 0 10px;
  border:solid 1px rgb(200,200,200);
  background-color:rgb(240,240,240);
}
.addform fieldset {
  padding:20px 0 0 0 !important /*Non-IE6*/;
  padding:0 /*IE6*/;
  margin:0 0 20px 0;
  border:solid 1px rgb(220,220,220);
}
.addform fieldset legend {
  margin:0 0 0 5px !important /*Non-IE*/;
  margin:0 0 20px 5px /*IE6*/;
  padding:0 2px 0 2px;
  color:rgb(80,80,80);
  font-weight:bold;
  font-size:130%;
}
.addform label.left {
  float:left;
  width:100px;
  margin:0 0 0 10px;
  padding:2px;
  font-size:110%;
}
.addform select.combo {
  width:175px;
  padding:2px;
  border:solid 1px rgb(200,200,200);
  font-family:verdana,arial,sans-serif;
  font-size:110%;
}
.addform input.field {
  width:275px;
  padding:2px;
  border:solid 1px rgb(200,200,200);
  font-family:verdana,arial,sans-serif;
  font-size:110%;
}
.addform input.radio {
  width:25px;
  padding:1px;
  border:solid 1px rgb(200,200,200);
  font-family:verdana,arial,sans-serif;
  font-size:110%;
}
.addform textarea {
  width:475px;
  padding:2px;
  border:solid 1px rgb(200,200,200);
  font-family:verdana,arial,sans-serif;
  font-size:110%;
}
.addform input.button {
  float:right;
  width:9.0em;
  margin-right:20px;
  padding:1px !important /*Non-IE6*/;
  padding:0 /*IE6*/;
  background:rgb(230,230,230);
  border:solid 1px rgb(150,150,150);
  text-align:center;
  font-family:verdana,arial,sans-serif;
  color:rgb(150,150,150);
  font-size:110%;
}
.addform input.button:hover {
  cursor: pointer;
  border:solid 1px rgb(80,80,80);
  background:rgb(220,220,220);
  color:rgb(80,80,80);
}

/* Forma de Login */
.loginform {
  width:200px;
  margin:10px 20px 0 20px;
  border:solid 1px rgb(200,200,200);
  background-color:rgb(240,240,240);
}
.loginform p {
  clear:both;
  margin:0;
  padding:0;
}
.loginform fieldset {
  padding:10px !important /*Non-IE6*/;
  padding:10px /*IE6*/;
  margin:5px;
  border:solid 1px rgb(220,220,220);
}
.loginform fieldset legend {
  margin:10px !important /*Non-IE*/;
  margin:0 0 20px 5px /*IE6*/;
  padding:0 2px 0 2px;
  color:rgb(80,80,80);
  font-weight:bold;
  font-size:130%;
}
.loginform label.top {
  float:left;
  width:125px;
  margin:0 0 2px 0;
  font-size:110%;
}
.loginform label.right {
  float:left;
  width:125px;
  margin:5px 0 0 0;
  padding:0 0 0 3px; /*IE6*/;
  font-size:110%;
}
.loginform input.field {
  width:158px;
  margin:0 0 5px 0;
  padding:0.1em 0 0.2em 0 !important /*Non-IE6*/;
  padding:0.2em 0 0.3em 0 /*IE6*/;
  border:solid 1px rgb(200,200,200);
  font-family:verdana,arial,sans-serif;
  font-size:110%;
}
.loginform input.checkbox {
  float:left;
  margin:5px 0 0 0 !important /*Non-IE6*/;
  margin:2px 0 0 -3px /*IE6*/;
  border:none;
}
.loginform input.button {
  float:right;
  width:5.0em;
  margin:0px 10px 0px 10px;
  padding:1px;
  background:rgb(230,230,230);
  border:solid 1px rgb(150,150,150);
  text-align:center;
  font-family:verdana,arial,sans-serif;
  color:rgb(150,150,150);
  font-size:110%;
}
.loginform input.button:hover {
  cursor:pointer;
  border:solid 1px rgb(80,80,80);
  background:rgb(220,220,220);
  color:rgb(80,80,80);
}


/* diseno del despliegue */
.level_1 {
  width:800;
  margin:10px 0 0 15px;
  padding:10px;
}
.level_2 {
  width:700;
  margin:10px 0 0 30px;
  padding:1px;
}



/* Clases Comunes para las imagenes */

/*.main img {
  clear:both;
  margin:3px 5px 7px 0;
  padding:1px;
  border:1px solid rgb(150,150,150);
}*/
.main img.center {
  clear:both;
  float:none;
  display:block;
  margin:0 auto;
  padding:1px;
  border:1px solid rgb(150,150,150);
}
.main img.right {
  clear:both;
  float:right;
  margin:3px 0 7px 10px;
  padding:1px;
  border:1px solid rgb(150,150,150);
}

.main img.left { 
  clear:both;
  float:left;
  margin:3px 5px 7px 0;
  padding:1px;
  border:1px solid rgb(150,150,150);
}

.main img.nada {
  clear:both;
  float:none;
  margin:3px 0 7px 10px;
  padding:1px;
  border:1px solid rgb(150,150,150);
}

.main a {
  color:rgb(70,122,167);
  font-weight:bold;
  text-decoration:none;
}
.main-content h1 a {
  color:rgb(70,122,167);
  font-weight:normal;
  text-decoration:none;
}
.main a:hover {
  color:rgb(42,90,138);
  text-decoration:underline;
}
.main a:visited {
  color:rgb(42,90,138);
}

.main a img {
  border:solid 1px rgb(150,150,150);
}
.main a:hover img {
  border:solid 1px rgb(220,220,220);
}

/* Limpia todos los atributos de las clases */
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.column1-unit:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.footer:after, p:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clear-contentunit {
  clear:both;
  width:640px;
  height:0.1em;
  border:none;
  background:rgb(210,210,210);
  color:rgb(210,210,210);
}

/* Footer Seccion */
.footer p {
  line-height:1.3em;
  text-align:center;
  color:rgb(125,125,125);
  font-weight:bold;
  font-size:110%;
}
.footer p.credits {
  font-weight:normal;
}
.footer a {
  text-decoration:underline;
  color:rgb(125,125,125);
}
.footer a:hover {
  text-decoration:none;
  color:rgb(0,0,0);
}
.footer a:visited {
  color:rgb(0,0,0);
}

/* Tabla de Colores */
.odd {
  background-color: #ddd;
}
.even {
  background-color: #fff;
}


/* Mensaje de Error en la Validación de formularios */
label.error { 
  background: url('../images/unchecked.gif') no-repeat;
  padding-left: 16px;
  margin-left: .3em;
}

label.valid { 
  background: url('../images/checked.gif') no-repeat;
  display: block;
  width: 16px;
  height: 16px;
}

input.error {  
  border: 1px solid red; 
} 

input {  
  border: 1px solid black; 
  margin-bottom: .5em; 
} 

br {  
  clear: both; 
} 

#field, label {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: small; 
} 

#field {  
  margin-left: .5em; 
  float: left; 
}