body{

	background-color: #B2B2A8;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin: 0px;

	padding: 0px;

	color: #636360;

}



h1{

	font-size: 21px;

	font-family: "Times New Roman", Times, serif;

	color: #636360;

	margin:10px 0px;

	font-weight: normal;

}



h2{

	font-size: 14px;

	font-family: "Times New Roman", Times, serif;

	color: #636360;

	margin:10px 0 0px 0;

}



p {

	padding:5px 0px 5px 0px;

	margin:0px 0px 5px 0px;

}




td{

	vertical-align: top;

}



a:link{color:#A81900;}

a:visited{color:#A81900;}

a:hover{color:#565650;}

a:active{color:#A81900;}



hr {

	border: 0;

	width: 100%;

	color: #E5E5E0;

	background-color: #E5E5E0;

	height: 1px;

	margin: 0px;

	padding: 0px;

}



.clr {

	clear: both;

	height: 0px;

}

.clr span{

	height: 0px;

}



/*

#container contiene todo la pagina, centrar y colocar interior

 */

#container{

	width: 756px;

	position: relative;

	left: 50%;

	margin-left: -378px;

	background: transparent url(img/back_img.gif) repeat-y;

}



/*

#container-inside block is narrower than it's parent, allowing drop shadow to appear behind

 */

#container-inside{

	width: 750px;

	background-color: #FFFBEC;

	margin-left: 3px;
	
	position:relative;

}





/* Begin Header Styles */

#header{
	background-color: #FFFFFF;



}



#header-top{

	height: 19px;

	background: transparent url(img/hdr_top_back.gif) repeat-x;

}

#header-index{

	height: 6px;

	background: transparent url(img/barra.jpg) repeat-x;

	margin: 0px; padding:0 0 0 19px;

}



#header-middle{

	margin: 0px; padding:0px;

}



#header-middle a span{

	display: none;

}



#header-middle a.logo{

	margin: 0 0 0 15px;

	padding: 0px;

	display: block;

	height: 60px; 

	width: 199px;

	background: transparent url(img/logo.jpg) no-repeat;

}



#header-bottom{

	height: 29px;

	background: transparent url(img/nav_bg.gif) repeat-x;

	margin: 0px; padding:0 0 0 15px;

}

/* End Header Styles */





/* Begin Navblock Styles */

#navblock{



}



#nav{


	width: 496px; height: 29px;

	background: url(img/botones_nav.gif);

	margin: 0; padding: 0;

	position: relative;

}



#nav span{

	display: none;

}



#nav li{

	margin: 0px; padding: 0px; list-style: none;

	position: absolute; top: 0;

}



#nav li, #nav a {

	height: 29px; display:block;

}

#inicio{left: 0px; width: 60px;}
#productos{left: 60px; width: 70px;}
#empresa{left: 130px; width: 70px;}
#localizacion{left: 201px; width: 90px;}
#contacto{left: 293px; width: 68px;}
#instalaciones{left: 363px; width: 90px;}

#inicio a:hover{background: transparent url(img/botones_nav.gif) 0 -29px no-repeat;}
#productos a:hover{background: transparent url(img/botones_nav.gif) -60px -29px no-repeat;}
#empresa a:hover{background: transparent url(img/botones_nav.gif) -130px -29px no-repeat;}
#localizacion a:hover{background: transparent url(img/botones_nav.gif) -201px -29px no-repeat;}
#contacto a:hover{background: transparent url(img/botones_nav.gif) -293px -29px no-repeat;}
#instalaciones a:hover{background: transparent url(img/botones_nav.gif) -363px -29px no-repeat;}

body.body-inicio #inicio, 
body.body-inicio #inicio a:hover{background: transparent url(img/botones_nav.gif) 0 -58px no-repeat;}
body.body-productos #productos, 
body.body-productos #productos a:hover{background: transparent url(img/botones_nav.gif) -60px -58px no-repeat;}
body.body-empresa #empresa, 
body.body-empresa #empresa a:hover{background: transparent url(img/botones_nav.gif) -130px -58px no-repeat;}
body.body-localizacion #localizacion, 
body.body-localizacion #localizacion a:hover{background: transparent url(img/botones_nav.gif) -201px -58px no-repeat;}
body.body-contacto #contacto, 
body.body-contacto #contacto a:hover{background: transparent url(img/botones_nav.gif) -293px -58px no-repeat;}
body.body-instalaciones #instalaciones, 
body.body-instalaciones #instalaciones a:hover{background: transparent url(img/botones_nav.gif) -363px -58px no-repeat;}
/* Begin Navblock Styles */




#footer{

	background: #B2B2A8 url(img/footer.gif) 0px 0px no-repeat;

	margin:0px; padding: 5px 0 0 0;

	text-align:center;

	color: #7E7E68;

}



#nav-footer{

	list-style: none;

	margin: 0px; padding: 0px;

}



#nav-footer li{

	display: inline;

	margin: 0 10px 10px 0;	

}



#nav-footer a:link,

#nav-footer a:visited,

#nav-footer a:active{color:#565650;}

#nav-footer a:hover{color:#A81900;}

#nav-product{
	list-style: none;
	margin: 0px;
	padding: 10px;

}



#nav-product li{
	margin: 0 10px 10px 0;
	list-style-image: url(img/flecha.gif);

}



#nav-product a:link,

#nav-product a:visited,

#nav-product a:active{
	color:#565650;
	text-decoration: none;
}

#nav-product a:hover{color:#A81900;}

#home-content {

	margin: 0px; 

	padding:0px;

}



.content{

	float: left;

	width: 710px;

	padding: 0px 20px 10px 35px;

	margin-top: 20px;

}



con-lateral{

	width: 470px;

}



#lateral{

	background: #EEEEE9 url(../images/sidebar_bg.gif) 0px 0px repeat-y;

	float: left;

	width: 197px;

	/* border:1px solid #DBDBDA; */

	background-color: #EEEEE9;

	margin: 40px 0px 0px 0px;

}





#lateral-top{

	width: 197px;

	height: 15px;

	background: #EEEEE9 url(../images/sidebar_top.gif) 0px 0px no-repeat;

}

#lateral-bottom{

	width: 197px;

	height: 15px;

	background: #fff url(../images/sidebar_bottom.gif) 0px 0px no-repeat;
	
	padding-bottom: 50px;

}



#lateral-content{

	margin: 0 0 10px 15px;

}



#lateral p{

	margin: 0 0 0 25px;

}



#lateral h2{

	margin: 10px 0 0 0;

}
/*Formulario */
form {
	padding: 0px;
	width: 250px;
}

label {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
}

.campo {
	width: 250px;
	height: 30px;
	margin-bottom: 10px;
	background-image: url(./img/f1.jpg);
	background-repeat: no-repeat;
	padding: 2px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:none;
	background-color: #FFFBEC;

}

.campo:hover {
	background-image: url(./img/f2.jpg);
}

#comentario {
	width: 250px;
	height: 180px;
	background-image: url(./img/f3.jpg);
	background-repeat: no-repeat;

}

#comentario:hover {
	background-image: url(./img/f4.jpg);
}

#boton_enviar {
	width: 130px;
	height: 20px;
	margin-left: 50px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;


}