/* Creado por Nanu y Et... 
03 de abril */

	/*ESTRUCTURA B�SICA, P�GINA PRODUCTOS*/
	
body{margin-top:0px;
}

#contenedor{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

#encabezado{
width:960px;
height:191px;
border:0px;
}

#enc_imagen_izquierda{
	background-repeat:no-repeat;
	background-image:url(../img/enc_r1_c1.jpg);
	background-position:center;
	width:621px;
	height:191px;
	float:left;
}

#enc_imagen_derecha{
	width:339px;
	height:191px;
	float:left;
}

#enc_imagen_derecha_superior{
	background-repeat:no-repeat;
	background-image:url(../img/enc_r1_c2.jpg);
	background-position:center;
	width:339px;
	height:96px;
}

#enc_imagen_derecha_inferior_hidraulicos{
	background-repeat:no-repeat;
	background-image:url(../img/enc_hidraulicos.jpg);
	background-position:center;
	width:339px;
	height:95px;
}

#enc_imagen_derecha_inferior_lift{
	background-repeat:no-repeat;
	background-image:url(../img/encabezado_lift.jpg);
	background-position:center;
	width:339px;
	height:95px;
}

#cuerpo{
background-color:#FFFFFF;
background-repeat:no-repeat;
border:0px;
width:960px;
height:303px;
}

	#relleno_horizontal{
		clear:both;
		width:960px;
		height:16px;
		background-position:center;
		background-image:url(../img/barra_horizontal_superior.jpg);
	}

	#barra_horizontal{
		background-image:url(../img/pagina_principal_producto_r4_c1.jpg);
		background-color:#dededc;		
		height:5px;
		width:960px;
	}

	#relleno_horizontal_y_borde{
		background-image:url(../img/barra_horizontal_superior2.jpg);
		width:960px;
		height:13px;
		clear:both;
	}
	
	#borde_horizontal_superior{
		background-image:url(../img/superior_horizontal.jpg);
		background-color:#dededc;
		width:960px;
		height:13px;
		clear:both;
		background-repeat:no-repeat;
	}

	#cuerpo_botonera{
		background-color:#dededc;
		width:960px;
		height:232px;
		clear:both;
	}

		#relleno_vertical_izquierdo{
			background-image:url(../img/barra_vertical_izquierda.jpg);
			width:29px;
			height:232px;
			float:left;
		}

		#botonera_tipos_hidraulicos{
			width:193px;
			height:232px;
			float:left;
			background-color:#FFFFFF;
		}
		
		#relleno_vertical_intermedio{
			background-image:url(../img/pagina_principal_producto_r6_c7.jpg);
			width:20px;
			height:232px;
			float:left;
		}
		
		#resultado_seleccion{
			width:689px;
			height:232px;
			float:left;
			background-color:#FFF;
		}

		.texto_tabla{
			font-family:Tahoma, Geneva, sans-serif;
			font-size:10px;
			font-style:normal;
			color:#e77817;
		}
		#relleno_vertical_derecho{
			background-image:url(../img/pagina_principal_producto_r6_c22.jpg);
			width:29px;
			height:232px;
			float:left;
		}

#relleno_horizontal_y_borde_contactenos{
	width:960px;
	height:308px;
	background-image:url(../img/cuerpo_contactenos.jpg);
}

#relleno_horizontal_y_borde_inferior{
clear:both;
width:960px;
height:8px;
background-image:url(../img/barra_horizontal_inferior.jpg);
}

#barra_horizontal_inferior{
	background-image:url(../img/inferior_horizontal.jpg);
	background-color:#dededc;
	width:960px;
	height:8px;
	background-repeat:no-repeat;
}

#botonera_empresa{
background-color:#dededc;
width:960px;
height:29px;
clear:both;
}

	#relleno_horizontal_botonera_empresa{
		background-image:url(../img/relleno_empresa.jpg);
		width:684px;
		height:29px;
		float:left;
	}
	
	#btn_empresa{
		cursor:pointer;
		background-image:url(../img/pagina_principal_producto_r8_c19.jpg);
		width:85px;
		height:29px;
		float:left;
	}
	
	#btn_contactenos{
		cursor:pointer;
		background-image:url(../img/pagina_principal_producto_r8_c21.jpg);
		width:83px;
		height:29px;
		float:left;
	}
	
	#btn_ubicacion{
		cursor:pointer;
		background-image:url(../img/pagina_principal_producto_r8_c20.jpg);
		width:82px;
		height:29px;
		float:left;
	}
	
	#relleno_horizontal_final_botonera_empresa{
		background-color:#dededc;
		width:26px;
		height:29px;
		float:left;
	}

#pie{
background-color:#FFFFFF;
border:0px;
width:960px;
height:108px;
clear:both;
}

	#botonera_productos{
	width:679px;
	height:118px;
	float:left;
	}
	
		#barra_superior_botonera_productos{
			width:679px;
			height:9px;
			background-color:#FFFFFF;
		}
		
		#barra_vertical_botonera_productos{
			width:10px;
			height:99px;
			background-color:#FFFFFF;
			float:left;
		}
		
		#btn_producto{
			float:left;
			width:100px;
			height:100px;
			border:0px;
		}
	
	#informacion{
	background-color:#FFFFFF;
	width:281px;
	height:118px;
	float:left;
	}
	
		#dibujo_torque{
			width:91px;
			height:85px;
			border:0px;
			/*background-image:url(../img/torque.jpg);*/
			background-position:right;
			background-repeat:no-repeat;
			float:left;
		}
		
		#datos_empresa{
			font-family:Arial, Helvetica, sans-serif;
			font-size:55%;
			font-style:normal;
			text-transform:uppercase;
			text-align:center;
			vertical-align:middle;
			font-weight:normal;
			clear:both;
		}
		
		#relleno_dibujo_torque{
			float:left;
			width:190px;
			height:85px;
			background-color:#FFFFFF;
		}
			
			#btn_acceso{
				width:85px;
				height:85px;
				float:left;
				border:0;
			}

		/*FIN  ESTRUCTURA B�SICA, P�GINA PRODUCTOS*/


		/* CARACTER�STICAS ESPECIALES, P�G "EMPRESA" */

#cuerpo_botonera_empresa{
background-color:#dededc;
width:960px;
height:227px;
clear:both;
}

#borde_superior_empresa_1{
background-image:url(../img/empresa_r2_c1.jpg);
width:218px;
height:13px;
float:left;
}

#borde_superior_empresa_2{
background-image:url(../img/empresa.jpg);
width:148px;
height:13px;
float:left;
}

#borde_superior_empresa_3{
background-image:url(../img/empresa_r2_c4.jpg);
width:594px;
height:13px;
float:left;
}

#relleno_vertical_izquierdo_empresa{
background-image:url(../img/izquierdo_vertical.jpg);
width:52px;
height:232px;
float:left;
}

#cuerpo_empresa{
width:860px;
height:232px;
background-color:#FFF;
float:left;
}

#relleno_vertical_derecho_empresa{
background-image:url(../img/derecho_vertical.jpg);
width:48px;
height:232px;
float:left;
background-repeat:no-repeat;
}

#borde_inferior_empresa_1{
background-image:url(../img/empresa_r4_c1.jpg);
width:218px;
height:8px;
float:left;
}

#borde_inferior_empresa_2{
background-image:url(../img/empresa_inferior.jpg);
width:148px;
height:8px;
float:left;
}

#borde_inferior_empresa_3{
background-image:url(../img/empresa_r4_c4.jpg);
width:594px;
height:8px;
float:left;
}

#relleno_horizontal_botonera_empresa_2{
background-image:url(../img/empresa_relleno.jpg);
width:684px;
height:29px;
float:left;
}

			/* FIN  CARACTER�STICAS ESPECIALES, P�G "EMPRESA" */

			
			/* SECCIONES CORRESPONDIENTES A CADA PRODUCTO. ESTRUCTURA GENERAL */
#relleno_vertical_informacion{
	width:40px;
	height:232px;
	background-color:#FFF;
	float:left;
}

#informacion_producto{
	width:280px;
	height:232px;
	float:left;
}

	#relleno_informacion{
		width:280px;
		height:30px;
	}
	
	#nombre_producto{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:20px;
		font-style:normal;
		text-align:left;
		vertical-align:middle;
		font-weight:normal;
		color:#E77817;
	}

	#relleno_medio_informacion{
		width:340px;
		height:10px;
	}
	
	#descripcion_producto{
		font-size:13px;
		font-family:Tahoma, Geneva, sans-serif;
		font-style:normal;
		color:#E77817;
	}

#imagen_producto{
	width:234px;
	height:232px;
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:left;
}

#descarga_folleto{
	width:135px;
	height:232px;
	float:left;
}

	#relleno_descarga_folleto{
		height:152px;
		width:135px;
	}
	
	#texto_folleto{
		width:135px;
		height:30px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		font-style:normal;
	}
	
	#imagen_folleto{
		width:135px;
		height:50px;
		background-image:url(../pdf/acroread.png);
		background-repeat:no-repeat;
		background-position:bottom;
		cursor:pointer;
	}
	
	#imagen_folleto1{
		width:67px;
		height:50px;
		background-image:url(../pdf/acroread.png);
		background-repeat:no-repeat;
		background-position:bottom;
		float:left;
		cursor:pointer;
	}
	
	#imagen_folleto2{
		width:68px;
		height:50px;
		background-image:url(../pdf/acroread.png);
		background-repeat:no-repeat;
		background-position:bottom;
		float:left;
		cursor:pointer;
	}
						
					/* FIN  SECCIONES CORRESPONDIENTES A CADA PRODUCTO. ESTRUCTURA GENERAL */

					
					/* CARACTER�STICAS ESPECIALES, SECCIONES DE CADA PRODUCTO. */

/*Casos especiales: menor tama�o imagen, m�s espacio para la descripci�n*/

#relleno_vertical_informacion_2
{
	width:20px;
	height:232px;
	background-color:#FFF;
	float:left;
}

#informacion_producto_2{
	width:340px;
	height:232px;
	float:left;
}

	#relleno_informacion_2{
		width:340px;
		height:20px;
	}
	
	
#imagen_producto_2{
	width:200px;
	height:232px;
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:left;
}

#descarga_folleto_2{
	width:129px;
	height:232px;
	float:left;
}

	#relleno_descarga_folleto_2{
		height:152px;
		width:129px;
	}
	
#texto_folleto_2{
		width:129px;
		height:30px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		font-style:normal;
	}
	
	#imagen_folleto_2{
		width:129px;
		height:50px;
		background-image:url(../pdf/acroread.png);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
/*FIN  Casos especiales: menor tama�o imagen*/


/*Casos especiales: m�s tama�o imagen, menos tama�o descripcion:  Zorra Pantogr�fica y todo terreno*/

#relleno_informacion_3{
	width:261px;
	height:30px;
}

#informacion_producto_3{
	width:261px;
	height:232px;
	float:left;
}
	
	#relleno_medio_informacion_3{
		width:261px;
		height:10px;
	}

#imagen_producto_3{
	width:259px;
	height:230px;
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:middle;
	float:left;
}

#descarga_folleto_3{
	width:129px;
	height:232px;
	float:left;
}

	#relleno_descarga_folleto_3{
		height:152px;
		width:129px;
	}
	
	#texto_folleto_3{
		width:129px;
		height:30px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		font-style:normal;
	}
	
	#imagen_folleto_3{
		width:129px;
		height:50px;
		background-image:url(../pdf/acroread.png);
		background-repeat:no-repeat;
		background-position:bottom;
	}

/*FIN  Casos especiales: m�s tama�o imagen, menos tama�o descripcion:  Zorra Pantogr�fica y todo terreno*/

/*otros casos especiales*/
#relleno_informacion_4{
	width:261px;
	height:10px;
}

#relleno_medio_informacion_4{
	width:261px;
	height:5px;
}
				/* FIN  CARACTER�STICAS ESPECIALES, SECCIONES DE CADA PRODUCTO. */
				

				/* P�GINA EMPRESA */


.texto_descripcion{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#E77817;
	width:548px;
	height:232px;
	float:left;
}
 
#fotos_empresa{
	width:309px;
	height:232px;
	float:left;
}

.fotos{
	height:  232px;  
    width:   309px;  
    padding: 0;  
    margin:  0;
}

.fotos img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  279px; 
    height: 202px; 
    top:  0; 
    left: 0 
} 

/*Extraido de http://www.flowplayer.org/tools/demos/scrollable/vertical.html
para trabajar con el plugin Scrollable de JQuery*/

div.scrollable {  
	
	position:relative;
	overflow:hidden;	

	height: 220px;	 
	width: 523px;	
}

div.scrollable div.items {	
	position:absolute;
}

div.scrollable div.items div {
	text-align:center;
	width:505px;
	padding:5px 0px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	border:0px outset #ccc;
	background-color:#FFF;
	-moz-border-radius:5px;
}

div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

				/*  FIN P�GINA EMPRESA */
				
.texto_contactenos{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-style:normal;
}

#relleno_horizontal_botonera_empresa_contactenos{
	background-image:url(../img/espacio-agregado.jpg);
	width:684px;
	height:29px;
	float:left;
}

#cuerpo_contactenos{
	width:960px;
	height:358px;
}

#cuerpo_ingreso{
width:860px;
height:232px;
background-color:#FFF;
float:left;
}

.texto_ingreso{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px
}

.texto_envio{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#E77817;
	}
	
#cuerpo_lista_precios{
	padding: 40px;
}

#cuerpo_lista_precios ul {
	list-style-type:none;
}

#cuerpo_lista_precios ul li{
	display:block;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding-left:30px;
}

#cuerpo_lista_precios ul li a {
	text-decoration:none;
	color:#999;
}

#cuerpo_lista_precios #boton-salir{
	margin-left:700px;
}

#texto-lista {
    width:220px;
}