body
{
	background: #fff url( ../img/dec/fondo.gif ) bottom right no-repeat;
	font-size: 0.7em;
}

a, h2 { color: #c03; }
a:hover { color: #ab0534; }

dd
{
	font-style: italic;
}

dt
{
	color: #c03;
	font-weight: bold;
	margin-top: 10px;
}

h1 { text-align: right; }
h1 img { border: none; }

h3
{
	color: #c03;
	font-size: 1.3em;
	margin: 10px 0 0 15px;
}

input, textarea
{
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
input
{
	background: transparent;
	border: none;
	text-align: center;
}
input.caja { width: 16px !important; margin: 0 2px !important;}
input.miniboton
{
	background: url( ../img/form/miniboton.gif ) top no-repeat;
	height: 40px;
	width: 25px !important;	
}
input.fecha
{
	background: url( ../img/form/buscador/fecha.gif ) right top no-repeat;
	height: 18px;
	width: 100px !important;
	margin: 0 0 12px 80px;
	padding-top: 2px;
	text-align: center !important;
}
input.miniboton, .boton input
{
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}

textarea
{
	border: 1px solid #c03;
	overflow: auto;
}

.agradecimiento { text-align: left; }
.agradecimiento a
{
	font-weight: bold;
	text-decoration: none;
}

.boton
{
	background: url( ../img/form/boton.gif ) top no-repeat;
	height: 40px;
	width: 140px;
}
.boton input
{
	height: 16px;
	width: 140px;
}


.botonera
{
	clear: both;
	float: right;
	list-style: none;
	margin-bottom: 20px;
	text-align: right;
}
.botonera a
{
	color: #c03;
	font-weight: bold;
	text-decoration: none;
}
.botonera a:hover { text-decoration: underline; }
.botonera li, .botonera td, .botonera th { white-space: nowrap; }
.botonera th { text-align: right; }
.botonera .destacado { font-size: 1.3em; }

.calendario
{
	background: transparent url( ../img/form/buscador/calendario.gif ) no-repeat;
	height: 202px;
	left: 0;
	position: absolute;
	top: -400px;
	width: 177px;
	z-index: 170;
}

.destacado
{
	color: #c03;
	font-weight: bold;
}

/* Necesario en Mozilla, no afecta a IE */
.informacion { padding-left: 10px; }

.leyenda { text-align: right; }

.listado img
{
	border: 1px solid #c03;
	margin: 0px 20px;
	padding: 1px;
}
.listado li
{
	list-style: none;
	margin: 0;
	padding-bottom: 4px;
}
.listado ul
{
	margin: 0 0 0 50px;
	padding: 5px;
}
.listado .titulo
{
	background-color: #c03;
	padding: 3px 5px;
	text-align: left;
}
.listado .titulo a
{
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

.map
{
	border: none;
	height: 250px;
	padding-left: 10px;
	overflow: hidden;
	width: 400px;
}

.marco { margin: 0 10px; }
.marco td.costes li { padding-top: 0px; } /*Se usa el padding por IE, Mozilla también trabaja con margin bien */
.marco td.costes .aclaracion
{
	/*font-size: 9px;
	padding-left: 10px;
	font-style: italic;*/
}
.marco th
{
	font-size: 0.1em;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.marco th.der, .marco th.izq { width: 10px; }
.marco .inf th, .marco .sup th { height: 10px; }
.marco .der { background: url( ../img/dec/marco/der.gif ) left repeat-y; }
.marco .izq { background: url( ../img/dec/marco/izq.gif ) right repeat-y; }
.marco .inf .cen { background: url( ../img/dec/marco/inf.gif ) top repeat-x; }
.marco .inf .der { background: url( ../img/dec/marco/infder.gif ) top left no-repeat; }
.marco .inf .izq { background: url( ../img/dec/marco/infizq.gif ) top right no-repeat; }
.marco .sup .cen { background: url( ../img/dec/marco/sup.gif ) bottom repeat-x; }
/*.marco .sup .der { background: url( ../img/dec/marco/supder.gif ) bottom left no-repeat; }
.marco .sup .izq { background: url( ../img/dec/marco/supizq.gif ) bottom right no-repeat; }*/

td.texto
{
	background: url( ../img/form/contacto/texto.gif ) left bottom no-repeat; 
	height: 17px;
}
.texto input
{
	margin-left: 25px;
	text-align: left;
	width: 150px;
}

#botonera
{
	clear: both;
	margin-bottom: 20px;
}
#botonera a
{
	color: #c03;
	font-weight: bold;
	text-decoration: none;
}
#botonera a:hover { text-decoration: underline; }
#botonera td, #botonera th
#calculadora td, #calculadora th { white-space: nowrap; }
#botonera th { text-align: right; }
#botonera .destacado { font-size: 1.3em; }

#buscador input.fecha { margin-left: 65px; }
#buscador input.cerrar { background: url( ../img/form/buscador/cerrar.gif ) top no-repeat; }
#buscador label
{
	color: #c03;
	font-size: 0.8em;
	font-weight: bold;
	padding: 4px 0 0;
	position: absolute;
	text-align: right;
	width: 60px;
}
#buscador p { margin: 0; }
#buscador select { margin: 0 0 12px 100px; }
#buscador #parametros_busqueda
{
	background: transparent url( ../img/dec/buscador.gif ) left top no-repeat;
	display: none;
	height: 92px;
	padding-top: 10px;
	position: absolute;
	width: 502px;
}
#buscador #parametros_busqueda .boton
{
	float: right;
	margin: -30px 120px 0 0; /* IE6 necesita ajustes especiales */
}

#cabecera /* La cabecera consta de la portada y el título principal */
{
	height: 100px;
	overflow: hidden;
	padding: 10px 0;
}
#cabecera *
{
	margin: 0;
	padding: 0;
}

#calculadora .boton input
{
	margin-left: 0;
	text-align: center;
	width: 150px;
}

#complementos
{
	margin: 0 10px; 
	width: 270px;
}

#contenido { margin: 0 10px 0 0; }

#cuerpo
{
	clear: both;
	margin-right: 10px;
}
#cuerpo h2
{
	float: left;
	font-size: 1em;
	margin: 0;
	padding-left: 40px;
}
#cuerpo h2 a { text-decoration: none; }
#cuerpo h3 { font-size: 1em; }
#cuerpo strong { color: #c03; }

#datos
{
	font-size: 0.8em;
	margin: 10px;
	height: 160px;
	text-align: left;
}
#datos h3
{
	color: #c03;
	font-size: 1.2em;
	margin: 0;
}
#datos img { margin-right: 20px; }
#datos p { margin: 5px; }
#datos .botonera
{
	font-size: 1.3em;
	vertical-align: top;
}
#datos .botonera td { vertical-align: top; }

#datos_busqueda
{
	color: #c03;
	font-size: 0.8em;
	margin: 4px 0 0 150px;
	position: absolute;
}

#disponibilidad
{
	background: transparent url( ../img/form/disponibilidad.gif ) no-repeat;
	height: 252px;
	left: 0;
	position: absolute;
	top: -800px;
	width: 502px;
	z-index: 150;
}

#idiomas { float: right; }
#idiomas img
{
	border: 1px solid #c03;
	padding: 1px;
}

#indice
{
	float: right;
	margin-right: 10px;
}
/* Para que tenga prioridad sobre las utilidades */
#indice .menu { z-index: 10; }

#informacion
{
	margin: 10px;
	padding-bottom: 20px;
}
#informacion strong { color: #c03; }

#navegacion /* Para los listados en la ficha ( mirar en pag/utilidades.php ) */
{
	float: right;
	font-size: 0.8em;
	margin: 2px 4px;
}

#pie 
{
	clear: both;
	color: #c03;
	padding: 2px 10px; 
}

#portada 		/* En la portada se colocará el banner */
{
	float: left;
	height: 90px;
	margin-left: 10px;
	width: 370px;
}

#prefacio
{
	float: left;
	font-size: 0.8em;
	padding-left: 10px;
	position: relative;
	width: 190px;
}
#prefacio a
{
	display: block;
	margin: -2px 0;
	padding: 0;
	text-decoration: none;
}
#prefacio ul img
{
	border: 1px solid #c03;
	padding: 1px;
}
#prefacio ul li
{
	list-style: none;
	margin: 0;
	padding-bottom: 5px;
}

#servicios
{
	float: left;
	margin-top: -5px;
}
#servicios img { padding: 2px; }

#texto
{
	margin: 10px 0;
	overflow: hidden;
	text-align: justify;
}

#utilidades
{
	height: 20px;
	margin-left: 210px;
}

#utilidades a
{
	font-weight: bold;
	text-decoration: none;
}
#utilidades .menu
{
	/* Con este parámetro IE7 no sufre desplazamiento a la izquierda al abrir un submenú */
	float: left;
	z-index: 8; 	/* Para que se coloque tras el índice */
}
#utilidades .menu a
{
	background-image: none;
	height: 25px;
	margin-left: 0px;
}

#zoom
{
	background: url( ../img/dec/zoom.gif ) no-repeat;
	display: none;
	height: 300px;
	left: 50%;
	margin-left: -250px;
	margin-top: -100px;
	position: fixed;
	top: 50%;
	visibility: hidden;
	visibility: visible !important;
	width: 400px;
	z-index: 300;
}
#zoom a.cierre
{
	display: block;
	height: 20px;
	float: right;
	margin: 10px 10px 5px 40px;
	text-decoration: none;
	width: 20px;
}
#zoom img
{
	border: 1px solid #c03;
	/*margin: 0px 10px;*/
	margin: 0px 0 0 20px;
	padding: 1px;
}
/*****************serviweb*******************/
.serviwebPie {width:100%; margin-top:10px!important; padding-top:10px; text-align:center;}
.serviwebPie h1.serviweb, 
.serviwebPie h3.serviweb, 
.serviwebPie h1.serviweb a, 
.serviwebPie h3.serviweb a {display:inline; margin:0; font-size:11px; color:#c03; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.serviwebPie td.serviweb  {display:inline; margin:0; font-size:11px; color:#c03; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.serviwebPie td.serviweb a {display:inline; margin:0; font-size:11px; color:#c03; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.serviwebPie td.serviweb a:hover {display:inline; margin:0; font-size:11px; color:#c03; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}