@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	background-image:url(imagenes/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#E9E9E9;
}
table,li {
	font-family: 'Armata', sans-serif;
}
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table tbody td { color: #666666; font-size: 14px;font-weight: normal; }
.datagrid table tbody .alt td { background: #FFF191; color: #00496B; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
/**************/
.datagrid2 table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid2 {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #965B00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid2 table td, 
.datagrid2 table th { padding: 3px 10px; }
.datagrid2 table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFD83B), color-stop(1, #FF9900) );background:-moz-linear-gradient( center top, #FFD83B 5%, #FF9900 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD83B', endColorstr='#FF9900');background-color:#FFD83B; color:#000000; font-size: 15px; font-weight: bold; border-left: 1px solid #965B00; } 
.datagrid2 table thead th:first-child { border: none; }
.datagrid2 table tbody td { color: #00496B; border-left: 1px solid #965B00;font-size: 12px;font-weight: normal; }
.datagrid2 table tbody .alt td { background: #E1EEF4; color: #00496B; }
.datagrid2 table tbody td:first-child { border-left: none; }
.datagrid2 table tbody tr:last-child td { border-bottom: none; }
/* Estructura */
#Container {
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	width: 960px;
}
#barra_telefono {
	width: 956px;
	height: 23px;
	text-align:right;
	padding:3px;
	color:#FFF;
	font-family: 'Armata', sans-serif;
}
#barra_telefono a{
	color:#FFF;
	text-decoration: none;
	}
#barra_logo_menu {
	width: 956px;
	height: 144px;
	padding:3px;
}
#barra_logo_menu .izq {
	width: 480px;
	height: 144px;
	float:left;
}
#barra_logo_menu .der {
	width: 470px;
	height: 144px;
	float:left;
}
/**************** menu ****************/
.boton_menu1 {
	width:143px;
	height:100px;
	margin:20px 0px 0px 10px;
	float:left;
	clear:none;
}
/*** botones menu ***/
.home-quienes{
	float:left;
	display: block;
	width: 143px;
	height: 100px;
	background: url("imagenes/nuestra_empresa.png") no-repeat 0 0;
}
.home-quienes:hover{
	background-position: 0 -100px;
}
.home-quienes span{
	display: none;
}
/**/
.home-contactos{
	float:left;
	display: block;
	width: 143px;
	height: 100px;
	background: url("imagenes/contactos.png") no-repeat 0 0;
}
.home-contactos:hover{
	background-position: 0 -100px;
}
.home-contactos span{
	display: none;
}
/**/
.home-1{
	float:left;
	display: block;
	width: 143px;
	height: 100px;
	background: url("imagenes/home.png") no-repeat 0 0;
}
.home-1:hover{
	background-position: 0 -100px;
}
.home-1 span{
	display: none;
}
/********************************************************************/
.menu-planchas{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/planchas.png") no-repeat 0 0;
}
.menu-planchas:hover{
	background-position: 0 -300px;
}
.menu-planchas span{
	display: none;
}
/**/
.menu-cintas{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/cintas.png") no-repeat 0 0;
}
.menu-cintas:hover{
	background-position: 0 -300px;
}
.menu-cintas span{
	display: none;
}
/**/
.menu-empaquetaduras{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/empaquetaduras.png") no-repeat 0 0;
}
.menu-empaquetaduras:hover{
	background-position: 0 -300px;
}
.menu-empaquetaduras span{
	display: none;
}
/**/
.menu-pisos{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/pisos.png") no-repeat 0 0;
}
.menu-pisos:hover{
	background-position: 0 -300px;
}
.menu-pisos span{
	display: none;
}
/**/
.menu-componentes{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/componentes.png") no-repeat 0 0;
}
.menu-componentes:hover{
	background-position: 0 -300px;
}
.menu-componentes span{
	display: none;
}
/**/
.menu-cauchos{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/cauchos.png") no-repeat 0 0;
}
.menu-cauchos:hover{
	background-position: 0 -300px;
}
.menu-cauchos span{
	display: none;
}
/**/
.menu-proyectos{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/proyectos.png") no-repeat 0 0;
}
.menu-proyectos:hover{
	background-position: 0 -300px;
}
.menu-proyectos span{
	display: none;
}
/**/
.menu-metalmecanica{
	float:left;
	display: block;
	width: 216px;
	height: 300px;
	background: url("imagenes/botones/metalmecanica.png") no-repeat 0 0;
}
.menu-metalmecanica:hover{
	background-position: 0 -300px;
}
.menu-metalmecanica span{
	display: none;
}
/**/

#zona_slider {
	width:940px;
	height:400px;
	margin:10px 5px;
	padding:5px;
	background-color:#FFF;
}
/**/
#zona_catalogo {
	width:960px;
}
.box_catalogo {
	width:216px;
	height:300px;
	margin:15px 12px;
	float:left;
}
#pie {
	width:100%;
	height:70px;
	clear:both;
	text-align:center;
	font-family: 'Armata', sans-serif;
	font-size:16px;
	background-color:#F90;
}
.zona_contenido {
	width:940px;
	padding:10px;
}
.zona_contenido h1{
	font-family: 'Armata', sans-serif;
	font-size:25px;
	font-weight:bold;
}
.zona_contenido h2{
	font-family: 'Armata', sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#F90;
}
.zona_contenido .table{
	font-family: 'Armata', sans-serif;
	font-size:16px;
	text-align:justify;
	background-color:#FFF;
}
.zona_contenido p{
	font-family: 'Armata', sans-serif;
	font-size:16px;
	text-align:justify;
}