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

<!--

/*Resetear todos los margin, padding, border, estilos de lista y tamaños de letra*/
* { margin: 0; padding: 0; border: 0; font-size: 12px; outline: none;}

/*-------------ESTRUCTURA PÁGINA-------------*/

body {
 font-family: "Arial","Verdana","Georgia", "Times New Roman", serif;
 font-size: 100%;
 background-color:#e2e8d8;
}

/*Contiene toda la pagina*/
div#web {
 top: 0; left: 0;
 width:100%;
}

/* H */
h1 {
	font-size:24px;
	font-weight:bold;
	color:#5e4429;
	display:inline;
}
h2 {
	font-size:12px;
	font-weight:bold;
	color:#5e4429;
	display:inline;
}

/*Cabecera*/
div#fondocabecera {
	width:100%;
	height:185px;
	background: url(imagenes/fondocabecera.gif);
	background-repeat:repeat-x;
}

div#cabecera{
	width:980px;
	height:185px;
	margin: 0 auto;
	background-image:url(imagenes/cabecera.gif);
	position:relative;
}

div#logo{
	position:absolute;
	margin-top: 28px;
	margin-left: 0px;
}

div#letrascabecera{
	position:absolute;
	margin-top: 0px;
	font-weight:bold;
	color:#e7f7cb;
	width:980px;
	text-align:center;
}
div#letrascabecera b{
	font-size:10px;
} 

div#icotel{
	position:absolute;
	margin-top:153px;
	margin-left:680px;
	width:32px;
	height:32px;
}
div#telefono{
	position:absolute;
	margin-top:156px;
	margin-left:720px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	width:220px;
}
/*Menu cabecera*/
div#menusup{
	position:absolute;
	margin-top:152px;
	margin-left:27px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	width:630px;	
}

div#menusup a {
text-decoration:none;
color:#ffffff;
}
div#menusup a:hover {
color:#cba574;
}

/*Cuerpo*/
div#fondocentral{
	width:100%;
}
div#central{
	width:980px;
	margin: 0 auto;
	background-image:url(imagenes/fondocontenido.gif);
	background-repeat:repeat-y;
}

/*Menu lateral*/
div#latizq{
	float:left;
	margin-left:26px;
	margin-right:26px;
	width:188px;
}
div#icoproductos{
	width:188px;
	text-align:center;
	margin-bottom:10px;
}
.botonmenu{
	width:188px;
	height:24px;
	background-image:url(imagenes/botonmenu.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

.textomenulat{
	padding-top:5px;
	margin-left:33px;
	font-size:12px;
	color:#5e4429;
	font-weight:bold;
	width:153px;	
}
.textomenulat a {
text-decoration:none;
color:#5e4429;
}
.textomenulat a:hover {
color:#cba574;
}

.itemmenupuntos{
/*	list-style-image:url(imagenes/puntomenu.gif);*/
	list-style-type:disc; 
	color:#5e4429;
	margin-left:45px;
	margin-bottom:5px;
	padding-left:3px;
	
}

.itemmenupuntos ul li a {
font-size:11px;
text-decoration:none;
color:#ffffff;
}
.itemmenupuntos ul li a:hover {
color:#436801;
}

/*Contenido*/
div#contenido{
	float:right;
	margin-top:10px;
	margin-right:40px;
	width:700px;
}

.textojustificado{
	color:#5e4429;
	margin-top:20px;
	width:700px;
	text-align:justify;
}

.textojustificado a{
	text-decoration:none;
	color:#5e4429;
	/*font-weight:bold;*/
}
.textojustificado a:hover {
	font-weight:bold;
	color:#cba574;
}

/* Productos */
.imagenproductos{
	float:left;
	width:110px;
	height:110px;
	margin-left:30px;
	margin-right:30px;
	margin-top:20px;
}
.tituloproductos{
	float:left;
	width:400px;
	margin-top:20px;
}
.tituloproductos h2{
	font-size:14px;
	font-weight:bold;
}
.tituloproductos a {
	text-decoration:none;
	color:#5e4429;
}
.tituloproductos a:hover {
	color:#cba574;
}
.textojustificadoproductos{
	margin-top:10px;
	float:left;
	width:400px;
	color:#5e4429;
	text-align:justify;
}

/*Fotos Productos*/
.divfoto {
  margin-left:15px;
  background: url(imagenes/shadow.gif) no-repeat bottom right;
  float:left;
  line-height:0;
}
.divfoto img {
  background:#fff;
  padding:4px;
  border:1px solid #a9a9a9;
  position:relative;
  left:-5px;
  top:-5px;
}
.piefoto{
	float:left;
	color:#a9a9a9;
	font-size:9px;
	width:155px;
	height:25px;
	margin: 3px 0px 15px 15px;
}

.piefoto2{
	float:left;
	color:#a9a9a9;
	font-size:9px;
	width:120px;
	height:25px;
	margin: 3px 0px 15px 15px;
}


/*Destalle Producto*/
.textodetalle{
	margin-top:20px;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	width:500px;
	color:#5e4429;
}

	
/*salto de linea por el float*/
.clear{	
	clear:both;
}

/*Pie*/
div#fondopie {
	width:100%;
	height:126px;
	background: url(imagenes/fondopie1.gif);
	background-repeat:repeat-x;
}

div#pie{
	position:relative;
	width:980px;
	height:126px;
	margin: 0 auto;
	background-image:url(imagenes/pie1.gif);
}

div#icowebsite{
	position:absolute;
	margin-top:45px;
	margin-left:25px;
}
div#textowebsite{
	position:absolute;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	width:70px;
	margin-top:48px;
	margin-left:60px;
}
div#textowebsite a{
	text-decoration:none;
	color:#ffffff;
}
div#textowebsite a:hover {
	color:#cba574;
}
div#icocontacte{
	position:absolute;
	margin-top:45px;
	margin-left:125px;
}
div#textocontacte{
	position:absolute;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	width:50px;
	margin-top:48px;
	margin-left:160px;
}
div#textocontacte a{
	text-decoration:none;
	color:#ffffff;
}
div#textocontacte a:hover {
	color:#cba574;
}

div#textopie{
	position:absolute;
	color:#cab59b;
	margin-left:250px;
	margin-top:28px;
	width:530px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

div#penta{
	position:absolute;
	color:#5d4020;
	font-size:9px;
	width:100px;
	height:25px;
	margin-top:84px;
	margin-left:25px;
}
div#penta a{
	text-decoration:none;
	font-size:9px;
	color:#5d4020;
}
div#penta a:hover {
	font-size:9px;
	color:#6c4d2d;
}

div#dirtel{
	position:absolute;
	margin-left:225px;
	margin-top:50px;
	width:620px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#cab59b;
}
div#avisolegal{
	position:absolute;
	color:#ffffff;
	font-size:9px;
	width:80px;
	text-align:center;
	margin-top:100px;
	margin-left:890px;
}
div#avisolegal a{
	text-decoration:none;
	font-size:9px;
	color:#ffffff;
}
div#avisolegal a:hover {
	font-size:9px;
	color:#cab59b;
}

/* Boton */
.botongr{
	width:155px;
	height:26px;
	float:right;
	text-align:center;
}

.botongr a {
  display: block;
  font-size:14px;
  width: 155px;
  line-height: 26px;
 /* text-indent: 0px;*/
  color: #fff;
  font-weight:bold;
  text-decoration: none;
  background: url(imagenes/pixy-rollover.gif) no-repeat left top;
}

.botongr a:hover {
/* background-color: #fff;*/
 background-position: right top;
 color: #fff;
}

/*ERROR 404*/ 

#imagenerror{
	float:left;
	margin-top:25px;
	width:40px;
}
#tituloerror{
	font-size:30px;
	margin-top:20px;
	color:#5e4429;
	font-weight:bold;
}
#subtituloerror{
	font-size:14px;
	margin-top:10px;
	font-style:italic;
	color:#426b01;
	font-weight:bold;
}
.comentarioserror{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #5e4429;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #5e4429;
	font-size:12px;
	font-weight:bold;
	color:#82af33;
	}
.comentarioserror p{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#999;
} 

/* Titulos*/
.titulo{
	font-size:24px;
	font-weight:bold;
	width:700px;
	color:#102d6c;
}
.titulo2{
	font-size:24px;
	font-weight:bold;
	width: 540px; /*700px; así con 540 dejo espacio para el boton estoy interesado*/
	float:left;
	color:#cba574;
}
.rayatitulo{
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
	/*background-color:#102d6c;*/
	background-image:url(imagenes/rayatitulo.gif);
	background-repeat:repeat-x;
	height:3px;
}

/*MAPA*/	
div#letrasmapa{
	margin-top:30px;
	width:690px;
	font-size:12px;
	background-color:#5e4429;
	color:#ffffff;
	text-align:center;
	padding:5px;
}
div#mapa{
	width:698px;
	border:solid #5e4429 1px;
}

/*Contacte*/
#frmContactar label{
	margin-left:50px;
	font-weight:bold;
}
#frmContactar input{
	width:300px;
	border-color:#5e4429;
	border:solid 1px;
	margin-top:20px;
}
#frmContactar textarea{
	width:300px;
	border-color:#5e4429;
	border:solid 1px;
}
#frmContactarEnviado label{
	margin-left:50px;
	font-weight:bold;
}
#frmContactarEnviado input{
	width:300px;
	border-color:#5e4429;
	border:dotted 1px;
	margin-top:20px;
}
#frmContactarEnviado textarea{
	width:300px;
	border-color:#5e4429;
	border:dotted 1px;
}
.separador2{
	width:360px;
	height:20px;
}

.textonojustificado{
	color:#5e4429;
	margin-top:20px;
	width:700px;
}
#txtEmpresa{
	margin-left:62px;
}
#txtEmpresa2{
	margin-left:50px;
}
#txtContacto{
	margin-left:50px;
}
#txtTelefonos{
	margin-left:45px;
}
#txtEmail{
	margin-left:67px;
}
#txtComentarios{
	display:inline;
	margin-left:54px;
}
#lblComentarios{
	vertical-align:top;
}
#btnEnviar{
	width:90px !important;
	border-color:#333333;
	border:solid 1px;
	margin-left:155px;	
}
#txtNotalegal{
	width:300px;
	border:dotted 1px;
	border-color:#5e4429;
	display:inline;
	margin-left:154px;
	margin-top:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.campoobligatorio{
	color:#693;
	font-size:12px;
	font-style:italic;
}

/* add display:inline to floated elements */
* html div#latizq,
* html div#contenido,
* html .imagenproductos,
* html .tituloproductos,
* html .textojustificadoproductos,
* html .divfoto,
* html .piefoto,
* html .piefoto2,
* html .botongr,
* html .titulo2 {display:inline;}

/* add zoom:1 to pos:relative elements */
* html div#cabecera,
* html .divfoto img,
* html div#pie {zoom:1;}