/*
      Para ver los margenes de las columnas 1 y 2 
	  cambiar border de 0 para 1
	  
*/
HTML
body {
   background: #C60000 url(figuras/fondo.gif);
}
* { padding: 0; margin: 0; }

body {
 font-family: Verdana, sans-serif;
 font-size: 11px;
}
#esqueleto { 
 margin: 0 auto;
 width: 922px;
 height: 100%;
}
#cabeza {
	width: 910px;
	float: left;
	padding: 5px;
	height: 90px;
	margin: 3px 0px 0px 0px;
	background: #ffffff;
	border-top: 1px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 0px none #990000;
	border-left: 1px solid #990000;
	}
	#marco_gris {
	float: center;
	padding: 5px;
	margin: 3px 0px 0px 0px;
	background: #ffffff;
	border-top: 5px solid #CCCCCC;
	border-right: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	}
#logo { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 2px 2px 0px;
 padding: 0px;
 height: 100%;
 width: 460px;
 float: left;
}
#menu_cabeza { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 2px 2px 0px;
 padding: 0px;
 height: 100%;
 width: 430px;
 float: left;
}
#cuerpo {
	float: left;
	width: 910px;
	height: 100%;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	border-top: 0px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 0px none #990000;
	border-left: 1px solid #990000;
	text-align: center;
	vertical-align: middle;
	right: auto;
}
 /*** efectos de los nks del cuerpo ***/
#cuerpo .clSub a {color:#990000; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; text-decoration:none;}
#cuerpo .clSub a:hover {
	color:#000099;
	text-decoration:none;
	}  

#columna_izquierda {
	color: #333;
	background: #FDEDD0;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: 400px;
	width: 90px;
	float: left;
	border-top: 1px none #ccc;
	border-right: 0px none #ccc;
	border-bottom: 1px none #ccc;
	border-left: 1px solid #990000;
}
#columna1 {
	color: #333;
	border: 0px solid #ccc;
	background: #FFFFFF;
	margin: 0px 2px 2px 0px;
	padding: 10px;
	height: 100%;
	width: 358px;
	float: left;
	text-align: left;
}

#subcolumna1 { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 2px 2px 0px;
 padding: 10px;
 width: 300px;
 float: left;
 border-bottom: 1px solid #CCCCCC;
}
#subcolumna2 {
	color: #333;
	border: 0px solid #ccc;
	background: #FFFFFF;
	margin: 2 auto 2px 2px;
	padding: 10px;
	width: 360px;
	height: 600px;
	float: left;
	border: 0px solid #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
		}
a:link {text-decoration: none; color:#003366}
a:visited {text-decoration: none; color: #CC0000;}
a:hover {text-decoration: underline; color: #000000;}
a:active {text-decoration: none; color: #660033;}

#columna3 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 150px;
 width: 155px;
 float: left;
}
#columna4 { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 height: 148px;
 width: 155px;
 float: left;
}
#columna5 { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 2px 2px 0px;
 padding: 0px;
 height: 152px;
 width: 580px;
 float: left;
}
	#columna_menu {
	color: #333;
	background: #FDEDD0;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: 100%;
	width: 120px;
	float: left;
	border-top: 1px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;
	}
#columna_derecha {
	color: #333;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: 400px;
	width: 790px;
	float: left;
	border-top: 0px none #990000;
	border-right: 1px solid #990000;
	border-bottom: 0px none #990000;
	border-left: 0px none #990000;
}
#barra_google {
	width: 900px;
	height: 155px;
	clear: both;
	color: #333;
	background: #BD9C8C;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border-top: 0px none #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;
}
#pie {
	width: 900px;
	clear: both;
	color: #333;
	background: #BD9C8C;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border-top: 0px none #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;
}
/*
     Empieza barra inferior
	  
*/

#barra_inferior {
	width: 900px;
	height: 15px;
	float: center;
	clear: both;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
}
/*** links de barra inferior . ***/
#barra_inferior .clSub a {color:#000099; font-family:verdana,arial,helvetica,sans-serif; font-size:10px; font-weight:normal; text-decoration:none;}
#barra_inferior .clSub a:hover {color:#990000; text-decoration:none;}  

#celda {
	color: #000099;
	width: 90px;
	height: 8px;
	margin: 0px;
	float: left;
	padding: 5px;
	border-right: 1px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
}
#celda_pequena {
	color: #000099;
	width: 70px;
	margin: 0px;
	float: left;
	padding: 5px;
	border-right: 1px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
}
#celda_mediana {
	color: #000099;
	width: 75px;
	margin: 0px;
	float: left;
	padding: 5px;
	border-right: 1px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
}

#celda_grande {
	color: #000099;
	width: 117px;
	margin: 0px;
	float: left;
	padding: 5px;
	border-right: 1px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
	}
	#celda_muy_grande {
	color: #000099;
	width: 150px;
	margin: 0px;
	float: left;
	padding: 5px;
	border-right: 1px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
	}
#celda_fin {
	color: #000099;
	width: 115px;
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
}
#celda_fin_pequena {
	color: #000099;
	width: 80px;
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
}
#celda_fin_grande {
	color: #000099;
	width: 140px;
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
}
#celda_explicativa {
	color: #000000;
	width: 200px;
	margin: 0px;
	float: left;
	padding: 0px;
	border-right: 0px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: left;
	}
	#celda_separadora {
	color: #000000;
	width: 10px;
	margin: 0px;
	float: left;
	padding: 0px;
	border-right: 0px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	text-align: left;
	}
#celdon {
	color: #000099;
	width: 120px;
	margin: 5px;
	float: left;
	padding: 5px;
	border: 1px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	background-position: center;
	text-align: center;
	}
	#celdon1 {
	color: #000099;
	width: 120px;
	margin: 5px;
	float: left;
	padding: 5px;
	border: 1px solid #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	background-position: center;
	text-align: center;
	background-color: #E1E1E1;
	}
	#celdon2 {
	color: #FFFFFF;
	width: 127px;
	margin: 5px;
	float: left;
	padding: 5px;
	border: 0px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-position: center;
	text-align: center;
	background-color: #000066;
	}
	#celdon3 {
	color: #FFFFFF;
	width: 145px;
	margin: 5px;
	float: left;
	padding: 5px;
	border: 0px solid #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-position: center;
	text-align: center;
	background-color: #000066;
	}
#cuerpo2 {
	color: #333;
	border: 0px solid #ccc;
	background: #FFFFFF;
	margin: 0px 2px 2px 0px;
	padding: 10px;
	height: 100%;
	width: 420px;
	float: left;
	text-align: left;
}
#subcuerpo { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 2px 2px 0px;
 padding: 10px;
 width: 400px;
 float: left;
 border-bottom: 1px solid #990000;
}
a:link {text-decoration: none; color:#003366}
a:visited {text-decoration: none; color: #CC0000;}
a:hover {text-decoration: underline; color: #990000;}
a:active {text-decoration: none; color: #000099;}

#subcuerpo_der { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 2px 2px 0px;
 padding: 10px;
 width: 400px;
 float: right;
 border-bottom: 1px solid #990000;
}
a:link {text-decoration: none; color:#003366}
a:visited {text-decoration: none; color: #CC0000;}
a:hover {text-decoration: underline; color: #990000;}
a:active {text-decoration: none; color: #000099;}

#cuerpo_central {
	color: #333;
	border: 0px solid #ccc;
	background: #FFFFFF center center;
	margin: 0px 2px 2px 0px;
	padding: 10px;
	height: 100%;
	width: 100%;
	float: center;
	text-align: left;
}
#subcuerpo_central { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 2px 2px 0px;
 padding: 10px;
 width: 800px;
 float: center;
 border-top: 1px solid #990000;
}
a:link {text-decoration: none; color:#003366}
a:visited {text-decoration: none; color: #CC0000;}
a:hover {text-decoration: underline; color: #990000;}
a:active {text-decoration: none; color: #000099;}
/*
      Empieza berra submenú
	  
*/

h1 {
	font-size: 12px;
	color: #811401;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
	left: 2pt;
	clip:  rect(auto auto auto 2pt);
	text-indent: 5pt;
	text-transform: uppercase;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8E1702;
	font-style: normal;
	font-weight: 400;
	left: 2px;
	clip:  rect(auto auto auto 2px);
}
h3 {
	font-size: 14px;
	color: #811401;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
	left: 2pt;
	clip:  rect(auto auto auto 2pt);
	text-indent: 5pt;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990033;
	font-style: normal;
	font-weight: 400;
	left: 2px;
	clip:  rect(auto auto auto 2px);
}
.subtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990033;
	font-style: normal;
	font-weight: 400;
	left: 2px;
	clip:  rect(auto auto auto 2px);
}
.rincon {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
}
.titulo_conexion_inferior {
	color: #FFF883;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

/*
      Barras
	  
*/

UNKNOWN {
	FONT-SIZE: small
}
#menu {
	FONT-SIZE: 90%;
	BACKGROUND: #fff;
	FLOAT: left;
	WIDTH: 920px;
	LINE-HEIGHT: normal;
	border-top: 0px none #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #990000;
}
.barra {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	position: static;
	width: auto;
	left: 2pt;
	clip:   rect(auto auto auto 2pt);
	background-color: #FDEDD0;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none; color: #CC0000;}
a:hover {text-decoration: underline; color: #F5E8D3;}
a:active {text-decoration: none; color: #ffffff;}
.lien {
    position: relative; top: -5; color: #FFFFFF; font-size: 8pt; font-family: verdana;  font-weight: bold; letter-spacing: -1pt; text-decoration: none;
}
.divise {
    position: relative; top: -3; color: #C0C0C0; background: #006699; font-size: 12pt;
}
#menu UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#menu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(figuras/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: normal; BACKGROUND: url(figuras/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #990000; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#menu A {
	FLOAT: none
}
#menu A:hover {
	COLOR: #333
}
#menu #current {
	BACKGROUND-IMAGE: url(figuras/left_on.gif)
}
#menu #current A {
	BACKGROUND-IMAGE: url(figuras/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}