body
{
	background: #fff url( ../img/dec/logoCacthMano.jpg ) bottom right no-repeat;
	font-size: 0.7em;
}

a, h2 { color: #666666; }
a:hover { color: #ab0534; }

dd
{
	font-style: italic;
}

dt
{
	color: #666666;
	font-weight: bold;
	margin-top: 10px;
}

h1 { text-align: right; }
h1 img { border: none; }

h3
{
	color:#FF6600;
	font-size: 1.3em;
	margin: 0px 0 0 0px;
}

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: 20px;
	width: 25px !important;	
}
input.fecha
{
	background: url( ../img/form/buscador/fecha.gif ) right no-repeat;
	height: 18px;
	width: 100px !important;
	margin: 0 0 0px 0px;
	padding-top: 2px;
	text-align: center !important;
}
input.miniboton, .boton input
{
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}

input.miniboton2, .boton2 input
{
	color:#666666;
	cursor: pointer;
	font-weight: bold;
}

input.miniboton3, .base input
{
	color:#ffffff;
	cursor: pointer;
	font-weight: bold;
	margin-top:5px;
}

textarea
{
	border: 1px solid #666666;
	overflow: auto;
}

.agradecimiento { text-align: left; }
.agradecimiento a
{
	font-weight: bold;
	text-decoration: none;
}

.boton
{
	background: url( ../img/form/nav/selector.gif ) top no-repeat;
	height:25px;
	width: 130px;
}

.boton2
{
	background: url( ../img/form/nav/selector2.gif ) no-repeat;
	height: 25px;
	width: 130px;
	margin-left:50px;
	

}

.base
{
	background: url( ../img/form/nav/base.gif ) no-repeat;
	height: 25px;
	width: 180px;
	margin-left:0px;
	

}

.botonbusqueda
{
	background: url( ../img/form/nav/base.gif ) no-repeat;
	height: 25px;
	width: 205px;
	margin-left:20px;
}

input.botonbuscar2, .botonbusqueda input
{
	color:#FFFFFF;
	cursor: pointer;
	font-weight: bold;
}

.boton input
{
	height: 25px;
	width: 130px;
}

.boton2 input
{
	height: 25px;
	width: 130px;
}

.botonbusqueda input
{
	height: 28px;
	width: 110px;
}


.botonera
{
	clear: both;
	float: right;
	list-style: none;
	margin-bottom: 20px;
	text-align: right;
	
}
.botonera a
{
	
	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.png ) no-repeat;
	height: 202px;
	left: 0;
	position: absolute;
	top: -400px;
	width: 177px;
	z-index: 170;
}

.destacado
{
	color:#FF6600;
	font-weight: bold;
}

/* Necesario en Mozilla, no afecta a IE */
.informacion { padding-left: 10px; }

.leyenda { text-align: right; }

.listado img
{
	border: 1px solid #fff;
	margin: 0px 0px;
	padding: 1px;
}
.listado li
{
	list-style: none;
	margin: 0;
	padding-bottom: 4px;
}
.listado ul
{
	margin: 0 0 0 0px;
	padding: 0px;
	

}
.listado .titulo
{
	background-color: #f60;
	text-align: center;
}
.listado .titulo a
{
	color:#FFFFFF;
	font-size: 1.1em;
	text-decoration: none;
}

.listado a
{
	color:#555;
	font-size: 1.1em;
	text-decoration: none;
}

.map
{
	border: none;
	height: 250px;
	padding-left: 10px;
	overflow: hidden;
	width: 400px;
}

.marco { margin: 0 0px; background-color:#E8E8E8;}
.marco td.costes li { padding-top: 0px; background-color:#E8E8E8;} /*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;
	background-color:#E8E8E8;
}
.marco th.der, .marco th.izq { width: 10px; }
.marco .inf th, .marco .sup th { height: 10px; }
.marco .der { background-color:#E8E8E8; }
.marco .izq {background-color:#E8E8E8; }
.marco .inf .cen {background-color:#E8E8E8;}
.marco .inf .der {background-color:#E8E8E8; }
.marco .inf .izq {background-color:#E8E8E8;}
.marco .sup .cen { background-color:#E8E8E8;}


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;
}

.contacto
{
	margin-left: 240px;
	text-align: center;
	
	
	
}

#botonera
{
	clear: both;
	margin-bottom: 20px;
}
#botonera a
{
	color:#FFFFFF;
	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: 55px; }
#buscador input.cerrar { background: url( ../img/form/buscador/cerrar.gif ) top no-repeat; }
#buscador label
{
	color: #777;
	font-size: 0.8em;
	font-weight: bold;
	padding: 4px 0 0;
	position: absolute;
	text-align: left;
	width: 60px;
}
#buscador p { margin: 0; }
#buscador select { margin: 0 0 12px 20px; }
#buscador #parametros_busqueda
{
	background: transparent url( ../img/dec/buscador.jpg ) left top no-repeat;
	display: none;
	
	padding-top: 10px;
	
	width: 150px;
}
#buscador #parametros_busqueda .boton
{
	float: center;
	
}

#cabecera /* La cabecera consta de la portada y el título principal */
{
	height: 240px;
	overflow: hidden;
	padding: 10px 0;
}
#cabecera *
{
	margin: 0;
	padding: 0;
}

#calculadora .boton input
{
	margin-left: 0;
	text-align: left;
	width: 200px;
}

#complementos
{
	margin: 0 10px 0 240px; 
	width: 250px;
}

#contenido { margin: 0 10px 0 0; }

#cuerpo
{
	clear: both;
	margin-right: 10px;

}

#cuerpo2
{
	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: #666666; }

#datos
{
	font-size: 0.8em;
	margin: 10px;
	height: 160px;
	text-align: left;
	
}
#datos h3
{
	color:#FF6600;
	font-size: 1.2em;
	margin: 0;
}
#datos img { margin-left: 230px;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: #666666;
	font-size: 0.8em;
	margin: 4px 0 0 150px;
	position: absolute;
}

#disponibilidad
{
	background: transparent url( ../img/form/disponibilidad.png ) no-repeat;
	height: 252px;
	left: 0;
	position: absolute;
	top: -800px;
	width: 502px;
	z-index: 150;
}

#idiomas { float: right; }
#idiomas img
{
	border: 1px solid #666666;
	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:#000000; }

#navegacion /* Para los listados en la ficha ( mirar en pag/utilidades.php ) */
{
	float: right;
	font-size: 0.9em;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom:2px;
	padding-top:2px;
	
	border-color:#FFFFFF;
	border:2px;
}

#pie 
{
	clear: both;
	color:#FF6600;
	padding: 2px 10px; 
}

#portada 		/* En la portada se colocará el banner */
{
	float: left;
	
	margin-left: 0px;

}

#prefacio
{
	float: left;
	font-size: 0.8em;
	position:relative;
	width: 190px;

}
#prefacio a
{
	display: block;
	margin: -2px 0;
	padding: 0;
	text-decoration: none;
}
#prefacio ul img
{
	border: 1px solid #666666;
	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 #666666;
	/*margin: 0px 10px;*/
	margin: 0px 0 0 20px;
	padding: 1px;
}
