body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: georgia, verdana, arial, helvetica, sans-serif;
	font-size:.9em;
	color: black;
	background-color: #363636;
	text-align: center;
	}
#centered_box {
	width: 754px; 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: white;
	text-align:left; 
	}
html>body #centered_box {
	width: 754px; /* ie5win fudge ends */
	}

#top {
width:100%;
height:32px;
background:url('img/top.jpg') top left no-repeat;
margin:0px;
padding:0px;
}

#content {
width:100%;
background:url('img/corcho.jpg') top left repeat-y;
margin-top:0px;
padding:0px;
border:0px;
}

a,a:hover,a:link,a:visited {
text-decoration:none;
}
.hidden {
position:absolute;
left:-9999px;
}
/* Cabecera */
#head {
width:100%;
margin:0px;
padding:0px;
}
#head img {
border:none;
margin:0px;
padding:0px;
margin-bottom:-3px;
}
#head p {
position:absolute;
left:-9999px;
overflow:hidden;
}

/* Menu principal de la web, post-it superiores */
#menu {
margin:0px;
margin-left:24px;
padding:0px;
list-style-type:none;
}
#menu li {
float:left;
}
#menu em {
position:absolute;
left:-9999px;
overflow:hidden;
}
#menu a {
display:block;
height:104px;
width:100px;
padding:0px;
margin:0px;
}
#menu a.m1 {
width:100px;
background:url('img/instalaciones.jpg') left top no-repeat;
}
#menu a.m2 {
width:100px;
background:url("img/campamentos.jpg") left top no-repeat;
}
#menu a.m3 {
width:100px;
background:url('img/escuela.jpg') left top no-repeat;
}
#menu a.m4 {
width:100px;
background:url('img/servicios.jpg') left top no-repeat;
}
#menu a.m5 {
width:100px;
background:url('img/galeria.jpg') left top no-repeat;
}
#menu a.m6 {
width:100px;
background:url('img/apartamentos.jpg') left top no-repeat;
}
#menu a.m7 {
width:97px;
background:url('img/parque.jpg') left top no-repeat;
}
#menu a.m8 {
width:97px;
background:url('img/campamentos_ingles.jpg') left top no-repeat;
}
#menu a:hover {
background-position:left bottom;
}
#menu a.here {
background-position:left center !important;
cursor:auto;
}

/* cuerpo principal de la pagina, menu lateral y texto */
#cuerpo {
margin:30px;
padding:0px;
}

/* Cuadro de anuncios */
div#anuncios  {
	text-align:left;
	width:90%;
	margin:0 auto;
	background:#fffdc8;
	border:1px solid #777;
	padding:5px 10px;
}
div#anuncios h2 {
	margin:5px auto;
	background:url("img/importante.gif") top left no-repeat;
	padding:5px 0 5px 40px;
	margin-left:5px;
	color:#2D5995;
	font-size:1.2em;
}
div#anuncios p {
	margin:9px 0;
}

/* Menu lateral */
.izquierda {
margin:0px 0px 0px 0px;
margin-left:-6px;
background:#FAF6A2 url('img/cuadricula.gif') top right repeat-y;/* url('img/fondo_menu_i.jpg') top left no-repeat;*/
width:207px;
float:left;
font-size:12px;
padding:0px 0px 0px 0px;
}
* html .izquierda {
	margin-left:-3px;
}
.izquierda h1 {
height:34px;
display:block;
margin:0px 0px 0px 0px;
margin-bottom:-5px;
padding:10px 10px 0px 10px;
font-size:20px;
text-align:center;
background:url('img/menu_i_arriba.gif') top right no-repeat;
}
* html .izquierda h1 {
	margin-bottom:-20px;
}
.izquierda h1 a, .izquierda h1 a:link, .izquierda h1 a:visited, .izquierda h1 a:hover {
display:block;
height:34px;
color:black;
}
.izquierda h1 em {
position:absolute;
left:-9999px;
overflow:hidden;
}
.izquierda h1.instalaciones {
background:url('img/m_instalaciones.gif') top left no-repeat;
}
.izquierda h1.campamentos {
background:url('img/m_campamentos.gif') top left no-repeat;
}
.izquierda h1.escuela {
background:url('img/m_escuela.gif') top left no-repeat;
}
.izquierda h1.servicios {
background:url('img/m_servicios.gif') top left no-repeat;
}
.izquierda h1.apartamentos {
background:url('img/m_apartamentos.gif') top left no-repeat;
}
.izquierda h1.parque {
background:url('img/m_parque.gif') top left no-repeat;
}
.izquierda ul {
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
margin-top:16px;

}
* html .izquierda ul {
	margin-top:26px;
}
.izquierda ul a img {
	border:none;
}

.izquierda ul li a{
display:block;
background:url('img/menu_i_normal.gif') bottom right no-repeat;
color:#aa0011;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-left:8px;
padding-bottom:5px;
padding-right:5px;
padding-top:5px;

margin-top:0px;

}
* html .izquierda ul li a {
	padding-top:5px;
	margin-top:-15px;
}
.izquierda ul li a:hover {
background:url('img/menu_i_hover.gif') bottom right no-repeat;
color:#006DFF;
}
.izquierda ul li a.here {
color:#2D5995 !important;
font-weight:bold;
background:url('img/menu_i_here.gif') bottom right no-repeat !important;
cursor:auto;
}
.izquierda ul li a.inicio {
background:url('img/menu_inicio_normal.gif') bottom left no-repeat;
text-align:right;
color:#537B44;
padding-top:0px;

}
* html .izquierda ul li a.inicio {
	padding-top:5px;
}
.izquierda ul li a.inicio:hover {
background:url('img/menu_inicio_hover.gif') bottom left no-repeat;
color:#006DFF;
}

.izquierda ul li.archivo {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-bottom:5px;
padding-left:8px;
padding-right:9px;
padding-top:5px;

background:url('img/menu_i_normal.gif') bottom right no-repeat;
}
* html .izquierda ul li.archivo {
	margin-top:-15px;
}
.izquierda ul li.archivo:hover {
background:url('img/menu_i_hover.gif') bottom right no-repeat;
}
.izquierda ul li.archivo a {
display:inline;
background:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:11px;
border-bottom:1px dotted #AA0011;
}
.izquierda ul li.archivo a:hover {
color:#6C7C35;
border:0px;
text-decoration:none;
background:none;
}
/* IE pasa de colocar bien la lista... */
.izquierda ul li a.iesux, .izquierda ul li.iesux {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-left:8px;
padding-right:11px;
padding-bottom:5px;
padding-top:3px;

line-height:21px;
margin-top:0px;

}
* html .izquierda ul li a.iesux, * html .izquierda ul li.iesux {
	padding-top:6px;
	margin-top:-18px;
}
.izquierda ul li a.iesuxx, .izquierda ul li.iesuxx {
margin-bottom:-1px;

}
* html .izquierda ul li a.iesuxx, * html .izquierda ul li.iesuxx {
	margin-bottom:-15px;
}
.izquierda ul li.archivoiesux {
background:url('img/menu_i_normal.gif') bottom right no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-left:8px;
padding-right:20px;
padding-bottom:5px;
line-height:21px;
margin-top:3px;
}
.izquierda ul li.archivoiesux:hover {
background:url('img/menu_i_hover.gif') bottom right no-repeat;
}

.izquierda ul li.archivoiesuxx {
padding-bottom:4px;

}
* html .izquierda ul li.archivoiesuxx {
	padding-bottom:5px;
}

.izquierda ul li.archivoiesux a {
display:inline;
background:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:11px;
border-bottom:1px dotted #AA0011;
}

.izquierda ul li.archivoiesux a:hover {
color:#6C7C35;
border:0px;
text-decoration:none;
background:none;
}

.izquierda ul li.iesuxxx a{
display:block;
background:url('img/menu_i_normal.gif') bottom right no-repeat;
color:#aa0011;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-left:8px;
padding-bottom:5px;
padding-right:9px;
padding-top:3px;

margin-top:0px;

line-height:21px;
}
* html .izquierda ul li.iesuxxx a {
	padding-top:2px;
	margin-top:1px;
	margin-bottom:-15px;
}
.izquierda ul li.iesuxxx a:hover {
background:url('img/menu_i_hover.gif') bottom right no-repeat;
color:#006DFF;
}

.izquierda ul li ul {
margin:0px 0px 0px 24px;

}
* html .izquierda ul li ul {
	margin-top:15px;
}
.izquierda ul li ul a {
background:url('img/menu_i_ul2_normal.gif') bottom right no-repeat;
}
.izquierda ul li ul a:hover {
background:url('img/menu_i_ul2_hover.gif') bottom right no-repeat;
}
.izquierda ul li ul a.option {
background:url('img/menu_i_ul2_option.gif') bottom right no-repeat;
}
.izquierda ul li ul a.here2 {
color:#2D5995 !important;
font-weight:bold;
background:url('img/menu_i_ul2_here.gif') bottom right no-repeat;
cursor:auto;
}

.izquierda ul li ul li a.iesux3 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-left:8px;
padding-right:20px;
padding-bottom:3px;
padding-top:3px;

line-height:23px;
margin-top:0px;

}
* html .izquierda ul li ul li a.iesux3 {
	padding-top:7px;
	margin-top:-19px;
}

.izquierda ul li ul li a.iesux4 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-left:8px;
padding-right:20px;
padding-bottom:3px;
padding-top:5px;

line-height:23px;
margin-top:0px;

}
* html .izquierda ul li ul li a.iesux4 {
	padding-top:9px;
	margin-top:-19px;
}

.izquierda ul li a.lineas {
padding-bottom:9px;
}

/* La pagina principal no tiene menu lateral */
.derecha_index {
margin:0px;
width:610px;
padding:25px;
padding-top:0px;
background:#FFFFE3 url('img/fondo_contenido_index.jpg') top left repeat-y;
margin-left:12px;
}
.derecha_index h1 {
background:url('img/top_contenido_index.jpg') top left no-repeat;
height:35px;
margin-left:-25px;
margin-right:-24px;
display:block;
padding-top:20px;
padding-left:20px;
margin-bottom:0px;
padding-bottom:15px;
font-size:20px;
color:#2D5995;
}
.derecha_index div.cierra_texto {
background:url('img/footer_contenido_index.gif') top left no-repeat;
height:45px;
margin-right:-25px;
margin-left:-25px;
margin-bottom:-26px;
}
.derecha_index p.center {
text-align:center;
}
/* Texto de las páginas */
.derecha {
margin:0px;
width:442px;
padding:15px;
padding-top:0px;
background:#FFFFE3 url('img/fondo_contenido.jpg') top left repeat-y;
margin-left:210px;
}
/* Cabecera del cuadro de texto y titulo */
.derecha h2 {
background:url('img/top_contenido.jpg') top left no-repeat;
height:35px;
margin-left:-15px;
margin-right:-14px;
display:block;
padding-top:20px;
padding-left:20px;
padding-right:20px;
margin-bottom:30px;
padding-bottom:0px;
font-size:20px;
color:#2D5995;
}
.derecha h3, .derecha_index h2 {
border-bottom:1px solid #323232;
font-size:1.1em;
}
.derecha h4 {
text-decoration:underline;
font-size:1em;
}
.derecha strong {
font-weight:bold;
}
.derecha strong.rojo, .mf3 strong.rojo, .derecha_index strong.rojo {
color:#CB0317;
}
.derecha strong.verde, .derecha_index strong.verde, .mf3 strong.verde {
color:#537B44;
}
.derecha strong.under {
text-decoration:underline;
}
.derecha p.center {
text-align:center;
}
.derecha p.left {
text-align:left;
}
.derecha p.right {
text-align:right;
}
.derecha p.direccion {
padding:10px;
border:1px solid #999;
}
.derecha p.center img {
vertical-align:middle;
margin-bottom:10px;
}

.derecha div.cuadro {
border:1px solid #555;
padding:10px 10px 0px 10px;
text-align:justify;
font-size:.85em;
margin-bottom:15px;
}
.derecha div.cuadro ol {
margin-top:10px;
}
.derecha div.cuadro ol li ol {
margin-top:5px;
}
.derecha img.left, .derecha_index img.left {
float:left;
margin-right:8px;
}
.derecha img.right, .derecha_index img.right {
float:right;
margin-left:8px;
}
.derecha img, .derecha_index img {
border:1px solid #444;
padding:1px;
}
.derecha a, .derecha_index a, #anuncios a, #paginacion a {
border-bottom:1px dotted #AA0011;
color:#AA0011;
}
.derecha a:hover, .derecha_index a:hover, #anuncios a:hover, #paginacion a:hover {
color:#6C7C35;
text-decoration:none;
border:0px;
}

.derecha table {
border:1px solid #888;
border-width:1px 0px 0px 1px;
border-collapse:collapse;
}
.derecha table td, .derecha table th {
padding:5px;
border-bottom:1px solid #888;
border-right:1px solid #888;
}
.derecha table th {
	background:#ddd;
}
.derecha table td.left {
width:82%;
}
.derecha table td.right {
text-align:right;
}
.derecha abbr {
cursor:help;
border-bottom:1px dotted #555;
}

/* En la pagina de equipo personal ponemos un poco de separacion entre los li */
.derecha ul li.ep {
margin-bottom:8px;
}
.derecha span.under {
text-decoration:underline;
}
.derecha ol.alpha {
list-style-type:lower-alpha;
}
.derecha ol.curso li, .derecha ul.curso li {
margin-bottom:.7em;
}


/* Cierre del cuadro de texto */
.cierra_texto {
background:url('img/footer_contenido.gif') top right no-repeat;
height:45px;
margin:0px;
padding:0px;
margin-right:-14px;
margin-left:-13px;
margin-bottom:-16px;
padding-top:5px;
}
.cierra_texto a {
background:url('img/bullet_top.gif') center left no-repeat;
margin-left:20px;
padding-left:17px;
font-size:11px;
border:0px;
}

/* Ie no mete bien el margin al ul asique lo meto en un div */
.menufooter {
margin-left:45px;
}

/* Menu del footer, contacto y cv */
#menufooter {
margin:0px;
padding:0px;
list-style-type:none;
float:left;
}
#menufooter li {
float:left;
}
#menufooter em {
position:absolute;
left:-9999px;
overflow:hidden;
}
#menufooter a {
display:block;
height:83px;
width:140px;
padding:0px;
margin:0px;
}
#menufooter a.mf1 {
background:#FAF6A2 url('img/contacta.png') top left no-repeat;
}
#menufooter a.mf2 {
background:#FAF6A2 url('img/envia_cv.png') top left no-repeat;
}
#menufooter a.mf1:hover {
background:#FAF6A2 url('img/contacta.png') bottom left no-repeat;
}
#menufooter a.mf2:hover {
background:#FAF6A2 url('img/envia_cv.png') bottom left no-repeat;
}

/* Creditos */
p.mf3 {
font-size:11px;
height:57px;
width:314px;
margin:0px;
margin-left:361px;
background:#FFFFE3 url('img/legal.jpg') top left no-repeat;
padding:13px;
}
.mf3 a {
border-bottom:1px dotted #AA0011;
font-size:11px;
color:#AA0011;
}
.mf3 a:hover {
color:#6C7C35;
text-decoration:none;
border:0px;
}

/* Cierre del marco */
#footer {
margin-top:0px;
height:32px;
background:url('img/footer.gif') top left no-repeat;
}

/* Estilo para la nueva galería */

div#fotos p.folder {
	float:left;
	/*padding:30px 30px 40px 30px;*/
	margin: 0 15px 0 50px;
	margin-bottom:30px;
	text-align:center;
	width:268px;
	height:264px;
} 
div#fotos p.folder a {
	text-decoration:none;
	font-size:1.7em;
	display:block;
	padding:34px 29px 0 31px;
	color:#AA0011;
	vertical-align:bottom;
	background:url('img/fondo_album.png') top left no-repeat;
	height:234px;
}
div#fotos p.folder a:hover {
color:#6C7C35;
text-decoration:none;
}
div#fotos p.folder a img {
	border:0;
}
div#back p {
	width:25%;
	background:#fffdc8;
	border:1px solid #777;
	text-align:center;
	margin-left:25px;
}
div#back p a {
	display:block;
	padding:8px 15px;
	color:#AA0011;
	background:url('img/icon_back.gif') 10px center no-repeat;
}
div#back p a:hover {
color:#6C7C35;
text-decoration:none;

}



/* Estilo para la galeria fotografica */
.fotos {
/*margin-left:29px;*/
padding:0px;
text-align:center;
}
.fotos img {
border:1px solid #444;
/*width:80px;
height:60px;*/
margin:0px;
}
.fotos a {
/*margin-left:20px;*/
/*margin-left:auto;*/
display:block;
float:left;
/*margin-top:69px;*/
margin-bottom:25px;
width:137px;
height:102px;
padding:0px;
}
.fotos a#foto-ant {
background:url('img/flecha_izquierda.gif') top left no-repeat;
/*width:87px;
height:82px;*/
margin-left:200px;

}
* html .fotos a#foto-ant {
	margin-left:100px;
}

.fotos a#foto-ant:hover {
background:url('img/flecha_izquierda_hover.gif') top left no-repeat;
}
.fotos a#foto-ant img {
margin-top:20px;
margin-left:45px;
}
.fotos a#foto-sig {
background:url('img/flecha_derecha.gif') top left no-repeat;
margin-left:20px;
}
.fotos a#foto-sig.primera {
	margin-left:357px;
}
* html .fotos a#foto-sig.primera {
	margin-left:178px;
}

.fotos a#foto-sig:hover {
background:url('img/flecha_derecha_hover.gif') top left no-repeat;
}
.fotos a#foto-sig img {
margin-left:-45px;
margin-top:20px;
}
.fotos img.current {
background:#FAFAFA;
/*margin-left:20px;*/
border:1px solid #444;
padding:5px;
/*height:450px;
width:600px;*/
/*display:block;*/
/*float:left;*/
margin-bottom:15px;
}

.thumbs {
margin-left:5%;
}
.thumbs a{
float:left;
background:#FAFAFA;
padding:7px 2px 2px 7px;
border:1px solid #444;
width:147px;
/*height:67px;*/
margin-left:32px;
margin-bottom:25px;
}
.thumbs img {
border:1px solid #444;
}
.thumbs a:hover {
background:#E8E8E8;
}
div#paginacion  {
text-align:left;
width:55%;
margin:0 auto;
background:#fffdc8;
border:1px solid #777;
padding:5px 7px;
text-align:center;
clear:both;
}
div#paginacion a {
font-size:1.1em;
margin:0 1px;
}

/* Estilo para la galeria fotografica del parque de aventura */
.fotos-parque {
padding:0px;
text-align:center;
}
.fotos-parque img {
border:1px solid #444;
margin:0px;
padding:0px;
}
.fotos-parque a {
display:block;
float:left;
margin-bottom:25px;
width:137px;
height:102px;
padding:0px;
}
.fotos-parque a#foto-ant {
background:url('img/flecha_izquierda.gif') top left no-repeat;
margin-left:75px;
}
* html .fotos-parque a#foto-ant {
	margin-left:38px;
}
.fotos-parque a#foto-ant:hover {
background:url('img/flecha_izquierda_hover.gif') top left no-repeat;
}
.fotos-parque a#foto-ant img {
margin-top:20px;
margin-left:45px;
}
.fotos-parque a#foto-sig {
background:url('img/flecha_derecha.gif') top left no-repeat;
margin-left:20px;
}
.fotos-parque a#foto-sig.primera {
	margin-left:232px;
}
* html .fotos-parque a#foto-sig.primera {
	margin-left:116px;
}
.fotos-parque a#foto-sig:hover {
background:url('img/flecha_derecha_hover.gif') top left no-repeat;
}
.fotos-parque a#foto-sig img {
margin-left:-45px;
margin-top:20px;
}
.fotos-parque img.current {
background:#FAFAFA;
border:1px solid #444;
padding:5px;
margin-bottom:15px;
}

.fotos-parque a {
border:none;;
color:#AA0011;
}
.fotos-parque a:hover {
color:#6C7C35;
text-decoration:none;
border:0px;
}

/* Formulario de envio de curriculum */
form#cv input, form#cv textarea {
	border:1px solid #666;
	margin-top:3px;
}
p.error {
	text-align:center;
	padding:7px 0;
	border:1px solid red;
	background:#f5b1b1;
}
p.ok {
	text-align:center;
	padding:7px 0;
	border:1px solid green;
	background:#defde5;
	color:#0b7e0b;
}
label.error {
	color:red;
	font-weight:bold;
}
form#cv label.error input {
	border-color:red;
}
.oculto {
	position:absolute;
	left:-9999px;
}