/* -------------------- Estilos generales -------------------- */
body {
	margin: 0px;
	padding: 0px;
	font-size:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	background-color:#5a5954;
}
#contenedor {
	width: 100%;
	float: left;
	margin: 0px auto;
	padding:0;
	text-align: left;

}
#cuerpo {
	width: 100%;
	height:500px;
	color: #ffffff;
	background-color:#5a5954;
	background-image:url(imagen/fondo.gif);
	background-position:top left;
	background-repeat: no-repeat;
}
a#mail {
	color: #5A5954;
	text-decoration:none;
}
a#mail:hover {
	color: #F7A800;
	text-decoration:none;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	background-color:#5a5954;
}
/*--------------------- Estios del menú pricipal -------------------*/
a#bot1 {
	display:block;
	width:70px;
	height:73px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/bot_1new.gif) top left no-repeat;
}
a#bot1:hover {
	background-position:0 -73px;/* con esto cambiamos la porcion de imagen que se muestra */
}
a#bot2 {
	display:block;
	width:86px;
	height:73px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/bot_2new.gif) top left no-repeat;
}
a#bot2:hover {
	background-position:0 -73px;/* con esto cambiamos la porcion de imagen que se muestra */
}
a#bot3 {
	display:block;
	width:105px;
	height:73px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/bot_3new.gif) top left no-repeat;
}
a#bot3:hover {
	background-position:0 -73px;/* con esto cambiamos la porcion de imagen que se muestra */
}
a#bot4 {
	display:block;
	width:98px;
	height:73px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/bot_4new.gif) top left no-repeat;
}
a#bot4:hover {
	background-position:0 -73px;/* con esto cambiamos la porcion de imagen que se muestra */
}
/*--------------------- Fin de los estilos del menú ----------------*/
/* -------------------- Estilos de la cabecera -------------------- */
#fondoblanco {
	width: 100%;
	background-color: #ffffff;

}
#cabecera {
	width: 900px;
	height:73px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #5a5954;
}
#logo {
	float: left;
	background-color:#ffffff;
	background-image:url(imagen/tremafel_logo.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:73px;
	width: 220px;
}

#logo h1 {
	font-size:22px;
	display:none;
}
#menu {
	float:left;
}
#menu ul{
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#menu ul li { 
	display: inline;
	float:left;
}
#contacto {
	float: right;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	background-image:url(imagen/contacto.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:53px;
	width: 249px;
}
#contacto p {
	margin-left: 30px;
	margin-top: 28px;
	line-height: 1.5em;
}
#contacto p span{
	color: #f7a800;
}
/* -------------------- Fin estilos de la cabecera -------------------- */

/* -------------------- Estilos del pie  -------------------- */
#pie {
	clear:both;
	background-image:url(imagen/pie.gif);
	background-position:bottom left;
	height: 58px;
	width: 122px;
	position: absolute;
	bottom: 0px;
}
/* -------------------- Fin de los estilos del pie -------------------- */
/* -------------------- Fin de los estilos generales -------------------- */


/* -------------------- Estilos de la pagina de inicio -------------------- */
#seccion_inicio {
	background-image:url(imagen/sec_inicio.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 220px;
}
#seccion_inicio h2 {
	font-size:14px;
	display:none;
}
#intro {
	margin-left: 230px;
	margin-top: -20px;
	width: 360px;
	text-align: justify;
}
/* -------------------- Fin de los estilos de la pagina de inicio -------------------- */

/* -------------------- Estilos de la pagina de empresa -------------------- */
#seccion_empresa {
	background-image:url(imagen/sec_empresa.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 220px;
}
#seccion_empresa h2 {
	font-size:14px;
	display:none;
}
#text_empresa {
	margin-left: 230px;
	margin-top: -20px;
	width: 330px;
	text-align: justify;
}
#text_empresab {
	margin-left: 600px;
	margin-top: -205px;
	width: 280px;
	text-align: justify;
}
/* -------------------- Fin de los estilos de la pagina de empresa -------------------- */

/* -------------------- Estilos de la pagina de contacto -------------------- */
#seccion_contacto {
	background-image:url(imagen/sec_contacto.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 220px;
}
#seccion_contacto h2 {
	font-size:14px;
	display:none;
}
#form_contacto {
	margin-left: 230px;
	margin-top: -20px;
	width: 330px;
	text-align: justify;
}
#datos_contacto {
	margin-left: 600px;
	margin-top: -153px;
	width: 280px;
	text-align: justify;
}
/*haking para el safari*/
/*\*/
/*
html*#datos_contacto {
	margin-top: -178px;
}
*/
/*\*/
/*
html*#localizaciones {
	float:left;
	margin-top: -120px;
}
*/
/*cuando el formulario se envia correctamente*/
#datos_contactofin {
	margin-left: 600px;
	margin-top: -74px;
	width: 280px;
	text-align: justify;
}
/*cuando el formulario da error*/
#datos_contactoerror {
	margin-left: 600px;
	margin-top: -61px;
	width: 280px;
	text-align: justify;
}
#telefono{
	margin-bottom:40px;
}
a#mail_form {
	color: #F7A800;
	text-decoration:none;
}
a#mail_form:hover {
	color: #ffffff;
	text-decoration:none;
}
/*estilos del formulario*/
input{
	float:right;
	padding:0px 5px 0px 5px;
	margin-top: -14px;
	background:#5A5954;
	border:#ffffff 1px solid;
	font-size:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
}
textarea{
	float:right;
	padding:1px 0px 1px 5px;
	margin-top: -14px;
	background:#5A5954;
	border:#ffffff 1px solid;
	font-size:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
}
label[for="bot_enviar"]{
	padding: 5px 0px 0px 5px;
	width: 300px;	
	float:right;
	margin-right:30px;
	margin-top:10px;
}
#bot_form{
	margin-top:-5px;
	float:right;
}
input[type="submit"]{
	background:#5A5954;
	border:none;
	color:#F7A800;
	padding:5px 0px 5px 5px;
}
/*haking para el safari*/
/*\*/
html*input{
	margin-top: -18px;
}
/*\*/
html*textarea{
	margin-top: -18px;
}
/*\*/
html*label{
	display:block;
	padding:6px 0px 0px 0px;
}
/*\*/
html*input[type="submit"]{
	margin-top: -10px;
}
/* -------------------- Fin de los estilos de la pagina de contacto -------------------- */

/* -------------------- Estilos de la pagina de productos -------------------- */
#seccion {
	width: 418px;	
}
#seccion_producto {
	background-image:url(imagen/sec_productos.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 220px;
}
#seccion_producto h2 {
	font-size:14px;
	display:none;
}
/*titulares*/
#modelo_andrea {
	margin-top: -58px;
	background-image:url(imagen/mod_andreag.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 198px;
	float: right;
}
#modelo_andrea h3 {
	font-size:12px;
	display:none;
}
#modelo_goya {
	margin-top: -58px;
	background-image:url(imagen/mod_goyag.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 198px;
	float: right;
}
#modelo_goya h3 {
	font-size:12px;
	display:none;
}
#modelo_pikolo {
	margin-top: -58px;
	background-image:url(imagen/mod_pikolog.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 198px;
	float: right;
}
#modelo_pikolo h3 {
	font-size:12px;
	display:none;
}
#modelo_lidia {
	margin-top: -58px;
	background-image:url(imagen/mod_lidiag.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:58px;
	width: 198px;
	float: right;
}
#modelo_lidia h3 {
	font-size:12px;
	display:none;
}
/*fin de titulares*/
#columna {
	margin-left: 35px;
	float: left;
}
/*comienza el menú de producto*/
#mod1 {
	margin-top: 15px;
	background-image:url(imagen/mod_andrea.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:18px;
	width: 95px;
}
#mod1 h3 {
	font-size:12px;
	display:none;
}
a#andrea {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_1.jpg) top left no-repeat;
}
a#andrea:hover {
	background-position:0 -75px;/* con esto cambiamos la porcion de imagen que se muestra */
}
#bot_andrea {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_1.jpg) top left no-repeat;
	background-position:0 -75px;
}
#mod2 {
	margin-top: 6px;
	background-image:url(imagen/mod_goya.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:18px;
	width: 95px;
}
#mod2 h3 {
	font-size:12px;
	display:none;
}
a#goya {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_2.jpg) top left no-repeat;
}
a#goya:hover {
	background-position:0 -75px;/* con esto cambiamos la porcion de imagen que se muestra */
}
#bot_goya {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_2.jpg) top left no-repeat;
	background-position:0 -75px;
}
#mod3 {
	margin-top: 6px;
	background-image:url(imagen/mod_pikolo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:18px;
	width: 95px;
}
#mod3 h3 {
	font-size:12px;
	display:none;
}
a#pikolo {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_3.jpg) top left no-repeat;
}
a#pikolo:hover {
	background-position:0 -75px;/* con esto cambiamos la porcion de imagen que se muestra */
}
#bot_pikolo {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_3.jpg) top left no-repeat;
	background-position:0 -75px;
}
#mod4 {
	margin-top: 6px;
	background-image:url(imagen/mod_lidia.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:18px;
	width: 95px;
}
#mod4 h3 {
	font-size:12px;
	display:none;
}
a#lidia {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_4.jpg) top left no-repeat;
}
a#lidia:hover {
	background-position:0 -75px;/* con esto cambiamos la porcion de imagen que se muestra */
}
#bot_lidia {
	display:block;
	width:186px;
	height:75px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagen/sofa_4.jpg) top left no-repeat;
	background-position:0 -75px;
}
/* finaliza el menú de producto*/
/*fotos grandes*/
#foto_principal1 {
	background-image:url(imagen/sofa1_g.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 371px;
	width: 664px;
	margin-left: 238px;
	margin-top: 33px;
}
#foto_principal2 {
	background-image:url(imagen/sofa2_g.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 371px;
	width: 664px;
	margin-left: 238px;
	margin-top: 33px;
}
#foto_principal3 {
	background-image:url(imagen/sofa3_g.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 371px;
	width: 664px;
	margin-left: 238px;
	margin-top: 33px;
}
#foto_principal4 {
	background-image:url(imagen/sofa4_g.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 371px;
	width: 664px;
	margin-left: 238px;
	margin-top: 33px;
}