/*--------- Generales ----------*/
*	{
  margin: 0;
  padding: 0;
	}
body{
  	font-family: "Arial",Verdana,sans-serif;
	font-size: 12px;
	color:#5b5b5b;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	}

a	{
	text-decoration: none;
	outline: none;
	color:#00519f;
	}
a:hover
	{
	text-decoration: none;
	outline: none;
	color:#003399;
	}
ul 	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
img 
	{
	border:none;
	}
input[type="text"], input[type="reset"], input[type="submit"], input[type="file"] {
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-family: "Arial",Verdana,sans-serif;
	font-size:12px;
	color: #666666;
	outline:none;
	}
textarea, select {
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
  	font-family: "Arial",Verdana,sans-serif;
	font-size:12px;
	color: #666666;
	}

/*--------- tags ----------*/

h2
	{
	padding:20px 0 0 35px;
	margin:0;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	}
	
/*--------- divisiones ----------*/

#wrap
	{
	width: 928px;
	margin:auto;
	}

#header
	{
	height:161px;
	width:928px;
	background-image:url(../img/bg-header.jpg); 
	background-repeat:no-repeat;
	background-position:right;
	clear:both;
	position: relative;
	}
    
#content
	{
	width:928px;
	text-align: justify;
	background-image:url(../img/bg-content.jpg);
	background-repeat:no-repeat;
	}
    
#footer
    {
	height:167px;
	width:928px;
	background-image:url(../img/bg-footer1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	_background-position:left;
	}

/*--------- Menu ----------*/

#header ul,li {list-style-type:none;}

#menu	
	{
	width: 928px;
	height: 27px;
	z-index: 2;
	margin: auto;
	}

.wrapper {width:928px; height: 27px; position: absolute; left: 0; bottom: 0; _bottom: -1px; background:url(../img/menu.jpg); background-repeat:no-repeat}

.menu {height:27px;}
.menu li {float:left; }
.menu a {background:url(../img/menu.jpg);display:block; text-indent:-9000%;height:27px;}

.menu_empresa a { width:93px; background-position:0 0;}
.menu_calidad a { width:97px; background-position:-93px 0;}
.menu_productos a { width:108px; background-position:-190px 0;}
.menu_obras a { width:148px; background-position:-298px 0;}
.menu_localizacion a { width:122px; background-position:-446px 0;}
.menu_contacto a { width:100px; background-position:-568px 0;}
.menu_inicio a {
	width:70px;
	background-position:-738px 0;
}
.menu_ftp a {
	width:70px;
	background-position:-668px 0;
}

.menu_empresa a:hover {background-position: 0 -27px;}
.menu_calidad a:hover {background-position: -93px -27px;}
.menu_productos a:hover {background-position: -190px -27px;}
.menu_obras a:hover {background-position: -298px -27px;}
.menu_localizacion a:hover {background-position: -446px -27px;}
.menu_contacto a:hover {background-position: -568px -27px;}
.menu_ftp a:hover {background-position: -668px -27px;}
.menu_inicio a:hover {background-position: -738px -27px;}

.menu_empresa .target {background-position: 0 -27px;}
.menu_calidad .target {background-position: -93px -27px;}
.menu_productos .target {background-position: -190px -27px;}
.menu_obras .target {background-position: -298px -27px;}
.menu_localizacion .target {background-position: -446px -27px;}
.menu_contacto .target {background-position: -568px -27px;}
.menu_ftp .target {background-position: -668px -27px;}
.menu_inicio .target {background-position: -738px -27px;}

/*--------- header ----------*/

#logo
	{
	width:266px;
	height:100px;
	padding:25px 0 0 0;
	}

/*--------- empresa ----------*/

#text
	{
	height:280px;
	width:928px;
	line-height:160%;
	}	

#text-left
	{
	width:414px;
	height:240px;
	margin:20px 10px 20px 40px;
	_margin:20px 10px 20px 20px;
	float:left;
	}	

#text-right
	{
	width:414px;
	height:240px;
	margin:20px 40px 20px 10px;
	float:left;
	}	

/*--------- calidad ----------*/

#calidad
	{
	height:220px;
	width:928px;
	line-height:160%;
	}	

#calidad-left
	{
	width:414px;
	height:80px;
	margin:20px 10px 20px 40px;
	*margin:20px 10px 20px 20px;
	float:left;
	}	

#calidad-right
	{
	width:414px;
	height:80px;
	margin:20px 40px 20px 10px;
	float:left;
	}	

/*--------- obras ----------*/

#obras-txt
	{
	color:#666666;
	margin:15px 0 0 40px;
	}
	
/*--------- productos ----------*/

#intro-productos
	{
	height:190px;
	width:928px;
	line-height:160%;
	}	

#productos-left
	{
	width:414px;
	height:150px;
	margin:20px 10px 20px 40px;
	_margin: 20px 10px 20px 20px;
	float:left;
	}	

#productos-right
	{
	width:414px;
	height:150px;
	margin:20px 40px 20px 10px;
	float:left;
	}	
#productos
	{
	width:928px;
	}
#producto
	{
	width:417px;
	height:118px;
	background-image:url(../img/producto.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:3px 6px 3px 6px;
	}
#lista-productos
	{
	width:893px;
	padding-left:35px;
	margin-bottom:25px;
	}	
	
#prod-img
	{
	width:110px;
	height:110px;
	margin:4px;
	_margin: 4px 2px 4px 2px;
	float:left;
	overflow:hidden;
	}
	
#prod-tit
	{
	width:291px;
	height:15px;
	margin:4px;
	_margin: 4px 2px 4px 2px;
	float:left;
	color:#00509d;
	font-weight:bold;
	}
#prod-desc
	{
	width:291px;
	height:62px;
	margin:4px;
	_margin: 4px 2px 4px 2px;
	float:left;
	font-size:10px;
	}
#prod-amp
	{
	width:291px;
	height:13px;
	margin:4px;
	_margin: 4px 2px 4px 2px;
	float:left;	
	}
	
/*--------- contacto ----------*/

#contact
	{
	height:380px;
	width:928px;
	line-height:160%;
	}	

#contact-left
	{
	width:414px;
	height:340px;
	margin:20px 10px 20px 40px;
	*margin:20px 10px 20px 15px;
	float:left;
	}	

#contact-right
	{
	width:414px;
	height:340px;
	margin:20px 40px 20px 10px;
	float:left;
	}	
#conctacto-box
	{
	border:1px solid #CCCCCC;
	width:400px;
	height:50px;
	margin-top:10px;
	text-align: left;
	}
/*--------- localizacion ----------*/

#map
	{
	width:858px;
	height:550px;
	padding:20px 35px 20px 40px;
	}	

/*--------- footer ----------*/

#left
	{
	width:350px;
	float:left;
	padding-left:7px;
	}	
	
#right
	{
	width:266px;
	margin-left:300px;
	text-align:right;
	float:left;
	}
	
#logo1
	{
	width:304px; 
	height:93px; 
	float: left; 
	margin: 30px 35px 27px 75px;
	_margin: 45px 35px 27px 55px;
	}	

#logo2
	{
	width:71px; 
	height:72px; 
	float: left; 
	margin:39px 75px 39px 75px;	
	_margin:44px 75px 39px 55px;	
	}	

#logo3
	{
	width:915px;
	height:15px;
	float: left;
	margin:55px 78px 54px 40px;
	margin:5px;
	}	

/*--------- links ----------*/

.grey {
	color:#aaaaaa;
	font-size:11px;
	}	
.grey a{
	color:#aaaaaa;
	font-size:11px;
	}
.grey a:hover{
	color:#757573;
	font-size:11px;
	}
.clear
	{
	clear:both;
	}
.sangria
	{
	padding:5px 0 0 40px;
	}
.textboxsize
	{
	width:330px;
	}
.recuerde
	{
	background-image:url(../img/recuerde.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
	padding-top:3px;
	font-size:11px;
	}
.titulo
	{
	padding:20px 0 0 40px;
	margin:0;
	color:#000000;
	}