﻿body 
{
    background-image: url(../fondos/fondo.jpg);
}
img
{
    border: 0;
}
#buho
{
    padding-bottom:5px;
    padding-top:10px;
    padding-right:16px;
}
#cuerpo 
{
    width: 1003px;
    margin: auto auto;
    background-image: url(../fondos/fondoOcre.jpg);
}
#cuerpo a:link
{
    color:#000066;
}
#cuerpo a:visited
{
    color:#000066;
}
#contenido
{
    display: block;
    padding: 5px 10px 5px 10px;
    width: 983px;
    font-family:Comic Sans MS;
}
/*El id "artifice" debe ir debajo del id "cuerpo" para que se respete el color de los enlaces: */
#artifice a:link
{
    color:#FFFF99;
    text-decoration:none;
}
#artifice a:visited
{
    color:#FFFF99;
    text-decoration:none;
}
#artifice a:hover
{
    color:#CC6600;
    text-decoration:none;
}
#evt a:link
{
    color:#FFFF99;
    text-decoration:none;
}
#evt a:visited
{
    color:#FFFF99;
    text-decoration:none;
}
#evt a:hover
{
    color:#CC6600;
    text-decoration:none;
}
#evt2 a:link
{
    color:#FFFF99;
    text-decoration:none;
}
#evt2 a:visited
{
    color:#FFFF99;
    text-decoration:none;
}
#evt2 a:hover
{
    color:#CC6600;
    text-decoration:none;
}
#ext a:link
{
    color:#FFFF99;
    text-decoration:none;
}
#ext a:visited
{
    color:#FFFF99;
    text-decoration:none;
}
#ext a:hover
{
    color:#CC6600;
    text-decoration:none;
}
/* Estilo de un Menú Horizontal basado en una lista */
#menu
{
    margin:0 auto;
    padding:0;
    display: block;
    width: 100%;
    height:34px;
}
#menu ul
{
    background-color:transparent;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:2px 0 0;
    padding-left:16px;
    padding-top:4px;
    width: 100%;
}
#menu ul li
{
    background: transparent;
    display: table;
    float:left;
    padding:0 1px 0 0;
}
/* Fin del estilo de un Menú Horizontal basado en una lista */
#Morera
{
    border:0;
}
#Nogal
{
    border:0;
}
#Higuera
{
    border:0;
}
#Tilo
{
    border:0;
}
#Alamo
{
    border:0;
}
#tablacabecera  
{
    width: 100%;
    background-color:Transparent;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
#TarjetaHuertecillo
{
    padding-bottom:5px;
    padding-top:10px;
    padding-left:16px;
}
#titulo
{
    font-size:48px;
    color:#FFCC66;
    text-align:center;
}
.barraSuperior
{
    display: block;
    width:100%;
    color: #FFFF99;
    text-align: center;
    background-color:#D97611;
    font-family:Comic Sans MS;
}
.celda1  
{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 195px;
    padding-right: 20px;
    padding-left: 6px;
    padding-top: 4px;
}
.celda2  
{
    display: table-cell;
    text-align: center;
    color: #FFFF99;
    font-family:Comic Sans MS;
}
.celda3  
{
    display: table-cell;
    vertical-align: middle;
    width: 195px;
    padding-right: 8px;
    padding-left: 0px;
    padding-top: 4px;
}
.celda4  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 40%;
    padding-right: 8px;
    padding-left: 35px;
    padding-top: 16px;
}
.celda5  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 30%;
    padding-right: 8px;
    padding-left: 5px;
    padding-top: 16px;
}
.celda6  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 30%;
    padding-right: 8px;
    padding-left: 5px;
    padding-top: 16px;
}
.celda7  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 40%;
    padding-right: 68px;
    padding-left: 35px;
    padding-top: 16px;
}
.celda8  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 30%;
    padding-right: 68px;
    padding-left: 5px;
    padding-top: 16px;
}
.celda9  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 30%;
    padding-right: 8px;
    padding-left: 5px;
    padding-top: 16px;
}
.celda10  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 618px;
    padding-left: 22px;
    padding-top: 20px;
    padding-bottom: 14px;
}
.celda11  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 292px;
    padding-bottom: 14px;
    padding-top:6px;
}
.celda12  
{
    display: table-cell;
    vertical-align: middle;
    text-align:left;
    width: 238px;
    padding-bottom: 14px;
    padding-top:6px;
}
.celda13  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 285px;
    padding-bottom: 16px;
    padding-top:6px;
}
.celda14  
{
    display: table-cell;
    vertical-align: middle;
    text-align:left;
    width: 243px;
    padding-bottom: 16px;
    padding-top:6px;
}
.celda15  
{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    width: 618px;
    padding-right: 22px;
    padding-top: 20px;
    padding-bottom: 16px;
}
.celdaCentralCabecera  
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-family: "Comic Sans MS";
	font-size: 70px;
	text-decoration:underline;
	color: #FFFF99;
	margin-left: 20px;
	margin-right: 20px;
	width: 64%;
}
.celdaCentrada_42 
{
    display: block;
    text-align: center;
    width: 82%;
    margin:auto auto auto auto;
    vertical-align: middle;
    font-size: 16px;
    color: #864333;
    font-family:Comic Sans MS;
    padding:20px;
}
.celdaDerechaCabecera  
{
    display: table-cell;
    text-align: right;
    width: 18%;
}
.celdaIzquierdaCabecera  
{
    display: table-cell;
    text-align: left;
    width: 18%;
}
.contenedorFormulario
{
    display: block;
    text-align: center;
    width: 60%;
    margin:auto auto auto auto;
    vertical-align: middle;
    font-size: 14px;
    color: #FFFF99;
    font-family:Comic Sans MS;
    background-color:#D6BA94;
}
.contenedorFormularioCabecera
{
    text-align: center;
    margin:auto auto auto auto;
    vertical-align: middle;
    font-size: 18px;
    color: #864333;
    font-family:Comic Sans MS;
    background-color:#E2C649;
}
.divVacio
{
    padding:5px;
}
.divVacioPequegno
{
    padding:15px;
}
.divVacioMediano
{
    padding:25px;
}
.divVacioGrande
{
    padding:45px;
}
.enlaceAmigo
{
    text-align: right;
}
.enlaceAmigo a:link
{
    color: #F6EB5D;
    text-decoration: none;
}
.enlaceAmigo a:visited
{
    color: #F6EB5D;
    text-decoration: none;
}
.enlaceAmigo a:hover
{
    color: #F6EB5D;
    text-decoration: none;
}
.enlaceAmigo a:active
{
    color: #F6EB5D;
    text-decoration: none;
}
.fila
{
    display: table-row;
}
.fondoAreasTexto
{
    background-color:#E8E8FF;
}
.imagen
{
    padding-left:0px;
    padding-right:94px;
    padding-top:36px;
    padding-bottom:30px;
    border:0;
    width:150px;
}
.imagen2
{
    padding-left:24px;
    padding-right:24px;
    padding-top:18px;
    padding-bottom:2px;
    border:0;
}
.imagen3
{
    padding-left:24px;
    padding-right:24px;
    padding-top:68px;
    padding-bottom:2px;
    border:0;
}
.imagen4
{
    padding-top:68px;
    padding-bottom:2px;
    border:0;
}
.imagen5
{
    padding-bottom:4px;
    padding-top:16px;
    border:0;
}
.imagen6
{
    padding-bottom:4px;
    padding-top:18px;
    border:0;
}
.imagen7
{
    padding-bottom:4px;
    padding-top:98px;
    border:0;
}
.imagen8
{
    padding-left:0px;
    padding-right:0px;
    padding-top:36px;
    padding-bottom:30px;
    border:0;
    width:150px;
}
.imagenCentrada
{
    text-align:center;
}
.imagenArtifices
{
    padding-bottom:14px;
    border:0;
}
.imagenBanner
{
    padding-top:10px;
    border:0;
}
.jardin
{
    display: block;
    width:100%;
    float:left;
    color: #FFFF99;
    text-align: center;
    font-size:18px;
    font-weight:bold;
    font-family:Comic Sans MS;
    text-decoration:underline;
    background-color:transparent;
    padding-top:11px;
    padding-bottom:11px;
    border:2px;
    border-color:#DEA947;
    border-style:ridge;
}
.lineaHorizontal
{
    display: block;
    width:100%;
    color: #FFFF99;
    text-align: center;
    background-color:#D97611;
    padding-bottom:1px;
    margin-top:4px;
}
.lineaHorizontalTitulos
{
    display: block;
    width:68%;
    text-align: center;
    background-color:#D97611;
    padding-bottom:1px;
    margin:auto auto;
}
.marcoBanner
{
    display: block;
    width:539px;
    height:278px;
    float:left;
    color:#FFFF99;
    text-align: center;
    font-size:20px;
    font-family:Comic Sans MS;
    background-color:transparent;
    border:2px;
    border-color:#D97611;
    border-style:ridge;
}
.marcoGrupoImagenes
{
    width:966px;
    font-size:15px;
    color:#FFFF99;
    text-align:center;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    margin-left:6px;
    margin-right:6px;
}
.marcoImagen
{
    text-align: center;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    padding:15px;
}
.marcoTabla
{
    background-color:transparent;
    float:left;
    width:966px;
    color:#FFFF99;
    font-size:12px;
    font-family:Comic Sans MS;
    font-weight:normal;
    text-decoration:none;
    text-align: center;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    padding-bottom:5px;
    margin-left:6px;
    margin-bottom:16px;
}
.marcoTexto
{
    display: block;
    width:539px;
    float:left;
    color:#FFFF99;
    text-align: center;
    font-size:14px;
    font-family:Comic Sans MS;
    background-color:transparent;
    border:2px;
    border-color:#D97611;
    border-style:ridge;
    margin-top:5px;
}
.marcoTextoArtifices
{
    width:966px;
    font-size:15px;
    color:#FFFF99;
    text-align:center;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    margin-left:6px;
    margin-right:6px;
}
.marcoTextoCasas
{
    width:966px;
    font-size:15px;
    color:#FFFF99;
    text-align:center;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    margin-left:6px;
    margin-right:6px;
}
.marcoTextoTabla
{
    background-color:transparent;
    float:left;
    width:100%;
    color:#FFFF99;
    font-size:13px;
    font-family:Comic Sans MS;
    font-weight:normal;
    text-decoration:none;
    text-align: center;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    padding-top:5px;
    padding-bottom:5px;
}
.marcoTextoTablaArriate
{
    background-color:transparent;
    float:left;
    width:100%;
    color:#FFFF99;
    font-size:13px;
    font-family:Comic Sans MS;
    font-weight:normal;
    text-decoration:none;
    text-align: center;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:20px;
}
.marcoTitulosVisitas
{
    display: block;
    width:100%;
    float:left;
    color:#FFFF99;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    font-family:Comic Sans MS;
    background-color:transparent;
    border:2px;
    border-color:#333333;
    border-style:ridge;
    margin-bottom:5px;
}
/* Estilo de un Menú Horizontal en el que, al pasar el ratón por encima de alguna de las opciones, surge un SubMenú Desplegable*/
.menuDesplegable
{
    margin:0 auto;
    padding:0;
    display: block;
    width: 100%;
    height:34px;
}
.menuDesplegable ul
{
    background-color:transparent;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:2px 0 0;
    padding-left:16px;
    padding-top:4px;
    width: 100%;
    
}
.menuDesplegable ul li
{
    background:transparent;
    position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
    background: transparent;
    display: inline;
    float:left;
    padding:0 1px 0 0;
}
.menuDesplegable ul li ul
{
    display: none;
}
.menuDesplegable ul li:hover ul
{
    background:transparent;
    display: table-column; 
	position: absolute;
	top:20px;
	left:-3px;
}
.menuDesplegable ul li:hover ul li
{
    background:transparent;
    display: table-cell; 
	position: relative;
	border:0;
}
/* Fin del estilo de un Menú Desplegable */
/* ................................................. */
/* Estilo de un Menú vertical basado en una lista dentro de un marco muy suave*/
.menuVertical
{
    display: block;
    width:100%;
    float:left;
    background-color:transparent;
    margin:0;
    padding:8px 0 5px 0;
    border:2px;
    border-color:#D97611;
    border-style:ridge;
}
.menuVertical ul
{
    background-color:transparent;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 0 0;
    padding-left:7px;
    width: 100%;
}
.menuVertical ul li
{
    background:transparent;
    padding-bottom:12px;
    padding-top:12px;
    float:left;
    display:table;
}
/* Fin del stilo de un Menú vertical */
.piePagina
{
    display: block;
    width:100%;
    color: #FFFF99;
    text-align: center;
    background-color:#D97611;
    padding-bottom:3px;
    padding-top:4px;
}
.ratonEncima
{
    height:28px;
}
.ratonFuera
{
    height:26px;
}
.ratonEncimaCasas
{
    height:30px;
}
.ratonFueraCasas
{
    height:100%;
}
.ratonEncimaExteriores
{
    height:112px;
}
.ratonFueraExteriores
{
    height:110%;
}
.servicios
{
    display: block;
    width:100%;
    float:left;
    color:#FFFF99;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    font-family:Comic Sans MS;
    background-color:transparent;
    border:2px;
    border-color:#825020;
    border-style:ridge;
    margin-bottom:5px;
}
.serviciosSinSubrayar
{
    background-color:transparent;
    float:left;
    width:95%;
    color:#FFFF99;
    font-size:12px;
    font-family:Comic Sans MS;
    font-weight:normal;
    text-decoration:none;
    text-align: center;
    border:2px;
    border-color:#DEA947;
    border-style:ridge;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
}
.tabla1
{
    width: 100%;
    display: table;
}
.texto
{
    font-size:14px;
    color:#FFFF99;
    text-align:center;
}
.textoArtifices
{
    padding-left:8px;
    padding-right:8px;
    padding-top:12px;
    padding-bottom:12px;
}
.textoCasas
{
    padding-left:8px;
    padding-right:8px;
    padding-top:12px;
    padding-bottom:12px;
}
.textoCentrado
{
    font-size:14px;
    color:#FFFF99;
    text-align:center;
}
.textoCentradoAdvertencia
{
    font-size:18px;
    color:#FF5050;
    text-align:center;
}
.textoFormularioContacto
{
    font-size:16px;
    color:#864333;
    text-align:center;
}
.textoIzquierda
{
    font-size:14px;
    color:#FFFF99;
    text-align:left;
}
.textoPortada
{
    padding:8px;
    padding-top:10px;
}
.textoPortada2
{
    padding:7px;
}
.textoResaltado
{
    font-size:17px;
    color:#FFFF99;
    text-align:center;
    padding-bottom:5px;
    padding-left:25px;
    padding-right:25px;
}
.textoResaltadoGrande
{
    font-size:22px;
    color:#FFFF99;
    text-align:center;
    padding-top:8px;
    padding-left:28px;
    padding-right:28px;
}
.textoResaltadoMediano
{
    font-size:18px;
    color:#FFFF99;
    text-align:center;
    padding-top:8px;
}
.textoResaltadoSuperior
{
    font-size:24px;
    color:#FFFF99;
    text-align:center;
    text-decoration:underline;
}
.textoResaltadoSubrayado
{
    font-size:17px;
    color:#FFCC66;
    text-align:center;
    text-decoration:underline;
    padding-bottom:5px;
}
.textoSubrayado
{
    font-size:16px;
    color:#FFFF99;
    text-align:center;
    text-decoration:underline;
}
.textoVisitas
{
    font-size:15px;
    color:#FFFF99;
    text-align:center;
    padding:8px;
    padding-top:10px;
    padding-bottom:10px;
}
.tituloBanner
{
    display: block;
    width:539px;
    float:left;
    color:#FFFF99;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    font-family:Comic Sans MS;
    background-color:transparent;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    margin-bottom:5px;
    margin-top:5px;
}
.tituloTextoPortada
{
    display: block;
    width:539px;
    float:left;
    color:#FFFF99;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    font-family:Comic Sans MS;
    background-color:transparent;
    border:2px;
    border-color:#990000;
    border-style:ridge;
    margin-top:5px;
}