body
{
background-image: url('bg.jpg');
background-repeat: repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
text-align: justify;
}

a {color: #006BD7;}
a:visited {color:#006BD7;}
a:hover {color: #006BD7;}
a:active { color:#006BD7;}

.pre
{
margin: 10px 10px 0px 0px;
padding: 0px;
float: left;
}

h1 {
font-size: 18px;
text-transform:uppercase;
padding:5px 10px;
margin:0px;
color: #0f50a2;
}

h2 {
font-size:15px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
text-transform:uppercase;
padding: 5px 5px 0px 5px;
margin:0px;
color: #ff6600;
}

h3 {
font-size:17px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
color: #0f50a2;
}

h4 {
font-size:14px;
font-weight: normal;
padding: 5px 5px;
margin:0px;
color: #0f50a2;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

h5 {
font-size:11px;
font-weight: bold;
padding: 5px 5px;
margin:0px;
color: #000000;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

hr
{
 color: #0f50a2;
 width: 50%;
 text-align: right;
  margin: 0 0 0 auto;
}

/* ----------container to center the layout---------- */
#container 
{
width: 755px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
margin: 0px 0px 0px 0px;
text-align: center;
background-image: url('01.gif'); }

#banner img {padding:0px 0px;}

.img
{
margin: 0px;
padding: 0px;
}

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 199px #0f50a2;  /* color of the left column  */ 
background-color: #0f50a2; /* color of the content column */
margin:0px; } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:225px;
 float:left; 
 position:relative; 
 margin-left:-188px; 
 margin-right:0px;
 background-color: #cce1f5;
 }

/* -----------------content--------------------- */
#content
{
position: relative; 
margin-left: 36px;
background-color: #ffffff;
margin-right: 12px;
text-align: justify;
}

p
{
padding: 5px 10px;
margin:0px;
}

pre
{
font-size: 12px;
padding: 5px 10px;
margin:0px;
}

#menu_left_01
{
width: 180px;
color: #0f50a2;
margin-left: 15px;
background-color: #9dc9f3;
}

#menu_left_01 a
{
width: 170px;
background-color: #9dc9f3;
margin-left: 15px;
font-weight: normal; 
text-decoration: none; 
padding-left: 5px;
padding-right: 8px;
line-height: 150%;
}

#menu_left_01 a:hover
{
text-decoration: underline; 
}

/*  ----------------footer---------------------- */ 
#footer
{
clear:both;
padding:0px;
margin: 0px;
background-image: url('foot.jpg');
background-repeat: no-repeat;
background-position: center;
text-align: center;
height: 90px;
{

#cronograma
{
    font-family: verdana,sans-serif, arial;
    font-size: 8pt;
    color: #000000;
    border: solid 1px #6FA9E3;
}

.celda
{
    font-family: verdana,sans-serif, arial;
    font-size: 8pt;
    color: #000000;
    border: solid 1px #6FA9E3;
}



/* ----- Menu Forms ----- */

.boton {color:#000000; background-color: white; border: solid 0px white;}

input
{
background-color: #CCE1F5;
border: solid 1px #666666;
}

#tablac
{
background-color: #ffffff;
padding: 2px;
}

.celdac
{
background-color: #f0f0f0;
border: 1px #ffffff solid;
padding: 5px;
}