#cabecera 	{
	position:absolute;
	width:100%;
	height:120px;
	top:0;
	left:0;
	background:transparent url("../img/cabecera2.jpg") no-repeat;
	}
#LIzquierdo	{
	position:absolute;
	width:160px;
	height:auto;
	top:119px;	/* cabecera */
	left:0;
	right:auto;
	bottom:20px;
	background: transparent;
	padding:8px;
	}
#menuh			{
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	height:3em;
	top: 119px;	/* cabecera */
	left:340px;	/* LIzquierdo */
	background:transparent;
	}
#Central	{
	position:absolute;
	width:624px;
	height:auto;
	top:150px;	/* cabecera */
	right:176px;	/* LDerecho */
	bottom:20px;
	left:176px;	/* LIzquierdo */
	}
#LDerecho	{
	position:absolute;
	width:160px;
	height:auto;
	top:119px;	/* cabecera */
	bottom:20px;
	left:800px;
	background: transparent;
	padding:8px;
	}

/* ============================================================ */
/* 	General							*/
/* ============================================================ */

#Central h1, #Central h2, #Central h3 { text-align:left }
#Central h1, #Central h2, #Central h3 { color:#005A9C}
#Central h1 { font: 200% sans-serif; margin:1em 5px }
#Central h2 { font: 150% sans-serif }
#Central h3 { font: 120% sans-serif }


#actualidad		{margin:10px}
.noticia	{
	border:solid 2px #c8c8c8;
	background:#f0f0f0;
	margin:5px 20px;
	padding:5px 10px;	
	text-align:justify;
	text-indent:2em;
	font-size:80%;
	}

#Central h2.new		{margin:-6px 0 10px 0; *margin-top:-4px}
#Central h2.new a {text-decoration:none}
.noticia .tit {width:430px}
.noticia p {margin:0 0 3px 0}
.noticia ul li {text-indent:5px}
.noticia p a {
	text-decoration:none;
	color:#00f;
	font-weight:bold;
	}
#Central .noticia a:hover {background:#9f9}
	
.fecha	{
	text-align:right;
	font-size:70%;
	}
#construccion, .nojs	{
	margin:2em;
	padding:5px 2em;
	border:solid 2px #f00;
	background:#ededed;
	font-weight:bold;
	font-size:80%;
	min-height:70px;
	*padding-top:2em;
	}
#construccion img	{
	padding-right:1em;
	float:left;
	}

#contenido {
	text-align:justify;
	font-size:75%;
	}
#contenido img { padding: 2em }
#contenido p { padding:1em 3em }
#contenido p.notas { color:#036238 }
/* IE se buguea al combinar first-leter con text-indent, hay que crear clases separadas */
#contenido p.notas, p.resto { text-indent:2em; }
#contenido p.prime:first-letter	{
	float:left;
	color:#000;
	background:#fff;
	border:1px solid #999;
	font-size:80px;
	line-height:60px;
	padding:2px;
	font-family:times;
	margin-right:5px;
	}

.autor	{
	color:#603;
	text-align:right;
	padding-right:2em;
	font-weight:bold;
	}
.oferta	{font-style:italic}
#t0, #p0, #t1, #p1 {
	position:absolute;
	width:49%;
	}
#t0, #p0 {left:0}
#t1, #p1 {right:0}
#t0, #t1 {top:250px}
#p0, #p1 {top:100px}

/* ============================================================ */
/*	Novedades						*/
/* ============================================================ */
#novedades {
	position:absolute;
	width:590px;
	margin:0;
	border:solid 2px #09c;
	-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
	background:#f0f7ff;
	overflow:auto;
	padding:3px;
	}
#novedades h1 {margin:0; padding:5px}
#novedades label span { 
	text-align:right;
	font: 80% Verdana, sans-serif;	
	}
#novedades .msgHist {
	cursor:pointer;
	font: 60% Verdana, sans-serif;
	position:absolute;
	left:0;
	top:30px;
	width:360px;
	text-align:right;
}
#ctlHist {
	position:absolute;
	left:230px;
	top:2px;
	}
#oForm { position:absolute; left:0; top:0; width:360px}
#finD, #finM, #finA {
	position:relative;
	left:6px;
	top:2px;
	}
#oBt {
   position:absolute;
   top:7px;
   left:290px;
   cursor:pointer;
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#0099cc), to(#65a9d7));
   background: -moz-linear-gradient(top, #0099cc, #65a9d7);
   padding: 4px 8px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 10px;
   font-family:Verdana, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   }
#oBt:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
#oBt:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
/* ============================================================ */
/*	Libros de texto						*/
/* ============================================================ */
.curso {
	border:solid 2px #c8c8c8;
	background:#f0f0f0;
	margin:15px 20px;
	padding:2px 10px;
	}
.curso .par   {padding:3px 3px}
.curso .impar   {
		background:#fafafa ;
		padding:3px 3px
		}
.curso .e	{	position:relative;	left:39%; top:-35px}
.curso .l	{ position:absolute;	left:40%}
.curso a	{ text-decoration:none}
.curso h3	{	width:170px;	padding-left:5px}

/* ============================================================ */
/*	Delegados				*/
/* ============================================================ */
.deleg {
	border:solid 2px #c8c8c8;
	background:#fffff0;
	margin:5px 20px;
	padding:5px 10px;
	}
.deleg .par   {
	background:#ffffaa;
	padding:3px 3px;
	}
.deleg .impar   {padding:3px 3px}
.deleg .p {position:absolute;left:5%}
.deleg .s {position:absolute;left:17%}
.deleg .t {position:absolute;left:53%}
/* ============================================================ */
/*	Relación Tutores y Organigrama				*/
/* ============================================================ */
.tutor {
	border:solid 2px #c8c8c8;
	background:#f0f0f0;
	margin:5px 20px;
	padding:5px 10px;
	}
.tutor .par   {
	background:#dcdcdc;
	padding:3px 3px;
	}
.tutor .impar   {padding:3px 3px}
.tutor .c {position:absolute;left:5%}
.tutor .p {position:absolute;left:20%}
.tutor .d {position:absolute;left:65%}
.tutor .h {position:absolute;left:80%}

#org		{margin:0; padding:0; width:100%}
#grama	{
	position:absolute;
	top:55px;		left:0;
	height:800px;
	width:600px;
	background:transparent url("../img/organigrama.png") no-repeat;
	z-index:1}
#org h1 {text-align:center; border:solid 1px #000}
#org h2 {text-align:center; margin:5px}
#org ul {margin:0; padding-top:0}
#org .c {
	position:absolute; 
	border:solid 2px #c80000;
	-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
	background:#f5fff5;
	text-align:center;
	padding:5px;
	z-index:100;
	}
#org .ce {top:70px;		left:200px}
#org .cp {top:90px;		left:30px;		width:100px}
#org .cm {top:70px;		left:450px;		width:150px}
#org .di {top:150px;	left:200px}
#org .je {top:230px;	left:0;				width:230px}
#org .vd {top:250px;	left:270px;		width:150px}
#org .se {top:250px;	left:450px;		width:150px}
#org .cc {top:440px;	left:180px;		width:120px}
#org .or {top:480px;	left:0;				width:150px}
#org .ps {top:360px;	left:390px;		width:210px}
#org .dd {top:560px;	left:180px;		width:130px}
#org .pp {top:640px;	left:0;				width:290px}
#org .tg {top:560px;	left:340px;		width:110px}
#org .ee {top:560px;	left:490px;		width:110px}
#org .ga {top:630px;	left:490px;		width:110px}
#org .pm {top:700px;	left:490px;		width:110px}
#org .jd {top:650px;	left:340px;		width:110px}
#org .pr {top:740px;	left:340px;		width:110px}
#org .pa {top:780px;	left:490px;		width:110px}

#org .c .t {font-weight:bold}
#org .c .t, #org .c .nt {
	padding-left:1em;
	font-size:110%;
	text-align:left
	}

/* ============================================================ */
/*	Plantilla						*/
/* ============================================================ */
.linea {clear:both}
#planti0 {
	float:left;
	margin-left:5px;
	width:300px;
	}
#planti1 {
	float:right;
	margin-right:5px;
	width:300px;
	}
.nombre {
	width:150px;
	text-align:left;
	}
.apellidos { 
	float:left;
	width:150px;
	text-align:right;
	}
.jefe {
	color:#666;
	font-weight:bold;
	}
.dpto	{
	border:solid 2px #c8c8c8;
	background:#f0f0f0;
	padding:3px;
	margin-bottom:10px;
	*margin-bottom:30px;
	}
.dpto a	{
	text-decoration:none;
	display:inline;
	color:#000;
	}
.dpto a:hover	{background:#ffa}
.dptoTitle {
	text-align:center;
	font: 150% Verdana, sans-serif; 
	padding-bottom:15px;
	color:#005A9C;
	}

/* ============================================================ */
/* 	Horario centro y oficina				*/
/* ============================================================ */
table.horarios	{
	border:solid 1px #aaa;
	border-spacing:0;
	font: 120% Verdana, Helvetica, sans-serif;
	left:5%;
	width:90%;
	color:black;
	margin-left:5%;
	}
table.horarios thead th	{
	text-align:center;
	padding:4px 0;
	}
table.horarios tr.turnos th {background-color:#ddd}
table.horarios tr.dias th {
	font-weight:normal;
	font-size:80%;
	width:190px;
	padding:5px 0;
	background-color:#eee;
	}
table.horarios tbody td	{
	text-align:center;
	padding:5px;
	font-size:70%;
	}
table.horarios tbody	{border-top:solid 1px #aaa}
table.horarios tbody th	{
	background-color:#ddd;
	font-size:90%
	}
table.horarios tr.recreo {background-color:#cff}
#horarioOficina tbody tr th {background-color:transparent}
table.horarios tr.p {background-color:#eee}
#horarioOficina {margin-left:100px; width:350px}
/* ============================================================ */
/* 	Calendario escolar					*/
/* ============================================================ */
#calendario	{
	top:0;
	width:100%;
	margin:10px;
	}
#infoCalendario	{
	border:solid 2px #c8c8c8;
	background:#f0f0f0;
	margin-right:20px;
	*padding-bottom:5px;
	}
#infoDia {
	position:absolute;
	left:340px;
	top:100px;
	width:250px;
	font: bold 125% Helvetica, sans-serif;
	color:#005A9C;
	padding:5px;
	}
#col0 {
	margin-left:10px;
	float:left;
	width: 280px;	
}
#col1 {
	margin-right:10px;
	float:right;
	width: 280px;	
}

table.mes	{
	border:solid 1px #aaa;
	borderspacing:0;
	width:100%;
	margin:10px 0;
	text-align:center;
	color:black;
	}
table.mes th {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	background:#ccc;
	}
table.mes td.n {border:solid 1px #ccc}
table.mes td.c {cursor:pointer}
table.mes td.f {
	color:#ff9696;
	border:solid 1px #eee;
	}
#DiaActual { 
	border:solid 2px red;
	font-weight:bold;
	}

table.leyenda	{
	border:solid 1px #aaa;
	border-spacing:0;
	width:50%;
	margin-left:5px;
	margin-bottom:5px;
	color:black;
	}
table.leyenda th {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#ccc;
	}
table.leyenda td {border:solid 1px #ccc}

td.di1  {color:#ff9696}
td.di2	{background-color:#ccc0d9}
td.di3	{background-color:#ff0}
td.di4	{background-color:#f9c}
td.di5	{background-color:#36f}
td.di6	{background-color:#f90}
td.di7	{background-color:#0f0}
td.di8	{background-color:#c0504d}

td.bi2	{border:solid 3px #ccc0d9}
td.bi3	{border:solid 3px #ff0}
td.bi4	{border:solid 3px #f9c}
td.bi5	{border:solid 3px #36f}
td.bi6	{border:solid 3px #f90}
td.bi7	{border:solid 3px #0f0}
td.bi8	{border:solid 3px #c0504d}