/***************************** GENERAL ********************************/

html {
	background-color: white;
	color: black;
}

body {
	padding: 0;
	margin: 0;
	background-color: white;
	color: black;
	font-family: Verdana, Arial, Helvetica;
	font-size: 62.5%;
}

#contenedor {
	font-size: 1.1em;
	color: #00005b;
}

a {
	text-decoration: underline;
	color: #339;
}

a:hover {
	color: #66f;
}

a img {
	border: 0px;
}

div, form, h1, h2, h3, h4, h5, h6, ul, li, p, img, blockquote, dl, dt, dd, table {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
abbr {
	border-bottom: 1px dashed #333;
}
input, select, label, textarea {
	font-size: 100%;
}
input {
	padding: 0em 0.2em;
}
textarea {
	font-size: 12px;
}
h1 {font-size: 200%; }
h2 {font-size: 150%; }
h3 {font-size: 120%; }

.frmInput {
	margin-top: 0.4em;
	overflow: visible;
}
.frmInput label {
	margin: 0;
	margin-right: 0.5em;
}
.frmSubmit {
	text-align: right;
}
.frmSubmit input {
	display: inline;
}
.graphButton {
	text-indent: -1000em;
	line-height: 0;
	overflow: hidden;
	display: block;
	cursor: pointer; /* hand-shaped cursor */
	border: 0px;
	text-align: center;
}
.clear {
	clear: both;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.error-message 
{
	border: thin 1px red;
	background-color:#FFFFCC;
	font-size: 90%;
	font-weight:bold;
	color: red;
	padding:5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
}
.required {
	background: transparent url(images/label-required.gif) top right no-repeat;
	padding-right: 1em;
}
.infoMessage {
	font-size: 11px;
	color: #369;
	background: transparent;
}
.errorMessage {
	font-size: 11px;
	color: red;
	background: transparent;
}
tfoot {
	font-size: 90%;
	text-align: right;
}
/** ---------------------- ELEMENTOS ------------------------ **/
.btnAltaColegios {
	height: 22px;
	width: 165px;
	background: transparent url(images/btnAltaColegios.gif) top left no-repeat;
	margin: 0.4em;
}
.btnAltaColegios:hover {
	background: transparent url(images/btnAltaColegios_hover.gif) top left no-repeat;
}
.btnRealizarInscripcion {
	height: 22px;
	width: 165px;
	background: transparent url(images/btnRealizarInscripcion.gif) top left no-repeat;
	margin: 0.4em;
}
.btnRealizarInscripcion:hover {
	background: transparent url(images/btnRealizarInscripcion_hover.gif) top left no-repeat;
}
.btnAltaProfesores {
	height: 22px;
	width: 165px;
	background: transparent url(images/btnAltaProfesores.gif) top left no-repeat;
	margin: 0.4em;
}
.btnAltaProfesores:hover {
	background: transparent url(images/btnAltaProfesores_hover.gif) top left no-repeat;
}
.btnVolver
{
	background: transparent url(images/btnVolver.gif) top center no-repeat;
	width: 165px;
	height: 22px;
	margin: 0.5em;
}
.btnVolver:hover 
{
	background-image: url(images/btnVolver_hover.gif);
}
.btnEnviarComentario
{
	background: transparent url(images/btnEnviarComentario.gif) top center no-repeat;
	width: 165px;
	height: 22px;
	margin: 0.5em;
}
.btnEnviarComentario:hover 
{
	background-image: url(images/btnEnviarComentario_hover.gif);
}
.btnAceptar
{
	background: transparent url(images/btnAceptar.gif) top center no-repeat;
	width: 94px;
	height: 22px;
	margin: 0.5em;
}
.btnAceptar:hover 
{
	background-image: url(images/btnAceptar_hover.gif);
}
.btnGuardarCambios
{
	background: transparent url(images/btnGuardarCambios.gif) top center no-repeat;
	width: 165px;
	height: 22px;
	margin: 0.5em;
}
.btnGuardarCambios:hover 
{
	background-image: url(images/btnGuardarCambios_hover.gif);
}
.btnEliminarCuenta
{
	background: transparent url(images/btnEliminarCuenta.gif) top center no-repeat;
	width: 165px;
	height: 22px;
	margin: 0.5em;
}
.btnEliminarCuenta:hover 
{
	background-image: url(images/btnEliminarCuenta_hover.gif);
}
/*************************************************************************/

/** ---------------------- CONTENEDOR ---------------------- **/

#contenedor {
	width: 778px;
	margin: 0 auto 0 auto;
	position:inherit;
}

/** ---------------------- BANNERS ---------------------- **/

#banners {
	margin: 3px 0px;
	padding: 0;
	height: 55px;
	width: 778px;
}
#banners a {
	display: block;
	float: left;
	margin-left: 1px;
}
#banners a img {
	border: 0;
	margin: 0;
	padding: 0;
}

/** ---------------------- CABECERA ---------------------- **/

#cabecera {
	background: white url(images/header-bkg.jpg) top left no-repeat;
	height: 64px;
	position: relative;
	border: 1px solid #99c;
	border-bottom: 0px;
	overflow: hidden;
}
#cabecera h1 {
	text-indent: -1000em;
	background: transparent url(images/logo.gif) top left no-repeat;
	height: 64px;
	width: 289px;
	margin-left: 260px;
}
#cabecera h1 a {
	width: 170px;
	height: 64px;
	display: block;
}
#cabecera #frmLogin {
	position: absolute;
	right: 2px;
	top: 3px;
	font-size: 0.9em;
	line-height: 1em;
	text-align: right;
	width: 18em;
}
#cabecera #frmLogin .frmInput label {
	color:#5e7cd2;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#cabecera #frmLogin .frmInput {
	padding: 0;
	padding-bottom: 0.1em;
	margin: 0;
}
#cabecera #frmLogin input {
	border: 1px solid #99c;
	background-color: white;
	color: black;
	width: 9em;
	padding: 0;
}
#cabecera #frmLogin input.btnEntrar {
	border: 0;
	padding: 0;
	background: transparent url(images/btnEntrar.gif) top left no-repeat;
	width: 45px;
	height: 14px;
	margin-top: 0.1em;
}

.btnEntrar {
	border: 0;
	padding: 0;
	background: transparent url(images/btnEntrar.gif) top left no-repeat;
	width: 45px;
	height: 14px;
	margin-top: 0.1em;
}

#cabecera #frmLogin .btnEntrar:hover {
	background-image: url(images/btnEntrar_hover.gif);
}
#contenido {
	border: 1px solid #99c;
	border-top: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
	width: auto;
	overflow: visible;
	padding: 1em;
}

/** ---------------------- PIE ---------------------- **/

#pie {
	margin: 0.5em 0em;
	font-size: 90%;
	text-align:center;
}
#pie ul {
	width: 100%;
}
#pie ul li {
	display: inline;
	list-style: none;
	margin-left: 3.2em;
}
#pie ul li.first {
	margin-left: 0;
	}
/***************** PORTADA ****************/
#contenido.portada #altaColegios {
	margin: 1em;
	margin-top: 0;
	padding-left: 15em;
	background: transparent url(images/index-deco1.jpg) left top no-repeat;
}
#contenido.portada #altaProfesores {
	margin: 1em;
	padding-left: 15em;
	background: transparent url(images/index-deco2.jpg) left top no-repeat;
}
#contenido.portada #altaProfesores .form {
	min-height: 160px;
	height: auto !important;
	height: 160px;
	border: 1px solid orange;
	padding: 0.1em;
	margin-top: 0.4em;
}
#contenido.portada #altaProfesores h4 {
	background: #FF9900 url(images/h4-bkg.gif) top left repeat-x;
	color: #711f11;
	margin: 0 0 1.2em 0;
	padding-left: 0.4em;		
	font-size: 85%;
}
#contenido.portada #altaProfesores form .frmInput {
	width: 70%;
	margin-left: 1em;
}
#contenido.portada #altaProfesores .frmSubmit {
	margin-top: 2em;
}
#contenido.portada h3 {
	color: orange;
	font-size: 120%;
	font-weight: bold;
}
#contenido.portada p {
	background-color: #ffecdc;
	padding: 1em;
}
/***************** LEGAL & CONDICIONES ****************/
#contenido.legal h3 {
	text-align: center;
	font-style: italic;
	margin-bottom: 0.5em;
}
#contenido.legal .scroll {
	height: 300px;
	border: 1px solid #495e93;
	overflow-y: scroll;
	text-align: justify;
}
/***************** CONTACTO ****************/
#contenido.contacto h3 {
	text-align: center;
	font-style: italic;
	margin-bottom: 0.5em;
}	
#contenido.contacto .deco {
	padding-left: 210px;
	min-height: 290px;
	height: auto !important;
	height: 290px;
	background: transparent url(images/contacto-deco.jpg) top left no-repeat;
}
#contenido.contacto .form {
	background-color: #f0f3fc;
	border: 1px solid #8a82fc;
	padding: 0.5em;
}
#contenido.contacto .frmInput label {
	width: 12.5em;
	float: left;
	display: block;
}
#contenido.contacto .frmInput input, #contenido.contacto .frmInput select {
	width: 12.5em;
} 
#contenido.contacto .frmCheckbox label {
	float: none;
	display: inline;
}
#contenido.contacto .frmCheckbox input {
	width: auto;
}
#contenido.contacto .frmSubmit {
	clear: both;
}
/***************** ALTA ****************/
#contenido.alta h3 {
	/* background: transparent url(images/h3-bkg.gif) top left repeat-x; */
	background-color: #ffead3;
	margin: -0.8em;
	margin-bottom: 1em;
	padding: 0.2em;
	padding-top: 0.4em;
}
#contenido.alta h4 {
	background-color: #e5ebf7;
	margin: 1em 0;
}
#contenido.alta p {
	margin-bottom: 0.5em;
}
#contenido.alta p.marca {
	background-color: #ffead3;
	color: orange;
	font-weight: bold;
	margin: 0.5em 0;
	padding: 0.4em;
}
#contenido.alta .frmInput label {
	width: 12.5em;
	float: left;
	display: block;
}
#contenido.alta .frmInput input, #contenido.alta .frmInput select {
	width: 10.5em;
} 
#contenido.alta .frmCheckbox label {
	float: none;
	display: inline;
}
#contenido.alta .frmTextarea label {
	display: inline;
	float: none;
}
#contenido.alta .frmTextarea textarea {
	width: 100%;
	font-size: 1.1em;
}
#contenido.alta .frmCheckbox input {
	width: auto;
}
#contenido.alta .frmSubmit {
	clear: both;
}
/***************** ALTA_OK ****************/
#contenido.altaok h3.msgok {
	background: #dee0ef url(images/ok.gif) top left no-repeat;
	padding-left: 5em;
	padding-top: 1.2em;
	margin-bottom: 2em;
	font-size: 90%;
	height: 3em;
}
/***************** ACTIVADO ****************/
#contenido.activado h3.msgok {
	background: #dee0ef url(images/ok.gif) top left no-repeat;
	padding-left: 5em;
	padding-top: 1.2em;
	margin-bottom: 2em;
	font-size: 90%;
	height: 3em;
}
#contenido.activado p {
	margin-bottom: 0.5em;
}
#contenido.activado h4 {
	text-align: center;
	margin-bottom: 1em;
}
/***************** MODIFICAR ****************/
#contenido.modificar  {
	
	position:inherit;
}
#contenido.modificar h3 {
	/* background: transparent url(images/h3-bkg.gif) top left repeat-x; */
	background-color: #ffead3;
	margin: -0.8em;
	margin-bottom: 1em;
	padding: 0.2em;
	padding-top: 0.4em;
	position: relative;
}
#contenido.modificar h4 {
	background-color: #e5ebf7;
	margin: 1em 0;
}
#contenido.modificar h4.eliminar {
	background-color: #F96;
	color: white;
}
#contenido.modificar p {
	margin-bottom: 0.5em;
}
#contenido.modificar p.marca {
	background-color: #ffead3;
	color: orange;
	font-weight: bold;
	margin: 0.5em 0;
	padding: 0.4em;
}
#contenido.modificar .frmInput label {
	width: 12.5em;
	float: left;
	display: block;
}
#contenido.modificar .frmInput input, #contenido.alta .frmInput select {
	width: 10.5em;
} 
#contenido.modificar .frmCheckbox label {
	float: none;
	display: inline;
}
#contenido.modificar .frmTextarea label {
	display: inline;
	float: none;
}
#contenido.modificar .frmTextarea textarea {
	width: 100%;
	font-size: 1.1em;
}
#contenido.modificar .frmCheckbox input {
	width: auto;
}
#contenido.modificar .frmFile input {
	width: 20em;
}
#contenido.modificar .frmSubmit {
	clear: both;
}
#contenido.modificar #preferencias {

}
#contenido.modificar #preferencias .frmInput {
	width: 32em;
}
#contenido.modificar #preferencias .frmInput .multiselect-real-label {
	width: 18em;
	text-align: right;
}
#contenido.modificar #visitas {
	color: #ff9514;
	font-size: 70%;
	position: absolute;
	right: 0.3em;
}
/***************** ALTA_COLEGIOS ****************/
#contenido.altacolegios h4 {
	color: #f4932a;
	margin-top: 1em;
	margin-bottom: 0.4em;
	font-weight: bolder;
}
#contenido.altacolegios .marca {
	background-color: #fff4ee;
	padding: 1em;
}
#contenido.altacolegios {
	background: white url(images/alta-deco.jpg) bottom left no-repeat;
	padding-bottom: 5em;
}
#contenido.altacolegios p {
	line-height: 1.4em;
}