*{margin:0px;}
body {
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px;
	background:#cdcdcd url(imagenes/fondo-pagina.jpg) repeat-x;
	text-align:justify;
}

.clear{clear:both;}
a {text-decoration:none;color:#4D505B;}
img{border:0px;}

h1	
	{border-bottom:1px solid #2058a1;
	color:#2058a1;
	font-family:arial narrow;
	font-size:22px;
	font-weight:lighter;
	margin-bottom:10px;}

h2
	{color:#2058A1;
	font-family:arial;
	font-size:14px;
	margin-bottom:5px;}

#cabecera
	{width:833px;
	margin:auto;
	/*background:transparent url(imagenes/fondo-cabecera.jpg) no-repeat;*/
	background:transparent url(imagenes/fondo-contenedor.jpg) repeat-y;
	height:250px;}

#datos
	{background:transparent url(imagenes/fondo-contenedor.jpg) repeat-y;
	padding-left:30px;
	padding-right:30px;
	height:40px;}

#contenedor
	{width:833px;;
	margin:auto;
	overflow:hidden;
	background:transparent url(imagenes/fondo-contenedor.jpg) repeat-y;
}

#contenedor p
	{padding-bottom:10px;}

#menu-pricipal
	{background:transparent url(imagenes/fondo-contenedor.jpg) repeat-y;width:833px;height:50px;}

#izquierdo
	{width:195px;
	padding-left:20px;
	float:left;}

#buscador
	{background:transparent url(imagenes/fondo-buscador.jpg) no-repeat;
	height:104px;
	width:198px;}

#menu{background:transparent url(imagenes/fondo-menu.jpg) no-repeat;height:500px;}

.lista-menu
	{list-style:none;
	list-style-image:url(imagenes/icon-lista.jpg);
	padding-left:30px;}

.lista-menu li
	{border-bottom:1px solid #FFFFFF;
	width:145px;
	list-style-position:outside;
	padding-bottom:2px;}

.lista-menu li a{color:#4d505b;}

#derecho
	{width:585px;
	float:left;}

#producto-1
	{background:transparent url(imagenes/productos-1.jpg) no-repeat;
	width:587px;
	height:121px;}

#producto-2
	{background:transparent url(imagenes/productos-2.jpg) no-repeat;
	width:587px;
	height:112px;}

#producto-3
	{background:transparent url(imagenes/productos-3.jpg) no-repeat;
	width:587px;
	height:107px;}

#producto-4
	{background:transparent url(imagenes/productos-4.jpg) no-repeat;
	width:587px;
	height:121px;}
#producto-5
	{background:transparent url(imagenes/productos-5.jpg) no-repeat;
	width:587px;
	height:114px;}

.forma-producto
	{display:block;
	float:left;
	height:90px;
	padding-left:8px;
	padding-top:15px;
	width:285px;}



/*------FORMA CONTACTO-------*/

#forma_contacto{
	background:url(imagenes/fondo-contacto.jpg) no-repeat;
	padding-left:55px;
	padding-top:200px;
	float: left; 
	color:#000000;
	border:0px;
	height:698px;
	position:absolute;
	width:100%;
	/*width:265px;*/
	z-index:0;
	}

#forma_contacto label
	{float:left;}

#forma_contacto input,#forma_contacto select,#forma_contacto textarea
	{width:210px;border:#c5c6c1 solid 1px;}

#forma_contacto #fieldset
	{border:0px;margin-top:10px;}

#forma_contacto textarea
	{height:50px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

#fiel
	{margin-left:0px;padding:0px;}

#boton-envio { 
	border:0 solid #000000;
	background:url(imagenes/btn-enviar.jpg) no-repeat;
	cursor: pointer;	
	height:46px;
	margin-left:5px;
	margin-top:4px;
	width:215px;
}

#validacion
	{width:230px;
	height:40px}

/*------FORMA CONTACTO-------*/

#pie
	{background:url("imagenes/fondo-pie.jpg") no-repeat scroll 0 0 transparent;
	height:80px;
	margin:auto;
	padding-top:10px;
	text-align:center;
	width:833px;
	color:#fff;}

#pie p{font-size:10px;}

#lista-pie
	{height:20px;}

#lista-pie li
	{display:inline;color:#fff;padding-left:5px;}

#lista-pie li a{color:#fff;}

#validaciones{margin:auto; text-align:center;margin-top:0px;
	width:833px;}
	
.producto{float:left;width:150px;height:220px;margin-bottom:10px;margin-left:10px;border:0 solid #dddddd;}
.ArtNuevo{color:red;font-weight:bold;padding-left:5px;padding-top:1px;vertical-align:top;}
.fondo_img{border:1px solid #4499E8;height:150px;width:150px;}
.img_i{text-align:center;}

.catalogox { border-collapse: separate; border-spacing: 15pt }
.catalogox td {padding: 1px; background-color: #FFFFFF;border-color: #999; border-style: solid; border-width: 1px 2px 1px 1px;}
.catalogox imgs { border-color: #999; border-style: solid; border-width: 0px 2px 1px 0px }
.catalogox img { border-color: #999; border-style: solid; border-width: 0px 0px 0px 0px }

.articulo { border-collapse: collapse; border-width: 0px;}
.articulo td {padding: 1px; vertical-align: top; }
.articulo td#foto{background-color:#FFF;padding: 1px; vertical-align:middle; text-align:center;}
.articulo td#texto {padding: 10px;}
.articulo img { border-color: #999; border-style: solid; border-width: 0px 1px 1px 0px }

/*****MENU****/
#menu-sub
	{height:42px;border-left:1px solid #999999;}

#dmenu ul,#dmenu li,#dmenu a{
	margin:0px;
	padding:0px;
	font-size:1px;
}

#dmenu{                         /* menu list container */
	list-style-type: none;
	padding: 0px;
	color: #FFFFFF;
	z-index: 20; 
	text-align:center;
	margin:0 auto;
	height:60px;
	width:788px;
}
#dmenu li{
	list-style-type: none;
	border: none;
	display: inline;
	float:left;
	position:relative;
}

#dmenu ul {
	position:absolute;
	list-style-type: none;      /* disable the display of the list item bullets */
	display: none;
	color: #fff;                /* sub-menu default font color (not links) */
	z-index: 99;                /* want to be sure this is above the rest of the menu */
	text-align: left;
	top:42px;
	left:0px;
	padding:1px 0 0 1px;
	background-color:#bf260b;
}

#dmenu ul li{ 
	border-bottom: 1px solid #901a06;
}

#dmenu li a{                    /* top-level menu element links */
	text-align: center;         /* text alignment in main menu item links */
	display: block;
	text-decoration: none;
	font-size:12px;
}
#dmenu ul li a{
}

#serv ul li a {width:126px;}
#solucio ul li a {width:139px;}
#resp ul li a {width:152px;}
#contact ul li a {width:90px;}
    
#dmenu ul a {                   /* all the other level menu link elements */
	padding: 4px 10px;
	margin: 0px;
	display: block;
	/*width:185px;*/
	text-decoration: none;
	background-color: #bf260b;/*#b9121b;*/
	color: #fff;
	text-align: left;
	font-family:verdana;
	font-size:13px;
}

#dmenu a:hover,                 /* top-level hovering properties */
#dmenu li:hover{
	display: block;
	color: #fff;
}
    
#dmenu ul li:hover,             /* higher level hovering properties */
#dmenu ul li a:hover{
	display: block;
	/*ackground-color: #d50400;*/
	background-image: none;
	/*color: #fff;*/
	color: yellow;
}
#dmenu ul ul{                   /* higher-level list containers */
	display: none;              /* don't display by default */
	position: absolute;
}

#dmenu li:hover ul ul,              
#dmenu li:hover ul ul ul,
#dmenu li:hover ul ul ul ul,
#dmenu li:hover ul ul ul ul ul{
	display:none;
}

#dmenu li:hover ul,
#dmenu ul li:hover ul,
#dmenu ul ul li:hover ul,
#dmenu ul ul ul li:hover ul,
#dmenu ul ul ul ul li:hover ul{
	display:block;
}
li>ul {
	position:absolute;
	top: 42px;
	left: 0px;
}