/* GLOBAL */
* { margin: 0; padding: 0; border: 0; list-style: none; outline: none; text-decoration: none; }
	.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }

html, body { background-color: #fff; }
	
#Container { margin: auto; width: 760px; padding: 0 10px 10px 10px; background-color: #fff; }
	#Container #Head { margin: 15px 0 8px 0; }
		#Container #Head #Logo { background: url(../bitmaps/logo.png) no-repeat; height: 131px; width: 170px; float: left; }
		#Container #Head ul { display: block; background: url(../bitmaps/bg-menu.png) repeat-x; height: 61px; float: left; margin-top: 47px; width: 580px; padding-top: 12px; padding-left: 10px; }
			#Container #Head ul li { float: left; }
				#Container #Head ul li a { display: block; font: bold 14px Arial; color: #666; text-transform: uppercase; padding: 10px; color: #fff; }
				#Container #Head ul li a:hover { background-color: #fff; color: #666; }
			
	#Container #Main { padding: 15px 10px; }
		#Container #Main h1 { font: normal normal normal 26px/normal Arial; color: #666; border-bottom: 1px #ebebeb solid;  padding-bottom: 5px; }
		#Container #Main h3 { font: bold 15px Arial, "Times New Roman", Times, serif; text-transform: uppercase; border: 1px #ebebeb solid; padding: 5px; color: #666; margin-bottom: 10px; }
		#Container #Main p { font: normal 14px Arial; }
		
		#Container #Main #Contenido { width: 540px; margin-top: 10px; }
			#Container #Main #Contenido ul#ProductosShow {  }
				#Container #Main #Contenido ul#ProductosShow li { border: 5px #ebebeb solid; padding: 5px; display: block; width: 150px; float: left; margin-right: 10px; margin-bottom: 10px; background: url(../bitmaps/bg-stripe.gif); }
				#Container #Main #Contenido ul#ProductosShow li span { display: block; padding: 5px 0; font: bold 12px Arial; background: white; margin-bottom: 5px; color: rgb(80, 80, 80); line-height: 10px; }
				#Container #Main #Contenido ul#ProductosShow li img { display: block; }
				
		#Container #Main #Contenido2 { width: 100%; }
			#Container #Main #Contenido2 ul#CategoriasShow {  }
				#Container #Main #Contenido2 ul#CategoriasShow li { border-bottom: 1px #ebebeb solid; padding: 10px 0; width: 365px; float: left; }
					#Container #Main #Contenido2 ul#CategoriasShow li a { font: bold 14px Arial; display: block; float: left; margin: 20px; color: #666; }
					#Container #Main #Contenido2 ul#CategoriasShow li a:hover { color: #999; }
					#Container #Main #Contenido2 ul#CategoriasShow li img { padding: 3px; display: block; float: left; border: 1px #ebebeb solid; }
					
			#Container #Main #Contenido div#ContenedorProducto { border: 1px #ebebeb solid; padding: 10px; }
				#Container #Main #Contenido div#ContenedorProducto img { float: right; border: 1px #ebebeb solid; padding: 3px; }
				#Container #Main #Contenido div#ContenedorProducto p#Precio { padding: 5px; background-color: #ebebeb; display: inline; margin-top: 10px; font: bold 16px Tahoma; }
				
		#Container #Main #BarraLateral { width: 190px; float: right; }
			#Container #Main #BarraLateral h2 { font: bold 16px Arial; letter-spacing: -1px; text-transform: uppercase; color: #666; padding: 8px; background: url(../bitmaps/bg-stripe.gif); }
			#Container #Main #BarraLateral ul { padding: 10px; background-color: #ececec; }
				#Container #Main #BarraLateral ul li { border-bottom: 1px #999 solid; }
					#Container #Main #BarraLateral ul li a { padding: 5px; display: block; font: normal 14px Arial; color: #666; }
					#Container #Main #BarraLateral ul li a:hover { background-color: #fff; }
					
					
/* - SECCION CONTACTO - */
		#Container #Main form#contacto .boton { background-color: #ccc; height: 30px; width: 30%; margin-top: 8px; font: bold 12px Tahoma; }
		#Container #Main form#contacto .boton:hover { background-color: #ebebeb; color: #000; cursor: pointer; }
		#Container #Main form#contacto fieldset { border: #ebebeb solid 1px; padding: 5px; margin: 0px; margin-top: 15px; }
		#Container #Main form#contacto fieldset legend { font: 17px Arial, Helvetica; color: #999; padding: 5px; margin-top: 0px; padding-top: 0px; }
		#Container #Main form#contacto fieldset label { float: left; width: 46%; padding: 8px; height: 50px; }
		#Container #Main form#contacto fieldset span.titulo { font: normal 12px Tahoma; display: block; color: #505050; padding-bottom: 2px; text-align: left; display: inline; width: 100%; }
		#Container #Main form#contacto fieldset textarea { width: 85%; border: 1px #ccc solid; padding: 5px; font: normal 12px Tahoma; }
		#Container #Main form#contacto fieldset input { width: 85%; border: 1px #ccc solid; padding: 5px; font: normal 12px Tahoma; }
		#Container #Main form#contacto fieldset select { border: 1px #ccc solid; padding: 5px; display: block; }
		
		
		.obligatorio { font-size: 10px; font-weight: normal; color: #009900; }
		.opcional { font-size: 10px; font-weight: normal; color: #ccc; }
		.ayuda { font-size: 10px; font-weight: normal; color: #666; display: block; }

		.msg_bar { padding: 6px; margin-bottom: 5px; }
		.msg_bar span { font-family: Tahoma; font-size: 13px; display: block; text-align: center; }

		.informativo { background-color: #fff9b0; border: 1px solid #ffe450; }
		.informativo span { background: url(../bitmaps/ico/alert-16.gif) no-repeat; color: #000000; }

		.error { background-color: #fffcfc; border: 1px solid #b52222; }
		.error span { background: url(../bitmaps/ico/cancel-16.gif) no-repeat; color: #b52222; }

		.exito { background-color: #fdfffa; border: 1px solid #698f43; }
		.exito span { background: url(../bitmaps/ico/ok-16.gif) no-repeat; color: #698f43; }
	

		#Container #Main .msgBoxError { margin: auto; margin-top: 2em; margin-bottom: 2em; border: #ebebeb 1px solid; background: url(../bitmaps/bg-stripe.gif) repeat; padding: 5px; }
		#Container #Main .msgBoxError p { padding-top: 40px; background: url(../bitmaps/ico/alert-32.gif) no-repeat center top; font-size: 12px; text-align: center; margin: 0px; }	
	
	
	#Container #Foot { border-top: 3px #ebebeb solid;}
		#Container #Foot img { float: left; }
		#Container #Foot div { float: left; margin: 5px 0 0 0; }
			#Container #Foot div span { font: normal 13px Arial; color: #666; display: block; margin-top: 5px; float: right; margin-left: 120px;}
			#Container #Foot div ul { display: block; float: left; }
			#Container #Foot ul li { float: left; }
				#Container #Foot ul li a { font: normal 10px Arial; color: #666; text-transform: uppercase; padding: 4px 8px; background-color: #ebebeb; color: #000; }
				#Container #Foot ul li a:hover { background-color: #fff; color: #666; }