body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#master_page
{
	margin: 5px auto 20px auto;
	width: 800px;
}
#topsection{
   background: #FFFFCC;
   color: #FFFFFF;
   /*height: 135px;  Altura de la seccion superior*/
}


#topsection #logo1{
   height:100px;
   width:700px;
   margin:0 auto;
  }

#contentwrapper{
float: left;
width: 100%;
height: 80%;
}

#contentcolumn{
margin-left: 1px; /*Fija el margen de la columna Izquierda*/

}
#contentcolumn #titulo{
   float: right;
   color: #800000;
   font: italic bold x-large Arial, Helvetica, sans-serif;
}
#leftcolumn{
   float: left;
   width: 200px; /*Ancho Columna Izquierda*/
   margin-left: -100%; /*background: #0087E6 url(imagenes/gradiente.gif) repeat-x bottom;*/
   background-color: #FFFFFF;
}

#footer{
   clear: left;
   width: 100%;
   background: #800000;
   color: #4F312A;
   text-align: center;
   padding: 4px 0;
   border-bottom: 1px solid #776C00;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*margenes entre cada columna (para padding)*/
margin-top: 0;
}






/* menu 2 */


.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{
   /*CSS class for menu headers in general (expanding or not!)*/
   font: bold 14px Arial;
   color: #FFFFFF;
   background: #000000 url(titlebar.png) repeat-x center left;
   margin-bottom: 10px; /*bottom spacing between header and rest of content*/
   text-transform: capitalize;
   padding: 4px 0 4px 10px; /*header text is indented 10px*/
   cursor: hand;
   cursor: pointer;
   background-image: url(imagenes/titlebar.png);
}

.arrowlistmenu .openheader{
   /*CSS class to apply to expandable header when it's expanded*/
   background-image: url(imagenes/titlebar-active.png);
   font: italic bold 14px Arial;
   color: #FFFFFF;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader
{
	/*Closed state CSS for sub menu header*/
	background: #90ee90 !important;
	}

.arrowlistmenu ul li a{
   color: #FFFFFF;
   background: url(imagenes/logobase16.gif) no-repeat center left; /*custom bullet list image*/
   display: block;
   padding: 2px 0;
   padding-left: 20px; /*link text is indented 19px*/
   text-decoration: none;
   font-weight: bold;
   border-bottom: 1px solid #dadada;
   font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #FFFFFF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}



#mensajes{
   background: #FFFFFF;
   display: block;
   width: 180px;
   height:200px;
   border-bottom: 1px solid ActiveBorder;
}
/*menu basado en tabs */
.chromemenu{
   width: 99%;
   font-weight: bold;
   font-size: .8em;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(imagenes/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
color:#800000;
}

.chromemenu ul li a{
   color: #800000;
   padding: 5px 8px;
   margin: 0;
   text-decoration: none;
   border-right: 1px solid #BBB;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
background: url(imagenes/chromebg4.gif) center center repeat-x;
color: #FFFFFF;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}



/* fin de menu crome*/
#flotanteunica
{width: 100%; 
	}

#flotanteunica table
{font: .9em Tahoma, Verdana,Helvetica, sans-serif;
   color: #800000;
	}
	
.flotanteunicatd
{
	border-bottom: #800000 3px inset;
}	

#flotanteunica a
{
	color: #800000;
	text-align: right;
	font-weight: bold;
}

#flotanteizquierda{
   width: 500px; float: left
}
#flotanteizquierda table
{
	font: .9em Tahoma, Verdana,Helvetica, sans-serif;
	color: #800000;
}
#flotantederecha{
   width: 200px;
   float: right;
   margin-left: 0px;
   background-color: #800000;
   color: #FFFFFF;
   font: italic 100 .8em Arial, Helvetica, sans-serif;
   height: 100%
}
#flotanteizquierda a
{
	color: #800000;
	text-align: right;
	font-weight: bold;
}

#flotantederecha a
{
	color: #ffffff;
	text-align: right;
	font-weight: bold;
}
.fecha{
   background-color: #FFFFCC;
   color:#800000;
}
.algo{
   background-color: #F0F8FF;
}
.correo{
   color:#800000;
}
.correo a,a:hover,a:current,a:visited{
   color: #800000
}
.titulotd{text-align: center; background-color: #800000; color: #FFFFFF; font-weight:bold; }
.espaciador{ padding:10px  20px 20px 20px; text-align:justify;}