/* Layout Stylesheet */ 

body { 
	margin-top: 5px;	
	background: #D8E0E4 url(images/bg2.gif) repeat fixed;
	text-align: center; 
	font: 11px/15px normal Arial, Verdana, Helvetica, sans-serif; 
	color: #000;
 	overflow: auto;
	border: 0px solid red;
	} 

#container, #container_index {
 margin: 0px; 
 width: 984px;
 min-height: 564px;
 background: #ffffff;
 margin: 0px auto; /* align for good browsers */
 padding: 0px;
 text-align: left;  /*counter the body center */
 border: 0px solid blue;
 z-index: 10;
 }
#container_index {
 background-position: bottom;
 border: 0px solid blue;
 }
html>body #container {width: 984px; }

#head {
 position: relative;
 width: 984px;
 height: 90px;
 background: #fff;
 margin: 0px;
 padding: 0px;
 text-align: left;
 border: 0px solid black;
 z-index: 10;
 }
.head_left {
 position: relative;
 width: 964px;
 margin: 0px;
 padding: 10px 0px 0px 10px;
 text-align: left;
 border: 0px solid yellow;
 z-index: 20;
}
.head_right {
 position: relative;
 float: right;
 background: #C02E38;
 color: #FFFFFF;
 font: bold 12px Arial, Helvetica;
 text-align: center;
 min-width: 170px; 
 bottom: 31px;
 margin: 0px;
 margin-right: 5px;
 padding: 4px 10px;
 border: 0px solid green;
 white-space: nowrap;
 z-index: 30;
 }

/* *************** MENU *********************/
#menu, #menu_index {
 float: left;
 width: 170px;
 height: 454px;
 margin: 0px 5px;
 padding: 0px;
 background: #638495;
 border: 0px solid green;
 z-index: 40;
}
#menu_index {
 width: 300px;
 background: #fff;
 border: 0px solid green;
}
.botones, .activado, .botones_index {
 display: BLOCK;
 width: 170px;
 margin: 0px;
 padding: 4px 0px;
 color: #FFFFFF;
 font: bold 12px Arial, Helvetica;
 text-align: left;
 border: 0px solid #efba00;
}
.botones_index {
 width: 300px;
}
.botones a:link, .botones a:visited {
	display: block;
	padding: 4px 8px;
	color: #FFFFFF;
	text-decoration: none;
}
.botones a:hover, .botones a:active, .activado a:link, .activado a:visited, .activado a:hover, .activado a:active {
	display: BLOCK;
	padding: 4px 8px;
	background: #829EAA;
	color: #FFF;
	text-decoration: none;
}
.botones_index a:link, .botones_index a:visited{
	display: block;
	padding: 4px 8px;
	color: #638495;
	text-decoration: none;
}
.botones_index a:hover, .botones_index a:active {
	display: BLOCK;
	padding: 4px 8px;
	background: #638495;
	color: #000;
	text-decoration: none;
}
.rojo {
	float: left;
	width: 15px;
	color: #C02E38;
	margin: 0px;
	padding: 0px;
	font: bold 12px tahoma, Arial, Helvetica;
	text-align: left;
	border: 0px solid #fff;
	}
	
/* ************** CUERPO **************** */
#cuerpo, #cuerpo_index {
 position: relative;
 float: right;
 background: #ffffff;
 width: 784px;
 top: -23px;
 margin: 0px;
 margin-right: 5px;
 padding: 0px;
 border: 0px solid black;
 z-index: 50;
}
#cuerpo_index {
 background: #fff; 
 width: 654px;
 top:0px;
 border: 0px solid blue;
}
#cuerpo_cont {
 width: 614px;
 margin: 0px;
 padding: 0px;
 text-align: left;
 border: 0px solid red;
}

#menu_linea { 
 clear: left;
 position: relative;
 display: inline;
 float: left;
 width: 614px;
 margin: 0px;
 padding: 1px 2px;
 background: #EDD5D5;
 text-align: left;
 border: 0px solid green;
 z-index: 50;
}
.botones_linea, .activado_linea {
 margin: 0px;
 /*width: 97px;*/
 padding: 0px 0px;
 background: #EDD5D5;
 font: bold 12px Arial, Helvetica;
 text-align: center;
 white-space: nowrap;
 text-decoration: none;
 line-height: 21px;
 border: 0px solid black;
 z-index: 60;
}
.botones_linea a:link, .botones_linea a:visited {
	padding: 5px 40px;
	color: #C02E38;
	text-decoration: none;
}
.botones_linea a:hover, .botones_linea a:active, .activado_linea a:link, .activado_linea a:visited, .activado_linea a:hover, .activado_linea a:active {
	padding: 5px 40px;
	color: #FFFFFF;
	background: #C02E38;
	text-decoration: none;
}
#cuerpo_texto, #cuerpo_texto_no-menu, #cuerpo_texto_300, #cuerpo_texto_200, #cuerpo_texto_index  {
 clear: left;
 position: relative;
 width: 614px;
 height: 429px;
 margin: 0px;
 padding: 0px;
 text-align: justify;
 overflow: auto;
 /*scrollbar-base-color: #829EAA;  base de color para todo el scroll*/
 scrollbar-face-color:  #fff; /* barra deslizadora arriba*/
 scrollbar-shadow-color: #EDD5D5; /*borde derecho barra deslizadora arriba*/
 scrollbar-highlight-color: #EDD5D5; /*borde izquierdo barra deslizadora arriba*/
 scrollbar-3dlight-color:#fff; /*sombra borde izquierdo barra deslizadora arriba*/
 scrollbar-darkshadow-color: #fff; /*sombra borde derecho barra deslizadora arriba*/
 scrollbar-track-color: #fff; /*barra deslizadora abajo*/
 scrollbar-arrow-color: #EDD5D5; /* triangulo flecha*/
 border: 0px solid green;
}
#cuerpo_texto_no-menu {
 height: 454px;
}
#cuerpo_texto_300 {
 height: 364px;
}
#cuerpo_texto_200 {
 height: 284px;
}
#cuerpo_texto_index {
 background: none;
 overflow: hidden;
 width: 430px;
 height: 454px;
}
#cuerpo_foto {
 position:relative;
 float:right;
 width: 160px;
 height: 454px;
 margin: 0px;
 padding: 0px;
 border: 0px solid red;
 text-align: center;
}
.foto_150 {
 width: 160px;
 border: 0px solid blue;
}

/* **************** Pie **********************/
.foot_left {
 clear: both;
 width: 984px;
 margin: 0px;
 padding: 5px 0px;
 text-align: center;
 border: 0px solid yellow;
 }
#foot {
 clear: both;
 color: #638495;
 margin: 0px auto;
 padding: 0px;
 font: normal 0.9em Arial, Verdana, Tahoma, sans-serif;
 text-align: center;
 border: 0px solid #39597A;
}
#foot a:link, #foot a:visited { 
 font-weight: bold;
 text-decoration: none; 
 color: #638495;
}
#foot a:hover, #foot a:active { 
 font-weight: bold;
 text-decoration: none; 
 color: #829EAA;
}
