/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Eproyecta
Version:	3.0
Last change:	26/08/08 [fixed Float bug, vf]
Assigned to:	Copo ArtDesign
-------------------------------------------------------------------*/

@import url("reset.css");

body{
	background: #a6a080 url(img/bg_body1.jpg) repeat-x;
	}
	
#conteiner{
	margin: 0 auto;
	width: 1113px;
	 background: url(img/bg.jpg) repeat-y;
	 
	}
#sliderL{
	float: left;
	width: 208px;
	height: 100%;
	}
#wrapper{
	width: 697px;
background:#fcfbf7;	
margin: 0 auto;
	float: left;


	}
	
	
/*----------------------FOOTER---------------------------*/
#footer{
	width: 1113px;
	height: 30px;
	background: url(img/bg_footer.jpg) no-repeat center bottom;
	margin: 70px auto 0;
	}
	
	
/*  */

#pie{
	float: left;
	width:400px;
	font: 11px "Trebuchet MS";
	color: #fcfbf7;
	padding-left: 300px;
	font-size: 15px;
	padding-top: 5px;
	
	}

#copy a{
font: 11px "Trebuchet MS";
color: #A4A4A4;
text-decoration: none;
float: left;
margin-right: 30px;
	padding-top: 5px;
}
	
	
	
/*  */

	
/*---------------------GALERIA---------------------------*/

#galeria{
	width: 610px;
	height: 281px;
	margin: 46px auto 0 auto;
	}
	
/*---------------------CONTENIDO---------------------------*/	
h1{
padding: 20px 0 0 38px;
font: 600 30px "Times New Roman";
color: #837b56;
}

h2{
margin: 10px 0 0 30px;
font: 600 px "Times New Roman";
color: #837b56;
}
h3{
margin: 10px 0 0 30px;
font: "Times New Roman";
	color: #737373;
 font-size: 15px;
}

p{
padding: 10px 0 40px 38px;
color: ThreedDarkShadow;
font: 110% "Times New Roman";
width: 600px;
text-align: justify;
float: left;
}
#producto{
	background-color: Fuchsia;
	float: left;
	margin: 10px 0 0 38px;
	clear: left;
}
#detalle{
	width: 400px;
	float: left;
	clear: right;

}


/*-------------------------------------------------------------*/



#contacto{
	margin: 30px 0 0 20px;
	float: left;
	padding-bottom: 20px;
}

.campo2{
margin: 0 0 0 20px;
text-align: left;
color: #837b56;
font: 100% "Times New Roman";
width: 400px;
}
/*------------------------NAV----------------------------------*/
#nav{
	width: 697px;
	height: 171px;
	background-image: url(img/nav.jpg);
}
	
.logo{
	width: 165px;
	height: 171px;
	background-image: url(img/nav/nav_off_01.jpg);
	float: left;
}
.btHome{
width:72px;
height: 171px;
background-image: url(img/nav/nav_off_02.jpg);
float:left
}
.btHome:hover{
width:72px;
height: 171px;
background-image: url(img/nav/nav_on_02.jpg);
float:left
}
.btEmpresa{
width:72px;
height: 171px;
background-image: url(img/nav/nav_off_03.jpg);
float:left
}
.btEmpresa:hover{
width:72px;
height: 171px;
background-image: url(img/nav/nav_on_03.jpg);
float:left
}
.btCatalogo{
width:143px;
height: 171px;
background-image: url(img/nav/nav_off_04.jpg);
float:left
}
.btLocalizacion{
width:114px;
height: 171px;
background-image: url(img/nav/nav_off_05.jpg);
float:left
}
.btLocalizacion:hover{
width:114px;
height: 171px;
background-image: url(img/nav/nav_on_05.jpg);
float:left
}
.btContacto{
width:92px;
height: 171px;
background-image: url(img/nav/nav_off_06.jpg);
float:left
}
.btContacto:hover{
width:92px;
height: 171px;
background-image: url(img/nav/nav_on_06.jpg);
float:left
}
/*------------------------SUB----------------------------------*/
.btRelieve{
width:143px;
height: 46px;
background-image:	url(img/nav/cat_off_04.jpg);
float:left
}
.btRelieve:hover{
width:143px;
height: 46px;
background-image:	url(img/nav/cat_on_04.jpg);
float:left
}
.btChorro{
width:143px;
height: 23px;
background-image:	url(img/nav/cat_off_08.jpg);
float:left
}
.btChorro:hover{
width:143px;
height: 23px;
background-image:	url(img/nav/cat_on_08.jpg);
float:left
}
.btBronce{
width:143px;
height: 20px;
background-image:	url(img/nav/cat_off_09.jpg);
float:left
}
.btBronce:hover{
width:143px;
height: 20px;
background-image:	url(img/nav/cat_on_09.jpg);
float:left
}
.btLaser{
width:143px;
height: 20px;
background-image:	url(img/nav/cat_off_10.jpg);
float:left
}
.btLaser:hover{
width:143px;
height: 20px;
background-image:	url(img/nav/cat_on_10.jpg);
float:left
}
.btOtras{
width:143px;
height: 19px;
background-image:	url(img/nav/cat_off_11.jpg);
float:left
}
.btOtras:hover{
width:143px;
height: 19px;
background-image:	url(img/nav/cat_on_11.jpg);
float:left
}