/*CSS Document created by 2Code - www.2code.co - for Quarto Útil Agencia Creativa - www.quartoutil.com -*/

body{

	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:left;

}
h1{text-align:left;}
h2{font-size:18px; text-align:left}
h3{font-size:20px; text-align:left;}

p, div{
text-align:left;	
}

margin-bottom:10px;
}
ol { margin:0; padding:0; list-style:none;}
.wrapper{

	position:relative;

	width:950px;

	margin:0 auto;

}

.modulos{	
width:90%;
margin:0 auto;
}

#header{

	position:relative;

	width:100%;

	height:140px;

	background-image:url('../images/bg-header.jpg');

	background-position:left top;

	background-repeat:repeat-x;

}

	#logo{

		position:relative;

		width:184px;

		height:122px;

		float:left;

		top:5px;

	}

	#txt-header{

		position:absolute;

		width:212px;

		height:87px;

		top:40px;

		left:250px;

		background-image:url('../images/txt-header.png');

		background-repeat:no-repeat;

		background-position:top;

	}

	#login-form_top{
	float:right;
	width:460px;
	margin-top:15px;
	}
		#login-form_top ul li {
		font-family: Tahoma, Verdana, Arial;
		font-size: 12px;
		color: #DFA015;
		margin:0px 0px 2px 0px;
		
		
		}
		#login-form_top ul li a{
		font-family: Tahoma, Verdana, Arial;
		font-size: 12px;
		color:#333333;
		
		
		}

		/*.txt-naranja{			
			width:auto;			
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			color:#EE5F00;
			font-weight:bold;
		}*/
		.txt-amarillo{			
			width:auto;			
			font-family:Tahoma, Verdana, Arial;
			font-size:14px;
			color:#DFA015;
		}
		/*.txt-amarillo a, a.amarillo{ 
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			color:#DFA015;
		}*/
		#login-form_top form label{
			display:block;
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			color:#999;
			font-weight:bold;
			margin: 0 0 5px 0 ;
			float:left;			
			padding:0px;
			width:auto!important;
		}
		#login-form_top form p{			
			width:120px;
			float:left;
			margin-left:3px;
			margin-right:3px;
		}
			#login-form_top form p .inputbox{				
				width:114px;
				height:20px;
				border:none;
				background-color:#EAEAEA;
				padding-left:3px;
				padding-right:3px;
			}
			#login-form_top form input#submit{				
				width:29px;
				height:24px;
				margin-top:15px;
				border:none;
				background-color:transparent;
			}
			.login_user{
			width:300px;
			text-align:right;
			}
#middle{

	position:relative;

	width:100%;

	height:152px;

	/*background-image:url('../images/bg-middle.jpg');

	background-position:left top;

	background-repeat:repeat-x;*/

}

	#buscador{

		position:relative;

		width:604px;

		height:80px;

		top:5px;

	}

		#buscador input#busqueda{

			position:absolute;

			bottom:0px;

			left:40px;

			width:460px;

			height:31px;

			padding-left:10px;

			padding-right:10px;

			padding-bottom:10px;

			border:none;

			background-color:transparent;

			background-image:url('../images/bg-buscador.png');

			background-repeat:no-repeat;

			background-position:bottom left;

			font-family:Tahoma, Verdana, Arial;

			font-size:14px;

			color:#666;

		}

		#buscador input#submit-buscador{

			position:absolute;

			width:74px;

			height:26px;

			right:0px;

			bottom:10px;

		}

#menu-buscador{
width: auto;

margin: 20px 0px 0px 65px
}

		#menu-buscador ul{

			list-style:none;

		}

			#menu-buscador li{

				width:auto;

				float:left;

				margin-left:5px;

				margin-right:5px;

			}

	#menu-principal{

		

		width:auto;

		
		width:700px;

		

	}

		#menu-principal ul{

		/*	list-style:none;*/

		}

			#menu-principal li{

				/*width:126px;

				height:25px;			

				padding-right:10px;

				float:left;

				margin-left:5px;

				margin-right:5px;*/

				/*background-image:url('../images/separador-menu.jpg');

				background-repeat:no-repeat;

				background-position:center right;*/

				/*text-align:center;*/

			}

				#menu-principal li a.nivel1{

					/*olor:#FFF;

					font-size:13px;
					
					line-height:20px;*/

				}

#contenido{

	position:relative;

	width:100%;

	min-height:255px;

	margin-top:10px;

}

	h1{
		font-size:20px;

		/*color:#E56212;*/

		margin-top:10px;

		margin-bottom:10px;

	}

	#columna-izquierda{

		position:relative;

		width:680px;

		float:left;
		margin-bottom:25px;

	}

		#banner-principal{

			position:relative;

			width:650px;

			height:273px;

			padding-left:15px;

			padding-top:10px;

			background-image:url('../images/marco-slide.jpg');

			background-repeat:no-repeat;

		}

	#productos-destacados{

		position:relative;

		width:100%;

		margin-bottom:30px;

	}

		#productos-destacados ul{

			list-style:none;

		}

			#productos-destacados li{

				position:relative;

				width:197px;

				height:216px;

				margin-left:13px;

				margin-right:13px;

				float:left;

			}

				#productos-destacados h3{

					position:absolute;

					width:auto;

					color:#E56212;

					font-size:14px;

					top:5px;

					left:5px;

					z-index:1000;

				}

				#productos-destacados img{

					position:relative;

					padding-bottom:11px;

					/*background-image:url('../images/sombra-miniaturas.jpg');

					background-position:bottom center;

					background-repeat:no-repeat;*/

					z-index:900;

				}

				#productos-destacados input.cant{

					position:relative;

					width:20px;

					height:16px;

					padding-left:45px;

					padding-right:10px;

					padding-top:3px;					

					border:none;
					
					/*background-color:transparent;

					background-image:url('../images/boton-cantidad.jpg');

					background-position:bottom center;

					background-repeat:no-repeat;*/

					font-size:11px;

					text-align:center;

					float:left;

					margin-bottom:2px;

				}

				#productos-destacados .precio{

					position:relative;

					width:84px;

					height:18px;

					padding-left:20px;

					float:right;

					/*background-image:url('../images/boton-precio.jpg');

					background-position:bottom;

					background-repeat:no-repeat;*/

					font-size:12px;

					font-family:Tahoma, Verdana, Arial;

					line-height:17px;

				}

				#productos-destacados  input.submit{

					position:relative;

					width:auto;

					float:right;

				}

	#columna-derecha{

		position:relative;

		width:265px;

		float:right;
		height:650px;

	}

		#lateral{

			position:absolute;

			width:215px;

			top:-210px;

			right:0px;

			float:right;
			

		}

			#lateral-top{

				position:relative;

				width:215px;

				height:32px;

				background-image:url('../images/menu-lateral-superior.png');

				background-repeat:no-repeat;

				background-position:bottom;

			}

			#lateral-bottom{

				position:relative;

				width:215px;

				height:46px;

				background-image:url('../images/menu-lateral-inferior.jpg');

				background-repeat:no-repeat;

				background-position:top;

			}

			#lateral-middle{

				position:relative;

				width:195px;

				min-height:300px;

				padding-left:10px;

				padding-right:10px;

				background-image:url('../images/menu-lateral-medio.jpg');

				background-repeat:repeat-y;

				background-position:top;

				padding-bottom:7px;

				padding-top:7px;

			}

				#lateral-middle h3{

					position:relative;

					width:100%;

					font-size:14px;

					color:#999;

					text-align:center;

					margin-top:20px!important;

				}

				#lateral-middle p{

					font-family:Tahoma, Verdana, Arial;

					font-size:11px;

					color:#999;

					line-height:16px;

					margin-top:10px;

				}

				#lateral-middle .boton{

					position:relative;

					width:100%;

					text-align:center;

					padding:20px 0px;

					background-image:url('../images/divisor.jpg');

					background-position:center bottom;

					background-repeat:no-repeat;

				}

				#social-media{

					position:relative;

					width:141px;

					margin:0 auto;

					margin-top:10px;

				}

					#social-media ul{

						position:relative;

						width:141px;

						list-style:none;

					}

						#social-media li{

							position:relative;

							width:auto;

							float:left;

						}

#botones-left{

	position:fixed;

	width:68px;

	height:197px;

	/*background-image:url('../images/fondo-botoneras.jpg');

	background-repeat:no-repeat;

	background-position:top center;*/

	left:0px;

	top:300px;

	z-index:10000;

}

	#botones-left ul{

		list-style:none;

	}

		#botones-left li{

			text-align:center;

			margin-top:2px;

			margin-bottom:2px;

		}

#footer{

	position:relative;

	width:100%;

	height:102px;

	/*background-image:url('../images/bg-footer.jpg');

	background-position:left top;

	background-repeat:repeat-x;*/

	padding-top:10px;

	z-index:1000;

}

		#menu-footer{

			position:relative;

			width:100%;

			height:30px;

			/*border-left:1px solid #D05508;*/

		}

			#menu-footer ul{

				position:relative;

				width:100%;

				list-style:none;

			}

			#menu-footer li{

				width:187px;

				height:25px;

				padding-top:5px;

				float:left;

				/*border-right:1px solid #D05508;

				border-left:1px solid #EC7316;*/

				text-align:center;

				font-family:Tahoma, Verdana, Arial;

				color:#FFF;

				line-height:16px;

			}

				#menu-footer li a{

					color:#FFF;

					font-size:14px;

				}

	#creditos{

		position:absolute;

		width:170px;

		height:35px;

		top:50px;

		left:10px;

	}

		#creditos ul{

			list-style:none;

		}

			#creditos li{

				width:auto;

				float:left;

				margin-left:10px;

			}

	#copyright{

		position:abolute;
		width:580px;
		margin:0 auto;
		padding-top:5px!important;
		text-align:center;
		text-align:center;
		font-family:Tahoma, Verdana, Arial;
		font-size:14px;
		color:#ffffff;
		line-height:18px;
		padding-left:45px;

	}
	
	
	#copyright a{
	color:#FFFFFF;
	font-size:16px;


	}
	
	
	
	.carrito_compras{
	background-image: url('../images/divisor.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom:10px;
	}
		.carrito_compras .precio{
				font-size: 14px;
				color: #EE5F00;	
				}
				.carrito_compras .cantidad{
				font-size: 18px;
				color:#666666;	
				}
				.carrito_compras .detalle_pedido{
				background-color:#fe9e0e;		
				padding:3px;
				}
				.carrito_compras .detalle_pedido a{				
				color:#FFFFFF;				
				font-family:Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS";
				font-size:12px;
				}
				
.fabricantes_prod a{
/*color:#E56212;*/
padding:5px 0;

}

#destacados{

		position:relative;

		width:650px;

		height:450px;

		padding:20px;

		/*background-image:url('../images/bg-destacados.jpg');

		background-repeat:no-repeat;*/

		text-align:center;

	}

		#destacados-slider ul{

			list-style:none;

			position:relative;

			width:650px;

			height:380px;

		}

			#destacados-slider li{

				width:650px;

				height:380px;

				float:left;

			}

				#destacados-slider li div.item{

					width:320px;

					float:left;

					padding-left:0px;

					border-left:1px solid #F4F4F4;

					font-family:Tahoma, Verdana, Arial;

					font-size:11px;

					text-align:left;

					line-height:16px;

					color:#666;

				}

						#destacados-slider li div a{

							/*color:#106BA2;*/

						}

		ol#controls{

			list-style:none;

			position:relative;

			width:63px;

			height:16px;

			padding:0px;

			display:inline-block;

		}

			ol#controls li a{

				width:15px;

				height:12px;

				float:left;

				margin-left:2px;

				margin-right:2px;

				background-image:url('../images/manejador-destacados.jpg');

				background-repeat:no-repeat;

				background-position:top;

				text-indent:-9999px;

			}

				ol#controls li.current a{

					background-position:bottom;

				}
				
.mod-testimonios{
	padding:10px;
	background-image:url(../images/bg-testimonios.jpg);
	background-repeat:repeat-x;
	width:170px; margin: 0 auto 20px auto;
	background-position:bottom;
	border:#e2e3e4 thin solid;	
}

.newsticker-testimonios ul{
	
}
.newsticker-testimonios ul li{
	list-style-type: none;	
	
}
.mod-testimonios a strong {
	color:#666;

}
p.clients em a{
	color:#666;

}
p.clients strong{
	color:#666;

}
p.clients{
border-bottom:#666 dotted thin;
padding-bottom:5px;
margin-bottom:5px;
}

#seguimiento_ruta {
    background-color: #F7F7F7;
    border: thin solid #EAEAEA;
    height: 15px;
    padding: 5px;
}
#seguimiento_ruta ul {
    list-style-type: none;
}
#seguimiento_ruta .item_ruta {
    background-image: url("../images/icon_ruta.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #333333;
    cursor: pointer;
    float: left;
    text-indent: 20px;
}