* {
margin:0;	/*al poner estos valores para margin y padding en "asterisco" hemos pre-determinado*/
padding:0;	/*que todos los estilos tendrán padding y margin de cero por defecto.*/
}
html { 
overflow: auto; 
}
body {
height:85%;
background:#297DAD url(images-mudances/fondo-principal-azul.jpg) repeat-x top;
color: #646464;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
}
#box-imagen {
background-color: #0099FF;
border: 4px groove #FFFFFF;
float:right;
height: 331px;
width: 260px;
top:50px;
/*border: 2px solid #C47C5D;*/
}
.imagenconsejos {
background-color: #0099FF;
border: 4px groove #FFFFFF;
float: left;
height: 331px;
position: relative;
top: -380px;
left: 445px;
width: 260px;
background-image: url(images-mudances/mudanzas.jpg);
clear: both; 
}
#imagenservicios {
background-color: #0099FF;
border: 4px groove #FFFFFF;
/*	float: right;  */
float: left;  		
height: 150px;
width: 260px;
position: relative;  
top: -320px;
left: 440px;
margin: 0 auto;
clear: both;	
}
#abajo {
clear: both;
float: left;
height: 50px;
width: 720px;
}
#abajo h1 a {text-decoration: none;}
#abajo-serv {
clear: both;
float: left;
height: 50px;
width: 720px;
}
#abajo h1 {
border: #666666 solid 1px;
clear: both;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
margin: 0 0 0px 0;
padding: 5px 0;
position:relative;
bottom: -33px;
width: 718px;
top: 33px;
}
#abajoinicio h1 {
border: #666666 solid 1px;
clear: both;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
margin: 0 0 0px 0;
padding: 5px 0;
position:relative;
bottom: -55px;
width: 718px;
top: 10px;
}
#abajoinicio h1 a {text-decoration: none;}
#abajo-serv h1 {
border: solid 1px #666666;
clear: both;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
margin: 23px 0 0px 0;
padding: 5px 0;
position:relative;
/*	bottom: 455px;
*/	width: 718px;
top: -163px;
}
#abajofotoserv {
clear: both;
float: left;
width: 270px;
}
#abajofotoserv strong{
color: #0033CC;
float: left;
font-size: 14px;
font-weight: bold;
height: 14px;
left: 430px;
bottom: 300px;
letter-spacing: -1px;
/*	line-height: 10px;
*/	position: relative;
text-align: center;
text-transform: uppercase;
/*	top: 3px;
*/	width: 270px;
}
#abajo-serv h1 a {text-decoration: none;}
#abajocontacto {
clear: both;
float: left;
height: 50px;
width: 720px;
}
#abajocontacto h1 {
border: #666666 solid 1px;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
margin: 23px 0 0px 0;
padding: 5px 0;
position:relative;
width: 718px;
left: 0px;
top: -77px;
}
#abajocontacto h1 a {text-decoration: none;}
#abajoconsejos {
clear: both;
float: left;
height: 50px;
width: 720px;
}
#abajoconsejos h1 {
border: #666666 solid 1px;
clear: both;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
margin: 23px 0 0px 0;
padding: 5px 0;
position:relative;
bottom: -55px;
width: 718px;
top: 10px;
}
#abajoconsejos h1 a {text-decoration: none;}
#alrededor {
width:720px;
height:545px;
margin:20px auto;
overflow: hidden;
border:0px solid #ff1493;
}
#alrededor1 {
width:720px;
height:700px;
margin:20px auto;
overflow: hidden;
border:1px solid #ff1493;
}
#arriba h1 {
color: #A40000;
float: left;
font-size: 28px;
font-weight: normal;
height: 29px;
left: 37px;
letter-spacing: -3px;
line-height: 26px;
position: relative;
text-align: left;
text-transform: uppercase;
top: 3px;
width: 440px;
}
#arriba h3 strong {color: #009933;}
#arriba h2 {
background-image: url(images-mudances/logopeque.jpg);
color: #494846;
float: left;
font-size: 0px;
height: 65px;
left: 178px;
position: relative;
top: 5px;
width: 101px;
}
#arriba h3 {
clear: both;
color: #009933;
float: left;
font-size: 22px;
font-weight: normal;
height: 22px;
left: 45px;
letter-spacing: 6px;
line-height: 0px;
margin: -18px 0;
position: relative;
text-align: left;
width: 340px;
}
#arriba li {
display: block;
float: left;
height: 25px;
width: 144px;
}
#arriba li a{
color: #403F3D;
display: block;
float: left;
height: 27px;
letter-spacing: 2px;
padding: 6px 0;
text-decoration: none;
width: 144px;
}
#arriba li a:hover {
background-image: url(images-mudances/menu-on-azul.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
display: block;
}
#arriba ul{
background-image: url(images-mudances/menu-off-azul.jpg);
background-repeat: repeat-x;
clear: both;
display: block;
float: left;
height: 28px;
position: relative;
top: 12px;
width: 720px;
}
#arriba ul li.activo a {
background-image: url(images-mudances/menu-on-azul.jpg);
background-repeat: repeat-x;
}
#contador {
height: 15px;
width: 100px;
float: right;
}
#contador h1 {
clear: both;
font-size: 12px;
height: 10px;
letter-spacing: 3px;
padding: 2px 0;
position: relative;
bottom: -20px;
right: 60px;
width: 50px;
}
#idiomas {
clear: both;
/*	float: left;   he de convertir las imagenes en una clase
*/	height: 50px;
width: 720px;
position: fixed;
margin: 10px 0px 0 270px;
}
#idiomas p {
float: left;
font-size: 12px;
margin: 0px 10px 0px 20px;
text-align: justify;
letter-spacing: 12px;
width: 720px;
}
#mapa {
float: right;
position: relative;
top: -300px;
right: 50px;
clear: both;
}
#medio {
float: left;
height: 367px;
width: 720px;
border:0px solid #666666;
}
#medio-inicio {
float:left;
overflow: auto;
float: left;
height:350px;
width: 435px;
border:1px solid #666666;
margin-top:20px;
}
#medioconsejos {
clear: both;
float: left;
position: relative;
top: 50px;
height: 367px;
width: 420px;	
}
#medioconsejos p {
clear: both;
float: left;
font-size: 12px;
margin: 0px 0px 0px 20px;
text-align: justify;
width: 375px;
}
#box-inicio2 {
float: left;
height: 367px;
width: 420px;
}
#box-inicio2 strong {
color: #0033CC;
float: left;
font-size: 16px;
font-weight: bold;
height: 18px;
left: 0px;
letter-spacing: 1px;
/*	line-height: 10px;
*/	position: relative;
text-align: left;
text-transform: uppercase;
/*	top: 3px;
*/	width: 440px;
}
#medio li a {
background-color: #DEA68B;
border: solid #A43E18 1px;
color: #FFFFFF;
display: block;
height: 16px;
margin: 3px 0;
padding: 4px 0;
text-align: center;
text-decoration: none;
width: 150px;
}
#medio li a:hover {
background-color: #E54313;
border: solid #7F1B0C 1px;
}
#medioinicio p {
clear: both;
float: left;
height:345px;
width:720px;
background: url(images-mudances/fotoInicio.jpg);
}
#medio p {
clear: both;
float: left;
font-size: 12px;
margin: 50px 10px 0px 20px;
text-align: justify;
width: 380px;
}
#medio-serv{
float:left;
width:445px;
height:370px;
margin-top:25px;
border:0px solid #666666;
}
#medio-serv p {
font-size: 12px;
margin: 20px 10px 0px 20px;
text-align: justify;
}
# medioinicio p {
clear: both;
float: left;
height:345px;
width:720px;
background: url(images-mudances/fotoInicio.jpg);
}

#medio p strong {
background-color: #FFFFFF;
font-family: "MS Sans Serif", Geneva, sans-serif;
}
#medio strong a{
background-color: #A43E18;
border: 1px solid #FFFFFF;
color: #FFFFFF;
display: block;
height: 15px;
margin: 5px 0;
text-align: center;
text-decoration: none;
width: 398px;
}
#medio strong a:hover{
background-color: #FFFFFF;
border: 1px solid #A43E18;
color: #A43E18;
}
/*strong nuevo*/
.subtit {
color: #dc143c;
margin:10px 0 0 0; 
font:"MS Sans Serif", Geneva, sans-serif;
text-transform:uppercase;
}

/*fin*/
#medio ul {
clear: both;
clear: both;
display: block;
float: left;
font-size: 12px;
margin: 20px 10px 0 20px;
text-align: justify;
width: 400px;
}
#principal {
width: 720px;
height:545px;
background: url(images-mudances/fondo-areachica-azul.jpg) top repeat-x;
border: 1px solid white; 
overflow: hidden;
}
#validacion {
clear: both;
height: 30px;
width: 30px;
}
#validacion p {
clear: both;
float: left;
height: 30px;
width: 30px;
margin: 0px 10px 0px 20px;
}
#scroll {
position: relative;
margin: 20px 0 0px 0px;
width:420px;
height:300px;
z-index: 1;
}
#medioconsejos #scroll {overflow: auto;}
#formulario {
position: relative;
margin: 10px 0px 0px 0px;
width: 400px;
height: 400px;
top: 20px;
}
#formulario input {
/*	border: 1px solid #0099FF;  */
width: 150px;
background: #ffffff;
color: #666666;
}
#clear {clear: both;}
.respuesta{
font: bold 15px/15px Arial, Helvetica, sans-serif;
color: #dc143c;
padding:110px 0 0 80px;
}

/*NUEVO*/
#box-imagen {
background-color: #0099FF;
border: 4px groove #FFFFFF;
float:left;
height: 331px;
width: 260px;
margin-top:30px;
/*border: 2px solid #C47C5D;*/
}
#box-imagen2 {
border: 4px groove #FFFFFF;
height:150px;
width: 260px;
margin:30px 0 0 10px;
/*border: 2px solid #C47C5D;*/
}

#box-inicio{
float:left;
width:445px;
height:370px;
margin-top:25px;
border:0px solid #666666;
}
#box-inicio p{
font-size: 12px;
margin: 5px 10px 0px 20px;
text-align: justify;
}
#box-abajo {
clear: both;
float: left;
height: 50px;
width: 720px;
margin-top:45px;
}
#box-abajo h1 {
border: #666666 solid 1px;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
padding: 5px 0;
position:relative;
width: 718px;
}
#nav-img {margin:0 0 0 20px;}
#nav-img ul, li {list-style-type: none;}
#nav-img ul {margin: 0;padding: 0;}
#nav-img li {
height: 80px;
float: left;
border: 1px solid #2a719f;
margin:0 5px 0 5px;
}
#alrededor-inicio {
width:720px;
height:587px;
margin:20px auto;
overflow: hidden;
border:0px solid #ff1493;
}
#principal-inicio {
width: 720px;
height:587px;
background:#9EB6E6 url(images-mudances/fondo-areachica-azul.jpg) top repeat-x;
border: 1px solid white; 
}
h6{
color:#dc143c;
margin:0 0 5px -105px;
}
/*SERVICIOS NUEVOS*/
#principal-inicio2 {
width: 720px;
height:750px;
background:#9EB6E6 url(images-mudances/fondo-areachica-azul.jpg) top repeat-x;
border: 1px solid white; 
}
#alrededor-inicio2 {
width:720px;
height:auto;
margin:20px auto;
overflow: hidden;
border:0px solid #ff1493;
}
#box-inicio2{
border:0px solid #666666;
float:left;
width:400px;
height:auto;
margin-top:30px;
}
#box-inicio2 p{
font-size: 12px;
margin: 5px 10px 0px 10px;
text-align: justify;
}
#box-servicios-dr{
border:0px solid #666666;
float:right;
width:295px;
}
#box-abajo2 {
clear: both;
float: left;
height: 50px;
width: 720px;
margin-top:45px;
}
#box-abajo2 h1 {
border: #666666 solid 1px;
font-size: 12px;
height: 40px;
letter-spacing: 3px;
padding: 5px 0;
position:relative;
width: 718px;
}
#servicios ul{
float:right;
width:260px;
border:01px solid #666666;
margin-top:25px;
}
#servicios li {
font:bold 14px/12px "MS Sans Serif", Geneva, sans-serif;
text-align:center;
color:#0033CC;
list-style: none;

padding-top: 10px;
}