/* CSS */

body {
	margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
	background:#000;
}

h1, h2, h3, h4, h5, h6, div, p {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul {
    margin: 0;
    padding: 0;
}

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

a {
    outline: 0;
}

a:hover {}

    a img {
        border: 0;
        text-decoration: none;
    }

/* -------------------- */
/* ESTRUCTURA PRINCIPAL */
/* -------------------- */

#main {
    width: 957px;
    margin: 0 auto;
	
}

    #header {
        /*background: url(../images/main_bg.png) center top repeat-y;*/
    }

    #wrapper {
        width: 775px; /* 735 + (20 + 20) */
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        /*background: url(../images/main_bg.png) center top repeat-y;*/
		background-color:#FFF;
    }
        
        #center {
            width: 705px; /* 735 - (15 + 15) */
            height: auto;
            overflow: hidden;
            margin-left: 20px;
            padding: 5px 15px 0 15px;
        }
        
        /* -- */
        
        #left {
            float: left;
            width: 345px;
            padding: 10px 0;
        }
        
        #right {
            float: right;
            width: 345px;
            padding: 10px 0;
        }
        
    #footer {
        width: 775px; /* 735 + (20 + 20) */
        margin: 0 auto;
		/*background: url(../images/main_bg.png) center top repeat-y;*/
		background-color:#FFF;
    }
    
/* -------- */
/* SECTORES */
/* -------- */

    /* ------ */
    /* Header */
    /* ------ */
    
        #header .content {
            position: relative;
            height: 318px;
            background: url(../images/header_bg_1.jpg) center top no-repeat;
        }
        
        /* Título (hx) */
        
        #header .titulo {
            position: absolute;
            top: 12px;
            left: 45px;
            font-size: 12px;
            font-weight: normal;
            color: #F00;
        }
        
        /* Logo */
        
        #header .logo {
            position: absolute;
            top: 97px;
            left: 280px;
            width: 305px;
            height: 70px;
            overflow: hidden;
            text-indent: -9999px;
            background: url(../images/logo.png) 0 0 no-repeat;
        }
        
        /* Menú */
        
        #header .menu {
            position: absolute;
            bottom: 0px;
            left: 111px;
            width: 735px;
            height: auto;
            overflow: hidden;
            color: #FFF;
            background: #000;
        }
            
            #header .menu li {
                float: left;
                height: 38px;
                line-height: 38px;
                padding: 0 29px;
                background: url(../images/menu_sep.png) right center no-repeat;
            }
            
            #header .menu li.first {
                padding-right: 28px;
            }
            
            #header .menu li.last {
                padding-left: 28px;
                background-image: none;
            }
                
                #header .menu li a {
                    font-size: 14px;
                    text-decoration: none;
                    color: #FFF;
                }
                
                #header .menu li a:hover {
                    color: #F00;
                }
                
                /* Marcas s/página */
                
                body.inicio             #header .menu li.inicio a,
                body.empresa            #header .menu li.empresa a,
                body.productos          #header .menu li.productos a,
								body.producto           #header .menu li.productos a,
                body.servicio_posventa  #header .menu li.servicio_posventa a,
                body.repuestos          #header .menu li.repuestos a,
                body.contacto           #header .menu li.contacto a {
                    color: #F00;
                }
                
    /* ------ */
    /* Footer */
    /* ------ */
    
    #footer .content {
        width: 735px;
        height: auto;
        overflow: hidden;
        margin: auto;
        padding-top: 41px;
        background: url(../images/footer_top.jpg) 0 0 no-repeat;
    }
        
        #footer .left,
        #footer .center,
        #footer .right {
            float: left;
            width: 215px;
            padding: 10px 15px;
        }
        
        #footer .right {
            text-align: right;
        }
        
        #footer .titulo {
            padding-bottom: 5px;
            font-weight: bold;
            color: #F00;
        }
        
        #footer li {
            line-height: 1.3em;   
        }
        
        #footer li a {
            text-decoration: none;
            color: #333;
        }
        
        #footer li a:hover {
            text-decoration: underline;
        }
        
        #footer p.info {
            line-height: 1.4em;
            color: #333;
        }
        
        #footer .bottom_text {
            clear: both;
            padding: 14px 15px 5px 15px;
            text-align: right;
            color: #666;
            background: url(../images/footer_bottom_text_bg.png) 0 0 repeat-x;
        }
            
            #footer .bottom_text a {
                font-weight: bold;
                text-decoration: none;
                color: #666;
            }
            
            #footer .bottom_text a:hover {
                text-decoration: underline;
            }
			
		#footer ul.categorias li {
			padding-left: 10px;
		}
    
    /* ------- */
    /* Content */
    /* ------- */
	
	#content {
		padding-bottom: 15px;
	}
        
    #content .titulo_1 {
        border-bottom: #F00 1px solid;
        font-size: 13px;
        font-weight: normal;
        line-height: 30px;
        color: #F00;
    }
	
		#content .titulo_1 a {
			text-decoration: none;
			color: #F00;
		}
		
		#content .titulo_1 a:hover {
			color: #000;
		}
    
    #content .titulo_2 {
        border-bottom: #F00 1px solid;
        margin-bottom: 10px;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        color: #F00;
    }
    
    /* -- */
    
    #content p {
        padding: 7px 0;
        line-height: 1.4em;
    }
    
    #content p.info_contacto {
        font-size: 12px;
        line-height: 1.4em;
    }
	
	/* -- */
	
	/* Marcas en Home */
	
	#content .item_home {
		position: relative;
		height: 168px;
		margin-top: 15px;
		padding-left: 243px;
		border-bottom: #999 1px solid;
		border-left: #999 1px solid;
	}
	
	#content .item_home.hanomag {
		background: url(../../../uploads/categorias/imagenes/hanomag_home.jpg) 3px 0 no-repeat;
	}
	
	#content .item_home.michigan {
		background: url(../../../uploads/categorias/imagenes/michigan_home.jpg) 3px 0 no-repeat;
	}
	
	#content .item_home.monterrey {
		background: url(../../../uploads/categorias/imagenes/monterrey_home.jpg) 3px 0 no-repeat;
	}
	
		#content .item_home .logo {
			height: 49px;
			text-indent: -9999px;
		}
		
		#content .item_home.hanomag .logo {
			background: url(../../../uploads/categorias/imagenes/logo_hanomag.png) 0 0 no-repeat;
		}
		
		#content .item_home.michigan .logo {
			background: url(../../../uploads/categorias/imagenes/logo_michigan.png) 0 0 no-repeat;
		}
		
		#content .item_home.monterrey .logo {
			background: url(../../../uploads/categorias/imagenes/logo_monterrey.png) 0 0 no-repeat;
		}
		
		/* -- */
		
		#content .item_home div.descripcion {
			position: absolute;
			top: 70px;
			left: 247px;
			width: 290px;
		}
		
		#content .item_home ul.categorias {
			position: absolute;
			top: 70px;
			right: 0px;
			width: 170px;
		}
		
			#content .item_home ul.categorias li {
				margin-left: 20px;
				padding: 2px 0;
				list-style-type: square;
				color: #F00;
			}
			
				#content .item_home ul.categorias li a {
					text-decoration: none;
					color: #333;
				}
				
				#content .item_home ul.categorias li a:hover {
					color: #F00;
				}
				
		#content .item_home.hanomag ul.categorias {
			top: 40px;
		}
				
		#content .item_home.michigan ul.categorias {
			top: 50px;
		}
		
	/* Marcas en Home (RECTIFICACION 10-07-2010) */
	
		/* Hanomag */
		
		#content .item_home_2.hanomag {
			position: relative;
			height: 235px;
			margin-top: 15px;
			padding-left: 243px;
			border-bottom: #999 1px solid;
			border-left: #999 1px solid;
			/* background: url(../../../uploads/categorias/imagenes/hanomag_home.jpg) 3px 55px no-repeat; */
			background: url(../images/10509442.jpg) 0 30px no-repeat;
		}
			
			#content .item_home_2.hanomag .logo {
				height: 49px;
				text-indent: -9999px;
				background: url(../../../uploads/categorias/imagenes/logo_hanomag.png) 0 0 no-repeat;
			}
			
			#content .item_home_2.hanomag div.descripcion {
				position: absolute;
				top: 50px;
				left: 247px;
				width: 230px;
				z-index: 2;
				font-size: 12px;
				line-height: 1.3em;
			}
			
			#content .item_home_2.hanomag a.imagen {
				position: absolute;
				top: 0px;
				right: 0px;
				z-index: 0;
			}
	
			#content .item_home_2.hanomag ul.categorias {
				position: absolute;
				top: 90px;
				left: 257px;
				width: 250px;
				z-index: 1;
			}
			
				#content .item_home_2.hanomag ul.categorias li {
					margin-left: 20px;
					padding: 2px 0;
					list-style-type: square;
					color: #F00;
				}
				
					#content .item_home_2.hanomag ul.categorias li a {
						text-decoration: none;
						color: #333;
					}
					
					#content .item_home_2.hanomag ul.categorias li a:hover {
						color: #F00;
					}
				
		/* Michigan */
		
		#content .item_home_2.michigan {
			position: relative;
			height: 1%;
			overflow: hidden;
			margin-top: 15px;
			padding: 0 0 10px 5px;
			border-bottom: #999 1px solid;
			border-left: #999 1px solid;
		}
		
			#content .item_home_2.michigan .content {
				float: left;
				width: 340px;
			}
	
				#content .item_home_2.michigan .logo {
					height: 49px;
					text-indent: -9999px;
					background: url(../../../uploads/categorias/imagenes/logo_michigan.png) 0 0 no-repeat;
				}

				#content .item_home_2.michigan div.descripcion {
					/*
					position: absolute;
					top: 50px;
					left: 247px;
					width: 230px;
					z-index: 2;
					*/
					margin-bottom: 10px;
					padding: 0 5px;
					font-size: 12px;
					line-height: 1.3em;
				}
				
				#content .item_home_2.michigan ul.categorias {
					/*
					position: absolute;
					top: 50px;
					right: 0px;
					width: 170px;
					*/
					
				}
				
					#content .item_home_2.michigan ul.categorias li {
						margin-left: 20px;
						padding: 2px 0;
						list-style-type: square;
						color: #F00;
						width:150px;
						float:left;
					}
					
						#content .item_home_2.michigan ul.categorias li a {
							text-decoration: none;
							color: #333;
						}
						
						#content .item_home_2.michigan ul.categorias li a:hover {
							color: #F00;
						}
				
				
			/* Nuevas marcas: lonking, tiengong, liengong */
			#content .item_home_2.michigan .nuevas_marcas {
				width: 350px;
				float: right;
			}
			
			#content .item_home_2.michigan .nuevas_marcas .marca {
				height: 1%;
				overflow: hidden;
				margin-bottom: 10px;
				border-bottom: #aaa 1px solid;
				border-left: #aaa 1px solid;
				padding-left: 9px;
			}
			
			#content .item_home_2.michigan .nuevas_marcas .marca.lonkíng {
				margin-top: -8px;
			}
			
			/* Galería			
			#content .item_home_2.michigan .galeria {
				position: absolute;
				right: 0px;
				width: 300px;
				height: 270px;
				text-align: center;
				background:url("../images/bg-gal.jpg") no-repeat scroll 0 0 transparent;
				background-position:bottom;
			}
			
				#content .item_home_2.michigan .galeria span {
					position: absolute;
					bottom: 0;
					right: 5px;
					display: block;
					font-size: 14px;
					color: #fff;
					text-transform: uppercase;
					font-weight:bold;
				}
				#content .item_home_2.michigan .galeria h2 {
					padding:5px;
				}
			*/
				
		/* Monterrey */
		
		#content .item_home_2.monterrey {
			position: relative;
			height: 305px;
			margin-top: 15px;
			border-bottom: #999 1px solid;
			border-left: #999 1px solid;
		}
		
			#content .item_home_2.monterrey .content {
				width: 250px;
				margin: 0 auto;
				padding-top: 0px;
				padding-left:15px
				
			}
			
				#content .item_home_2.monterrey .logo {
					height: 49px;
					margin-top:10px;
					text-indent: -9999px;
					background: url(../../../uploads/categorias/imagenes/logo_monterrey.png) 0 0 no-repeat;
				}
				
				#content .item_home_2.monterrey .descripcion {
					font-size: 12px;
					line-height: 1.3em;
				}
		
				#content .item_home_2.monterrey ul.categorias {
					width: 170px;
					margin-top: 10px;
				}
				
					#content .item_home_2.monterrey ul.categorias li {
						margin-left: 20px;
						padding: 2px 0;
						list-style-type: square;
						color: #F00;
					}
					
						#content .item_home_2.monterrey ul.categorias li a {
							text-decoration: none;
							color: #333;
						}
						
						#content .item_home_2.monterrey ul.categorias li a:hover {
							color: #F00;
						}
						
				#content .item_home_2.monterrey .generadores {
					position: absolute;
					top: 0px;
					left: 5px;
					width: 220px;
				}
				
				#content .item_home_2.monterrey .motores {
					position: absolute;
					top: 0px;
					right: 5px;
					width: 220px;
				}
				
					#content .item_home_2.monterrey .generadores h3,
					#content .item_home_2.monterrey h3, 
					#content .item_home_2.monterrey .motores h3 {
						font-size: 15px;
						margin-bottom: 10px;
					}
					
    
	/* -- */
	
	/* Lista de marcas */
    
    #content #marcas {
        height: 1%;
        overflow: auto;
        padding: 10px 0 10px 0;
    }
    
        #content #marcas a {
            display: block;
            float: left;
            width: 224px;
            height: 55px;
            text-indent: -9999px;
            border-left: #CCC 1px solid;
            border-bottom: #CCC 1px solid;
			margin-bottom:10px;
            text-align: center;
			background-position: center center;
			background-repeat: no-repeat;
        }
        
        #content #marcas a.center {
            margin: 0 15px;
        }
        
		/*
        #content #marcas a.hanomag { background: url(../images/logo_hanomag.png) center center no-repeat; }
        #content #marcas a.monterrey { background: url(../images/logo_monterrey.png) center center no-repeat; }
        #content #marcas a.michigan { background: url(../images/logo_michigan.png) center center no-repeat; }
		*/
    
    /* -- */
    
    #content #marca {
        height: 55px;
        margin-top: 10px;
        text-indent: -9999px;
        border-left: #CCC 1px solid;
        border-bottom: #CCC 1px solid;
        text-align: center;
		background-position: 10px center;
		background-repeat: no-repeat;
    }

	/*
    #content #marca.hanomag { background: url(../images/logo_hanomag.png) 10px center no-repeat; }
    #content #marca.monterrey { background: url(../images/logo_monterrey.png) 10px center no-repeat; }
    #content #marca.michigan { background: url(../images/logo_michigan.png) 10px center no-repeat; }
	*/
    
    /* -- */
	
	/* Grilla Prodcutos por Marca  */
    
    #content #grilla {
        padding: 10px 0;
    }
        
        #content #grilla .titulo {
            padding: 0 5px;
            line-height: 20px;
            font-size: 11px;
            font-weight: bold;
            color: #FFF;
            background: #F00;
        }
        
        #content #grilla ul {
            height: 1%;
            overflow: auto;
            padding: 10px 0;
        }
        
        #content #grilla li {
            position: relative;
            float: left;
            width: 224px;
            height: 150px;
            margin-left: 15px;
            margin-bottom: 15px;
            border-left: #CCC 1px solid;
            border-bottom: #CCC 1px solid;
            text-align: center;
        }
        
        #content #grilla .con_marca li {
            text-align: right;
        }
        
        #content #grilla li.first {
            margin-left: 0;
        }
        
            #content #grilla li a {
                text-decoration: none;
                color: #000;
            }
            
            #content #grilla li .titulo {
                position: absolute;
                bottom: 2px;
                left: 2px;
                width: 212px;
                font-weight: normal;
                text-align: left;
                color: #000;
                background: #DDD;
            }
                
                #content #grilla li .titulo a {}
            
    /* -- */
	
	/* Grilla de Categorías */
    
    #content #grilla_2 {
        padding: 10px 0;
    }
        
        #content #grilla_2 .titulo {
            padding: 0 5px;
            line-height: 20px;
            font-size: 11px;
            font-weight: bold;
            color: #FFF;
            background: #F00;
        }
        
        #content #grilla_2 ul {
            height: 1%;
            overflow: auto;
            padding: 10px 0;
        }
        
        #content #grilla_2 li {
            position: relative;
            float: left;
            width: 224px;
            height: 205px;
            margin-left: 15px;
            margin-bottom: 15px;
            border-left: #CCC 1px solid;
            border-bottom: #CCC 1px solid;
            text-align: right;
        }
        
        #content #grilla_2 .con_marca li {
            text-align: right;
        }
        
        #content #grilla_2 li.first {
            margin-left: 0;
        }
            
            #content #grilla_2 li a {
                text-decoration: none;
                color: #000;
            }
            
            #content #grilla_2 li .titulo {
                position: absolute;
                bottom: 82px;
                left: 2px;
                width: 212px;
                font-weight: normal;
                text-align: left;
                color: #FFF;
                background: #000;
            }
            
                #content #grilla_2 li .titulo a {
                    font-weight: bold;
                    color: #FFF;
                }
            
            #content #grilla_2 img.marca {
                position: absolute;
                top: 10px;
                left: 2px;
            }
            
            #content #grilla_2 p.info {
                position: absolute;
                bottom: 2px;
                left: 2px;
                width: 212px;
                height: 76px;
                padding: 2px 5px;
                text-align: left;
                background: url(../images/categoria_item_bg.png) 0 bottom repeat-x;
            }
            
            #content #grilla_2 a.mas {
                position: absolute;
                display: block;
                bottom: 0px;
                right: 5px;
				padding-left: 20px;
                line-height: 20px;
                
                background: url(../images/categoria_item_mas_ico.png) 0 center no-repeat;
            }
			
			#content #grilla_2 a.mas:hover {
				text-decoration: underline;
			}
			
	/* -- */
	
	/* Detalle del producto */
	
	#scroll {
		position: relative;
		height: 120px;
		padding: 10px 0;
	}
	
		#scroll_area {
			position: absolute;
			top: 10px;
			left: 22px;
			width: 660px;
			height: 120px;
			overflow: hidden;
		}
		
		#scroll_area.no_scroll {
			left: 0px;
		}
		
			#scroll_wrapper {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 10000px;
				height: 120px;
				overflow: auto;
			}
		
			#scroll_wrapper a.item {
				position: relative;
				top: 0px;
				left: 0px;
				display: block;
				float: left;
				width: 130px; /**/
				height: 118px;
				overflow: hidden;
				border: #FFF 1px solid;
				text-align: center;
				text-decoration: none;
				background: url(../images/scroll_item_bg.png) center center no-repeat;
			}
			
				#scroll_wrapper a.item span {
					position: absolute;
					bottom: 3px;
					left: 2px;
					width: 126px;
					color: #000;
					background: url(../images/white_dot.png) 0 0 repeat;
				}
				
				#scroll_wrapper a.item.sel span {
					color: #F00;
				}
		
		#scroll .scroll_arrow {
			display: block;
			position: absolute;
			width: 21px;
			height: 110px;
		}
		
			#scroll .scroll_arrow img {
				margin-top: 44px;
			}
		
		#scroll_left_arrow {
			top: 15px;
			left: 0px;
		}
		
		#scroll_right_arrow {
			top: 15px;
			right: 1px;
		}
		
	/* -- */
	
	/* Detalle */
	
	#content h1.titulo_producto {
		padding: 0 5px;
		font-size: 12px;
		line-height: 21px;
		color: #FFF;
		background: #000;
	}
	
	body.producto #left {
		width: 225px;
	}
	
		body.producto #left .imagenes {
			height: 1%;
			overflow: auto;
		}
	
		body.producto #left span.ampliar {
			display: block;
			float: right;
			clear: both;
			padding-left: 20px;
			line-height: 14px;
			text-align: right;
			text-decoration: none;
			color: #333;
			background: url(../images/ampliar_ico.png) 0 0 no-repeat;
		}
	
	body.producto #right {
		width: 465px;
	}

		body.producto #right .bloque {
			padding-bottom: 15px;
		}

		body.producto #right .titulo_datos_producto {
			padding: 0 5px;
			font-size: 11px;
			line-height: 20px;
			color: #FFF;
			background: #F00;
		}
	
		body.producto #right table {
			width: 100%;
			border: #CCC 1px solid;
			border-collapse: collapse;
		}
		
			body.producto #right table td {
				padding: 2px 5px;
				border: #CCC 1px solid;
			}
			
			body.producto #right table td.cabecera_tabla {
				font-weight: bold;
				background: #EFEFEF;
			}
		
    /* -- */
	
	#content #galeria {
		margin-top: 20px;
		padding-top: 10px;
		text-align: center;
		border-top: #F00 1px solid;
	}
	
		#content #galeria a {
			display: block;
			padding: 10px 0 0 0;
		}
		
		#content #galeria span {
			display: block;
			padding: 5px 0 10px 0;
			color: #666;
		}
		
		/* -- */
	
		#content #galeria li {
			float: left;
			width: 112px;
			height: 112px;
			margin-left: 4px;
			margin-bottom: 4px;
			text-align: center;
			background: url(../images/galeria_thumb_bg.png) center center no-repeat;
		}
		
		#content #galeria li.first {
			margin-left: 0;
		}
	
	/* -- */
	
	/* Formulario */
    
    #content form.contacto, 
	#content form.consulta {
        padding: 7px 0;
    }
	
		#content form.consulta .titulo {
			margin-bottom: 10px;
			padding: 2px;
			border-bottom: #F00 1px solid;
			font-weight: bold;
			color: #F00;
		}
		
		#content form.contacto .titulo_interno {
			padding: 10px 0;
		}
        
    #content form.contacto .campo, 
		#content form.consulta .campo {
            padding: 0 0 7px 0;
        }
        
    #content form.contacto label, 
		#content form.consulta label {
            display: block;
			font-size: 12px;
        }
        
    #content form.contacto .campo input.text, 
		#content form.consulta .campo input.text {
            width: 339px;
            padding: 2px;
            border: #CCC 1px solid;
            font-size: 12px;
            color: #333;
        }
		
		#content form.consulta .campo input.text {
			width: 219px;
		}
        
    #content form.contacto .campo textarea , 
		#content form.consulta .campo textarea {
            width: 339px;
            height: 100px;
            padding: 2px;
            border: #CCC 1px solid;
            font-size: 12px;
            color: #333;
        }
		
		#content form.consulta .campo textarea {
            width: 219px;
			height: 50px;
		}
        
    #content form.contacto .campo_enviar, 
		#content form.consulta .campo_enviar {
            text-align: right;
        }
		
		/* Captcha */
		
		#content .fs_captcha img {
			float: left;
			margin-right: 20px;
			margin-bottom: 2px;
		}
		
		#content .fs_captcha_inputbox {
            width: 100px;
            padding: 2px;
            border: #CCC 1px solid;
            font-size: 11px;
            color: #666;
		}
/*Descargas*/
#content div.descargas {
	margin-top: 20px;
	margin-bottom:20px;
}
	#content div.descargas .titulo {
			margin-bottom: 10px;
			padding: 2px;
			border-bottom: #F00 1px solid;
			font-weight: bold;
			color: #F00;
		}
	#content div.descargas a {
		font-size:12px;
		margin-left:5px;
		padding-bottom:3px;
	}