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

body { text-align:left;}
table { border-collapse:collapse;}
table tr td { text-align:left; vertical-align:top;}

#todo { width:804px; margin-top:30px;}
#menu { padding-bottom:0;}
#contenido { background-image: url('images/contenido.gif'); background-repeat:repeat-y;}
#pie { height:20px; background-image: url('images/pie.gif'); background-repeat:no-repeat;}
#escuela { width:440px;}
#escuela tr td { width:110px;text-align:center;}

#bloques { margin-left:3px;}
.espacio { width:14px;}

.rosauno { width: 273px; height:17px; background-image: url('images/rosauno.gif'); background-repeat:no-repeat;}
.rosados { width: 273px; background-image: url('images/rosados.gif'); background-repeat: repeat-y;}
.rosatres { width: 273px; height:17px; background-image: url('images/rosatres.gif'); background-repeat:no-repeat;}

.naranjauno { width: 273px; height:17px; background-image: url('images/naranjauno.gif'); background-repeat:no-repeat;}
.naranjados { width: 273px; background-image: url('images/naranjados.gif'); background-repeat: repeat-y;}
.naranjatres { width: 273px; height:17px; background-image: url('images/naranjatres.gif'); background-repeat:no-repeat;}

.marronuno { width: 273px; height:17px; background-image: url('images/marronuno.gif'); background-repeat:no-repeat;}
.marrondos { width: 273px; background-image: url('images/marrondos.gif'); background-repeat: repeat-y;}
.marrontres { width: 273px; height:17px; background-image: url('images/marrontres.gif'); background-repeat:no-repeat;}

.beisuno { width: 483px; height:17px; background-image: url('images/beisuno.gif'); background-repeat:no-repeat;}
.beisdos { width: 483px; background-image: url('images/beisdos.gif'); background-repeat: repeat-y;}
.beistres { width: 483px; height:17px; background-image: url('images/beistres.gif'); background-repeat:no-repeat;}

.azuluno { width: 483px; height:17px; background-image: url('images/azuluno.gif'); background-repeat:no-repeat;}
.azuldos { width: 483px; background-image: url('images/azuldos.gif'); background-repeat: repeat-y;}
.azultres { width: 483px; height:17px; background-image: url('images/azultres.gif'); background-repeat:no-repeat;}

.violetauno { width: 483px; height:17px; background-image: url('images/violetauno.gif'); background-repeat:no-repeat;}
.violetados { width: 483px; background-image: url('images/violetados.gif'); background-repeat: repeat-y;}
.violetatres { width: 483px; height:17px; background-image: url('images/violetatres.gif'); background-repeat:no-repeat;}

/*textos*/
body {font: normal 12px Arial, Helvetica, sans-serif;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
#creditos { font: normal 10px Arial, Helvetica, sans-serif; color:#666666;}
#creditos a { font:normal 10px Arial, Helvetica, sans-serif; color: #666666;}
.rosados, .beisdos, .marrondos, .naranjados, .azuldos, .violetados { padding:10px;}
#escuela tr td a { font: bold 11px Arial, Helvetica, sans-serif; color: #4f868a;}
p { text-align:left; padding-right:10px;}
p.enlace { text-align:right; margin-right:10px; font-weight:bold;}

.violeta { color: #8211f1;}
.marron { color: #b89b79;}
.rosa { color: #d04566;}
.azulclaro { color: #ECF6FF;}
.gris { color:#666666;}
.verde { color: #79B4B8;}

ul.detalles, ul { width:400px;}
ul.detalles li, ul li { list-style-type:none; border-bottom: 1px dotted #79b4b8; margin-bottom:6px; color: #666666; font-weight:bold;}
ul.detalles li.sub, ul li.sub { margin-left:20px; list-style-type:none; color:#79b4b8;}

ul.fiestas { width:190px;}
ul.fiestas li { list-style-type:none; border-bottom: 1px dotted #8211f1; margin-bottom:6px; color: #8211f1; font-weight:bold;}

.sesion {margin-top:60px; background-color:#FDEAFD; width:230px; padding:8px; color: #666666;}
.sitemap {margin-left:100px; padding-left:10px; margin-top:20px; width:350px; height:210px; background-image:url('images/sitemap.gif'); background-repeat:no-repeat;}
.sitemap a { font-weight:bold; color: #681779;}

.enlace2 a {
text-decoration: none;
color: #D0457B;
}

.enlace2 a:hover {
background-color: #D0457B;
color: white;
}

div.fotos h1 {
	font-family: 'Comic Sans', Helvetica, sans-serif;
	color: #DE4D14;
}
div.fotos a {
	float: left;
	display: block;
	height: 150px;
	padding-right: 15px;
}