/***************************/
/* CSS GENERAL DEL SISTEMA */
/***************************/

/****/
/* Bloques estructurales de la Página */
/****/

body {
  margin : 0;
  /* IE */
  background : #F0F0F0 url('../imagenes/bg.gif') repeat-y top center;
  text-align : center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 0.8em;
  color : #454A4B; padding-left:1px; padding-right:0; padding-top:0; padding-bottom:0
}

body[id="cuerpo"] { /* Gecko y Opera */
  padding : 0;
}

#wrapper {
  padding : 0;
  margin : 0px auto;
  border : none;
  width : 760px;
  text-align : left;
}

/****/
/* Bloques de encabezado */
/****/

#headder {
  display : block;
  float : left;
  width : 760px;
}

#headder #headder-logo {
  width : 760px;
  height : 98px;
  cursor : pointer;
}

#headder-logo #logo {
  display : block;
  float : left;
  width : 358px;
  height : 100%;
  background : #FFF url('../imagenes/logo.gif') no-repeat top left;
}


#headder-logo #fondologo{
  display : block;
  float : left;
  width : 402px;
  height : 98px;
  background : #ACBABB;
  font-size : 10px;
  font-weight : bold;
  text-align : right;
  line-height : 1.7;
}

#footer {
  display : block;
  float : left;
  width : 760px;
  height : 400px;
  border-bottom : 15px #solid #ACBABB;
  margin-bottom : 10px;
  /* Box Model Hack (Tantek) */
  voice-family : "\"}\"";
  voice-family : inherit;
  height : 15px; /* 20px = 15px + 5px border */
}

/****/
/* Bloques de contenido */
/****/

#content {
  display : block;
  float : left; /* Gecko */
  width : 760px;
  height : 100%;
  margin : 0;
  padding : 0;
  background : #FFF;
  text-align : justify;
  color : #454A4B;
}

#paginado {
  display : block;
  float : left;
  width : 89.5%;
  font-size : 0.85em;
  margin-left : 2.6%;
  height : 20px;
  background : #CCC;
  line-height : 1.7;
  text-align : center;
}

#paginado a {
  color : #454A4B;
}

#paginado a:hover {
  color : #CC0000;
  text-decoration : none;
}

.span5 {
  display : block;
  float : left;
  width : 4%;
  height : 100%;
}

.span6 {
  display : block;
  float : left;
  width : 5.3%;
  height : 100%;
  text-align : center;
}


.span6b {
  display : block;
  float : left;
  width : 5.3%;
  height : 100%;
  border-right : 1px solid;
  text-align : center;
}

.span8, .span8b {
  display : block;
  float : left;
  width : 7.5%;  
  padding: 2px 2px 4px 2px;
  height : 100%;
  text-align : center;
}
.span8b {
font-weight : bold;
}

.span10 {
  display : block;
  float : left;
  width : 10%;
  height : 100%;
}

.span15 {
  display : block;
  float : left;
  width : 15%;
  height : 100%;
}

.span20 {
  display : block;
  float : left;
  width : 20%;
  height : 100%;
}

.span25 {
  display : block;
  float : left;
  width : 25%;
  height : 100%;
}

.span30 {
  display : block;
  float : left;
  width : 30%;
  height : 100%;
}

.span40 {
  display : block;
  float : left;
  width : 40%;
  height : 100%;
}

.spancenter {
  display : block;
  float : left;
  width : 100%;
  height : 100%;
  text-align : center;
}

.span50, .spanCab {
  display : block;
  float : left;
  width : 50%;
  height : 100%;
}

.span60 {
  display : block;
  float : left;
  width : 60%;
  height : 100%;
}

.span70 {
  display : block;
  float : left;
  width : 70%;
  height : 100%;
}

.span75 {
  display : block;
  float : left;
  width : 75%;
  height : 100%;
}

.span90 {
  display : block;
  float : left;
  width : 90%;
  height : 100%;
}

.span100 {
  display : block;
  float : left;
  width : 100%;
  height : 100%;
}

.spanCab {
   color : #454A4B;
}

.span30center {
  display : block;
  float : left;
  width : 30%;
  height : 100%;
  text-align: center;
}

.spanmail, .spanmailCabecera, .spanmailFin {
  display : block;
  float : left;
  width : 80%;
  height : 80%;
  color : #454A4B;
  line-height : 1.5;
  text-align : left;
  padding : 10px 10px 0px 10px;
  margin :  10px 10px 0px 10px;
 }


.spanmailCabecera{
 color : #454A4B;
 font-weight : bold;

}
.spanmailFin {
  color : #C00;
  font-weight : bold;
 }

.spantextselect {
  display : block;
  float : left;
  width : 20%;
  padding : 0 0 0 20px;
  margin :  10px 0 0 22px;
}

.spanselect {
  display : block;
  float : left;
  width : 70%;
  margin :  10px 0 0 0;
}

.spantext {
  display : block;
  float : left;
  width : 30%;
  margin :  10px 0 0 0;
}

.spanalta {
  display : block;
  float : left;
  width : 60%;
  height : 70%;
  padding : 5px 0 0 5px;
  margin :  5px 0 0 20px;
}

.aviso-home{
	display : block;
	width : 45%;
	margin-top : 50px;
	margin-left : 250px;
	line-height : 1.5;
	background-color : Silver;
	font-weight: bold;
	color : #FFF;
	text-align : center;
	border : #CC0000 1px solid;
}

.milegend, .milegendinforme, .milegend-home, .milegend-pass {
  display : block;
  float : left;
  width : 100%;
  height : 100%;
  line-height : 1.5;
  background-color : #CC0000;
  font-weight: bold;
  color : #FFF;
  text-align : center;
  border : #CC0000 1px solid;
}

.milegend-home, .milegend-pass{
  width : 35%;
  clear : both;
  line-height : 2;
  margin-top : 50px;
  margin-left : 18%;
  background : #CC0000 url('../imagenes/candado.gif') no-repeat center left;
}

.milegend-pass {
  margin-top : 10px;
}

.mifieldset, .mifieldsetinforme, .mifieldset-home {
  display : block;
  float : left;
  width : 100%;
  height : 100%;
  background-color: #F0F0F0;
  border : #CC0000 1px solid;
}

.mifieldset-home {
  width : 35%;
  clear : both;
  margin-left : 18%;
  text-indent : 10px;
  font-weight : bold;
}

.milegend {
  width : 70%;
  clear : both;
  line-height : 2;
  margin-top : 10px;
  margin-left : 55px;
  background : #CC0000 ;
}

.milegendinforme {
  width : 99.7%;
  line-height : 2;
  margin : 10px 0 0 0;
  background : #CC0000 ;
}

.mifieldsetinforme {
  width : 99.7%;
  font-weight : bold;
  text-indent : 10px;
  line-height : 2;
  margin : 0 0 0 0;
}

.mifieldset {
  width : 70%;
  clear : both;
  margin-left : 55px;
  text-indent : 10px;
  font-weight : bold;
}


form .cajaform {
  display : block;
  float : left;
  width : 100%;
  height : 100%;
  margin : 5px 0 5px 0;
}

#menu {
   background-color: #ACBABB;
   padding : 4px 0 0 0;
   margin : 4px 0 0 0;
   height : 16px;
   font-size : 0.85em;
}

#submenu {
   background-color: #DEE3E4;
   padding : 4px 0 0 0;
   height : 16px;
   font-size : 0.85em;
}

#menu a {
   margin : 0 15px 0 15px;
}

#submenu a {
   margin : 0 15px 0 15px;
}

#menu span.opcion, #submenu span.opcion {
   border-right : 1px solid #454A4B;
}


#obligatorio, #input_obligatorio, #input_optativo {
  display : block;
  float : left;
  padding-left : 10px;
  font-weight : bold;
  background : url('../imagenes/obligatorio.gif') no-repeat center left;
  margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
}

#input_optativo, #input_obligatorio {
  font-weight : normal;
  margin : 0;
}

#input_optativo {
  background : none;
}

/****/
/* Clases para tablas */
/****/

.registroCab, .registroCab2 {
  font-size : 0.85em;
  color : #CC0000;
  height : 15px;
  line-height : 1.5;
  background : #D0D0D0;
  text-align : left;
  font-weight : bold;
 }

.registroCab2{
  height : 15px;
  line-height : 1;
  background : #E0E0E0;
}

.registro, .registronoasiste, .registrosel, .registronoasistesel {
  display : block;
  font-size : 0.85em;
  text-align : left;
  width : 87%;
  height : 90%;
  padding : 2% 0 3% 0;
  margin : 3% 0 2% 8%;
 }

.registrosel, .registronoasistesel {
  background : #F1F1F1;
}

.registronoasiste, .registronoasistesel {
  color : #CC0000;
 }

.tablaregistro{
  display : block;
  float : left;
  width : 90%;
  height : 90%;
  margin : 1% 0 1% 2.5%;
 }

.informe{
  width : 100%; 
  text-align: center;
 }
 
.cabinforme{
  width : 100%; 
  background: #454A4B; 
  color: #FFF; 
  font-weight : bold;
}

.seccioninforme{
  width : 100%; 
  background: #CCC; 
  color: #000; 
  font-weight : bold;
}
 
/****/
/* Clases genericas */
/****/

form {
  padding : 0;
  margin : 0;
}

select {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 0.9em;
  color : #454A4B;
  /*width: 200px*/
}

input, textarea {
  background : #FFF url('../imagenes/bg_input.gif') repeat-x left bottom;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 0.9em;
  font-weight : normal;
  border : 1px solid #ACACAC;
  padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px
}

.inputsmall {
  width : 25%;
}

.inputnormal {
  width : 50%;
}

.inputbig {
  width : 90%;
}

.button {
  padding : 0;
  margin : 0;
  cursor : pointer;
  border : 1px solid;
  border-color : #CCC #666 #666 #CCC;
}

.selectbutton {
  padding : 0;
  margin : 15px 0 0 65px;
  cursor : pointer;
  border : 1px solid;
  border-color : #CCC #666 #666 #CCC;
}

.volverbutton {
  padding : 0;
  margin : 15px 0 0 75px;
  cursor : pointer;
  border : 1px solid;
  border-color : #CCC #666 #666 #CCC;
}

.textareabig {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 0.9em;
  width : 100%;
  height : 80px;
  border : #ACACAC 1px solid;
  padding : 2px;
}

p {
  margin : 0 0 15px 0;
  padding : 0;
}

img {
 display  : block;
 border : 0px none;
}

.left {
  display  : block;
  float : left;
}

.right {
  display  : block;
  float : right;
}

#left {
  display  : block;
  float : left;
}

#right {
  display  : block;
  float : right;
}

.hidden {
  display : none;
}

.separador {
  display : block;
  height : 10px;
  color: #ACBABB;
}

.separador2 {
  display : block;
  height : 2px;
  margin : -6px 0 10px 0;
  color: #454A4B;
}
.separador3 {
  display : block;
  height : 1px;
  color: #454A4B;
}
/****/
/* Clases de enlaces */
/****/

a {
  font-weight : bold;
}

a:link, a:visited, a:active {
  color : #454A4B;
}

#menu a.active, #submenu a.active {
  color : #CC0000;
  text-decoration : none;
}

a#seleccionado:link, a#seleccionado:visited, a#seleccionado:active {
  color : #FF0000;
 }

a:hover {
  color : #CC0000;
  text-decoration : none;
}