/**** Hoja de estilo para la portada y subportadas ****/

/* COMUNES EN TODAS LAS PÁGINAS */

P {
	margin-top: 0;
	margin-bottom: 5px;
}

H1 span, H2 span, H3 span, H4 span { display: none; }

FORM {
	margin: 0;
	padding: 0;
}

INPUT, SELECT, TEXTAREA {
	margin: .1em;
	padding: 0 0 0 .1em;
	vertical-align: middle;
}

TEXTAREA {
	padding: 2px;
}

/*** Comunes ***/

BODY {
	margin: 0 0 20px 0;
	font-family: tahoma, sans-serif;
	background: #FFFFFF url(../graficos/fondos/escuela.jpg) repeat-x top center;
}

IMG {
	border: 0;
	vertical-align: middle;
}

UL {
	list-style: none;
	clear: both;
}

ul:after {
	display: block;
	content: ".";
	display: none;
}

LI { margin: 0 0 5px 0; }
LI.LAPIZ { list-style-image: url(../graficos/iconos/lapiz.gif); }

/* Fondos semitransparentes */

.TRANSP[class] { background-image: url('../graficos/fondos/semi.png');}

.TRANSP { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graficos/fondos/semi.png'); }

.BLANCO { background-color: #FFFFFF; }

.PORTADA { background: #FFFFFF url(../graficos/fondos/portada_escuela.jpg) no-repeat top left; }

/* Enlaces ó links */

A, A:visited, A:active {
	text-decoration: none;
	color: #226281;
}

A:hover { color: #666666; }

/** Cabecera **/

#CABECERA {
	display: block;
	clear: both;
	width: 990px !important;
	height: 150px !important;
	margin: 0;
	padding: 0;
	background: transparent url(../graficos/fondos/cabecera_escuela.jpg) no-repeat top left;
}

#CABECERA #LOGO {
	display: block;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 150px;
	float: left;
	clear: left;
}

#CABECERA #LOGO H1 {
	background: transparent url(../graficos/logo/koala.gif) no-repeat top left;
	width: 170px;
	height: 150px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#CABECERA #CONTCAB {
	display: block;
	margin: 0;
	padding: 0;
	width: 820px;
	height: 150px !important;
	float: right;
	clear: right;
}

#CABECERA #CONTCAB #LETRAS {
	display: block;
	margin: 40px 0 0 0;
	padding: 0;
	width: 820px;
	height: 70px !important;
	text-align: left;
}

#CABECERA #CONTCAB #LETRAS H1 {
	background: transparent url(../graficos/logo/logo_escuela.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 70px;
	cursor: pointer;
}

#CABECERA #CONTCAB H1 span { display: none; }

/* Menú principal */

#CAPAMENU {
	display: block;
	width: 820px;
	height: 30px !important;
	padding: 0;
	margin: 0;
	clear: both;
}

#CAPAMENU ul#MENU {						
	list-style-type: none;
	height: 28px;
}
			
#CAPAMENU ul#MENU li {
	position: relative;
	float: left;
	height: 18px;
	border: 1px solid #132B52;
	background: #b1d7e9 !important;
	margin: 0 .1em 0 .1em;
	padding: 0 8px 0 8px !important;
}

#CAPAMENU ul#MENU li A {
	display: block;
	float: left;
	font-size: .9em;
	height: 18px;
	color: #132B52;
	font-family: "Comic Sans MS";
}

#CAPAMENU ul#MENU li A:hover { color: #1a6f98; }

/*** Páginas ***/

#CONTENEDOR {
	display: block;
	margin: 0;
	padding: 0;
	width: 990px;
	clear: both;
}

#CONTENIDOS {
	display: block;
	clear: both;
	overflow: hidden;
	width: 990px !important;
	text-align: left;
	margin: 0; 
	padding: 0;
}

#CONTENIDOS #NAVEGACION {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 30px;
	text-align: right;
}

#CONTENIDOS #NAVEGACION A {
	font-size: .8em;
	color: #666666;
}

#CONTENIDOS H1 {
	margin: 20px 0 10px 50px;
	padding: 0;
	text-align: left;
	width: 450px;
	height: 30px;
}

#CONTENIDOS H1#INSTALACIONES { background: transparent URL(../graficos/cab/escuela_instalaciones.gif) no-repeat top left; }
#CONTENIDOS H1#QUIENES { background: transparent URL(../graficos/cab/escuela_quienes.gif) no-repeat top left; }
#CONTENIDOS H1#METODO { background: transparent URL(../graficos/cab/escuela_metodo.gif) no-repeat top left; }
#CONTENIDOS H1#EQUIPO { background: transparent URL(../graficos/cab/escuela_equipo.gif) no-repeat top left; }
#CONTENIDOS H1#CONTACTO { background: transparent URL(../graficos/cab/escuela_contacto.gif) no-repeat top left; }

#CONTENIDOS .TEXTO {
	margin: 10px 0 10px 0;
	padding: 0;
	height: 25px;
	width: 100%;
	font-size: 1.1em;
	color: #226281;
}

#CONTENIDOS H2 {
	margin: 10px 0 5px 0;
	padding: 0;
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	color: #226281;	
	font-family: "Comic Sans MS";
}

#CONTENIDOS H3 {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: .8em;
	color: #666666;
}

/*** Portada ***/

#CONTENIDOS #CABECERA {
	display: block;
	clear: both;
	width: 990px !important;
	height: 160px;
	margin: 0;
	padding: 0;
	background: none !important;
}

#CONTENIDOS #CABECERA #LOGO {
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	width: 170px;
	height: 150px;
	float: left;
	clear: left;
}

#CONTENIDOS #CABECERA #LOGO H1 {
	background: transparent url(../graficos/logo/koala.gif) no-repeat top left;
	width: 170px;
	height: 170px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#CONTENIDOS #CABECERA #CONTCAB {
	display: block;
	margin: 0;
	padding: 0;
	width: 820px;
	height: 150px;
	float: right;
	clear: right;
}

#CONTENIDOS #CABECERA #CONTCAB H1#CABPORTADA {
	background: transparent url(../graficos/cab/saludo_escuela.gif) no-repeat top left;
	margin: 40px 0 25px 0;
	padding: 0;
	width: 575px;
	height: 30px;
	cursor: pointer;
	float: left;
}

#CONTENIDOS #CABECERA #CONTCAB H1 span {
	display: none;
}

#CONTENIDOS H3#CABMATRICULA {
	margin: 0 0 30px 0 !important;
	padding: 0 0 0 100px;
	text-align: left;
}

#CONTENIDOS #PORTADA {
	display: block;
	clear: both;
	width: 990px;
	height: 200px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#CONTENIDOS #PORTADA #IMAGENPORTADA {
	width: 450px;
	height: 200px;
	margin: 0 75px 0 0;
}

/***	Resto de las páginas ***/

#CONTENIDOS #TEXTO {
	display: block;
	float: left;
	clear: left;
	width: 550px;
	margin: 10px 0 0 0;
	padding: 20px 50px 20px 20px;
	text-align: justify;
	background: transparent url(../graficos/fondos/escuela_texto.jpg) no-repeat top left;
}

#CONTENIDOS #TEXTO P {
	padding: 0;
	margin: 0 0 8px 0;
	font-size: .8em;
	text-align: justify;
}

#CONTENIDOS #TEXTO LI { font-size: .8em; }

#CONTENIDOS #FOTOS {
	display: block; 
	width: 310px; 
	margin: 20px 20px 0 0; 
	padding: 0; 
	float: right;
	clear: right;
}

#CONTENIDOS #FOTOS .IZQ { float: left; margin: 0 0 10px 0; }
#CONTENIDOS #FOTOS .DERE { float: right; margin: 0 0 10px 0; }

/* Quienes somos */

#CONTENIDOS DIV#MAPA {
	display: block; 
	width: 330px;
	overflow: hidden;
	margin: 20px 20px 0 0; 
	padding: 0;
	text-align: left;
	float: right;
	clear: right;
}

#CONTENIDOS DIV#MAPA P {
	padding: 0;
	margin: 0 0 5px 0;
	text-align: justify;
	font-size: .8em;
}

#CONTENIDOS DIV#MAPA #map {
	display: block; 
	width: 325px;
	height: 200px;
	margin: 15px 0 0 0; 
	padding: 0;
	border: 2px solid #AFAFAF;
}

#CONTENIDOS DIV#MAPA #AMPLIAR { 
	display: block;
	clear: both;
	width: 330px; 
	height: 15px;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: right;
}

#CONTENIDOS DIV#MAPA DIV#AMPLIAR A { font-size: .7em; }

#CONTENIDOS DIV#MAPA DIV#COMOLLEGAR {	
	display: block;
	clear: both;
	width: 330px; 
	height: 55px;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: .7em;
}

#CONTENIDOS DIV#MAPA DIV#COMOLLEGAR INPUT {	font-size: .8em; }

/* Grupos */


#CONTENIDOS #GRUPOS {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

#CONTENIDOS #GRUPOS .GRUPO {
	display: block;
	float: left;
	width: 250px;
	height: 110px;
	margin: 0 0 15px 0; 
	padding: 0 0 0 20px;
	text-align: left;
}

#CONTENIDOS #GRUPOS .GRUPO UL {
	margin: 0 0 0 10px;
	padding: 0;
}

/* Contacto */

#CONTENIDOS #FORMULARIO {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 15px 0 30px 0;
	padding: 0;
}

#CONTENIDOS #FORMULARIO .TITCAMPO {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 10px 0 0;
	float: left;
	clear: left;
	width: 175px;
	text-align: right;
	font-size: .8em;
}

#CONTENIDOS #FORMULARIO .CAMPO {
	display: block;
	float: left;
	width: 350px;
}

#CONTENIDOS #FORMULARIO #ENVIADA {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#CONTENIDOS #FORMULARIO #ENVIADA H2 {
	margin: 10px 0 5px 0;
	font-size: .9em;
	font-weight: normal;
	text-align: center;
}

/* Pie de página */

#PIE {
	display: block;
	width: 800px;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: .8em;
	clear: both;
}

#PIE H1 {
	background: transparent url(../graficos/logo/letras_portada_p.gif) no-repeat top left;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 166px;
	height: 27px;
	cursor: pointer;
}

#PIE DIV {
	display: block;
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
}

#PIE DIV STRONG { 
	display: block; 
	margin: 0 0 3px 0;
}

#PIE DIV#ESCUELA {
	width: 340px;
	height: 65px;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	clear: left;
	text-align: right;
}

#PIE DIV#PISCINA {
	width: 340px;
	height: 65px;
	margin: 0;
	padding: 0 0 0 5px;
	float: right;
	clear: right;
	text-align: left;
}

#PIE P {
	margin: 0 0 7px 0;
	padding: 0;
}

#PIE DIV#FIREFOX { font-size: .7em; }