/* Hoja de estilos */

/******************************************************
General:
body, form, input, select, textarea, img, table, h1
******************************************************/

body { margin:0px; padding:0px; font:11px verdana; color:#001C4D; background:#fff; }

form { margin:0px; padding:0px; }
input, select, textarea { border:1px solid #0a1d48; font:11px arial; }

img { border:0px; }

table { width:100%; border:0px; }

h1 { font:16px verdana; color:#6B6B6B; font-weight:bold; }

/******************************************************
Identificadores:
contendor, cabecera, logo, mensup, menulatizq, menudegra,
cuerpo, contenido, seccion, productos, buscador,
menulatdrc, titnoticias,  pie
******************************************************/

#contenedor { width:770px; margin:auto; }

	#cabecera { width:770px; height:110px; background-image:url(/images/situacion.jpg); }
	
		#logo { float:left; width:165px; }
		#menusup { float:right; width:589px; text-align:right; padding:8px; margin-top:19px; text-transform:uppercase; font:10px verdana; font-weight:bold; background:#DEE2EE; }
		
			#menusup a { text-decoration:none; color:#000; }
			
	#lineacab { width:770px; height:15px; margin:auto; background:#011B4C; }
		
	#menulatizq { float:left; width:166px; }
	
		#menulatizq a { text-decoration:none; color:#0A1D48; }
		#menudegra { height:83px; background-image:url(../images/menudegra.jpg);width:170px; }
	
	#cuerpo { float:right; width:590px; vertical-align:top; text-align:justify; }
	
		#contenido { float:left; width:415px; margin-left:15px; }
		
			#seccion { text-transform:uppercase; font:12px verdana; font-weight:bold; color:#EF19B5; background-image:url(/images/flechasec.gif); background-repeat:no-repeat; padding-left:10px; }
			#productos { width:413px; border:1px solid #001B4C; text-align:center; }
			
				#productos a { text-decoration:none; color:#001C4D; }
				
			#buscador { width:96%; background:#DEE2EE; padding:10px; }
			
		#menulatdrc { float:right; width:126px; background:#DEE5F0; padding:7px; text-align:left; }
		
			#titnoticias { text-transform:uppercase; font:12px verdana; font-weight:bold; color:#EF19B5; border-bottom:1px dashed #09184F; padding-bottom:2px; }
			
		#espacio { height:50px; }
		
	#pie { width:740px; padding:15px; background:#011B4C; color:#fff; text-align:right; }
	
		#pie a { color:#fff; }

/******************************************************
Clases:
limpia, menu, submenus, marcado, noticiasdest,
producto1, producto2, producto3, error, paginador
******************************************************/

.limpia { clear:both; }

.menu { width:150px; height:21px; padding-left:10px; padding-right:10px; padding-top:5px; background-image:url(/images/fondomenu.jpg); text-transform:uppercase; font:13px verdana; font-weight:bold; color:#03173C; }
.submenus { width:154px; border-bottom:1px solid #ccc; padding:8px; }
.marcado { font-weight:bold; }

.noticiasdest { border-bottom:1px dashed #09184F; padding-bottom:6px; padding-top:6px; font-size:10px; color:#09184F; }
.noticiasdest a { color:#09184F; text-decoration:none; }

.producto1 {float:left; width:133px; height:140px; border-bottom:1px solid #ccc; padding:6px 2px 6px 2px; }
.producto2 {float:left; width:133px; height:140px; border:1px solid #ccc; border-top:0px; padding:6px 2px 6px 2px; }
.producto3 {float:right; width:133px; height:140px; border-bottom:1px solid #ccc; padding:6px 2px 6px 2px; }

.error { width:90%; margin:auto; padding:15px; text-align:center; }
.paginador { width:100%; text-align:right; color:#09184F; }
.paginador a { color:#09184F; text-decoration:none; }

.boton { padding:2px; background:#ccc; text-decoration:none; color:#000066; }