html,body{
font-family: Arial, Helvetica, sans-serif;
/*text-align:center;*/
background-color:#0068B5;
margin: 0 auto;
height:auto !important;
height:100%;
min-height:100%;
}

A.enlaceAzulRojo:link {
	COLOR: #4251A0	; font-size:12px;text-decoration:none; font-style:none;
}

A.enlaceAzulRojo:visited {
	COLOR: #4251A0 	; font-size:12px;text-decoration:none ;font-style:none;
}

A.enlaceAzulRojo:hlink {
	COLOR: #4251A0 	; font-size:12px;text-decoration:none;font-style:none;
}

A.enlaceAzulRojo:hover {
	color: #E60003	; font-size:12px;TEXT-DECORATION:none;font-style:none;
}

A.enlaceVerdeAzul:link {
	COLOR: #88BB09 	; font-size:12px;text-decoration:none; font-style:italic;
}

A.enlaceVerdeAzul:visited {
	COLOR: #88BB09 	; font-size:12px;text-decoration:none ;font-style:italic;
}

A.enlaceVerdeAzul:hlink {
	COLOR: #88BB09 	; font-size:12px;text-decoration:none;font-style:italic;
}

A.enlaceVerdeAzul:hover {
	color: #0068B5	; font-size:12px;TEXT-DECORATION:none;font-style:italic;
}

A.enlaceVision:link {
	font-size:10px; font-family:Arial, Helvetica, sans-serif;
	COLOR: #0068B5 	; text-decoration:none;	
}

A.enlaceVision:visited {
font-size:10px; font-family:Arial, Helvetica, sans-serif;
	COLOR: #0068B5 	; text-decoration:none;
}

A.enlaceVision:hlink {
font-size:10px; font-family:Arial, Helvetica, sans-serif;
	COLOR: #0068B5 	; text-decoration:none;
}

A.enlaceVision:hover {
font-size:10px; font-family:Arial, Helvetica, sans-serif;
color:#003399	; TEXT-DECORATION:none;
}


A.enlaceRojo:link {
	font-size:13px; font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	color:#FF0000	; text-decoration:none;	
}

A.enlaceRojo:visited {
font-size:13px; font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	color:#FF0000	; text-decoration:none;
}

A.enlaceRojo:hlink {
font-size:13px; font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	color:#FF0000 	; text-decoration:none;
}

A.enlaceRojo:hover {
font-size:13px; font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#003399	; TEXT-DECORATION:none;
}

.textoLibreAzul
{
font-family:Arial;
font-size:14px;
font-style:italic;
color:#0068B5;
padding-left:20px;
padding-right:20px;
text-align:left;
}

.textoAzul
{
text-align:left;
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#003399;
padding-left:10px;
}

#cajaPagina {
/*width:954px; /* Para 10x24 x 7687 */
display:block;
width:757px;
width: auto;
/*background-image:url("imagenes/pixelBlanco.gif") repeat-y 100%;*/
height:auto !important;
height:100%;
margin:0 auto;
margin-left:0 auto;
padding-left:0px;
background-color:#FFFFFF;
}
#cajaPagina1 {
/* cuarto pixel amarillo hacia fuera desde dentro */
/*width:953px; /* Para 10x24 x 7687 */
/*width:778px;*/
width:755px;
height:auto !important;
height:100%;
padding-left:0px;
margin:auto;
margin-left:0 auto;
text-align:center;
background-color:#FFFFFF;
}
#cajaPagina2 {
/* tercer pixel hacia fuera desde dentro color verde */
/*width:952px; /* Para 10x24 x 7687 */
/*width:776px;*/
width:753px;
height:auto !important;
height:100%;
padding-left:0px;
margin:auto;
/*border-bottom:none;
border-top:none;
border-left:1px solid;
border-right:1px solid;
border-color:#003A6F;*/
text-align:center;
background-color:#FFFFFF;
}

#cajaPagina3 {
/* segundo pixel hacia fuera desde dentro color rojo */
/*width:951px; /* Para 10x24 x 7687 */
width:751px;
height:auto !important;
height:100%;
margin:0px;
margin-left:0px;
padding-left:10px;
padding-right:0px;

background-color:#FFFFFF;
text-align:center;
/*background-image:url("imagenes/pixelBlanco.gif") repeat-y 100%;*/
}

.caja {     
/*	position:relative;*/
	width: 749px;
    background-image: url("imagenes/centro.gif");
    background-repeat: repeat-y;
	background-position:left;
	padding:0px 0px 0px 0px;
	padding-right:0px;
	margin-right:0px;
	right:0px;
	margin:0px 0px 0px 0px;
	left:0px;
	border:none;
}

.cajaarriba {
    background-image: url("imagenes/arriba.gif");
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
	left:0px;	
	margin-left:0px;
	margin:0px;
}

.cajaabajo {
    background-image: url("imagenes/abajo.gif");
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 15px;
} 

.logo {
float:left;
width:447px;
height:135px;
background-image: url("imagenes/logo.jpg");
background-position:left;
background-repeat:no-repeat;
margin-left:0px;
left:0px;
right:0px;
border:none;
padding-left:0px;
padding-right:0px;
margin-right:0px;
}
.atencion {
float:left;
width:277px;
height:135px;
background-image: url("imagenes/atencion.jpg");
background-position:right;
background-repeat:no-repeat;
padding-left:0px;
margin-left:0px;
border:none;
left:0px;
}

.flota {
height:163px;
background-image: url("imagenes/flota.jpg");
background-position:left;
background-repeat:no-repeat;
}

.nave {
float:left;
height:256px;
width:509px;
margin-top:0px;
margin-left:0px;
left:0px;
top:0px;
padding-top:0px;
padding-left:0px;
/*background-image: url("imagenes/nave.jpg");
background-position:left;
background-repeat:no-repeat;*/
border:none;
}

.seccionContacto {
float:left;
height:263px;
width:509px;
margin-top:0px;
margin-left:0px;
left:0px;
top:0px;
padding-top:0px;
padding-left:0px;
background-image: url("imagenes/contacto.jpg");
background-position:left;
background-repeat:no-repeat;
border:none;
}

.seccionQuienes {
float:left;
height:428px;
width:509px;
margin-top:0px;
margin-left:0px;
left:0px;
top:0px;
padding-top:0px;
padding-left:0px;
background-image: url("imagenes/quienesSomos.jpg");
background-position:left top;
background-repeat:no-repeat;
border:none;
}
.seccionPresupuesto {
float:left;
height:428px;
width:509px;
margin-top:0px;
margin-left:0px;
left:0px;
top:0px;
padding-top:0px;
padding-left:0px;
background-image: url("imagenes/tituloPresu.jpg");
background-position:left top;
background-repeat:no-repeat;
border:none;
}

.fondoFormulario {
background-color:#0D3F96;
color:#FFFFFF;
}

.seccionMudanzas {
float:left;
height:594px;
width:509px;
margin-top:0px;
margin-left:0px;
left:0px;
top:0px;
padding-top:0px;
padding-left:0px;
background-image: url("imagenes/mudanzas.jpg");
background-position:top;
background-repeat:no-repeat;
border:none;
}
.seccionGuardamuebles {
float:left;
height:548px;
width:509px;
margin-top:0px;
margin-left:0px;
left:0px;
top:0px;
padding-top:0px;
padding-left:0px;
background-image: url("imagenes/fondoGuardamuebles.jpg");
background-position:top;
background-repeat:no-repeat;
border:none;
}
.seccionTraslados {
float:left;
height:594px;
width:509px;
margin-top:0px;
margin-left:0px;
left:0px;
top:0px;
padding-top:0px;
padding-left:0px;
background-image: url("imagenes/traslados.jpg");
background-position:top right;
background-repeat:no-repeat;
border:none;
}
#cajamenu
{
float:right;
height:263px;
width:211px;
margin-top:0px;
top:0px;
left:0px;
padding:0px 0px 0px 0px;
background-color:white;
border:none;
}

/* A partir de aquí, el código CSS que deberemos pasar a nuestra web ya maquetada.*/

ul#menu {
	list-style:none; /* Para que no salgan simbolos a la izquierda */	
	padding:0px; margin:0px;
	font-family: arial, verdana, sans-serif; /* Tipo de letra */
	font-size: 12px;
	width:211px;
	line-height:280%; /* Es para que la letra no quede pegada arriba. 
			     El valor lo he ido calculando a ojo          */
	/*border: 1px solid white; /* El que rodea a toda la lista */*/
	}
ul#menu li 
	{
	color: white;
	background-color:#00B6EE;
	border: 1px solid white; /* El que rodea a cada elemento */
	width:211px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	padding-right:0px;
	margin-right:0px;

	}
ul#menu li a
	{
	background-color:#00B6EE;
	display:block;
	height: 100%;
	text-decoration:none;
	padding-right:10px;
	color:white;		
	}
ul#menu li a:hover
	{
	background-color:#006600;
	}

ul#menu li.inicio a:hover
	{
	background-color:#9FDAF7;
	}
	
ul#menu li.quienes a
	{
	background-color:#00A6EB;
	}	
		
ul#menu li.quienes a:hover
	{
	background-color:#77CDF4;
	}

ul#menu li.mudanzas a
	{
	background-color:#0083CC;;
	}	
		
ul#menu li.mudanzas a:hover
	{
	background-color:#87BAE5;
	}
	
ul#menu li.guardamuebles a
	{
	background-color:#0068B5;
	}	
		
ul#menu li.guardamuebles a:hover
	{
	background-color:#8AAAD9;
	}

ul#menu li.enlaces a
	{
	background-color:#005AA9;
	}	
		
ul#menu li.enlaces a:hover
	{
	background-color:#8E90C6;
	}
	
ul#menu li.traslados a
	{
	background-color:#005AA9;
	}	
		
ul#menu li.traslados a:hover
	{
	background-color:#8BA2D3;
	}

ul#menu li.contacto a
	{
	background-color:#0D3F96;
	}	
		
ul#menu li.contacto a:hover
	{
	background-color:#8E90C6;
	}
	
#menu {
/*	border:0px;*/
	/* Pintamos las lineas de todos los lados, excepto el inferior, ya que cada
	   'li' ya trae el borde inferior */
/*	border-width: 1px 1px 0 1px;*/
	/* Determina la anchura del menu */
	width: 211px;
	height:263px;
	/*font-family: Arial;
	font-size: 0.8em;*/
}

/* Por defecto ul genera una separación hacia la derecha. con margin:0 queda anulada */
#menu ul {
	margin:2px;
	padding:0px;
	width:211px;
	list-style:none;
	border: 1px solid white;
}

#menu li {
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	/* En cada li, pintamos la linea inferior */
	/*border-bottom: 1px solid #6643ff;*/
	height:41px;
	font-style:italic;
	font-weight:bold;
	font-size:16px;

}

#menu li a {
	display: block;	
	text-decoration: none;
	text-align:right;
	color: #ffffff;
	background:#00B6EE;
/*	background: #f0edff;*/
	padding: 0px 0px 0px 0px;
}

#menu li a:hover {
	background: #d6ccff;
}

.contenedorSecciones
{
width:738px;
height:160px;
margin-top:10px;top:5px;
}
.imagenSecciones {
float:left;
width:166px;
height:160px;
padding-right:5px;
}