/*==========================================
  Nombre: contacto.css
  Descripción: Hoja de estilo de contacto.html
  Ver. CSS: 2.0
  Ver. Idioma: Español
  ==========================================*/  
  
  /*=============== Contenedor ================*/

div#contenedor{
	margin: 0 auto;
	width: 928px;
	background: url(../img/fondo.gif) 0 0 repeat;	
}

/*===========================================*/

/*=============== Contenidos ================*/
  
 div#contenidos{
 	 margin: 0 auto;
	 width: 740px;
	 height: 650px;
	 background-color: #FFF;
	 border-bottom: 1px #c4c6c7 solid;
	 color: #344a5a;
 }
 
  div#contenidos img{
 		margin: -3px 0 0 2px;
 }
 
 /* Contacto
 ==============================================*/
 
 div#contacto{
 	float: left;
	display: inline;
	background: url(../img/fondoContacto.gif) 0 0 no-repeat;
	width: 562px;
	height: 472px;
	padding-top: 6px;
	margin: 5px 0 0 3px;
 	position: relative;
 }
 
  div#contacto img{
  	border: 1px #ACACAC solid;
  }
 
 div#contacto img#mapMadrid{
	position: absolute;
	top: 55px;
	left: 180px;
 }
 
 div#contacto img#mapBarcelona{
	position: absolute;
	top: 290px;
	left: 180px;
 }
 
 div#contacto .cajaContacto{
 	margin: 0 0 0 20px;
	padding:23px 0 16px 28px;
	width: 255px;
	border:1px solid #c6cfd5;
	background:url(../img/bck_cajaContacto.gif) repeat-x 0 0;
	left:220px; 
	top:75px;
	position:absolute;
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#538095;
	font-weight:bold;
 }
 
 div#contacto .cajaContacto p {
	background:url(../img/ico_telf.gif) no-repeat 0 6px;
	padding:0 0 12px 25px;	 
 }
 
 div#contacto .cajaContacto .titulo {
	background:none;
	padding:0 0 12px 0;	 
	font-size:14px;
 }
 
 div#contacto dl{
 	margin: 0 0 0 20px;
	width: 400px;
 }
 
 div#contacto dl dt{
 	margin: 30px 0 5px 0;
	background: url(../img/separadorMenu.gif) 0 8px no-repeat;
	padding-left: 10px;
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#538095;
 }
 
  div#contacto dl dt#barcelona{
  	margin-top: 55px;
  }
 
  div#contacto dl dd p{
  	margin-bottom: 15px;
  }
  
  div#contacto a.comoLlegar{
  	text-decoration: underline;
	color: #476c7f;
	position: relative;	
  }
  
  div#contacto a.contactoMail{
  	color: #538095;
	text-decoration: none;
	position: relative;
	background:url(../img/ico_mail.gif) no-repeat 0 2px;
	padding:0 0 0 25px;
  }
 
/*==============================================*/
 
 h2#titularContacto{
 	overflow: hidden;
	display: block;
	height: 0;
	background: url(../img/txtContacto.png) 0 0 no-repeat;
	padding-top: 15px;
	margin: 0 0 0 15px;
 }
 
  /* FormuContacto
 ==============================================*/
 
 div#formuContacto{
 	float: left;
	display: inline;
	width: 174px;
	height: 447px;
	background: url(../img/fondoFormulario.gif) 0 0 no-repeat;
	margin: 31px 0 0 -1px;
	padding: 8px 0 0 0;
 }
 
  div#formuContacto h2{
  	overflow: hidden;
	display: block;
	height: 0;
	background: url(../img/txtFormulario.png) 0 0 no-repeat;
	padding-top: 15px;
	margin: 0 0 0 7px;
  }
  
  div#formuContacto form{
  	margin: 10px 0 0 7px;
  }
  
  /* Label */
  
  div#formuContacto label{
   clear: left;
	color: #476c7f; 
	margin: 0;
	font-weight: bold;
  }
  
  /* */
  
  /* input */
  
  div#formuContacto input{
	width: 151px;
	clear: left;
	margin: 4px 0 5px 0;
	font-size: 11px;
	background-color: #fff;
	padding: 1px;
	border: 1px #a1b3bc solid;
  }
  
  /* */
  
  /* textarea */
  
  div#formuContacto textarea{
  	width: 154px;
	height: 35px;
	margin: 4px 0 5px 0;	
  }
  
  div#formuContacto input, div#formuContacto textarea{
  	 _margin-left: -7px;
  }
  
  /* */
  
  /* select */
  
  div#formuContacto select{
  	width: 157px;
	margin: 0 0 12px 0;
  }
  
  /* */
  
  /* button */
  
  div#formuContacto button{
  	clear: left;
	display: block;
  	background:url(../img/botonEnviar.gif) 8px 5px no-repeat;
	width: 100px;
	height: 40px;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	margin: -7px 0 0 30px;	
  }
  
  /* */
  
   div#formuContacto.recibido p{
   	margin: 18px 0 0 6px;
   }