@charset "utf-8";
/* CSS Document */

#mainContainer
	{
	min-width: 960px;
	padding: 0;
	margin: 50;
	border: #000000 1px solid;
	}

#header
	{
	background-color: #ffffff;
	background-image:url(../img/header_.jpg);
	background-position: right;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0px;
	height: 120px;
	}
	
#logo
	{
	padding: 0;
	margin: 0;
	}

#fecha {
	font-size: 11px;
	color: #000000;
	padding-left: 5px;
	}

.hora table {border-color:#ff0000;}
	
/* ---------------------------------------------------------------------------- */
/* The top level wrapper for the content area.  It contains all of the other    */
/* column related divs.  This div's primary purpose is to render the background */
/* for the left column and the center column's background color.                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the left column (see sideBarLeft  */
/*    width and other style settings).                                          */
/*                                                                              */
/* IE 6.0 Fix:  The height: 1%; fixes some spurious white space that is         */
/* otherwise rendered between this and the footer div                           */
#leftColumnBg
	{
	margin: 0;
	padding: 0;
	background: #ffffff url(sidebar.left.bg.gif) top left repeat-y;
	height: 1%;
	}

/* Style settings for all other browsers for #leftColumnBg. */
#mainContainer > #leftColumnBg
	{
	height: auto;
	}	
		
/* ---------------------------------------------------------------------------- */
/* The secondary wrapper for the content/columns area.  Its primary purpose is  */
/* to render to background for the right column.                                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the right colunm (see             */
/*    sideBarRight style settings).                                             */
/*  . A border on all edges; top, right, bottom, and left. Otherwise, it will   */
/*    not render the background images/colors properly in IE 6 and 7.  Using    */
/*    the color transparent does not work as IE 6.0 will simply render that as  */
/*    black.  In this case, I simply set the border color for each edge to      */
/*    match the background color of that edge of the page.  For the bottom      */
/*    border, I used a color that works well delinating the footer from the     */
/*    rest of the layout.                                                       */
#rightColumnBg
	{
	margin: 0;
	padding: 0;
	background: url(sidebar.right.bg.gif) top right repeat-y;
/*	border-top: #000000 1px solid;*/
	border-bottom: #000000 1px solid;
	border-left: #efeafd 1px solid;
	border-right: #cfd5f5 1px solid;
	}

/* We can get away without a left and right border for IE 7 and all other       */
/* compliant browsers so we will set the left and right border to none.         */
#leftColumnBg > #rightColumnBg
	{
	border-left: none;
	border-right: none;
	}
	
#centerRightColumnContainer
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
	
#centerRightColumnPositioner
	{
	margin-left: 190px; /* To fit the left side bar */
	padding: 0;	
	}

#sideBarLeft
	{
	float: left;
	width: 180px; /* Total width: 190px - padding *2 = 170px; */
	margin-left: -100%;
	padding: 0;
	}
	
/* IE 6.0: For some reason, if you just specify padding here it'll add 10 px  */
/* to the entire layout and cause the page to scroll horizontally. So we have */
/* to specify the width and then set a margin on it.  The width is equal to   */
/* the width of the column, 190px - the 10px margin * 2                       */
#sideBarLeft p
	{
	margin: 10px auto;
	width: 170px;
	}
	
#rightColumnBg > #sideBarLeft p
	{
	padding: 10px;
	margin: 0;
	}

#centerColumnContainer
	{
	float: left;
	width: 100%;
	}

#centerColumn
	{
	margin-right: 260px;
	padding: 10px;
	}
	
#sideBarRight
	{
	float: left;
	width: 240px; /* Total width: 260 - padding * 2 */
	margin-left: -260px;
	padding: 10px;
	background: url(../img/rightside_.jpg) top right no-repeat;
	}

#transparent
	{
	margin: 5px;
	padding: 5px;
	border: none;
	width: 220px;
	}
#transparent a, #transparent a:link, #transparent a:visited
	{
	color: white;
	}

#transparent img {border-color:#FFFFFF;}

#footer
	{
	margin: 0;
	padding: 20px 10px;
	clear: both;
	background-color: #ff6600;
	font-weight: 700;
	color: #FFFFFF;
	}
	
/* ============================================================================ */
a {
	text-decoration:none;
}
a:link {
	text-decoration: none;
	color: #003399;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/*==================== MENU CSS ==============================*/

.menu{margin:0; padding:0; width:180px; list-style:none;background:#FFFFFF;}
.menu li{padding:0; margin:0 0 0 0; height:25px; display:block; }
.menu li a{text-align:left; height:25px; padding:0px 0px 0px 40px; font:9pt Arial, Helvetica, sans-serif; color:#ffffff; display:block; background:url('../img/verMenuImages.png') 0px -80px no-repeat; text-decoration:none;}
.menu li a:hover{background:url('../img/verMenuImages.png') 0px -40px no-repeat; color:#ffffff;}
.menu li a.active, .menu li a.active:hover{background:url('../img/verMenuImages.png') 0px -40px no-repeat; color:#ffffff;}
.menu li a span{line-height:25px;}
.menu li a.title, menu li a.title:hover{background:url('../img/title.gif'); color:#000000; height:25px; font-weight:700; padding:0px 20px;}

/*============= AQUI TERMINA MENU CSS ==============================*/

body
        {
        font-family: Arial;
        font-size: 13px;
        line-height: 17px;
        margin: 15px;
        padding: 0;
		background: url(../img/bg.png);
		background-color: #ffffff;
        }

ol 
	{
	list-style-position: inside;
	list-style-type: circle;
	}

#navi {
	list-style:none;
}

#navi li {
	margin:2px;
	padding:0;
	float:left;
}


h1
	{
	font-size: 16px;
	line-height: 1em;
	}

h2
    {
    font-size: 14px;
    }

p
     {
     margin-top: 0px;
     margin-bottom: 20px;
     }
	 
.subtitle {
	font-size: 14px:
	}	 

.clear_both
        {
        clear: both;
        }

.code
	{
	font-family:"Courier New", Courier, monospace;
	}
	
.estilo1
	{
	font-weight: 700;
	color: #000000;
	}	

#rightColumnBg 
	{
	height: auto;
	}