body{margin: 0px; padding:0px;font-size:14px;font-family:Arial, Helvetica, sans-serif;height: 100%;background-image:url(images/bg.jpg); background-repeat:repeat-x;background-color:#000000; color:#FFFFFF;}

html{height:100%;margin: 0px; padding:0px;}

.side{position:relative;width:117px; float:left; height:100%; padding:0px; margin:0px; z-index:999;}
.content{position:relative;width:682px; float:left; height:100%; padding:0px; margin:0px; background-image:url(images/contentbg.jpg); background-position:bottom; background-repeat:no-repeat; min-height:350px; z-index:0;}
.content_quienes{position:relative;width:759px; float:left; height:100%; padding:0px; margin:0px 0px 20px 10px; background-color:#FFFFFF; color:#000000; z-index:0;}
.content2{position:relative;width:750px; float:left; height:100%; padding:0px; margin:10px 0px 20px 10px; z-index:0;}
.right{position:relative;width:195px; float:right; height:100%; padding:0px; margin:0px 4px 0px 0px; background-image:url(images/rightbg.jpg); background-repeat:repeat-x;}

#fondoencabezado{height:134px;width: 50%;right: 0;background: url(images/bgtop.jpg) repeat-x;position: absolute;}

.menuside{ position:relative; margin:0px; background-image: url(images/bgmenu.jpg); padding:0px; width:204px;}
.menusidetop{ width:204px; margin:0px; padding:0px; height:7px; background-image:url(images/menusidetop.jpg);}
.menusidebottom{ width:204px; margin:0px; padding:0px; height:7px; background-image:url(images/menusidebottom.jpg);}
.headercategorias{ width:204px; margin:0px; padding:0px; background-image:url(images/headercategorias.jpg); height:34px;}
.headercategorias2{ width:204px; margin:0px; padding:0px; background-image:url(images/headerusuario.jpg); height:34px;}

#fullPage {border:0px;margin: 0px; padding:0px;top:0px;left:0px;}
#enclosing {width:1000px;border:0px;position:relative;top:0px;left:0px;}
#inside { background-image:url(images/bginside.jpg); position:relative;top:0px;left:0px;width:1000px;margin: 0px; top:0px; padding:0px;}

.top1{ background-image:url(images/top1.jpg); width:1000px; height:109px;}
.top2{ background-image:url(images/top2.jpg); width:1000px; height:25px;}

.foot{width:100%; height:30px; clear:both; text-align:center; line-height:27px; font-size:11px; color:#7c7c7c;}
.footright{ display:block; float:right; width:160px; height:45px; line-height:18px;}

p {line-height:22px; font-size:15px; color:#000000;}
.content p{ color:#FFFFFF;}
a, a:link, a:visited, a:active{ color:#f0f0f0; text-decoration: none;}
a:hover { color:#ffffff; margin: 0px; padding:0px; text-decoration: underline;}

.logo{ position:relative; float:left; width:290px; height:106px; margin:0px; padding:0px;}
.banner{ position:relative; float:left; margin:14px 0px 0px 94px; width:385px; height:80px;}
.login{ position:relative; float:left; margin:57px 0px 0px 50px; width:172px; height:42px;}
.input_login{ position:relative; text-align:center; width:75px; height:11px; color:#a8a8a8; float:left; margin-right:4px; font-size:11px;}

.linkslogin{color:#efefef; font-size:11px; width:100%; text-align:center; margin:10px 0px 0px 0px;}
.linkslogin a, a:link, a:visited, a:active{color:#efefef; font-size:12px;}
.linkslogin a:hover{ text-decoration:underline;}

.bienvenida{ float:right; height:22px; width:200px; text-align:center; padding-top:3px; color:#333333; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:14px;}

.menu{ position:relative; width:350px; height:25px; padding:0px 0px 0px 0px; float:right;}

a.topmenu{display:block;text-align:center; color:#484747; background-image:url(images/topmenu.jpg); background-position:right; background-repeat:no-repeat; padding:4px 10px; font-size:12px; text-decoration:none; font-weight:bold; font-family:"Arial Narrow",Arial, Helvetica, sans-serif;}
a.topmenu,  a.topmenu:link, a.topmenu:visited, a.topmenu:active{display:block;text-align:center; color:#484747; background-image:url(images/topmenu.jpg); background-position:right; background-repeat:no-repeat; padding:4px 10px; font-size:12px; text-decoration:none; font-weight:bold; font-family:"Arial Narrow",Arial, Helvetica, sans-serif;}
a.topmenu:hover{ color:#000000; background-color:#a3a3a3;}

.button{float:left;}

h1{ display:block; background-image: url(images/h1bg.jpg); height:32px;width:97%; padding:14px 3% 0px 0px; font-weight:bold; text-align:right; letter-spacing:8px; color:#000000; font-size:14px; margin:0px;font-family:"Arial Narrow",Arial, Helvetica, sans-serif;}
h2{ display:block; margin:12px 0px 0px 0px; text-align:right; padding-bottom:5px; border-bottom:1px solid #c9c9c9; color:#c9c9c9; text-transform:uppercase; font-size:10px; letter-spacing:1px; clear:both;}
h3{font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size:20px; color:#000000; width:100%; padding-bottom:5px; border-bottom:1px solid #848382; margin:0px;}
h4{ display:block; margin:12px 0px 0px 0px; text-align:right; padding-bottom:5px; border-bottom:1px solid #c9c9c9; color:#ffffff; text-transform:uppercase; font-size:10px; letter-spacing:1px; clear:both;}

a.boton{display:block;height:18px;padding:0px 10px 0px 0px; width:107px; font-weight:normal; color:#ffffff; font-size:16px; margin:3px 0px; text-align:right;}
a.boton,  a.boton:link, a.boton:visited, a.boton:active{display:block;height:18px;padding:0px 10px 0px 0px; width:107px; font-weight:normal; color:#ffffff; font-size:16px; margin:3px 0px; text-align:right;}
a.boton:hover{background-image:url(images/btn2.jpg); color:#E9E9E9;}

.searchinput{ border:1px solid #ffffff; background-color:#ffffff; font-size:10px; color:#333333;margin:0px 10px 0px 0px; width:107px;}

.producto{display:block; float:left; margin:10px; width:150px; height:142px;}
.producto_img{ display:block; height:131px; margin:0px; width:150px;}
.productoimg{ border:8px solid #dededd;}
.productoimg:hover{ border:8px solid #bfbfbf;}
.producto_desc{ width:100%; height:11px; color:#f0f0f0; font-size:9px; padding-top:2px;}

.title{ padding:10px 0px 0px 0px; background-color:#000000;}

.btnenviosolicitud{ background-color:#000000; width:145px; height:22px; color:#ffffff; text-align:center; letter-spacing:1px; border:1px solid #000000; text-transform:uppercase; font-size:10px;}
.btnenviosolicitud:hover{ background-color:#1F1F1F; width:145px; height:22px; color:#ffffff; text-align:center; letter-spacing:1px; border:1px solid #000000; text-transform:uppercase; font-size:10px;}

.tablecotizacion{ color:#333333; font-size:10px; font-weight:normal; padding:4px 0px; border-top:1px solid #c2c0c0; border-bottom:1px solid #c2c0c0; margin-top:10px;}

.paginacion{ width:46%; margin:5px 27%;}

a.pagination{text-align:center; padding:2px 5px; color:#ffffff; font-size:10px; font-weight:bold;}
a.pagination,  a.pagination:link, a.pagination:visited, a.pagination:active{text-align:center; padding:2px 5px; color:#ffffff; font-size:10px; font-weight:bold;}
a.pagination:hover{ color:#CCCCCC;}

.columna_izq{ display:block; height:100%; width:360px; float:left; margin:10px 20px;}
.columna_der{ display:block; height:100%; width:325px; float:left; margin:10px;}

.lateral{ border:8px solid #adadae;}


#menu {width:117px; font-family:"Arial narrow", Arial, Helvetica, sans-serif;}
#menu ul {list-style: none;margin: 0;padding: 0;}
#menu a {color:#ffffff; font-size:16px;text-decoration: none; display:block; width:100%;}
#menu a:hover {background-image:url(images/btn2.jpg); color:#E9E9E9; text-decoration:underline;}
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul 
{display: none;}

div#menu ul ul li:hover ul 
{z-index:999; background-color: #2A2A2A; display:block; width:auto;}

.moduloinicio{ background-image: url(images/bgmoduloinicio.jpg); background-repeat:repeat-x; position:relative; float:left; display:block; height:200px; border:1px solid #ededed; width:180px; margin:15px 7px;}
.mi_title{ display:block; margin:0px; clear:both; height:25px; width:180px;}
.mi_img{ display:block; margin:0px; clear:both; height:112px; width:100%;}
.mi_desc{ display:block; margin:0px; clear:both; height:36px; font-size:11px; color:#161615; text-align:center; line-height:15px; font-weight:bold;}
.mi_btn{ display:block; margin:0px; clear:both; height:24px;}

      .modulo{ display:block; width:98%; margin:5px 10px 5px 10px; clear:both; height:auto; border-bottom:1px solid #ffffff; padding-bottom:5px;background-image:url(images/bgnegro.png); background-repeat:repeat; height:120px;}
      .modulo_titulo{ display:block; font-size:14px; font-weight:bold; color:#FFFFFF;}
      .modulo_img{ display:block; margin:5px 5px; width:25%; height:auto; float:left;}
      .modulo_desc{ display:block; float:left; width:70%; padding:5px; font-size:10px; color:#333333;}	
	
      .modulo2{ display:block; width:100%; margin:15px 0px; clear:both; border:1px solid #D7D7D7; height:auto; height:120px;}
      .modulo2_titulo{ display:block; width:100%; color:#990000; font-size:12px; margin:3px 0px; text-align:left; font-weight:bold;}
      .modulo2_img{ display:block; height:100%; width:30%; margin:0px 0px 0px 1%; text-align:center; float:left;}
      .modulo2_desc{ display:block; float:right; width:67%; padding:5px; border-left:1px solid #E9E9E9; font-size:10px; color:#333333;}
	  .columna1{ display:block; height:100%; width:30%; margin:0px 0px 0px 1%; text-align:center; float:left;}
      .columna2{ display:block; float:right; width:65%; padding:0px 10px; border-left:1px solid #E9E9E9; font-size:10px; color:#333333;}
	  
	.img2{ background-color:#FFFFFF; padding:2px; border:1px solid #CCCCCC;}
	.foto{ float:left; margin:15px; height:150px; width:120px;}
	.img2:hover{ background-color:#990000; padding:2px; border:1px solid #CCCCCC;}