/* start sitewide */
body 							{ background: #d0d0d0 url(pics/fondo.png) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #4b4b4b; font-size: 10px; }
h1, h2, h3, h4, h5, h6 			{ margin: 0px; padding: 0px; }
a 								{ font-family: Arial, Helvetica, sans-serif; color: #0099cc; text-decoration: underline; }
a:hover 						{ color: #cc3333; }
#dhtmltooltip					{ position: absolute; width: 100px; border: 1px solid #666666; padding: 2px; background-color: #FFFFCC; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/ }
#escuela,
#escuela-inicio	 				{ border-bottom: 20px solid #d0d0d0; position: relative; margin: auto;  width: 960px; overflow: hidden; z-index: 1; text-align: left; font-size: 1em; }
#encabezado						{ background: #000000; padding-left: 20px; height: 34px; overflow: hidden; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }
#encabezado a					{ color: #ffffff; text-decoration: underline; }
#encabezado a:hover				{ color: #ffff00; }
#pais							{ padding-top: 10px; font-size: 1.2em; }
#idioma							{ float: right; margin-top: 10px; width: 50px; padding-left: 22px; padding-right: 15px; font-size: 1.1em; }
#buscar							{ float: right; padding-top: 6px; padding-right: 10px; width: 185px; font-size: 1.1em; }
#buscar .campocorto				{ display: inline; }
#principal						{ float: left; padding-bottom: 30px; }
#pie							{ clear: both; background: #000000; border-top: 2px solid #ffffff; padding: 2px; text-align: center; font-size: 1.1em; color: #ffffff; }
#pie a							{ color: #ffff00; }
#pie a:hover					{ color: #ff9900; }

.publicidad						{  }
.publicidad .banner				{ padding-top: 3px; padding-bottom: 3px; }
.vermas							{ text-align: right; font-style: italic; color: #0099cc; }
.vermas a						{ color: #0099cc !important; text-decoration: underline !important; }
.vermas a:hover					{ color: #cc3333 !important; }
.vermas2						{ padding: 10px; font-size: 1.1em; text-align: right; font-style: italic; color: #0099cc; }
.vermas2 a						{ color: #0099cc !important; text-decoration: underline !important; }
.vermas2 a:hover				{ color: #cc3333 !important; }
.pic							{ float: left; margin-right: 10px; margin-bottom: 5px; width: 128px; height: 90px; overflow: hidden; }
.pic img						{ position: absolute; clip:rect(0px, 128px, 90px, 0px); }

#premper						{ background: #ffffff; padding-top: 80px; padding-bottom: 20px; text-align: center; font-size: 1em; color: #666666; }
#premper a						{ color: #666666; text-decoration: none; }
/* end sitewide */

/* start forms */
.set							{ clear: both; padding-top: 5px; }
label							{ display: block; float: left; padding-top: 5px; padding-right: 10px; width: 55px; border: none; text-align: right; }
.input							{ float: left; width: 230px; }
.campocorto						{ display: block; border: 1px solid #cccccc; width: 115px; padding: 2px; color: #999999; font-size: 1.1em; }
.campocortoBAD					{ display: block; border: 1px solid #ff0000; width: 115px; padding: 2px; color: #999999; font-size: 1.1em; }
.campomedio						{ display: block; border: 1px solid #cccccc; width: 160px; padding: 2px; color: #999999; font-size: 1.1em; }
.campomedioBAD					{ display: block; border: 1px solid #ff0000; width: 160px; padding: 2px; color: #999999; font-size: 1.1em; }
.campo							{ display: block; border: 1px solid #cccccc; width: 215px; padding: 2px; color: #999999; font-size: 1.1em; }
.campoBAD						{ display: block; border: 1px solid #ff0000; width: 215px; padding: 2px; color: #999999; font-size: 1.1em; }
.camposeleccion					{ display: block; border: 1px solid #dfdfdf; width: 180px; padding: 2px; color: #006699; font-size: 1.1em; }
.campocalendario				{ display: block; float: left; background: #007ec5; border: none; margin-left: 8px; margin-right: 10px; padding: 0px 2px 0px 2px; font-size: 1.4em; color: #ffffff; }
.boton							{ background: url(pics/descargas-boton.png) no-repeat; padding-left: 20px; width: 110px; height: 22px; border: none; color: #ffffff; font-size: 1.1em; }
.botonbuscar					{ background: #000000; border: none; padding: 0px; color: #ffffff; text-decoration: underline; font-size: 1em; }
.botoncalendario				{ display: block; float: left; background: #007ec5; border: none; padding: 0px; color: #ffffff; font-size: 1.4em; }
/* end forms */

/* start sidebar */
#barra 							{ float: left; background: #000000; overflow: hidden; color: #ffffff; }
#barra #logo					{ background: #ffffff; padding-top: 20px; padding-left: 25px; padding-bottom: 15px; }
#menu1							{ background: #c70000; }
#decoracion						{ position: absolute; width: 6px; height: 35px; overflow: hidden; }
#barra .categoria				{ margin-left: 8px; margin-right: 8px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #444444; }
#barra .categoria h3			{ background: url(pics/menu-titulo.png) 0px 2px no-repeat; margin-left: 5px; padding-left: 10px; font-size: 1.2em; font-weight: normal; }
#barra .categoria h3 a			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; }
#barra .categoria h3 a.activo	{ color: #ffdd00; font-weight: bold; }
#barra .categoria h3 a:hover	{ text-decoration: underline; }
#barra .submenu					{ background: url(pics/menu-fondo.png) no-repeat; border-bottom: 5px solid #990000; margin-top: 12px; padding-top: 25px; padding-left: 7px; padding-right: 14px; padding-bottom: 14px; width: 145px; }
#barra .subcategoria			{ border-bottom: 1px solid #999999; padding-bottom: 4px; }
#barra .subcategoria h4			{ background: url(pics/submenu.png) no-repeat; padding-left: 14px; padding-top: 5px; font-size: 1.2em; font-weight: normal; }
#barra .subcategoria h4.activo	{ background: url(pics/submenu-activo.png) no-repeat; }
#barra .subcategoria h4 a		{ color: #999999; text-decoration: none; }
#barra .subcategoria h4 a:hover	{ color: #990000; }
#barra .subcategoria h4.activo a{ color: #006699; }
#barra .subcategoria ul			{ margin-top: 5px; padding-left: 30px; list-style-type: square; color: #999999; }
#barra .subcategoria li			{ font-size: 1.1em; }
#barra .subcategoria li a		{ color: #999999; text-decoration: none; }
#barra .subcategoria li a.activo{ color: #006699; }
#barra .subcategoria li a:hover	{ color: #990000; }
#contactenos					{ background: url(pics/menu-contacto.png) 3px 0px no-repeat; border-bottom: 1px solid #444444; margin-bottom: 5px; padding-left: 25px; padding-top: 17px; padding-bottom: 5px; height: 28px; font-size: 1.2em; }
#contactenos a					{ color: #000000; text-decoration: none; }
#contactenos a:hover			{ text-decoration: underline; }
#contactenos a.activo			{ font-weight: bold; color: #990000; }
#barra .publicidad				{ width: 158px; overflow: hidden; }
#barra .publicidad .banner		{ border-bottom: 1px solid #444444; }

/* end sidebar */

/* start index */
#escuela-inicio							{ background: #ffffff url(pics/inicio-fondo.png) repeat-y; }
#escuela-inicio #barra					{ width: 170px; }
#escuela-inicio #decoracion				{ left: 164px; }
#escuela-inicio .publicidad				{ padding-left: 6px; }
#escuela-inicio #principal				{ width: 785px; padding-left: 5px; }
#principal #logo						{ padding-top: 50px; padding-left: 45px; }
#escuela-alemana						{ float: right; width: 535px; overflow: hidden; }
#escuela-alemana h1						{ background: #ffdd00; padding-top: 12px; padding-left: 8px; padding-bottom: 12px; font-size: 1.1em; font-weight: normal; color: #000000; }
#escuela-alemana #foto					{ margin-top: 2px; height: 230px; overflow: hidden; }
#escuela-inicio #contenido				{ clear: both; background: url(pics/inicio.jpg) 0px 3px no-repeat; padding-top: 15px; }
#escuela-inicio h2						{ font-size: 1.8em; font-weight: normal; color: #ffffff; padding-bottom: 20px; }
#sobre-la-escuela						{ float: left; padding-left: 15px; width: 230px; }
#sobre-la-escuela h2 a					{ color: #FFF; text-decoration: none; }
#educacion								{ float: left; padding-left: 35px; width: 230px; }
#educacion h2 a							{ color: #FFF; text-decoration: none; }
#actualidades							{ float: left; padding-left: 35px; width: 240px; }
#actualidades h2 a						{ color: #FFF; text-decoration: none; }
#escuela-inicio .texto					{ font-size: 1.1em; line-height: 1.5em; }
#escuela-inicio .imagen					{ width: 225px; height: 100px; overflow: hidden; }
#escuela-inicio .enlaces				{ padding-top: 5px; font-size: 1.1em; line-height: 2.5em;  }
#escuela-inicio .enlaces ul				{ list-style-image: url(pics/listado.png); padding-left: 20px;  }
#escuela-inicio	.actividad				{ width: 230px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; font-size: 1.1em; line-height: 1.5em; }
#escuela-inicio	.actividad h3			{ font-size: 1.1em; font-weight: normal; }
#escuela-inicio	.actividad a			{ color: #4b4b4b; text-decoration: none; }
#escuela-inicio	.actividad h3 a			{ color: #006699; text-decoration: none; }
#escuela-inicio #eventospasados			{ background: url(pics/inicio-eventospasados.png) no-repeat; margin-top: 10px; margin-left: -18px; padding-left: 15px; padding-top: 12px; padding-bottom: 20px; font-size: 1.8em; font-weight: normal; color: #ffffff; }
#escuela-inicio #principal .publicidad	{ width: 225px; overflow: hidden; }
/* end index */


/* start internal pages */
#escuela									{ background: #ffffff url(pics/interna-fondo.png) repeat-y; }
#escuela #decoracion						{ left: 174px; }
#escuela #barra								{ width: 180px; }
#escuela .publicidad						{ padding-left: 10px; }
#escuela #principal							{ background: url(pics/principal-fondo.jpg) 0px 188px no-repeat; padding-left: 3px; width: 775px; }
#escuela #foto								{ width: 775px; height: 180px; overflow: hidden; }
#escuela #contenido							{ padding: 10px; min-height: 400px; font-size: 1.1em; line-height: 1.5em; }
#escuela .fecha								{ float: right; padding-left: 10px; font-weight: bold; color: #004477; }
#resultados									{ color: #cc3333; }
#regresar									{ float: right; padding-bottom: 10px; }

#escuela h1									{ padding-bottom: 10px; color: #004477; font-size: 1.6em; font-weight: normal; }
#escuela h2									{ padding-bottom: 10px; color: #004477; font-size: 1.4em; font-weight: normal; }
#escuela h3									{ padding-bottom: 5px; color: #004477; font-size: 1.2em; font-weight: normal; }
#escuela h4									{ padding-bottom: 5px; color: #004477; font-size: 1.1em; font-weight: normal; }
#escuela h5									{ padding-bottom: 5px; color: #004477; font-size: 1em; font-weight: bold; }
#escuela h6									{ color: #004477; font-size: 1em; font-weight: normal; }

#ruta										{ padding-top: 11px; padding-left: 10px; height: 30px; overflow: hidden; }
#ruta a										{ color: #4b4b4b; }
#ruta a:hover								{ color: #cc3333; }

#paginacion									{ clear: both; float: right; padding-top: 30px; padding-bottom: 20px; text-align: right; }
#paginacion h4								{ float: left; padding-right: 5px; font-size: 1.1em; color: #333333; }
#paginacion h4.activo						{  }
#paginacion h4 a							{ padding: 1px 4px 1px 4px; font-weight: bold; color: #333333; text-decoration: none; }
#paginacion h4.activo a						{ background: #11bbee; color: #ffffff; }
#paginacion h4 a:hover						{ color: #ff0000; }
#paginacion h4.activo a:hover				{ color: #ffff00; }
#paginacion .ajustar						{ float: right; padding-left: 100px; text-align: right; width: 200px; }

.enlacecirculares							{ margin-top: 30px; }
.enlacecirculares2							{ float: right; }
.descargas									{ clear: both; padding-top: 30px; }
.enlacecirculares h3,
.descargas h3								{ background: url(pics/descargas.png) no-repeat; padding-top: 1px; padding-left: 20px; padding-bottom: 15px; color: #cc3333; }
.descargas .descarga						{ clear: both; background: url(pics/descargas.jpg) no-repeat; padding-top: 15px; padding-left: 10px; height: 41px; color: #333333; }
.descargas .tipo							{ float: left; width: 35px; padding-top: 5px; }
.descargas .fecha							{ float: left !important; width: 90px; padding-top: 10px; padding-left: 0px; font-weight: normal !important; color: #333333 !important; }
.descargas .nombre							{ float: left; width: 350px; padding-top: 10px; }
.descargas .tamano							{ float: left; width: 80px; padding-top: 10px; color: #0088aa; }
.descargas .boton							{ float: left; background: url(pics/descargas-boton.png) no-repeat; margin-top: 7px; padding-left: 27px; padding-top: 3px; width: 83px; height: 20px; font-weight: normal; }
.descargas .descarga a						{ color: #333333; text-decoration: none; }
.descargas .descarga .boton a				{ color: #ffffff; text-decoration: none; }
.descargas .titulo							{ background: #0077bb; padding: 2px 2px 2px 10px; height: 16px; color: #ffffff; font-size: 1.1em; }
.descargas .titulo .tipo					{ padding-top: 0px; }
.descargas .titulo .fecha					{ padding-top: 0px; float: none; padding-left: 0px; font-weight: normal; color: #ffffff !important; font-weight: normal !important; }
.descargas .titulo .nombre					{ padding-top: 0px; }
.descargas .titulo .tamano					{ padding-top: 0px; color: #ffffff; }

#enlaces									{ clear: both; padding-top: 30px; }
#enlaces h3									{ background: url(pics/descargas.png) no-repeat; padding-top: 1px; padding-left: 20px; padding-bottom: 0px; color: #cc3333; }

#contacto									{ float: right; background: #ededed; margin-right: 100px; margin-left: 20px; padding: 5px; width: 300px; }

#contenido .articulo						{ clear: both; border-bottom: 1px solid #cccccc; padding-top: 15px; padding-bottom: 15px; width: 740px; }
#contenido .articulo .fecha					{ float: none; padding-left: 0px; font-weight: normal; color: #999999; }
#contenido .articulo .fecha a				{ color: #999999; text-decoration: none; }
#contenido .articulo h3						{ padding-bottom: 0px; font-size: 1.4em; }
#contenido .articulo h3 a					{ color: #006699; text-decoration: none; }
#contenido .articulo .descripcion a			{ color: #4b4b4b; text-decoration: none; }
#contenido .articulo .tipo					{ float: right; height: 15px; padding: 2px; color: #ffffff; }

#contenido .subcategoria					{ clear: both; border-bottom: 1px solid #cccccc; padding-top: 15px; padding-bottom: 15px; width: 740px; }
#contenido .subcategoria h3					{ padding-bottom: 0px; font-size: 1.4em; }
#contenido .subcategoria h3 a				{ color: #006699; text-decoration: none; }
#contenido .subcategoria .descripcion a		{ color: #4b4b4b; text-decoration: none; }

#profesorado								{ float: right; width: 300px; padding-left: 20px; overflow: hidden; }
#profesorado .profesor						{ float: left; width: 140px; padding-right: 10px; overflow: hidden; }
#informacionpersonal						{ width: 400px; }
#informacionpersonal .foto					{ float: right; padding-left: 10px; width: 150px; overflow: hidden; }
#informacionpersonal h3						{ padding-bottom: 10px; font-weight: bold; }
#informacionpersonal .descargas .tipo		{ width: 25px; }
#informacionpersonal .descargas .fecha		{ width: 60px; }
#informacionpersonal .descargas .nombre		{ width: 160px; }
#informacionpersonal .descargas .tamano		{ width: 60px; }
#informacionpersonal .descargas .boton		{ background: url(pics/descargas-boton2.png) no-repeat; padding-left: 2px; width: 83px; }

#paseo										{ float: right; width: 200px; padding-left: 20px; overflow: hidden; }
#fotoactual									{ width: 500px; overflow: hidden; }
#fotoactual .imagenpaseoactual				{ width: 450px; overflow: hidden; }
#fotoactual .descripcion					{ text-align: center; padding-top: 10px; }
#fotoactual .imagenpaseoactual .foto		{ position: relative; }
#fotoactual .imagenpaseoactual .foto #CTRLInline 	{ position: absolute; top: 4px; left: 2px; z-index: 100; cursor: pointer; }
#fotoactual .imagenpaseoactual .foto #CTRLOutline { position: absolute; top: 4px; left: 20px; z-index: 100; cursor: pointer; }

#actividades								{ background: url(pics/actividades.png) no-repeat; margin-top: 15px; margin-bottom: 20px; padding-left: 2px; padding-right: 2px; padding-top: 10px; }
#actividades h3								{ float: left; padding-left: 8px; padding-right: 65px; height: 26px; color: #ffffff; font-size: 1.8em; }
#actividades h3 a							{ color: #ffffff; text-decoration: none; }
#actividades #indice						{ clear: both; border: 2px solid #898989; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
#actividades #tipos							{ float: left; padding-left: 10px; padding-top: 10px; width: 145px; }
#actividades #tipos h4						{ padding-top: 2px; height: 15px; padding-bottom: 10px; padding-left: 23px; }
#actividades #tipos h4 a					{ color: #006699; text-decoration: underline; }
#actividades #tipos h4 a:hover				{ color: #cc3333; }
#actividades #tipos h4 a.activo				{ color: #cc3333; text-decoration: none; }
/* end internal pages */

/* start floating images */
.floatleft, .floatright			{ }
.floatleft						{ padding-right: 10px; }
.floatright						{ padding-left: 10px; }
.floatingimage					{ overflow: hidden; }
.floatingimage img 				{ border: none; }
.floatingimage img#CTRLInline,
.floatingimage img#CTRLOutlineI { border: 0; padding: 0px; }
.floatingdesc 					{ font-size:1em; color:#004477; text-align: center; padding-top: 5px; width: 128px; }

div#gallery						{ padding-top: 10px; }
div#gallery .floatleft		 	{ padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; border-bottom: 1px solid #cccccc; }
div#gallery .floatingimage		{ width: 128px; height: 90px; overflow: hidden; }
div#gallery .floatingimage img	{ }
div#gallery .floatingdesc		{ width: 130px; height: 29px; overflow: hidden; }
div#gallery .ghead 				{ display: none; }
div#gallery .gfoot 				{ visibility: hidden; }
/* end floating images */


/*----------------------- Calendario del Rabanus------------------------------------*/
#event_label							{ background: url(pics/actividad2.png) left bottom no-repeat; padding-bottom: 12px; position: absolute; width: 230px; text-align: left; color: #006699; }
#event_label div						{ background: url(pics/actividad.png) no-repeat; padding: 8px 0px 10px 10px; min-height: 20px; }

#calendario 							{ border-left: 2px solid #898989; margin-left: 165px; display: block; min-height: 170px; }
#calendario table						{ width: 100%; border: 0px; border-collapse: collapse; }
#calendario td							{ margin: 2px 10px; }
#calendario a							{ color: #000000; text-decoration: none; }
#calendario td.hoy-es					{ display: none; }
#calendario td.nombre-ano				{ }
#calendario td.nombre-mes				{ }
#calendario td.cabeceras				{ border: 1px solid #898989; font-size: 1.4em; color: #bb0000; padding: 2px; text-align: center; text-transform: uppercase; }
#calendario td.dias						{ border-right: 1px solid #898989; text-align: center; }
#calendario td.dias	a					{ padding: 2px; }
#calendario td.evento0,
#calendario td.evento1,
#calendario td.evento2,
#calendario td.evento3,
#calendario td.evento4,
#calendario td.evento5,
#calendario td.evento6					{ border-right: 1px solid #898989; text-align: center; }
#calendario td.evento0 a,
#calendario td.evento1 a,
#calendario td.evento2 a,
#calendario td.evento3 a,
#calendario td.evento4 a,
#calendario td.evento5 a,
#calendario td.evento6 a				{ padding: 2px; color: #ffffff; }
#calendario td.evento0 a				{ background-color: #cc66ff; }
#calendario td.evento1 a				{ background-color: #04a0c7; }
#calendario td.evento2 a				{ background-color: #55aa00; }
#calendario td.evento3 a				{ background-color: #ffdd00; }
#calendario td.evento4 a				{ background-color: #000099; }
#calendario td.evento5 a				{ background-color: #ff9900; }
#calendario td.evento6 a				{ background-color: #ee4400; }