/* 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: #101E76;

	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;

	min-height: 767px;
       background: #ffffff;

}



#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: 406px;

		height: 52px;

		background: url('../images/top/home_10.jpg') repeat-x top left;

		float: left;

	}

	

	#menu2{

		width: 347px;

		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;

		}

		

		#servicios{

			width: 78px;

			height: 52px;

			background: url('../images/top/bot_servicios_off.jpg') no-repeat top left;

		}

		#servicios:hover{

			background: url('../images/home/bot_servicios_on.jpg') no-repeat top left;

		}

		

		#contactenos{

			width: 98px;

			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;

		}

	


#centro {
	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 h2{padding-left: 55px;}

#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;
	}

.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 */