/*

      Para ver los margenes de las columnas 1 y 2 

	  cambiar border de 0 para 1

	  

*/



* { padding: 0; margin: 0; }



body {

 font-family: Verdana, sans-serif;
background : url(figuras/fondoRojo.gif) repeat;
 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: url(figuras/fondoescuro.jpg) repeat;

	border-top: 1px solid #990000;

	border-right: 1px solid #990000;

	border-bottom: 0px none #990000;

	border-left: 1px solid #990000;

	}

#logo { 

 color: #333;

 border: 0px solid #ccc;

 background: url(figuras/fondoescuro.jpg) repeat;;

 margin: 0px 2px 2px 0px;

 padding: 0px;

 height: 100%;

 width: 420px;

 float: left;

}

#menu_cabeza { 

 color: #333;

 border: 0px solid #ccc;

 margin: 0px 2px 2px 0px;

 padding: 0px;

 height: 100%;

 width: 370px;

 float: right;
vertical-align: bottom;
}

#cuerpo {

	float: left;

	width: 910px;

	height: 100%;

	padding: 5px;

	margin: 0px 0px 0px 0px;

	background: url(figuras/fondoclaro.jpg) repeat;

	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;

}

#pie {

	width: 900px;
	
	height: 25px;

	clear: both;

	color: #333;
	
	background: url(figuras/fondoescuro.jpg) repeat;

	margin: 0px 0px 10px 0px;

	padding: 10px;

	border-top: 1px solid #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: #000099;

	margin: 0px 0px 10px 0px;

	padding: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	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:bold;}  

a:link {text-decoration:none; color: #990000;} /* Link no visitado*/
a:visited {text-decoration:none; color:#990000} /*Link visitado*/
a:active {text-decoration:none; color:#990033; background:#EEEEEE} /*Link activo*/
a:hover {text-decoration:underline; color:#990033; background: #EEEEEE} /*Mause sobre el link*/


#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: 13px;
	
	color: #000099;

	font-weight: 600;
	
	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: 13px;
	
	color: #000099;

	font-weight: 600;

	background-position: center;

	text-align: center;

}

	#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;

	}


/*

      Empieza berra submenú

	  

*/



h1 {

	font-size: 24px;

	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;

}

h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 17px;

	color: #811401;

	font-style: normal;

	font-weight: 600;

	left: 2px;

	clip:  rect(auto auto auto 2px);
	

}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #811401;

	font-style: italic;

	font-weight: 700;

	left: 2px;

	clip:  rect(auto auto auto 2px);
	}
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: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 20px;

}



/*

      Barras

	  

*/



UNKNOWN {

	FONT-SIZE: small

}

#menu {

	FONT-SIZE: 100%;

	BACKGROUND: url(figuras/fondoescuro.jpg) repeat;

	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;

}

.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: 140px; 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

}