/* CSS Document */

/* Layout Stylesheet */ 

body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	text-align:left;
    margin: 0px;
	background-color: #FFFFFF;
	background-image:  url(../images/home/fondo.gif);
	background-repeat: repeat-x;
	background-position: top center;
	list-style-image: url(../images/body/bullet.gif);
	list-style-position:inside;
}

#contenedor {
	text-align:left;
	width:753px;
	margin: auto;
	min-width: 753px;
}

#encabezado {
	height:202px;
	width: 753px;
}
 
	#top{
		height: 57px;
		background: url('../images/top/top_back.jpg') no-repeat top right;
	}
	#top .logo{
		width: 114px;
		height: 57px;
		background: url('../images/top/top_logo.jpg') no-repeat top right;
	}
	
	#middle{
		height:93px;
		width: 753px;
		background: url('../images/top/top.jpg') no-repeat top;
	}
	
	#menu{
		width: 471px;
		height: 52px;
		background: url('../images/top/home_10.jpg') repeat-x top left;
		float: left;
	}
	
	#menu2{
		width: 282px;
		height: 52px;
		float: right;
		background: url('../images/top/home_10.jpg') no-repeat top left;
	}
	
	#menu ul, #menu2 ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu ul li, #menu2 ul li{
		padding: 0;
		float: left;
	}
	
	#menu ul li a, #menu2 ul li a{
		display: block;
		height: 52px;
		text-decoration: none;
	}
	
	#menu ul li a:hover, #menu2 ul li a:hover{
		background-position:bottom;
	}
	#menu ul li a span, #menu2 ul li a span{
		display:none;
	}
	
		#home{
			width: 68px;
			height: 52px;
			background: url('../images/top/bot_home_off.jpg') no-repeat top left;
		}
		#home:hover{
			width: 68px;
			height: 52px;
			background: url('../images/home/bot_home_on.jpg') no-repeat top left;
		}
		
		#empresa{
			width: 73px;
			height: 52px;
			background: url('../images/top/bot_empresa_off.jpg') no-repeat top left;
		}
		#empresa:hover{
			background: url('../images/home/bot_empresa_on.jpg') no-repeat top left;
		}
	
		#productos{
			width: 89px;
			height: 52px;
			background: url('../images/top/bot_productos_off.jpg') no-repeat top left;
		}
		#productos:hover{
			background: url('../images/home/bot_productos_on.jpg') no-repeat top left;
		}
		
		#donde_comprar{
			width: 120px;
			height: 52px;
			background: url('../images/top/bot_dondecomprar_off.jpg') no-repeat top left;
		}
		#donde_comprar:hover{
			background: url('../images/home/bot_dondecomprar_on.jpg') no-repeat top left;
		}
		
		#contactenos{
			width: 121px;
			height: 52px;
			background: url('../images/top/bot_contactenos_off.jpg') no-repeat top left;
		}
		#contactenos:hover{
			background: url('../images/home/bot_contactenos_on.jpg') no-repeat top left;
		}


		#home2{
			width: 34px;
			height: 52px;
			background: url('../images/top/home_off.jpg') no-repeat top left;
		}
		#home2:hover{
			width: 34px;
			height: 52px;
			background: url('../images/top/home_on.jpg') no-repeat top left;
		}
		#contacto{
			width: 35px;
			height: 52px;
			background: url('../images/top/contacto_off.jpg') no-repeat top left;
		}
		#contacto:hover{
			width: 35px;
			height: 52px;
			background: url('../images/top/contacto_on.jpg') no-repeat top left;
		}
		#sitemap{
			width: 48px;
			height: 52px;
			background: url('../images/top/sitemap_off.jpg') no-repeat top left;
		}
		#sitemap:hover{
			width: 48px;
			height: 52px;
			background: url('../images/top/sitemap_on.jpg') no-repeat top left;
		}
		
		#finalizar_pedido{
			width: 165px;
			height: 52px;
			background: url('../images/home/finalizar_pedido_off.gif') no-repeat top left;
		}
		#finalizar_pedido:hover{
			width: 165px;
			height: 52px;
			background: url('../images/home/finalizar_pedido_on.gif') no-repeat top left;
		}
	
#centro2 {
	position:relative;
	background: #fff;
	color: #333333;
	width:751px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#centro3 {
	position:relative;
	background: #fff;
	color: #333333;
	width:751px;
	min-height: 456px;
	height: auto !important;
	height: 456px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#centro {
	position:relative;
	background: #fff;
	color: #333333;
	width:751px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
	#centro h2{
	padding-left: 52px;
	*padding-left: 25px;
	}


#centro_izquierda{
	background:#ffffff;
	float:left;
	width:402px;
}

#centro_izquierda a img{
	margin: 0;
	padding: 0;
}
	#centro #productos_izquierda{
		width: 179px;
		float: left;
		height: 100%;
		border-right: 1px solid #999;
		background:#ffffff;
	}

#centro_derecha{
	float: right;
	width:349px;
	height: 100%;
	min-height: 400px;
	background:#ffffff;
	color: #333333;
	text-align:left;
}
	.detalle_arriba{
		width: 100%;
		height: 37px;
		text-align: right;
	}

	#centro #productos_derecha{
		background:#ffffff;
		width: 570px;
		height: 100%;
		float: left;
	}

#pie{
	clear: both;
	height:20px;
	background: url('../images/home/borde_bottom.jpg') repeat-x top left;
	padding-top: 9px;
}

#pie_middle{
	width: 100%;
	height: 20px;
	background: url('../images/home/pie.jpg') repeat-x top left;
}

#pie_bottom{
	width: 100%;
	height: 37px;
	background: url('../images/home/back_bottom.gif') repeat-x top left;
}

#pie_bottom a{
	float: right;
}

#pie p .pie {
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	
	text-align: center;
	background-image:  url(../images/home/back_pie.jpg);
	background-repeat: repeat-x;
}

#formEnvio{
	width:100%;
}
		
	#formEnvio label{
		height: 60px;
		display: block;
		float: left;
		margin-right: 30px;
		margin-bottom: 10px;
	}
	#formEnvio legend{
		font-weight: bold;
		font-size: 12px;
	}
	
	#formEnvio input, #formEnvio textarea, #formEnvio select{
		margin-top: 5px;
		float: left;
		background: #ddd;
	}
	
	#formEnvio input.enviar{
		width: 77px;
		height: 30px;
		border: none;
		padding: 15px 0 0 0;
		background: url('../images/home/bot_contactar.gif');	
	}
	
	#formEnvio br{
		clear: left;
	}
	
		
#LAYOUTFORM1 input, #LAYOUTFORM1 textarea, #LAYOUTFORM1 select{
	background-color:#F3F3F3;
	border:1px solid #666666;
	width: 310px;
}

#LAYOUTFORM1 input.captcha{
	width: 105px;
	height: 45px;
	font-size:36px;
	background-color:#F3FBFE;
	border:1px solid #106995;
	color:#106995;
	margin-left: 10px;
}
	
#LAYOUTFORM1 input.enviar{
	width: 77px;
	height: 30px;
	border: none;
	padding: 15px 0 0 0;
	background: url('../images/home/bot_enviar.gif');	
}

#LAYOUTFORM1 input.borrar{
	width: 77px;
	height: 30px;
	border: none;
	padding: 15px 0 0 0;
	background: url('../images/home/bot_borrar.gif');	
}


.paginado {
	width: 10px;
	margin: 5px;
	padding: 3px;
	background: #fff;
	color: #0099ff;
	text-decoration: none;
}
.actual{
	color: #333;
	width: 10px;
	margin: 5px;
	padding: 3px;
}

.paginado:hover{
	background: #0099ff;
	color: #fff;
	text-decoration: none;
	margin: 5px;
	padding: 3px;
}


.enviar_pedido{
	width: 150px;
	height: 46px;
	background: url('../images/home/enviar_pedido_off.gif') no-repeat top right;
	border: 0px;
}
.enviar_pedido:hover{
	width: 150px;
	height: 46px;
	background: url('../images/home/enviar_pedido_on.gif') no-repeat top right;
}

/* TABLAS */
.tabla_finalizar_pedido{
	border-left: 1px solid #669cb7;
	border-bottom: 1px solid #669cb7;
	border-right: 1px solid #669cb7;
}
.tabla_finalizar_pedido_encabezado{
	width: 100%;
	height: 21px;
	color: #FFF;
	font-weight: bold;
	background: url('../images/home/background_tabla_pedido.gif') repeat-x top left;
}
.par{ background: #fff;}
.impar{ background: #ccc;}

.rojo{ color: red;}

.requerido{
	padding-top: 2px;
}

/* clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */