/* formato general de la página */
body {
	padding: 0px;
	margin: 0px auto;
	color: #000;
	width: 780px;
	font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 16px;
	background: #f2f2f2;
}

/* marco o borde de la página */
#cuadro {
	background:#fff;
	border: 1px solid #ccc;
}

/* zonas donde van los contenidos */
#zonamenu {
	width: 160px;
	float: right;
	clear: right;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
}

#contenido {
 	width: 593px;
	float: left;
	clear: left;
	margin: 0px 5px 0px 0px;
	padding: 10px 0px 10px 10px;
}

/* formato del encabezado */
.header {
	width: 780px;
	margin: 0px auto;
	clear: both;
}

/* logo del sitio */
.logo {
	float: left;
	clear: left;
	background: url(../imagenes/logo-160-r.gif);
	width: 160px;
	height: 87px;
	margin: 0px 5px 0px 2px;
}

/* formato del login al sitio */
.login {
	width:585px;
	float: right;
	clear: right;
	height: 55px;
}

/* formato pie de pagina */
.footer {
	width: 780px;
	margin: 0px auto;
	clear: both;
	font-size:10px;
}

.eslogan {
  clear: right;
  font-family: Arial,Helvetica,sans-serif; 
	font-size: 11px; 
	color: #222;
	border-bottom: 3px solid #c00;
	margin: 0px 3px 0px 3px;
}

#bloquesup {
  background:#25b;
	margin: 0px 2px 0px 10px;
	padding: 0px 10px 0px 10px;
	line-height:22px;
	clear: both;
	float:right;
}

.menusup {
	width: 780px;
	margin: 0px auto;
	clear: both;
}

.presentacion {
  float: left;
	padding: 15px 0px;
	font-size: 11px;
	margin: 5px 8px 5px 8px;
	width: 178px;
	/* height: 200px;*/
}

/* para usar en titulos */

h1, h2, h3 {
	font-family: sans-serif, Arial, Helvetica;
	clear: left;
}
  
h1 {
	font-size: 20px;
	line-height: 26px;
	color: #200;
	font-weight: normal;
	margin: 0;
}

h2 {
	font-size: 17px;
	line-height: 23px;
	color: #700;
	margin: 0;
}

h3 {
	font-size: 12px;
	line-height: 19px;
	color:#322;
	margin: 0;
}

/* link del bloquesup */
a.bloquesup:link,
a.bloquesup:active,
a.bloquesup:visited {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a.bloquesup:hover {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color:#ff0;
	text-decoration: underline;
}

/* para hacer el menu */
#bloque {
	border: 1px solid #fff;
	border-width: 1px 2px 2px 1px;
}

#bloque ul, li {
	list-style-type: none;
}
 
#bloque ul {
	margin: 0;
	padding: 0;
}

#bloque li {
	border-right: 4px solid #fff;
	float:left;
	margin: 2px 0px 1px 0px;
}

#bloque a {
	text-decoration: none;
	background-color:#eaeaf2;
	color:#003;
	display:block;
	font-weight: normal;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 11px;
	padding: 2px 5px 2px 5px;
	width:138px;
	border-top:1px solid #ddd;
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	border-left:1px solid #ddd;
}
 
#bloque a:hover {
	background:#36c;
	color:#fff;
	border-top:1px solid #dd9;
	border-bottom:2px solid #444;
	border-right:2px solid #444;
	border-left:1px solid #dd9;
}

/* formato de letras */
.normal {
	font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 22px;
	color:#333;
}

.normalb {
	font-family:  sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 22px;
	color:#000000;
}

.parrafo {
  font-family:sans-serif,Arial,Helvetica; 
	font-size: 12px; 
	color: #000000;
}

.lateral {
  font-family:sans-serif,Arial,Helvetica; 
	font-size: 12px; 
	color:#003399;
	line-height: 15px;
}

/* formato para los contenidos dentro del contenido */
.articulo {  
	font-family:sans-serif,Arial,Helvetica;
	font-size: 13px;
	color: #333333;
	line-height: 20px;
}

.texto_articulo {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 13px;
	line-height: 22px;
	float: left;
	clear: both;
	margin: 5px 10px 5px 10px;
	padding: 0px 5px 5px 0px;
	width: 575px;
	text-align: justify;
}


.separadorsup1 {
  background:#C0B0B0;
	margin: 0px;
	line-height:1px;
	font-size:1px;
	clear: both;
}

.separadorsup2 {
  background:#000000;
	margin: 0px;
	line-height:1px;	
	font-size:1px;
	clear: both;
}

/* formato de fondo del menu */
.menu {  
	font-family:sans-serif,Arial,Helvetica; 
}

/* formato de errores */
.error {  
	font-family:sans-serif,Arial,Helvetica; 
	font-size: 14px; 
	font-weight: bold; 
	color:#CC3300;
}

/* formato para casos correctos */
.ok {  
	font-family:sans-serif,Arial,Helvetica; 
	font-size: 15px; 
	font-weight: bold; 
	color:#006600;
}

/* cuadros (formatos de bordes) */

.bordegris {
	border:1px solid #666666;
	-moz-border-radius: 8px;
	padding:3px;
}

.bordeazul {
	border:1px solid #0066AA;
	-moz-border-radius: 8px;
	padding:3px;
}

/* links
   formato base (sin clase)
*/
a {
	font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;
	color:#C00;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color:#F30;
	text-decoration: underline;
	font-family:sans-serif,Arial,Helvetica;
}

a.links {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 12px;
	color:#009;
	text-decoration: underline;
	font-weight: normal;
}

a.links:hover {
	color:#F30;
	text-decoration: underline;
	font-family:sans-serif,Arial,Helvetica;
}

/* links diminutos */
a.tiny:link,
a.tiny:active,
a.tiny:visited,
a.tiny:hover {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

/* formato de cada barra de menu */
.menuizq {
	background:#F8F8F8;
	width:125px;
	margin:1px 0px 1px 0px;
	padding:1px 10px 1px 10px;
	border:2px solid #FFFFFF;
	-moz-border-radius: 6px;
}

.menu_lateral {
	width:125px;
	background:#F8F8F8;
	clear:right;
	padding:2px 2px 2px;
	border:1px solid #999999;
	-moz-border-radius: 6px;
}

/* link del menu */
a.menu:link,
a.menu:active,
a.menu:visited {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 14px;
	color:#009;
	font-weight:normal;
	text-decoration: underline;
	display:block;
}

a.menu:hover {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 14px;
	color: #F60;
	text-decoration: underline;
	display:block;
}

a.menu1:link,
a.menu1:active,
a.menu1:visited {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 12px;
	color:#009;
	text-decoration: underline;
	font-weight:normal;
	margin:0px 0px 0px 10px;
	display:block;
}

a.menu1:hover {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 12px;
	color: #FF6600;
	text-decoration: underline;
	margin:0px 0px 0px 10px;
	display:block;
}

/* link para otros menus */
a.menu2:link,
a.menu2:active,
a.menu2:visited {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 13px;
	color:#0000CC;
	text-decoration: none;
}

a.menu2:hover {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 13px;
	color:#DD3300;
	text-decoration: underline;
}

a.menu3:link,
a.menu3:active,
a.menu3:visited {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
}

a.menu3:hover {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 14px;
	font-weight: bold;
	color:#FFFF00;
	text-decoration: underline;
}

a.menu4:link,
a.menu4:active,
a.menu4:visited {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 13px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}

a.menu4:hover {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 13px;
	font-weight: normal;
	color:#FFFF00;
	text-decoration: none;
}

/* links para destacar avisos */
a.avisos:link,
a.avisos:active,
a.avisos:visited {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 14px;
	color:#0033CC;
	text-decoration: none;
}

a.avisos:hover {
	font-family:sans-serif,Arial,Helvetica;
	font-size: 14px;
	color:#DD3300;
	text-decoration: none;
}

.frojo {
	background:#a00;
	width:98%;
}

.fazul {
	background:#36a;
	width:98%;
}

.fazulc {
	background:#F6F6FA;
	width:98%;
}

.fverde {
	background:#0a0;
	width:98%;
}

.fnaranja {
	background:#f60;
	width:98%;
}

.famarillo {
	background:#ff6;
	width:98%;
}

.rojo {
	color:#a00;
}

.azul {
	color:#00a;
}

.celeste {
	color:#36C;
}

.verde {
	color:#0a0;
}

.naranja {
	color:#f60;
}

.amarillo {
	color:#ff6;
}

.blanco {
	color:#fff;
}