@charset "utf-8";
/* CSS Document */

#colegios {
	
}

#colegios h1 {
	margin-left:255px;
	text-align:left;
}

#colegios .contenido {
	margin-left: 255px; 
}
#colegios h2 {
	font-size:17px;	
}

#colegios .contenido p {
	margin-bottom: 5px;	
	position:relative;	
}

#colegios p label {
	margin-right: 5px;
	width: 130px;
	display:inline-block;
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-weight: bold;
}

#colegios p label1 {
    margin-right: 5px;
	width: 350px;
	display:inline-block;
	font-family: "Comic Sans MS", cursive;
	font-size: 15px;
	font-weight: bold;
}

#colegios p label:after {
	content: ":";
}

#colegios #contenedorBuscar p label:after {
	content: "";
}

#colegios #contenedorBuscar p label1:after {
	content: "";
}

input.textbox, textarea {
	border: 1px solid #333;
	padding: 3px;
		
}

#cajaLogin {
	padding: 10px;
	position: relative;
	width: 270px;	
}

#cajaLogin p {
	margin-top: 5px;	
}

#cajaLogin .textbox label {
	display: block;
	width:auto;
}

#cajaLogin .textbox label1 {
	display: block;
	width:auto;
}


#cajaLogin .checkbox {
	vertical-align:middle;
}

#cajaLogin .checkbox label {
	margin-left:5px;
}

#cajaLogin .checkbox label1 {
	margin-left:5px;
}


#cajaLogin .button {
	margin:5px;
	background-image: url(../img/icono-lock.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;	
	border:0;
	background-color: none;
}

#cajaLogin .button.enviando {
	color: #CCC;
	background-image: url(../img/cargando.gif);
}

span.erratas {
	font-family: "Comic Sans MS", cursive;
	
	font-size: 15px;
	font-weight: bold;	

}

span.aviso-correcto {
	display: block;
	background-color: #D9FFD9;
	background-image: url(../img/icono-correcto.gif);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	border: 1px solid #8CFF8C;
	color: #090;
	padding-left: 28px;
	margin-bottom:5px;
}

span.aviso-error {
	display: block;
	background-color: #FFD1D1;
	background-image: url(../img/icono-error.gif);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	border: 1px solid #F8ACAC;
	color: #F00;
	padding-left: 28px;
	margin-top:5px;
	display:none;
}
span.aviso-error span, span.aviso-correcto span {
	margin: 3px;	
	display:block;
}

#colegios div.submenu {
	position: absolute;
	top: 114px;
	text-align: right;
	right: 760px;
	z-index:999;
	max-height: 342px;
    overflow: auto;
}

#colegios div.submenu a {
	color:#333;
	border-style: solid;
	border-color: #FFF;
	border-width: 0px;
	border-right-width: 1px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 10px;
	display:block;
	text-decoration:none;
	position:relative;
	background-color: #B3FF66;
}

#colegios div.submenu a span{
	position:relative;
}

#colegios div.submenu a:hover {
	color:#900;
}

#colegios div.submenu a.actual {
	background-color: transparent;
	padding-right: 11px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 9px;	
	border-width: 1px;
	border-right-width: 0px;
	
	color:#900;
}

#colegios div.fondo {
	position: absolute;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	width: 745px;
	height: 350px;
	left: 235px;
	top: 114px;
	border: 1px solid #FFF;	
}

#colegios .pestaña {
	position:relative;
	
}

#colegios #fondito {
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#colegios .pestaña table {
	text-align:left;		
	width:500px;
	margin-top:15px;
	
}
#colegios .pestaña table .colCantidad {
	text-align:right;	
	width: 50px;
}

#colegios .pestaña table .colConcepto {
	
}

#colegios .pestaña table th, #colegios .pestaña table td {
	padding: 5px;	
}
#colegios .pestaña table th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-collapse: separate;
	border-spacing: 5px;
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-weight: bold;
}

#colegios .pestaña table td {
	
}

#colegios .pestaña table tr.impar {
	background-color:#ECFFD9;
}



#colegios input {
	padding: 3px;
	border: 1px solid #000;		
}

#colegios #contenedorBuscar label {
	position:relative;
	height: 45px;;
}

#colegios #contenedorBuscar label.labCodigo {
	width: 110px;
}

#colegios #contenedorBuscar label1 {
	position:relative;
	height: 45px;;
}

#colegios #contenedorBuscar label1.labCodigo {
	width: 110px;
}

#colegios #contenedorBuscar #buscarCodigo {
	width:110px;
	position:absolute;
	left:0;	
	top:20px;
	
}

#colegios #contenedorBuscar label1.labNombre {
	width:270px;
	margin-left:5px;
	
}

#colegios #contenedorBuscar label.labNombre {
	width:270px;
	margin-left:5px;
	
}

#colegios #contenedorBuscar #buscarNombre {
	width: 270px;	
	position:absolute;
	left:0;
	top:20px;
}

#colegios #contenedorBuscar #buscar {
	background-image: url(../img/icono-buscar.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 20px;		
	position: absolute;
	bottom: 3px;
	margin-left: 0px;
}

#colegios #contenedorBuscar #buscar.enviando {
	background-image: url(../img/cargando.gif);
}

#colegios #contenedorBuscar #listaColegios {
	margin-left: 0;
	height: 270px;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	width: 650px;		
}

#colegios #contenedorBuscar #listaColegios li {
	padding: 3px;
	margin-bottom: 0;
	border: 0px solid #B3FF66;
	border-bottom-width:1px;
}

#colegios #contenedorBuscar #listaColegios li:hover  { 
	background-color: #B3FF66 !important;
	cursor:pointer;
}

#colegios #contenedorBuscar #listaColegios li.par {
	background-color: #ECFFD9;
}

#colegios #contenedorBuscar #listaColegios li span {
	display: inline-block;
}
#colegios #contenedorBuscar #listaColegios li span.codigo { 
	width: 125px;	
}

#colegios #contenedorBuscar #listaColegios li span.nombre { 
	width: 280px;
}

#colegios #contenedorBuscar #listaColegios li span.localidad { 

}

#colegios #contenedorIncidencias {
	
}

#colegios #contenedorIncidencias select, #colegios #contenedorIncidencias textarea {
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
}

#colegios #contenedorIncidencias label {
	position: absolute;
	top: 0px;

}

#colegios #contenedorIncidencias label1 {
	position: absolute;
	top: 0px;

}


#colegios #contenedorIncidencias #incidencia {
	width: 450px;
	height: 200px;
}

#colegios #contenedorIncidencias #incidencia, #colegios #tipoIncidencia {
	margin-left:140px;
	
}

#colegios #contenedorIncidencias #enviarIncidencia {
	text-decoration: none;
	background-image: url(../img/icono-mail.gif);
	background-position: left center;
	margin-left: 160px;
	padding-left: 20px;
	background-repeat: no-repeat;
}

#colegios #contenedorIncidencias #enviarIncidencia.enviando {
	background-image: url(../img/cargando.gif);	
}

#colegios #contenedorIncidencias #enviarIncidencia:hover {
	color: #900;	
}

#colegios #contenedorIncidencias .aviso-error {
	margin-left: 140px;
	margin-bottom:5px;
}