/*TABLA DE CONTENIDOS
0. Globales
1. Cabecera
2. Navegación
3. Contenido
4. Columna dcha-sidebar
5. Pie
*/

/*0. Globales*/
body{background:url(/img/suministros/bg_body.png) no-repeat center top}

/*1. Cabecera*/
.cabecera{ background:url(/img/suministros/cabecera_grupo_pegamo.jpg) no-repeat right top} /*96px alto*/
.cabecera img{ float:left; padding: 0; border:0}

/*2. Navegación*/
.menu {font-family: arial, sans-serif; font-size:11px; margin:0; background: url(/img/suministros/bg_menu.png) no-repeat center top; position:relative; z-index:100;} /*IE6*/
.menu ul {padding:0; margin:0 0 0 16px; list-style-type: none;}
.menu ul li {float:left; background:url(/img/suministros/menu_borde.gif) no-repeat right center} /*IE6*/
.menu ul li a {display:block; text-decoration:none; padding:6px 20px; height:28px; line-height:28px; color:#FFF; font-size:14px; text-transform:uppercase}/*IE8*/
.menu ul li a:hover{ text-decoration:underline}
.menu ul li ul {visibility:hidden; position:absolute; top:38px; left:0; margin:0 0 0 199px; border-top:1px solid #C83A00} /*IE6*/
.menu ul li ul li{ float:none; display:list-item;  background:none !important} /*IE6*/
.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible}  
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block;	width:155px; font-family:Tahoma;background: url(../img/suministros/bg_submenu.gif) no-repeat left center;	font-size:12px;	padding:4px 0 4px 18px;	text-transform:capitalize !important;	word-spacing: 2px;}/*IE6*/
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {text-decoration:underline}/*IE6*/

.menu .li_select{background:url(/img/suministros/bg_menu_over.gif) repeat-x left top }
.ico_herramientas img{padding:0 3px } /*IE6*/

/*3. Contenido*/
.bloque_ini{ margin:0; padding: 0 0 16px 20px;line-height:16px}
h3.conarrow{ background:url(/img/suministros/arrow_subcategorias.gif) no-repeat left center; padding:8px 8px 8px 20px; color:#666; border-bottom: 1px dotted #DFDCD1; margin-right:30px}
h3 a{ color:#666; font-weight:bold}
.contenido{ background:url(/img/suministros/bg_contenido.gif) repeat-x left top}
.container_12 .grid_9{border-right: 240px solid #fff; /* borde del grid de la izq -> color de fondo del sidebar dcha*/}

.buscador { float:right; margin:-10px 0 0 10px} /*IE6*/
.buscador form{ margin:0 0 10px 0; padding:0}
.buscador label{ color:#7F8995; font-weight:bold; font-size:13px; text-transform:uppercase; margin-right:5px}
.campo_buscar{ width:200px; color:#999} 
.bbuscar{ font-size:11px; font-weight:bold; color: #fff; border:none; padding:6px 14px 7px 14px; background:url(/img/suministros/bbuscar.png) no-repeat left center} /*IE6 IE8*/
.bbuscar:hover{	 background:url(/img/suministros/bbuscar_over.gif) no-repeat left center}
/*4. Columna dcha*/
.mod_blanco{background:url(/img/borde_sidebar1.gif) repeat-x left top; border-left:#B1BBBD solid 1px;  border-right:#B1BBBD solid 1px; border-bottom:#B1BBBD solid 1px; padding:10px}
.mod_blanco h3, .mod_gris h3{text-transform: uppercase;	color:#000;	font: bold 12px Georgia, "Times New Roman", Times, serif; border-bottom:#B1BBBD solid 1px; padding-bottom:8px}
.mod_blanco img{ margin-left:12px}
.mod_gris{background:#F5F5F5 url(/img/bg_modgris.gif) no-repeat left top; padding:10px}
.mod_gris{ border:none}
.mod_gris h3 span{font-size:11px; text-transform: none; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.mod_gris ul{ margin:6px 0; padding:0; list-style:none}
.mod_gris ul li{ line-height:16px; margin:0; padding:0; color:#000; font-size:10px; font-family:Arial, Helvetica, sans-serif; background:url(/img/bg_li.gif) no-repeat left 7px; padding-left:8px}
.mod_gris ul li a{color:#A67A7B; margin-right:5px}
.mod_ofertas{ background:url(/img/bg_herramientas.gif) no-repeat top left; padding:10px 10px 35px 68px; display:block; color:#000000}
.paginacion{ margin:10px 0; padding:8px; color:#000000; font-weight:bold; text-align:center}
.serv_tecnico{ padding:16px 68px 25px 10px}
/*Columnas portada*/
.columnas img{ margin:8px auto 0 auto;background:#fff; padding:1px; height:124px; max-width:190px}/*IE6*/
.columnas img:hover{ border:#EB573A solid 1px; padding:0}
.columnas .img_marcas{ height:auto !important; background:none; padding:5px; border:#FFF solid 1px; }
.columnas .img_marcas:hover{ height:auto !important; background:none; padding:5px}
.columnas .nom_producto{	display:block;	margin:4px 0 8px 0;		padding-bottom:8px}
.col_hidra, 
.col_manu, 
.col_neu,
.col_var{ width:205px; float:left; margin:0 4px; padding:10px; text-align:center; min-height:570px} /*IE6*/
.marcas{min-height:470px !important} /*IE6*/
.col_hidra{ background:url(/img/suministros/bg_col_hidra.gif) repeat-x top left; border: #DD7F83 solid 1px}
.col_hidra h2, 
.h3hidra, 
.col_hidra a{ color:#B85456}
.col_manu{ background:url(/img/suministros/bg_col_manu.gif) repeat-x top left; border: #C28982 solid 1px}
.col_manu h2, 
.h3manu, 
.col_manu a{ color:#B67650}
.col_neu{ background:url(/img/suministros/bg_col_neu.gif) repeat-x top left; border: #9BADB1 solid 1px}
.col_neu h2, 
.h3neu, 
.col_neu a{ color:#484848}
.col_var{ background:url(/img/suministros/bg_col_var.gif) repeat-x top left; border: #B4B596 solid 1px}
.col_var h2,
.h3var, 
.col_var a{ color:#6D422F}
h2 .herramientas{ color:#000000; font-size:85%}
.columnas h3{ font-weight:bold; display:inline}
.columnas ul{ width:220px; float:left; list-style:none; margin:10px 0 10px 4px; padding:0 9px 0 0; border-right:#C2C2C2 dotted 1px}
.columnas ul li{ margin:0; padding:3px;border-bottom:1px dotted #D9D7D0}
.columnas ul li a{ color:#333; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(/img/suministros/ico-arrow.gif) no-repeat -2px 3px; padding: 3px 0 3px 10px}
.portada_img{ min-height:155px}
.portada_link{ border-bottom:1px dotted #999;min-height:50px}

/*submenu lateral productos*/
.herramientas h4{background:#ECEAE2; padding:8px; font-size:110%; line-height:14px; text-align:center}
.herramientas ul{ margin:0; padding:0; width:220px; float:left; list-style:none}
.herramientas ul li{ background:#ECEAE2; margin:0 0 1px 0; border-bottom:1px dotted #D9D7D0; padding:5px 5px 5px 8px}/*IE6*/
.herramientas ul li a{font-size:11px !important; color:#333 }
.herramientas .herramientas_select{ color:#DF441B; font-weight:bold; text-decoration:underline;background:url(/img/suministros/arrow_herramientas_sel.gif) no-repeat left 3px; padding-left:8px}/*IE*/
.herramientas .herramientas_select:hover{ color:#000000;background:url(/img/suministros/arrow_herramientas.gif) no-repeat left 3px}
.herramientas ul li ul{ border:none; margin:10px 0 10px 0} 
.herramientas ul li ul li{ margin:0; border:none; background:#ECEAE2 url(/img/suministros/icosub_submenu.gif) no-repeat left center; padding:3px 0 3px 7px; width:200px; line-height:11px}/*IE*/
.herramientas ul li ul li a{ margin:0; padding:0; border:none; background:none !important; color:#7A786D}
.herramientas ul li ul li a:hover { color:#DF441B}
.herramientas ul li ul li .select { color:#DF441B; text-decoration:underline}

.herramientas_detalles{ margin:10px 20px 0 10px; background:#fff; padding:8px}
.herramientas_detalles img{ margin:8px auto; text-align:center; display:block; max-width:367px}/*IE6*/
.img_lightbox{ background:url(/img/ico_ampliar.gif) no-repeat right 10px; padding-right:53px}
.img_lightbox:hover{ background:url(/img/ico_ampliar_over.gif) no-repeat right 10px; cursor:hand}
.herramientas_despieces{ margin:8px -8px -8px -8px; padding:0 8px 8px;border-top:1px dotted #ccc}
.titulo_categorias{ color:#DF441B; padding:0 10px; margin:16px 0 5px 0; font-weight:bold}
.videos ul{ margin:10px 0 0 0; list-style:none; padding:0}
.videos ul li{	padding:8px; background: #F4F4F2; border-bottom:1px dotted #fff}
.paginacion_videos{ padding:8px}
.paginacion_videos a{ padding:6px; margin-right:3px; display:block; float:left }
.paginacion_videos a:hover{ background-color:#ccc}
.mtopcenter{ margin-top:10px; text-align:center; color:#000000; font-weight:bold}
.tipos_herramientas{ list-style:none; margin:10px 32px 0 0}
.tipos_herramientas li{ padding:8px 3px; border-bottom:1px dotted #D6CDBA}
.tipos_herramientas li:hover{ background:#EFEBE4}
.ico_descarga{ float:right; color:#000000; font-size:9px}
.ico_consulta{ background:url(/img/suministros/ico_consulta.gif) no-repeat left 5px; padding:3px 0 3px 15px}
.ico_download{background:url(/img/suministros/ico_download.gif) no-repeat left 5px; padding:3px 0 3px 15px}
.ico_despiece{background:url(/img/suministros/ico_despiece.gif) no-repeat left 5px; padding:3px 0 3px 15px}

.portada_destacados{ float:left; width:220px; margin:8px auto 8px 5px; padding:0; text-align:center}
.portada_destacados a{ display:block; margin:5px 0}
.clipout{ position:relative; width:210px; height:180px;	top:-1px; left:-1px; border-bottom:1px dotted #DCD8C9; margin-bottom:5px }
.clipin{ position:absolute; clip:rect(0 210px 180px 0); top:0;  left:0 }
.clipin img{ margin:0 auto; text-align:center; max-width:210px; max-height:140px}/*IE6*/
.clipin .nomproducto{ width:200px; display:block; margin-bottom:2px; float:left}

.destacados_categorias{	padding:8px; background: url(/img/suministros/ico_destacados.gif) repeat;margin:10px}
.destacados_categorias li:hover{ background:#FCECEB}

.volver{ float:right; font-weight:bold}
.ofertas{margin:10px 20px 10px 0} 
.ofertas .nombreproducto{ color:#000; text-decoration:underline}
.ofertas .nombreproducto:hover{ color:#CA3E2F}
.ofertas table td{ padding:3px; vertical-align:middle} /*IE6*/
.imgoferta{ background:url(/img/suministros/img_oferta.gif) no-repeat 80px top}
.ofertas .efecto{border-bottom:1px dotted #D6CDBA; vertical-align:middle}
.ofertas img{ max-width:65px}

.resultados{ background:#FFFFCC; margin:6px 20px; padding:3px}
.serv_tec ul, .serv_tec h3{ margin-top:10px; list-style:none}
.serv_tec ul li{ padding:3px}
.serv_tec h3{ font-weight:bold}

.bloque_ini{ width:450px; float:left}
.fabpropia{ float:right}
.fabpropia a{ padding:18px 15px 30px 12px; display:block; background: url(/img/suministros/bg_fabpropia.gif) no-repeat top right; color:#000; margin:7px 0} /*IE6*/
.bloque_ini{padding-left:16px;background:url(/img/ico_ini.gif) no-repeat top left; line-height:16px}
 
/*tags de marcas*/
.sprite-tags ul{ list-style:none; margin:10px 0 0 5px; padding:0}
.sprite-tags ul li{ display:inline; margin:0; padding:0; float:left}
.sprite-tags ul li a{ background:url(../img/suministros/minilogos.png) no-repeat left top; display:block; padding:25px 4px 0 2px; text-align:center;  margin-right:1px; text-transform:uppercase; color:#999}
.sprite-tags ul li a.sprite-1power_team { background-position: 0 -296px; padding:25px 11px 0 0} 
.sprite-tags ul li a.sprite-2larzep { background-position: 0 -371px; padding:25px 9px 0 9px} 
.sprite-tags ul li a.sprite-3mega { background-position: 0 -446px; width: 50px; height: 25px; } 
.sprite-tags ul li a.sprite-4enerpac { background-position: 0 -521px; width: 82px; height: 25px; } 
.sprite-tags ul li a.sprite-5facom { background-position: 0 -596px; width: 69px; height: 25px; } 
.sprite-tags ul li a.sprite-6sanpon { background-position: 0 -671px; width: 69px; height: 25px; } 
.sprite-tags ul li a.sprite-7ingersoll { background-position: 8px -746px; width: 97px; height: 25px; } 
.sprite-tags ul li a.sprite-8larwind { background-position: 0 -821px; width: 68px; height: 25px; } 
.sprite-tags ul li a.sprite-9aixia { background-position: 0 -896px; width: 50px; height: 25px; } 
.sprite-tags ul li a.sprite-10masterfix { background-position: 0 0; width: 70px; height: 25px; } 
.sprite-tags ul li a.sprite-11doosan { background-position: 0 -75px; width: 53px; height: 25px; } 
.sprite-tags ul li a.sprite-12vega { background-position: 0 -150px; width: 46px; height: 21px; } 
.sprite-tags ul li a.sprite-13titan { background-position: 0 -221px; width: 49px; height: 25px; } 


/*Sticky Footer by Ryan Fait http://ryanfait.com/*/
.tags{ padding:10px 0; line-height:14px}
.container { margin: 0 auto -111px }
.push { height: 111px }
.pie{ height:91px}
/*fin sticky footer*/