@charset "utf-8";
/* CSS Document */

body {
  margin:0;
  padding:0;
  background:#FFFFFF;
  
}
p {
  text-indent:1.5em;
  font-family:Arial;
  font-size:13px;
 
}
.no_padding {
  margin:0;
  padding:0;
}
h1 {
   font-size:24px;
   padding:0;
   margin:0;
}
#wrapper {
  margin:12px auto 0 auto;
  padding-bottom:80px;
  width:900px;
  height:780px;
  background:#F4F4F4 url(../img/sombrero.jpg) no-repeat;

}
#wrapper_productos {
  margin:12px auto 0 auto;
  width:900px;
  background:#F4F4F4 url(../img/sombrero.jpg) no-repeat;

}
#wrapper_contacto {
   margin:12px auto 0 auto;
  width:900px;
  height:900px;
  background:#F4F4F4 url(../img/sombrero.jpg) no-repeat;

}
#cabecera {
  margin:0 auto;
  width:900px;
  height:150px;

}
#logo{
  float:left;
  width:300px;
  height:110px;
  padding-left:50px;
  padding-top:40px;

}
#menu{
  float:left;
  width:400px;
  height:100px;
  padding-top:50px;
  padding-left:20px;

}
#franja {
  margin:0 auto;
  width:900px;
  height:190px;
}
#contenidos {
   margin:40px auto 0 auto;
  width:900px;
  height:340px;
}
#contenidos_productos {
  margin:0px auto;
  padding-bottom:40px;
  width:900px;
}
#contenidos_contacto {
  margin:40px auto 0 auto;
  width:900px;
  height:450px;
  overflow:hidden;
  
}
#titulo {
  clear:both;
  width:855px;
  height:30px;
  padding-left:45px;
  font-family:Arial;
  color:#000000;
  font-size:20px;
  font-weight:bold;
}
#contenedor_imagenes {
  width:800px;
  margin-top:50px;
  padding:0 50px 0 40px;


}
#texto {
  float:left;
  width:415px;
  height:280px;
  padding:30px 20px 0 45px;
  font-family:Arial;
  font-size:13px;
  text-align:justify;
}
#texto a, #text a:visited {
  color:#000000;
  font-weight:bold;
  text-decoration:none;


}

#form_contacto {
  float:left;
  width:350px;
  height:390px;
  padding:30px 0 0 45px;
  font-family:Arial;
  font-size:13px;
  text-align:justify;
  overflow:hidden;
}
#imagen {
  float:left;
  width:380px;
  height:258px;
  padding:50px 0 0 40px;
}
#mapa_contacto {
  float:left;
  width:483px;
  height:399px;
  padding:23px 0 0 21px;
}
#pie {
  
  margin:0px auto 0 auto;
  width:970px;
  height:119px;
  text-align:center;
  color:#000000;
  font-size:11px;
  font-family:Arial;
  background:url(../img/bg-footer.jpg) no-repeat;
}
#pie a:link, #pie a:visited, #pie a:hover {
  color:#000000;
  
}
.direccion {
  font-size:12px;
  margin-top:5px;
  margin-bottom:5px;
}
.autor {
  margin-top:0px;
  font-size:11px;
}
/* Formulario de contacto */

form {
    padding:0px 20px 29px 0px;
	height:340px;



}
label {
     float:left;
	 width:20%;
	 text-align:right;
	 margin-top:12px;
	 font-family:"Arial Narrow";
	 color:#000000;
	 font-size:14px;
	 font-weight:bold;
	 letter-spacing:0.05em;
}
.altura_label {
     margin-top:12px;
}
#tema{
     margin-top:10px;

}
input {
     width:60%;
	 margin:10px 0 0 20px;
	 background-color:#CCCCCC;
	 border:1px solid #000000;
	 color:#000000;
	

}
.boton {
     background:none;
	 width:60px;
	 font-family:"Arial Narrow";
	 letter-spacing:0.05em;
	 color:#000000;
	 font-weight:bold;
	 font-size:15px;
	 cursor:pointer;
	 border:0;
}
.boton:focus {
     color:#CC0000;
	 font-weight:bold;
	 border:0;


}
.boton:hover {
     color:#CC0000;
	 font-weight:bold;
	 border:0;


}
input:hover {
     border:1px solid #CC0000;

}
input:focus {
     border:1px solid #CC0000;
}
textarea {
     width:60%;
	 height:80px;
     margin:10px 0 0 20px;
	 background-color:#CCCCCC;
	 border:1px solid #000000;
	 color:#000000;
	 overflow:hidden;
}
textarea:hover {
     border:1px solid #CC0000;

}
textarea:focus {
     border:1px solid #CC0000;

}
#campos {
     text-align:left;
	 padding-left:90px;	 
}
.pulsar{
     text-align:right;
	 padding-right:50px;
	 color:#CC0000;
	 font-family:"Arial Narrow";
	 font-size:14px;
	 letter-spacing:0.05em;

}
.centrado {
     text-align:center;
	 padding-top:0;
	 margin-top:0;

}
div#menu{
	margin-left:-15px;
	white-space:nowrap;
}
div#menu a{
	font-size:16px !important;
	color:#3f3f3f !important;
	padding-left:18px !important;
	text-decoration:none !important;
	font-weight:bolder;
}
div#menu a:hover{
	color:#000 !important;
	
}