/* CSS Document */

/*****************************************************************
General:
body, img, a, h1, th, td, fieldset, form, label, input, select,
textarea
*****************************************************************/

body { margin:0px; padding:0px; font:11px arial; }
a { text-decoration:none; }
img { border:0px; }
h1 { font:11px arial; color:#006699; font-weight:bold;}
th { vertical-align:top; }
td { vertical-align:top; }

fieldset { border:1px solid #ccc; margin-bottom:15px;  }

form { margin:0px; padding:0px; }
label { font-weight:bold; }
input, select, textarea { border:1px solid #B09D84; background:#EDDDC8; font: 11px arial; color:#49300B; }
input:focus, select:focus, textarea:focus { background:#FFFFB9}

/*****************************************************************
Identificadores:
contenedor, cabecera, menusup, cuerpo, menulat, contenido, seccion,
pie
*****************************************************************/

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

	#cabecera { width:750px; height:92px; background-image:url(/img/cabecera.jpg); background-repeat:no-repeat; }
	#menusup { width:750px; background:#006699; color:#fff; text-align:center; }
	
		#menusup a { color:#fff; }
		#menusup a:hover { color:yellow; background:#4A7ABC; }
	
	#cuerpo { width:750px; }
	
		#menulat { width:164px; float:left; background:#D3EAF8; background-image:url(/img/fondomenu.jpg); background-repeat:no-repeat; padding:10px 5px 15px 5px; }
		
			#menulat a { color:#000; }
			#menulat a:hover { color:red; }
		
		#contenido { width:566px; float:right; padding:10px 2px 15px 2px; text-align:justify; }
		
			#seccion { width:562px; font:12px arial; color:#fff; font-weight:bold; text-transform:uppercase; background:#006699; padding:0px 2px 0px 2px; }
			#paginador { width:99%; text-align:right; }
	
	#pie { width:566px; float:right; text-align:center; padding-top:10px; }

/*****************************************************************
Clasea:
limpia, menuop1, menuop2, menuop3, subseccion, tablas, error,
tablon, boton
*****************************************************************/

.limpia { clear:both; }

.menuop1 { width:164px; border-bottom:1px solid #000; padding:3px 0px 3px 0px; }
.menuop2 { border-bottom:1px solid #000; padding:3px 0px 3px 0px; }
	.menuop2 ul { margin:0px 0px 0px 18px; padding:0px; }
	.menuop2 li { padding:3px 0px 3px 0px; list-style-image:url(/img/documento.gif); }
.menuop3 { padding:5px 0px 5px 0px; }

.subseccion { width:100%; border-bottom:1px dashed #006699; font-weight:bold; color:#006699; text-transform:uppercase; padding-bottom:3px; }

.tablas { width:99%; border:1px solid #5F9FBF; }
	.tablas th { background:#5F9FBF; color:#fff; padding:2px; text-align:left;}
	.tablas td { padding:2px; text-align:left; }
	
.error { width:80%; margin:auto; margin-top:150px; text-align:center; }

.tablon { width:99%; border-bottom:1px dashed #5f9fbf; border-top:1px dashed #5f9fbf; padding:10px 5px 10px 5px; background:#f3f3f3; }
	.tablon a { color:#000; text-decoration:underline; }
	.tablon a:hover { color:red; }
	
.boton, .boton:hover { border:1px solid #B09D84; color:#000; background:#EDDDC8; padding:1px 3px 1px 3px; text-decoration:none; }