body{
background-image: url(../imagenes/bgradient.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #FFF;
margin: 0; 
padding:0; 
text-align:center;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #00000;
text-align: center;
position: relative;
}

#page{
width:790px;
margin: 0 auto;	
text-align: center;
position: relative;
}

#header{
background-image: url(../imagenes/header.gif);
background-repeat: no-repeat;
width:790px;
height: 107px;
margin: 0 auto;	
text-align: left;
position: relative;	
}

#header_contacts{
width:123px;
height: 33px;
position: absolute;
bottom: 15px;
right:20px;
text-align: left;
margin: 0px;
padding: 0px;
}

.bt_area a{
	width: 123px;
	height: 16px;	
	display: block;
	background-image: url(../imagenes/bt-areaclientes.gif);	
	background-position: top;
	display: block;	
	margin-bottom: 2px;
	float: left;	
}

.bt_area a:hover{
	background-position: bottom;
}

.bt_area a span {
	display:none;
}

.bt_contact a{
	width: 123px;
	height: 16px;	
	display: block;
	background-image: url(../imagenes/bt-contact.gif);	
	background-position: top;
	display: block;	
	margin-bottom: 2px;
	float: left;	
}

.bt_contact a:hover{
	background-position: bottom;
}

.bt_contact a span {
	display:none;
}

#menu_wrap{
background-image: url(../imagenes/menu_wrap.gif);
background-repeat: repeat-y;
width:790px;
height: 44px;
margin: 0 auto;	
text-align: center;
position: relative;
}

#menu{
font: bold 13px Arial;
color: #FFF;
width: 758px;
height: 35px;
margin: 0px auto;
position: absolute;
left: 20px;
bottom:-3px;
text-align: center;
}

#menunav{
margin: 0 ;
padding: 0;
float: left;
font: bold 13px Arial;
height:35px;
}

#menunav li{
display: inline;
}


#menunav li a{
float: left;
color: white;
padding: 9px 0px;
text-decoration: none;
width:124px;
height:auto;
text-align:center;
border-right:1px solid #FFF;
background-image: url(../imagenes/gradient_menu01.gif);
background-repeat: repeat-x;
}

#menunav li a:visited{
color: white;
}

#menunav li a:hover, #menunav li {
color: white;
background-image: url(../imagenes/gradient_menu02.gif);
background-repeat: repeat-x;
}

#currentpage a:link, #currentpage a:visited{
background-position:bottom;
background-image: url(../imagenes/gradient_menu02.gif);
background-repeat: repeat-x;	
}

/* submenus */

#sub_menunav{
margin: 0 ;
padding: 0;
float: left;
font: 11px Arial;
height:27px;
text-align: left;
display: block;
}

#sub_menunav li{
display: inline;
}


#sub_menunav li a{
float: left;
color: white;
text-decoration: none;
padding: 5px 0px 0px 5px;
width:180px;
height:22px;
text-align:center;
background-image: url(../imagenes/gradient_submenu.gif);
background-position: top;
background-repeat: repeat-x;
margin-bottom: 5px;
text-align: left;
}

#sub_menunav li a:visited{
color: white;
}

#sub_menunav li a:hover, #sub_menunav li {
color: white;
background-image: url(../imagenes/gradient_submenu.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#currentsec a:link, #currentsec a:visited{
color: white;
background-image: url(../imagenes/gradient_submenu.gif);
background-position: bottom;
background-repeat: repeat-x;
}



/* finsubmenu */

#foto_header{
background-image: url(../imagenes/foto_wrap.gif);
background-repeat: no-repeat;
width:790px;
margin: 0 auto;	
text-align: center;
padding-top: 10px;
padding-bottom: 0px;	
}

#foto_header_inside{
background-color: #e3e3e3;
width:750px;
height: 223px;
margin: 0 auto;	
text-align: center;	
}

#contents_wrap{
background-image: url(../imagenes/bg_contents_wrap.gif);
background-repeat: repeat-y;
width:790px;
margin: 0 auto;	
text-align: center;
}

*html #contents{
background-image: url(../imagenes/bg_contents_inside.gif);
background-repeat: repeat-x;
padding: 20px 10px 10px 10px;
width:730px;
margin: 0 auto;	
text-align: left;	
}

#contents{
background-image: url(../imagenes/bg_contents_inside.gif);
background-repeat: repeat-x;
padding: 10px;
width:730px;
margin: 0 auto;	
text-align: left;
}

#footer{
background-image: url(../imagenes/bg_footer.gif);
background-repeat: no-repeat;
width:790px;
height: 67px;
margin: 0 auto;
padding-top: 10px;
color: #FFFFFF;	
text-align: center;	
}

/* empresa */

*html #div_left{
margin-top: 0px;
}

#div_left{
margin-top: 10px;
width: 190px;
float: left;	
}

#div_right{
margin-top: 10px;
width: 530px;
float: right;
}

*html #div_right{
margin-top: 0px;
width: 530px;
float: right;

}

p{
word-spacing: 1px;
text-align: justify; 
}



/* fin empresa */

*html.titulos{
	font-size: 18px;
	height: 27px;
	color: #0693e2;
	letter-spacing: 2px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.titulos{
	font-size: 18px;
	height: 27px;
	color: #0693e2;
	letter-spacing: 2px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.boxproducto{
	width: 201px;
	float: left;
	margin: 0px 30px 30px 20px;	
}

.boxproducto .imagen{
   margin: 0 auto;
	text-align: center;	
	height: 148px;
	margin-bottom: 5px;
}

/* productos 2 */

.boxproducto2{
background-image: url(../productos/bg_thumb.gif);
background-repeat: no-repeat;
	width: 154px;
	height: 198px;
	float: left;
	margin: 0px 8px 15px 8px;	
}

.boxproducto2 .grupo{
	width:154px;
	height: 20px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 1px;
	padding-top: 3px;	
	display: block;
}

.boxproducto2 .thumb{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	
}

#thumb_toscos{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	background-image: url(../productos/thumb_tosco5.gif);
	background-repeat: no-repeat;
	
}

#thumb_huecos{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	background-image: url(../productos/thumb_hueco_sencillo.gif);
	background-repeat: no-repeat;	
}

#thumb_acusticos{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	background-image: url(../productos/thumb_acusticos7.gif);	
	background-repeat: no-repeat;	
}

#thumb_rasillon30{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	background-image: url(../productos/thumb_rasillon30x15x4.gif);
	background-repeat: no-repeat;	
}

#thumb_rasillon40{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	background-image: url(../productos/thumb_rasillon40x20x4.gif);
	background-repeat: no-repeat;	
}


#thumb_rasillon50{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	background-image: url(../productos/thumb_rasillon50x20x4.gif);
	background-repeat: no-repeat;	
}

#thumb_machiembrado{
	width:154px;
	height: 116px;
	margin-bottom: 1px;
	display: block;
	background-color: #FFF;
	background-image: url(../productos/thumb_machiembrado.gif);
	
	background-repeat: no-repeat;	
}

.boxproducto2 .enlaces{
width:154px;
height: 48px;
display: block;
text-align: left;
padding-left: 2px;
padding-top: 2px;		
}

.boxproducto2 .enlaces a{
	text-decoration: none;
	width: 150px;
	color: #FFF;
	display: block;	
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;	
}

.boxproducto2 .enlaces a:hover{ color: #FFF; background-color: #1287cc;}

.boton a{
display: block;
float: left;
color: white;
text-decoration: none;
padding: 5px 0px 0px 0px;
width:201px;
height:22px;
text-align:center;
background-image: url(../imagenes/gradient_submenu.gif);
background-position: top;
background-repeat: repeat-x;
text-align: center;	
}

.boton a:hover{
background-position: bottom;
	
}

/*formularios */

#formbox{   
	text-align: left;			
	padding: 0px;
}



label{
float: left;
width: 70px;
text-align: left;
padding-top: 3px;
color: #0693e2;
font-weight: bold;
}

.labelpass{
float: left;
width: 90px;
text-align: left;
padding-top: 3px;
color: #0693e2;
font-weight: bold;
}


#formbox input, textarea{
width: 300px;
margin-bottom: 10px;
background-color: #9fd1ff;	
border: 1px solid #9fd1ff;
color: #000000;
}


#formbox textarea{
width: 300px;
height: 150px;
}

#formbox .boxes{
width: 1em;
}

#capabotones{
margin-left: 71px;
margin-top: 5px;	
}

#capabotones input{
width: 90px;
height: 30px;
margin-right: 10px;
background-image: url(../imagenes/gradient_submenu.gif);
background-repeat: repeat-x;
border: 1px solid #FFF;
color: #FFF;
font-weight: bold;
font-size: 10px; 
}


/* fin del formulario*/


/* estilos de texto */

.azulbold{
color: #0693e2;
font-weight: bold;	
}

a.links{
text-decoration: none;
color: #0693e2;
background-color: #F0F0F0;
padding: 3px;	
}

a:hover.links{
	background-color: #0693e2;
	color: #FFFFFF;
}

a.links2{
height: 30px;
text-decoration: none;
background-color: #0693e2;
color: #FFFFFF;
padding: 5px;
margin: 0 auto;
text-align: center;
font-size: 12px;
font-weight: bold;	
}

a:hover.links2{
color: #0693e2;
background-color: #F0F0F0;
}

/*  tablas------- */


/*  productos------- */
#link_new{
	width: 200px;
	height: 30px;
	margin: 40 auto;
	text-align: left;
	margin-left: 50px;
}

.fichaproducto{
width:725px;
margin-bottom: 30px;	
}

.fichaproducto img{
float:left;
padding: 0px;
display: block;	
}

.datos{
float:left;
width: 450;
padding: 0px 0px 0px 20px;
border-left: 1px solid #ccc;
display: block;	
}

.tablas{
width:425px;
margin:0px;
padding: 0px;
text-align: left;
}
.tablas th{
width:300px;
color: #0693e2;
padding-bottom:10px; 
}

.tablas td{
font-weight: bold;
padding-bottom:10px; 
}

.signos{
float: right;
font-weight: bold;
margin-right: 5px;
color: #000;
}

ul.listas1 {
margin: 20px 0px 20px 0px;
padding: 0px;
list-style-type: none;

}

ul.listas1 li{
height: 25px;
margin-bottom: 5px;
padding-left: 20px;
font-size: 12px;
font-weight: bold;
background-image: url(../imagenes/icon_download.gif);
background-repeat: no-repeat;
}

ul.listas1 li a{
text-decoration: none;
color: #505050;
}

ul.listas1 li a:hover{
color: #0693e2;
text-decoration: underline;
}