body{
background-color:#47d6c7;
background-image:url(../imagenes/bg_escuela_infantil_carana.jpg);
margin:0;
font-family:Arial;
font-size:12px;
}
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*/
}

h1{
    font-family:Arial, Helvetica, sans-serif;
    font-size:45px;
    color:#47d6c7;
    font-weight:lighter;
    letter-spacing:-1px;
}
h2
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#47d6c7;
    font-weight:lighter;
    margin-bottom:25px;
    margin-top:25px;

}
h3
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#009999;
    letter-spacing:-1px;
}

*:first-child+html p {margin-bottom:-5px;}
p {margin-bottom:0px;}

li
{ margin-bottom:8px;
    }
    
    
.texto_cambiacolor{
color:#f84691;
}
#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;
}

#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;
    top: 0px;
    left: 0px;
}

#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;

}
/* MENU SUPERIOR */
#menu_superior
{
float:left;
width:970px;
height:30px;
}

#tabsJ {
float:left;
width:970px;
height:30px;
background:#47d6c7;
color:#FFFFFF;
font-weight:bold;
}
#tabsJ ul {
margin:0;
padding:2px 10px 0 0px;
/*margin-left:-30px;*/
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
{
    float:left;
    width:970px;
    height:100%;
    background-color:#daf7f4;
}


#lateral_secundario{
    float:left;
    width:249px;
    height:573px;
    background-color:#daf7f4;
    height:100% inherit;
}
#capa_superior{
float:left;
height:160px;
width:721px;
background-color:#FFFFFF;
}
#titulo_carana{
float:left;
width:478px;
height:160px;
background-image:url(../imagenes/fondo_capa_superior.gif);
}
#texto_camino
{
    position:relative;
    width:400px;
    height:20px;
    margin-left:10px;
    margin-top:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
    top:-150px;
    left:0px;
    z-index:2;
}
#texto_escuela{
    position:relative;
    float:left;
    width:418px;
    height:100px;
    margin-left:55px;
    line-height:40px;
    top:-150px;
    z-index:2;
    left: 0px;
}
#imagen_carana{
float:left;
position:absolute;
width:243px;
height:160px;
top:110px;
left:727px;
z-index:2;
}
/* CONTENIDO GENERAL */
#contexto{
position:relative;
float:left;
background-color:#FFFFFF;
width:721px;
height:105%;
padding-bottom:20px;
}

#contenido_deseccion{
float:left;
width:644px;
height:100%;
font-size:14px;
margin-left:55px;
margin-right:20px;
padding-top:0px;
font-size:12px;
color:#333333;
text-align:justify;
}
#contenido_deseccion strong,b{
font-weight:bold;
color:#009999;
}

html>body #contenido_deseccion ul
{
    list-style-image:url(../imagenes/bt_lista.gif);
    padding-left:50px;
    padding-bottom:3px;
    padding-right:0px;
}

*:first-child+html  #contenido_deseccion ul
{
    list-style-image:url(../imagenes/bt_lista.gif);
    padding-left:5px;
    padding-bottom:3px;
    padding-right:75px;
}

/* ------------------------------------ 
    PARA LAS LISTAS NUMERADAS           */

#contenido_deseccion_3{
float:left;
width:644px;
height:100%;
font-size:14px;
margin-left:55px;
margin-right:20px;
padding-top:0px;
font-size:12px;
color:#333333;
text-align:justify;
}
#contenido_deseccion_3 strong,b{
font-weight:bold;
color:#009999;
}
html>body #contenido_deseccion_3 ol
{
    list-style-type:decimal;
    padding-left:50px;
    padding-bottom:3px;
    padding-right:0px;
    font-weight:bold;
    color:#009999;
}
*:first-child+html  #contenido_deseccion_3 ol
{
    padding-left:5px;
    padding-bottom:3px;
    list-style-type:decimal;
    margin-bottom:10px;
    font-weight:bold;
    color:#009999;
}
.derecha {
    float: right;
	position:relative;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
	margin-top:2px;
	left:18px;
}
.izquierda {
    float: left;
	line-height:20px;
}
/* para los listados numerados*/
.textoNegro
{
    color:Black;
    font-weight:normal;
}
#botones_secciones{
float:left;
width:218px;
height:51px;
line-height:50px;
margin-top:3px;
margin-bottom:17px;
margin-left:20px;
}

#botones_secciones a
{
    text-decoration:none;
    color:black;
}

.botones_secciones
{
    margin-left:10px;
}

/* FORMULARIOS */
#formContainer 
{
	width: 250px;
	height:100%;
	float:right;
}
input:focus, select:focus, checkbox:focus, textarea:focus {
	background: #EBEBEB;
}

.enlinea {
	float: right;
	width: 75px;
}

.corto {
	width: 210px;
	margin-right: 0px;
}

#Col1 , #Col2 
{
    float:left;
    width: 100%;
    text-align:left;
}

#envienos {
	padding: 10px 10px 0px;
	width: 44%;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
}

input, select, checkbox, textarea{
	border: 1px solid #7F9DB9;
	font: 1em Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 97%;
}
input:focus, select:focus, checkbox:focus, textarea:focus {
	background: #EBEBEB;
}
.button {
	padding: 3px;
	margin-top: 1px;
	width:25%;
}
label {
	display: block;
	padding-top: 0.7em;
	/*padding-bottom: 0.4em;*/
	font-weight: bold;
}
#Submit {
	width: 5em;
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-top: 1.6em;
}

#mensajeError
{
    width:100%;
    color:Red;
    font-weight:bold;
    float:right;
}

/*GALERIAS FOTOS INSTALACIONES */

#capa_galeria
{
    float:left;
    width:640px;
    height:100%;
}

#capa_galeria li {
	display:inline;
	float:left;
	width:185px;
	background-color:#f5f7f9;
	padding:5px;
	margin:10px;
	text-align: center;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
}

#capa_galeria img {
	border:1px solid #EEE;
}

#FotoAmpliada
{
    position:absolute;
    border:1px solid silver;
    width:550px;
    height:auto;
    z-index:2;
    top:220px;
    left:200px;
    font-weight:bold;
    text-align:center;
    padding:3px 3px 3px 3px;
    color:#FFFFFF;
    background-color:White;
    visibility:hidden;
    line-height:18px;
}

#datos_contacto
{
    float:left;
    width:211px;
    height:auto;
    color:black;
    margin-left:20px;
    padding-right:15px;
    line-height:18px;
    text-align:left;
}

.TitulosLetraServicios
{
    font-size:16px;
}

.enlace_comidas
{
    color:#47d6c7;
    font-weight:bold;
   
}

.enlace_comidas a
{
    color:#47d6c7;
    font-weight:bold;
}


