/* 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: #fef3dd; }
	
#Container { margin: auto; width: 760px; padding: 0 10px 10px 10px; background-color: #fff; }
	#Container #Head {}
		#Container #Head #Logo { background: url(../bitmaps/logo.png) no-repeat; height: 100px; }
		#Container #Head ul { display: block; background-color: #29d6ff; }
			#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: #d4f5fd; color: #666; }
			
	#Container #Main { padding: 15px 10px; }
		#Container #Main h1 { font: normal normal normal 26px/normal Georgia, "Times New Roman", Times, serif; color: rgb(22, 178, 217); 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 #d4f5fd solid; padding: 5px; display: block; width: 150px; float: left; margin-right: 10px; margin-bottom: 10px; }
				#Container #Main #Contenido ul#ProductosShow li span { display: block; padding: 5px 0; font: normal 12px Arial; border-bottom: 1px #29d6ff dotted; 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 #BarraLateral { width: 190px; float: right; background-color: #ececec; }
			#Container #Main #BarraLateral h2 { font: bold 16px Arial; letter-spacing: -1px; text-transform: uppercase; color: #666; padding: 8px; background-color: #d4f5fd; }
			#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: #D4F5FD; height: 30px; width: 30%; margin-top: 8px; font: bold 12px Tahoma; }
		#Container #Main form#contacto .boton:hover { background-color: #29D6FF; color: #fff;}
		#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; }
		#Container #Main form#contacto fieldset input { width: 85%; border: 1px #ccc solid; padding: 5px; }
		#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 { background-color: #d4f5fd; }
		#Container #Foot img { float: left; }
		#Container #Foot div { float: left; margin: 10px 0 0 10px; }
			#Container #Foot div span { font: normal 11px Arial; color: #666; display: block; margin-top: 5px; }
			#Container #Foot div ul { display: block; }
			#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: #29d6ff; color: #fff; }
				#Container #Foot ul li a:hover { background-color: #fff; color: #666; }