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

html,body{
background-color:#47d6c7;
background-image:url(../imagenes/bg_escuela_infantil_carana.jpg);
margin:0;
font-family:Arial;
font-size:12px;
height:100%;
}
a, a:link, a:visited, a:hover, a:active {
/*
Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
outline: 0;
 Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
 */
text-decoration: none;
}
a img {
 border: none;
 text-decoration: none;
}
img {
border: none;
text-decoration: none;
/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}
#contenedor{
width:100%;
height:100%;
margin-top:0px;
margin-left:0px;
text-align:left;
}

#cabecera{
position:relative;
width:970px;
height:auto;
float:left;
background-color:#FFFFFF;
    top: 0px;
    left: 0px;
}
#cabecera_empresa{
position:relative;
float:left;
background-color:#FFFFFF;
height:46px;
width:635px;
font-weight:bold;
color:#47d6c7;
padding-top:35px;
padding-left:20px;
}
#cabecera_empresa_esquina{
position:absolute;
background-image:url(../imagenes/esquina_cabecera_empresa.jpg);
height:56px;
width:42px;
top:26px;
_left:984px;
left:929px;
z-index:1;
}

#cabecera_correo{
position:absolute;
background-color:#FFFFFF;
height:16px;
width:auto;
font-weight:bold;
top:20px;
left:760px;
z-index:2;
color:#47d6c7;
font-size:16px;
text-align:right;
}
#cabecera_correo a{
text-decoration:none;
color:#47d6c7;
font-size:12px;
}

#menu_superior
{
width:970px;
height:30px;

}
/* area de banner superior y contenido central*/

#contenedor_central{
    position:relative;
    float:left;
    width:727px;
    height:auto;
    background-color:#ffffff;
    background-image:url(../imagenes/carana_principal.jpg);
}
#imagen_principal
{
    float:left;
    width:727px;
    height:259px;
    background-image:url(../imagenes/cabecera_principal2.jpg);
}

#fondo_titulo
{
    position:absolute;
    width:349px;
    height:118px;
    top:138px;
    left:364px;
    z-index:1;
}

#tituloCarana
{
    position:absolute;
    width:349px;
    height:118px;
    left:250px;
    z-index:1;
    margin-left: 66px;
}
#tituloCarana h1
{
    position:absolute;
    font-family:arial;
    font-size:56px;
    color:#47d6c7;
    font-weight:inherit;
    letter-spacing:-1px;
    line-height:65px;
    left:-15px;
    top:-6px;
}
h1
{
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:45px;
    color:#47d6c7;
    font-weight:lighter;
    letter-spacing:-1px;
    line-height:45px;
    left:-15px;
    top:-6px;
}
.texto_cambiacolor{
color:#f84691;
}

#imagen_presentacion{
float:left;
position:absolute;
width:251px;
height:230px;
left:0px;
top:111px;
z-index:3;
}

#menu_lateral_head{
float:left;
width:250px;
height:40px;
}

#menu_lateral{
float:left;
width:250px;
height:auto;
_margin-bottom:auto;
}
#menu_lateral_lista{
float:left;
width:250px;
height:auto;
background-color:#daf7f4;
margin-top:0px;
}

#menu_lateral_lista ul{
margin-top:1px;

}
#menu_lateral_lista li{
list-style-image:url(../imagenes/bt_lista.gif);
width:245px;
_width:200px;
padding-top:3px;
padding-bottom:8px;
}

/* Contenido Central Web */
#contenido_central_presenta{
width:477px;
height:100%;
background-color:#FFFFFF;
float:left;
margin:0;
}

#central{
position:relative;
float:left;
width:970px;
height:auto;

background-color:#FFFFFF;
}

/* CAPA DE TEXTO DE CONTENIDO CENTRAL */
#texto_central_contenido{
width:376px;
height:100%;
float:left;
margin-left:55px;
_margin-left:30px;
margin-top:45px;
text-align:justify;
}

#texto_central_contenido strong{
font-weight:bold;
color:#009999;
}

#final_contenidoWeb{
float:left;
width:970px;
height:1px;
background-color:#47d6c7;
background-image:url(../imagenes/linea_separacion.gif);
margin:0;
font-size:2px;
}



/* PIE DE PAGINA */

#pie_pagina{
position:relative;
float:left;
width:970px;

height:75px;
background-color:#FFFFFF;
margin-bottom:10px;
_top:-16px;
}

#menu_piepagina{
text-align:left;
width:963px;
height:40px;
color:#009999;
font-weight:bold;
background-color:#FFFFFF;
}
#menu_piepagina ul{
list-style:none;
margin-top:30px;
}

#menu_piepagina li{
color:#009999;
display:inline;
padding-left:5px;
padding-right:5px;
}
#menu_piepagina li a{
color:#009999;
text-decoration:none;
}
#menu_piepagina li a:hover{
color:#009999;
text-decoration:none;
}

#pie_esquina{
position:absolute;
height:56px;
width:42px;
background-image:url(../imagenes/esquina_cabecera_empresa.jpg);
left:929px;
top:20px;

}

/* CONTENEDOR DERECHO */
#contenedor_derecho{
position:relative;
float:left;
_float:right;
width:243px;
height:100%;
background-color:#FFFFFF;
background-image:url(../imagenes/sombra_lateral.gif);
padding-bottom:20px;
}

#logo_entrada
{
position:relative;
float:left;
width:243px;
height:125px;
background-color:#47d6c7;
margin:0;
}
#logo_kidsroom{
position:relative;
float:left;
width:190px;
height:68px;
top:60px;
_top:-11px;
left:10px;
border:0;
}
#bocadillo_kidsroom{
width:172px;
height:124px;
position:absolute;
background-image:url(../imagenes/bocadillo_magenta.gif);
z-index:2;
top:120px;
left:-200px;
padding:5px 25px 10px 15px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
visibility:hidden;
line-height:18px;
}
#bocadillo_CampamentoVerano{
width:172px;
height:124px;
position:absolute;
background-image:url(../imagenes/bocadillo_magenta.gif);
z-index:2;
top:505px;
left:-200px;
padding:6px 25px 10px 15px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
visibility:hidden;
line-height:18px;
}
#bocadillo_fiestas{
width:172px;
height:101px;
position:absolute;
background-image:url(../imagenes/bocadillo_verder.gif);
z-index:2;
top:575px;
left:-200px;
padding:28px 25px 10px 15px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
visibility:hidden;
line-height:18px;
}
#logo_fiestas{
position:relative;
float:left;
width:210px;
height:68px;
top:60px;
_top:-11px;
left:10px;
}
#CampamentoVerano{
position:relative;
float:left;
width:210px;
height:68px;
top:60px;
_top:-11px;
left:10px;
}

#seccion_01
{
float:left;
width:210px;
height:135px;
margin-left:0px;
margin-top:30px;
margin-bottom:10px;
}
#seccion_01_texto{
float:left;
position:relative;
width:144px;
height:65px;
margin-left:23px;
text-align:left;
font-weight:bold;
color:#009999;
line-height:16px;
}
#seccion_01_texto_hand{
position:relative;
float:left;
margin-left:30px;
}
#seccion_02
{
float:left;
position:relative;
width:168px;
height:90px;
margin-left:15px;
_margin-left:8px;
margin-top:17px;
padding-top:10px;
padding-left:8px;
padding-right:38px;
background-image:url(../imagenes/seccion_magenta.gif);
color:#FFFFFF;
font-weight:bold;
line-height:15px;
}
#seccion_03
{
float:left;
position:relative;
width:168px;
height:84px;
margin-left:15px;
_margin-left:8px;
margin-bottom:6px;
_margin-bottom:10px;
margin-top:7px;
padding-top:10px;
padding-left:8px;
padding-right:38px;
background-image:url(../imagenes/seccion_verde.gif);
color:#FFFFFF;
font-weight:bold;
line-height:15px;

}
#relleno{
float:left;
position:relative;
width:168px;
height:24px;
_height:64px;
background-color:#003399;
}

#logo_english_centre{
position:relative;
float:left;
left:10px;
border:0;
margin-top:13px;
}

#bocadillo_english_centre{
width:170px;
height:260px;
position:absolute;
background-image:url(../imagenes/bocadillo_magenta_grande.gif);
z-index:2;
top:130px;
left:-200px;
padding:6px 25px 10px 15px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
visibility:hidden;
line-height:18px;
}

#logo_natural-english-logo{
float:left;
width:190px;
height:68px;
_top:-11px;
left:10px;
border:0;
}

#boton_reservas{
position:relative;
float:left;
width:190px;
_top:-11px;
left:10px;
border:0;
}

#villapeluka{
position:relative;
float:left;
width:210px;
height:68px;
top:60px;
_top:-11px;
}

/* MENU SUPERIOR */

    #tabsJ {
	  float:left;
      width:970px;
	  height:30px;
      background:#47d6c7;
	  color:#FFFFFF;
	  font-weight:bold;
      }
    #tabsJ ul {
	  margin:0;
	  padding:2px 10px 0 0px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      }
    #tabsJ a {
      float:left;
      background:url("../imagenes/mnu_left.gif") no-repeat left top;
      margin:0;

      text-decoration:none;
	  color:#FFFFFF;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../imagenes/mnu_right.gif") no-repeat right top;
      padding:6px 12px 5px 10px;
      color:#ffffff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#ffffff;
      }
    #tabsJ a:hover {
      background-position:0% -31px;
      }
    #tabsJ a:hover span {
      background-position:100% -31px;
      }
      
#central_principal{
width:970px;
height:auto;
}

#lateral_secundario{
width:251px;
height:100%;
background-color:#daf7f4;
}