/* page */

#page
{
    width: 786px;
    margin: 0 auto;
}

.inner
{
  padding: 10px 10px;
}

/* header */

#header
{
   background-position: left top;
   clear: both;
   height: 135px;
   background: url(images/layout/fondo_head.png); /*#60b8dd*/
}

#header a img
{
	border-style: none;
    font-size: 0.9em;
    margin-right: 10px;
}

#barra_informacion
{
   color: White;
   font-family: Verdana;
   font-size: 8pt;
   font-weight: bold;
   background-position: left top;
   clear: both;
   width: 786px;
   height: 28px;
   background: url(images/layout/barra_horizontal.png);
   text-align: right;
   vertical-align: top;   
}

#barra_informacion img
{
   border-bottom-style: none;      
}

#barra_informacion a img
{
   border: none 0px #ffffff;
   border-style: none;
   text-decoration: none;
}

#barra_informacion a
{
   border-style: none;
   text-decoration: none;
}


#barra_informacion a:selected
{
   border-style: none;
   text-decoration: none;
}


/* navbar 
#navbar
{
   background: url(images/layout/fondo_navbar.png) no-repeat;
   background-position: left top;   
   font-family: Arial, Verdana, Serif;
   font-weight: bold;
   font-size: 8pt;
   line-height: 1.70em;
   padding-right: 10px;
   padding-left: 10px;
   margin: 0px;
   left: 0px;
   right: 0px;
   top: 0px;   
   border-left: solid 2px #808080;
}

#navbar span
{
   color: #666666;
   text-decoration: none;
   font-weight: normal;
   padding: 0 1em 0 0;
}

#navbar a
{
   color: #666666;
   text-decoration: none;
   padding: 0 0 0 0;
}

#navbar a:hover
{
    color: #023064;
    text-decoration: none;
}

#navbar ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#navbar ul ul li
{
    display: block;
    padding: 0px 0px 0 10px;
    
}

#navbar ul ul li
{
    text-decoration: none;
}

#navbar ul ul, #navbar ul ul ul
{
    display: none;
}

#navbar ul li ul li:hover
{
   background-color: #cccccc;
}
#navbar ul li:hover
{
   background-color: #eeeeee;
   border: solid 1px silver;   
}

#navbar ul li:hover ul, #navbar ul ul li:hover ul, #navbar ul ul ul li:hover ul
{
   display: block;
   position: static;
   left: 10px;
   width: 140px;
}

#navbar .titulo
{
   width: 120px;   
   display: block;
   font-weight: bold;
   color: black;
   padding: 5px 10px 5px 10px;
   background: url(images/icons/boton_menu3.gif) no-repeat;
}

#navbarAccesoRestringido
{
   background-position: left top;
   width: 140px;
   height: 200px;
   font-size: 8pt;
   padding: 5px;
   background: url(images/layout/fondo_acceso_restringido1.gif) no-repeat;
}
#navbarAccesoRestringido .tituloAccesoRestringido
{
   height: 30px; 
   width: 110px;
   font-size: 8pt;
   font-weight: bold;
   color: white;
}
#navbarAccesoRestringido ul li:hover
{
   width: 130px;
}

#navbarAccesoRestringido ul li:hover ul li
{
   width: 120px;
}
*/

#principal
{
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 4px;
   float: left;
   /*border: solid 1px blue;*/
   width: 418px;   
   height: 700px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 23px;
   font-family: Arial, Verdana, Serif;
   font-weight: bold;
   font-size: 10pt;
}

#principal td
{  
   /*border: solid 1px green;*/
  /*background: url(images/layout/fondo_destacado_central.png) no-repeat;*/
   background: url(images/layout/borde_central.gif) no-repeat;
   width: 410px;
   height: 140px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

#principal ul
{   
   left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #666666;
    list-style-position: inside;
}

#principal img
{
   /*height: 90px;
   width: 100px;*/
   float: left;
   padding-right: 10px;
}

#principal span
{
   font-family: Arial;
   line-height: 2em;
   color: #2E9DCD;
   padding: 0;
   margin: 0;
}

#principal a
{
   padding: 0;
   margin: 0;
   font-size: 9pt;
   color: #666666;
   text-decoration: none;
}
#principal a:hover
{
   padding: 0;
   margin: 0;
   font-size: 9pt;   
   color: #666666;
   text-decoration: underline;
}

#iconbar
{
   background: url(images/layout/fondo_navbar.png) no-repeat; /*background-position: left top;*/
   background-color: Transparent;
   background-position: left top;   
   left: 0px;
   right: 0px;
   top: 0px;
   float: right; /*border: solid 1px red;*/
   padding-left: 0px;
   margin: 0px;
   left: 0px;
   right: 0px;
   top: 0px;
   width: 158px;      
   height: 700px;
   /*border-left: solid 2px #808080;*/
}

#iconbar td
{     
   padding-left: 3px;
}
#iconbar img
{
   border-bottom-style: none;   
   padding-bottom: 5px;
   width: 149px;  
   height: 103px;
}

#iconbar a img
{
   border: none 0px #cccccc;
   border-style: none;
   text-decoration: none;
}

#iconbar a:selected
{
   border-style: none;
   text-decoration: none;
   color: #cccccc;
}

#NavbarIframe
{
   width: 160px;
   height: 700px;
   padding: 0px 0px 0px 0px;
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 0px;
   /*border: solid 1px red;*/
/*background-color: #f2f2f2;*/ 
}

#MainIframe
{
   /*border: solid 1px red;*/
   width: 626px;
   height: 700px;
   margin: 0;
   padding: 0;
   top: 0px; 
   right: 0px; 
   bottom: 0px; 
   left: 0px;
   background: url(images/layout/fondo.png) no-repeat;
}

/* content */
#content
{
    clear: both;
    padding: 20px 0;
    min-height: 300px;
}


/* footer */

#footer
{
   font-size: 8pt;
   /*border-top: 5px solid #60b8dd; /*background-color: #eeeeee;*/
   padding: 1em 1.5em;
   clear: both;
   background: #cccccc url(images/layout/separador_footer.png) no-repeat top;   
}
#footer td
{
   font-size: 8pt;
}

/* align */

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

.center
{
    text-align: center;
}

/* columns */

.col10, .col15, .col20, .col25, .col30, .col33, .col40, .col50, .col60, .col66, .col70, .col75, .col80, .col90
{
    vertical-align: top;
}

.col10
{
    width: 10%;
}
.col15
{
    width: 15%;
}
.col20
{
    width: 20%;
}
.col25
{
    width: 25%;
}
.col30
{
    width: 30%;
}
.col33
{
    width: 33%;
}
.col40
{
    width: 40%;
}
.col50
{
    width: 50%;
}
.col60
{
    width: 60%;
}
.col66
{
    width: 66%;
}
.col70
{
    width: 70%;
}
.col75
{
    width: 75%;
}
.col80
{
    width: 80%;
}
.col90
{
    width: 90%;
}