a { color: #fff; }

a:hover { text-decoration: none; }

area { cursor: pointer; }

body
{
	background-color: #fff;
	margin: 0;
	padding: 0;
}

form, .no_class, .no_class td
{
	border: 0;
	height: auto;
	margin: 0;
	padding:0;
	width: auto;
}

h1
{
	color: #f00;
	display: none;
	font-size: 1.5em;
	font-style: italic;
	margin: 0;
	padding: 0 0 5px 80px;
}

h2
{
	font-size: 1.5em;
	font-style: italic;
	margin: 20px;
	text-transform: uppercase;
}
h2 span
{
	display: block;
	font-family: Helvetica, Verdana;
	font-size: 0.7em;
	font-weight: bold;
}
h2.titulo 
{
	background: url( ../img/dec/bloque/titulo.gif ) no-repeat;
	height: 28px; /* Hay que tener restarle el padding-bottom y el padding-top */
	margin: 6px 0 0 10px;
	padding: 14px 0 0 8px;
	width: 200px; /* Hay que restarle el padding-left y el padding-right */
}
h2.doble /* Columnas */
{
	background-image: url( '../img/dec/titulo_doble.gif' );
	width: 354px;
}

h3
{
	font-size: 1.3em;
	font-style: italic;
	margin: 0 125px 5px 0;
	padding: 1px 0 4px;
}

h4
{
	font-size: 1.3em;
	margin: 0;
}

html { overflow: auto; }

img { border: 0; }

input, li, table, textarea
{
	color: #fff;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
}

table, td
{
	border: 0;
	height: 100%;
	width: 100%;
}

td { vertical-align: top; }

textarea 
{
	background-color: #0B345e;
	border: none;
	height: 68px;
	margin-top: 2px;
	overflow: hidden;
	padding-left: 5px;
	width: 260px;
}

li 
{
	background: url( ../img/dec/flecha.gif ) no-repeat left center;
	margin: 0;
	padding: 0 0 0 10px;
}
li a
{
	font-family: Tahoma;
	font-size: 10px;
	line-height: 17px;
	text-decoration: none;
}
li a:hover { text-decoration: underline; }

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.bloque { background: url( ../img/dec/bloque/supizq.gif ) left top no-repeat #0d4075; }
.bloque .principal { background: url( ../img/dec/bloque/supder.gif ) right top no-repeat; }
.bloque .interior { background: url( ../img/dec/bloque/infizq.gif ) bottom left no-repeat; }
.bloque .interno { background: url( ../img/dec/bloque/infder.gif ) bottom right no-repeat; }
.bloque .interno .contenido
{
	margin: 14px 12px 0 30px;
	padding-bottom: 16px;
}
.bloque .interno .contenido p { margin: 5px 0; }
.bloque .interno .contenido p.inicial:first-line  { font-weight: bold; }
.bloque .interno .contenido .mas
{
	background: url( ../img/form/mas.gif ) no-repeat;
	color: #529eec;
	display: block;
	float: right;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	height: 15px;
	margin: 16px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 83px;
}
.bloque .interno .contenido .mas:hover { color: #f00; }

.columna 
{
	padding-bottom: 5px; /* Necesario en Mozilla */
	height: 320px;
	width: 230px;
}

.construccion
{
	background: url( ../img/dec/construccion.gif ) no-repeat;
	height: 200px;
}

.destacado { font-weight: bold; }

.doble { width: 377px; } /* Tipo de columna */

.emexpress
{
	font-weight: bold;
	text-transform: uppercase;
}

.grande { width: 526px; } /* Tipo de columna */

.form
{
	height: 23px; 
	margin-top: 2px;
}
.form input
{
	background-color: #0B345e;
	border: none;
	height: 20px;
	padding-left: 5px;
	width: 260px;
}

.map
{
	border: none;
	float: right;
	height: 250px;
	margin-left: 4px;
	padding-left: 0;
	overflow: hidden;
	width: 300px;
}

.i, .l, .n, .n_air, .n_10, .n_24, .o, .p, .p_10, .p_12, .p_24
{
	background: bottom right no-repeat;
	min-height: 200px;
}

.base, .n_10, .n_24, .n_air, .p_10, .p_12, .p_24,
.i li, .l li, .n_air li, .o li, .prohibido li
{
	font-size: 1.3em;
	line-height: 1.2em;
	font-size: 1.3em;
	line-height: 1.2em;
}
.n_10 li, .n_24 li, .p_10 li, .p_12 li, .p_24 li
{
	font-size: 1.05em;
	line-height: 1.2em;
}

.i { background-image: url( ../img/dec/servicios/mapamundi.jpg ); }
.l { background-image: url( ../img/dec/servicios/almacen.jpg ); }
.n, .n_air { background-image: url( ../img/dec/servicios/air.jpg ); }
.n_10 { background-image: url( ../img/dec/servicios/muy_urgente.jpg ); }
.n_24 { background-image: url( ../img/dec/servicios/paquete.jpg ); }
.o { background-image: url( ../img/dec/servicios/valija.jpg ); }
.p { background-image: url( ../img/dec/sobre.jpg ); }
.p_10 { background-image: url( ../img/dec/servicios/despertador.jpg ); }
.p_12 { background-image: url( ../img/dec/servicios/medio.jpg ); }
.p_24 { background-image: url( ../img/dec/sobres.jpg ); }

.p h3, .n h3, .i h3
{
	border: solid #fff;
	border-width: 1px 0;
	margin-top: 10px;
}

.no_class .leyendas { width: 98px; }

.leyendas, .leyendas div
{
	color: #348de9;
	margin: 29px 0px 0 20px;
}

.scroll
{
	height: 230px;
	overflow: auto;
}

.sede, .servicio 
{
	/*border-top: 1px dotted #fff;*/
	clear: right;
	font-size: 1em;
	margin: 0px 10px 0 -16px;
	padding: 2px 0;
}
.sede p, .servicio p { padding-left: 10px; }
.sede p.titulo, .servicio p.titulo
{
	background: url( ../img/dec/flecha.gif ) left no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: middle;
}
.servicio h2 { font-size: 1.8em; }
.servicio p.titulo
{
	font-size: 1.45em;
	text-transform: uppercase;
}
.servicio p.titulo a
{
	border-bottom: 1px solid #f00;
	text-decoration: none;
}
.servicio p.titulo a:hover { border: none; }

.bloque .interno .contenido .sede .mas { margin: 0 0 4px; }

.servicio a
{
	color: #fff;
	font-size: 1em;
	line-height: 15px;
}
.servicio ul { margin-left: 10px; }

.primera { border-top: none; } /* La primera sede */

.unico h2
{
	background: url( ../img/dec/titulo.gif ) no-repeat;
	height: 42px; /* Hay que tener restarle el padding-bottom y el padding-top */
	margin: 6px 12px;
	padding: 14px 0 0 8px;
	width: 734px;
}
.unico .bloque .interno p { margin: 9px 0; }
.unico .bloque { margin-left: 20px; } /* Bloque ?nico del cuerpo */
.unico .bloque .contenido
{
	margin: 6px 12px;
	padding: 8px;
}

#baners { width: 315px; }
#baners a { display: block; }
#baners img
{
	margin-bottom: 10px;
	margin-left: 20px;
}
#baners img.primero { margin-top: 0; }

#cabecera
{
	background: url( ../img/dec/cabecera.jpg ) right top no-repeat;
	height: 220px;
	padding-left: 20px;
}

#cita
{
	font-style: italic;
	text-transform: uppercase;
}

#clientes
{
	background-color: #fff;
	text-align: center; 
	width: 1px;
}
#clientes a { color: #0b345e; }
#clientes li { background: none; }
#clientes li img { display: block; }

#cuerpo
{
	height: 0; /* Si no se pone esto en IE6 las columnas crecen demasiado */
	padding-bottom: 0;
}

#contactar { padding-top: 26px; }
.boton
{
	background: url( ../img/form/boton.gif ) no-repeat;
	border: none;
	color: #529eec;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	margin-left: 159px;
	text-align: center;
	text-transform: uppercase;
	width: 48px;
}
.enviador { margin-left: 5px; }

#informacion
{
	height: 165px;
	font-size: 3em;
	line-height: 2em;
	margin-right: 10px;
	padding-top: 25px;
	text-align: center;
}
#informacion a
{
	color: #f00;
	float: right;
	font-size: 1.1em;
	text-decoration: none;
}
#informacion a:hover
{
	color: #fff;
	font-size: 1.2em;
}
#informacion img { margin-top: 10px; }

#oficina table { width: 450px; }
#oficina td { padding: 2px 4px; }
#oficina .form input { width: 100%; }
#oficina .leyendas { padding: 6px 0 0 10px; width: 20%; }

#prohibido
{
	background: url( ../img/dec/servicios/no.gif ) left no-repeat;
	display: block;
	height: 65px;
	margin: -18px 0 0 130px;
	position: absolute;
	width: 65px;
}

#logo
{
	border: none;
	display: block;
	height: 170px;
	margin-left: 50px;
}

#mapa { margin-right: 10px; }

#pagina
{
	height: 580px;
	margin-top: 10px;
	width: 806px;
}

#pie
{
	background: url( ../img/dec/pie.gif ) top no-repeat;
	height: 45px;
	padding-left: 20px;
}

#red
{
	background: url( ../img/form/madrid.jpg ) no-repeat;
	height: 244px;
	width: 297px;
}
#red div { position: absolute; }
#alcala { margin: 100px 170px; }
#centro { margin: 135px 140px; }
#manoteras { margin: 110px 140px; }

#sedes div { display: none; }
#sedes li { background-image: none; }

#sedes
{
	overflow: hidden;
	width: 160px;
}

#sedes h3
{
	white-space: nowrap;
	margin: 0;
}

#telefonos
{
	background: url( ../img/dec/telefono.gif ) bottom left no-repeat;
	float: right;
	font-size: 13px;
	font-weight: bold;
	margin: 8px 40px 0 0;
	padding-left: 25px;
	text-align: right;
}
#telefonos span
{
	font-size: 12px;
	font-weight: normal;
}

		
