/********************* ESTILOS PARA LA ESTRUCTURA GENERAL DE LA WEB **************************/

body,html {background: #080b17 url("/public/static/images/bg.jpg") no-repeat center top;}
		
/* Estilos Cabecera (logo, menu)*/
	#header {width:772px; height:120px; margin:auto; top:0px; position:absolute;}
	#logo {position:absolute; margin-top: 22px; width:245px; height:106px; background: url("/public/static/images/logo.png") no-repeat;}
	#menu {position:absolute; width:485px; height:37px; margin-left:235px; margin-top:83px; padding-left:20px; background: url("/public/static/images/fondo-menu.jpg") no-repeat;}		
	
	
/* Estilos Container (banner, destacados, content, pie)*/
#container {width:772px; padding-top:120px; margin:auto; overflow:hidden;}
	
	/* Estilos Banner */	
	#banner {height: 243px; width:97.5%; padding-left:2.5%; text-align:left; background: url("/public/static/images/banner.gif") no-repeat; }
		#banner-colLeft {float:left; width:362px; height: 177px; margin-top:16px; padding:18px 6px 0 24px;}
		#banner-colRight {float:left; width:340px; height: 210px;}
	
	/* Estilos Productos Destacados */
	#destacados {height: 137px; padding-left: 12px; background-color:#61B8D4;}
		#destacados .ficha-destacados {float:left; padding:10px 12px 0 26px; width:205px; height:100px; margin-right:9px; background:url("/public/static/images/fondo-destacados.jpg") no-repeat top;}
	/* Estilos Content*/
	#content {width:100%; overflow:hidden; background:url("/public/static/images/bg_colLeft.jpg") repeat-y left; background-color:#fff; }
		#copy {float:left; width:594px;}
		#colLeft {float:left; width:178px;}
		
	/* Estilos Pie*/	
	#foot{height:65px; padding: 4% 5% 0 5%; clear:both; background: url("/public/static/images/foot.gif") no-repeat;}