html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #666;
	color: #000;
	font: 75%/150% Georgia, "Times New Roman", Times, serif;
}

p {
	margin-right: 30px;
	margin-left: 20px;
}

h1 {
	color: #009;
	font: 2em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 30px 0 20px;
}

h2 {
	font-style: italic;
	font-size: 1.3em;
	color: #39f;
	margin-right: 30px;
	margin-left: 40px;
	margin-top: 0;
}

h3 {
	font-size: 1em;
	color: #009;
	margin-right: 30px;
	margin-left: 20px;
	margin-bottom: 0;
}

h4 {
	color: #39f;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 0;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#listado h2 {
	color: #009;
	font: 2em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 30px 0 20px;
}

#listado h3 {
	font-style: italic;
	font-size: 1.3em;
	color: #333;
	margin: 0 30px 20px 40px;
}

#detalle_productos h2 {
	color: #009;
	font: 2em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 30px 0 20px;
}

#detalle_productos h3 {
	font-style: italic;
	font-size: 1.3em;
	color: #333;
	margin: 0 30px 20px 40px;
}

#contenido_inicio h2 {
		color: #009;
	font: 2em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 30px 0 20px;
}

#derecha ul {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0;
	list-style-type: square;
	color: #000;
}

a:link {
	color: #009;
}

a:hover {
	text-decoration: overline;
	color: #009;
}

a:active {
	border-style: none;
}

a:visited {
	color: #39f;
	text-decoration: none;
}

#submenu a:visited {
	color: #fff;
	text-decoration: none;
}

#pie a:link {
	color: #fff;
	cursor: help;
}

#pie a:hover {
	text-decoration: overline;
	color: #39f;
}

#pie a:active {
	border-style: none;
}

#pie a:visited {
	color: #fff;
	text-decoration: none;
}

/* @group estructura */

#cabecera {
	width: 100%;
	height: 220px;
	background: transparent url(../images/estructura/cabecera.jpg) repeat-x;
}

#logo {
	width: 250px;
	height: 220px;
	background: transparent url(../images/estructura/logo-inoxgar.jpg) no-repeat;

}

body#xinicio #container {
	background: #999 url(../images/estructura/degradado999.jpg) repeat-x 0 0;
	width: 100%;
	height: auto;
}

#container {
	background: #999;
	width: 100%;
	height: auto;
}

#contenido {
	width: 635px;
	height: auto;
	margin: 0 0 0 -315px;
	padding: 0;
	position: relative;
	right: 50%;
	left: 50%;
}

#izquierda {
	float: left;
	width: 340px;
	height: auto;
	margin-top: 15px;
	margin-bottom: 20px;
}

#derecha {
	width: 290px;
	height: auto;
	float: right;
	background: url(../images/estructura/texto280-body.gif) repeat-y;
	margin-top: 15px;
	margin-bottom: 20px;
}

body#xproducto #izquierda {
	margin-top: 0;
}

body#xproducto #derecha {
	margin-top: 0;
}

#pie {
	width: 100%;
	height: auto;
	clear: both;
	color: #fff;
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #333 url(../images/estructura/degradado333.jpg) repeat-x;
}

#textohead {
	width: 100%;
	height: 25px;
	background: url(../images/estructura/texto280-head.gif) no-repeat;
}

#textofeet {
	width: 100%;
	height: 20px;
	background: url(../images/estructura/texto280-feet.gif) no-repeat;
}

#centrar {
	width: 630px;
	height: auto;
	background: url(../images/estructura/texto620-body.gif) repeat-y;
	margin-top: 0;
	margin-bottom: 10px;
	float: left;
}

#centrar img {
	margin-left: 10px;
}

#centrar #textohead {
	width: 100%;
	height: 25px;
	background: url(../images/estructura/texto620-head.gif) no-repeat;
}

#centrar #textofeet {
	width: 100%;
	height: 20px;
	background: url(../images/estructura/texto620-feet.gif) no-repeat;
}



/* @end */

/* @group clases */

.direccion {
	margin-top: 0;
	margin-left: 40px;
	padding-top: 10px;
}

.firma {
	margin: 0;
	padding: 5px 0 0;
	height: 15px;
	text-align: center;
	background-color: #666;
	background-image: url(../images/estructura/rejilla.gif);
	width: 100%;
}

.clear {
	clear: both;
}

.azul-claro {
	color: #39f;
}



/* @end */

/* @group menu inicio */

#menuinicio {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menuinicio a {
	width: 170px;
	height: 200px;
	display: block;
	text-decoration: none;
}

#menuinicio a span {
	visibility: hidden;
}

#menuinicio li {
	float: left;
}

#menuinicio #empresa a {
	background-color: transparent;
	background-image: url(../images/menu/boton-empresa.jpg);
}

#menuinicio #empresa a:hover {
	background-color: transparent;
	background-image: url(../images/menu/boton-empresa2.jpg);
}

#menuinicio #producto a {
	background-color: transparent;
	background-image: url(../images/menu/boton-producto.jpg);
}

#menuinicio #producto a:hover {
	background-color: transparent;
	background-image: url(../images/menu/boton-producto2.jpg);
}

#menuinicio #noticias a {
	background-color: transparent;
	background-image: url(../images/menu/boton-noticias.jpg);
}

#menuinicio #noticias a:hover {
	background-color: transparent;
	background-image: url(../images/menu/boton-noticias2.jpg);
}

#menuinicio #contactar a {
	background-color: transparent;
	background-image: url(../images/menu/boton-contacto.jpg);
}

#menuinicio #contactar a:hover {
	background-color: transparent;
	background-image: url(../images/menu/boton-contacto2.jpg);
}



/* @end */

/* @group menu */

#menu {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/menu/menu-fondo.gif) repeat-x;
}

body#xinicio #menu {
	display: none;
}

#menu span {
	visibility: hidden;
}

#menu ul {
	width: 460px;
	height: 30px;
	margin: 0 0 0 -230px;
	padding: 0;
	position: relative;
	right: 50%;
	left: 50%;
	list-style-type: none;
	background-color: transparent;
}

#menu ul li {
	display: inline;
	background-color: transparent;
}

#menu a {
	display: block;
	text-decoration: none;
	float: left;
}

#menu #inicio a {
	width: 60px;
	height: 30px;
	background: url(../images/menu/menu.gif) no-repeat 0 0;
}

#menu #inicio a:hover {
	width: 60px;
	height: 30px;
	background: url(../images/menu/menu3.gif) no-repeat 0 0;
}

#menu #empresa a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu.gif) no-repeat -60px 0;
}

#menu #empresa a:hover {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu3.gif) no-repeat -60px 0;
}

body#xempresa #menu #empresa a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu2.gif) no-repeat -60px 0;
}

#menu #producto a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu.gif) no-repeat -160px 0;
}

#menu #producto a:hover {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu3.gif) no-repeat -160px 0;
}

#xproducto #menu #producto a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu2.gif) no-repeat -160px 0;
}

#menu #noticias a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu.gif) no-repeat -260px 0;
}

#menu #noticias a:hover {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu3.gif) no-repeat -260px 0;
}

#xnoticias #menu #noticias a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu2.gif) no-repeat -260px 0;
}

#menu #contactar a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu.gif) no-repeat -360px 0;
}

#menu #contactar a:hover {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu3.gif) no-repeat -360px 0;
}

#xcontactar #menu #contactar a {
	width: 100px;
	height: 30px;
	background: url(../images/menu/menu2.gif) no-repeat -360px 0;
}



/* @end */

/* @group submenu */

#submenu {
	background-color: #999;
	color: #009;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 2px groove #ccc;
	margin-bottom: 10px;
}

#submenu ul {
	margin: 0 0 0 -315px;
	list-style-type: none;
	padding: 5px 0 0;
	width: 630px;
	position: relative;
	right: 50%;
	left: 50%;
	height: 25px;
}

#submenu ul li {
	display: inline;
	background: transparent url(../images/estructura/flecha.gif) no-repeat 0 0;
	width: auto;
	margin: 0 15px 0 0;
	float: left;
	padding-left: 20px;
}

#submenu a {
	min-height: 30px;
	
}


/* @end */

/* @group producto */

#imagen_producto p {
	margin: 0;
	padding-right: 20px;
	padding-left: 10px;
	background-color: transparent;

}

.tituloimagen {
	font-style: italic;
	font-size: 1.3em;
	color: #39f;
	margin-right: 30px;
	margin-left: 0;
	margin-top: 0;	
}



#texto_producto label {
		color: #009;
	font-style: italic;
}

div.producto {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#listado div.producto a img {
	border-style: none;
}

#listado div.producto p.modelo {
	display: none;
}



/* @end */

/* @group noticias */

p.nombre_categorias a {
	font-size: 1.4em;
}

.nombre_categorias a:link {
	color: #39f;
	font-style: italic;
	margin-left: 20px;
	text-decoration: underline;
}

.nombre_categorias a:hover {
	color: #009;
	font-style: italic;
	margin-left: 20px;
	text-decoration: overline;
}

.nombre_categorias a:visited {
	color: #666;
	font-style: italic;
	margin-left: 20px;
	text-decoration: underline;
}

.titulo {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.titulo a {
	font-size: 1.2em;
}

.titulo a:link {
	color: #39f;
	font-style: italic;
	margin-left: 20px;
	text-decoration: underline;
}

.titulo a:hover {
	color: #009;
	font-style: italic;
	margin-left: 20px;
	text-decoration: overline;
}

.titulo a:visited {
	color: #666;
	font-style: italic;
	margin-left: 20px;
	text-decoration: underline;
}

#imagen_articulo {
	margin-left: 20px;
	margin-right: 30px;
}

#imagen_articulo p label.tituloimagen {
	font-style: italic;
	color: #39f;
}

label.titulo {
	color: #39f;
}

p.titulo_ultimo_articulo a {
	font-size: 1.2em;
}



/* @end */

/* @group formulario */

#xcontactar form {
	margin-right: 0;
	margin-left: 20px;
	padding: 0;
	width: 240px;
	height: auto;
	background-color: transparent;
}

#xcontactar form p {
	margin-top: 5px;
	margin-right: 0;
	margin-left: 10px;
}

#xcontactar label {
	font-size: 0.9em;
}

#xcontactar input {
	width: 100%;
	margin-bottom: 10px;
	float: none;
}

#xcontactar fieldset {
	border: 1px dotted #39f;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
}

#xcontactar fieldset label {
	margin-right: 10px;
	margin-left: 10px;
}

#xcontactar fieldset input {
	margin-left: 10px;
	width: 220px;
}

#xlogin form {
	margin-right: 30px;
	margin-left: 20px;
}

#xlogin input {
	width: 100%;
	margin-bottom: 10px;
}

input#enviar.form_boton_contact {
	width: auto;
}

#xlogin fieldset {
	border: 1px dotted #39f;
	margin-bottom: 10px;
}

label.presupuesto {
	color: #009;
	font-style: italic;
}

label.trabajo {
	color: #009;
	font-style: italic;
}

#xcontactar #attachment {
	width: 100%;
}

#xcontactar legend {
	color: #009;
	background-color: #fff;
}

#xcontactar input#enviar {
	width: auto;
}

#xcontactar input#enviar_boton {
	width: auto;
}

#xcontactar #comentarios {
	width: 100%;
	margin-bottom: 10px;
}

textarea {
	width: 240px;
	margin: 0 0 10px;
	padding: 0;
	float: none;
}

#xcontactar .form_materiales input {
	width: auto;
	margin: 0;
}

#xcontactar .form_forma_entrega input {
	width: auto;
	margin: 0;
}

#xcontactar label.form_materiales {
	color: #009;
	font-style: italic;
}

#xcontactar label.form_forma_entrega {
	color: #009;
	font-style: italic;
}

#xcontactar input.form_plazo_entrega {
	width: 50%;
}

#xcontactar input.form_fecha_solicitud {
	width: 50%;
}

#xcontactar input.form_fecha_entrega {
	width: 50%;
}



/* @end */