h1,h2,h3,h4 {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    letter-spacing: -0.02em;
    line-height: 1em;
}

.formConsulta blockquote {
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.formConsulta fieldset {
    border: 0px;
}

body {
    margin: 0px 0px 0px 0px;
    background: White url(../images/fondo-lineas.gif);
}

a {
    text-decoration: none;
    color: #B22222;
    background-color: inherit;
}

a:visited {
    color: #B22222;
    background-color: inherit;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0px;
}

#main {
    width: 768px;
    background-color: #ffffff;
    color: inherit;
    margin: 0px auto 0px auto;
    display: block;
}

#barra1 {
    background-color: #3690E6;
    width: 100%;
    height: 17px;
    font-family: Arial, Helvetica, sans-serif;
    color: inherit;
}

#barra1 #nombreAnio {
    font-size: .60em;
    color: #D4E7F4;
    float: left;
    margin: 0px auto auto 10px;
    background-color: inherit;
}

#barra1 ul {
    float: right;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
}

#barra1 ul li {
    display: inline;
    margin: 0px 10px 0px 10px;
}

#barra1 ul li a {
    color: white;
    font-size: 11px;
    background-color: inherit;
}

.clear {
    clear: both;
}

.barrafin {
    background: #c7d9ea;
    padding: 5px;
}

#barra2 {
    width: 100%;
    height: 20px;
    margin: 1px 0px 0px 0px;
    padding-top: 0px;
    background: #c9c9c9 url(../images/barra2_fondo.jpg) no-repeat scroll
    right;
}

#barra2 ul {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    padding-left: 0px;
    background: #C9C9C9;
    color: inherit;
}

#barra2 ul li {
    display: inline;
    background: #C9C9C9;
    padding: 0px 3px 0px 3px;
    color: inherit;
}

#barra2 ul li a {
    color: #003586;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    width: 100%;
    background-color: inherit;
}

#barra2 ul li a:hover {
    background: #D8D8D8;
    color: inherit;
}

#barraLogo {
    background: transparent url(../images/barra_logo.jpg) no-repeat;
    width: 100%;
    height: 72px;
}

#barraLogo h1 {
    display: none;
}

#cuerpo #menuPrincipal {
    width: 188px;
    float: left;
    clear: both;
}

#cuerpo #menuPrincipal ul {
    list-style-type: none;
    margin-left: 0px;
    background-color: White;
    padding-left: 0px;
    margin-top: 1px;
    padding-top: 0px;
    margin-bottom: 0px;
}

#cuerpo #menuPrincipal ul li {
    margin: 0px 0px 0px 0px;
}

#cuerpo #menuPrincipal ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
    background-color: #578FC4;
    width: 165px;
    display: block;
    padding: 10px 10px;
    margin: 0px;
    height: 30px;
}

#cuerpo #menuPrincipal ul li.seleccionado a {
    background-color: #376DA5;
    border-left: 10px solid #FF8C00;
    width: 155px;
}

#cuerpo #menuPrincipal ul li a:hover {
    background-color: #376DA5;
    text-decoration: none;
    /*	width:165px;*/
    margin: 0px;
}

#cuerpo #contenidoCuerpo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 560px;
    float: right;
    color: #333333;
    /*	margin-left: 20px;*/
    padding-right: 10px;
}

#cuerpo #contenidoCuerpo #centro {
    float: left;
    width: 355px;
    padding: 35px 5px 5px 20px;
}

#cuerpo #contenidoCuerpo #centro p {
    padding-bottom: 8px;
}

/*
#cuerpo #contenidoCuerpo #centro h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: Navy;
border-bottom: thin solid Gray;
}*/
#cuerpo #contenidoCuerpo  #menuSecundario {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    float: right;
    border-left: 1px solid #C7D9EA;
    padding-left: 5px;
    width: 160px;
}

#cuerpo #contenidoCuerpo  #menuSecundario h4,#cuerpo #contenidoCuerpo  #menuSecundario h4 a
{
    color: #E57538;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    margin: 5px 0px 5px 0px;
    /*	float: left;*/
}

/*#publicaciones h4 a{
color: #E57538;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
margin : 5px 0px 5px 0px;
}*/
#piePagina div#creditos {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    border-top: 1px solid Silver;
}

#formTab1 {
    display: block;
}

#formTab2,#formTab3,#formTab4 {
    display: none;
}

#formTab1 caption,#formTab2 caption,#formTab3 caption,#formTab4 caption
{
    display: none;
}

#tabs {
    padding: 3px 0;
    margin-left: 0;
    border-bottom: 1px solid #778;
}

#tabs ul {
    margin-bottom: 0px;
    padding-left: 5px;
    margin-left: 1px;
}

#tabs  li {
    list-style: none;
    margin: 0px;
    display: inline;
}

#tabs li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom-style: none;
    background: #DDE;
    text-decoration: none;
    /*	font: bold 12px Verdana, sans-serif;;*/
}

#tabs li a:link {
    color: #448;
}

#tabs li a:visited {
    color: #667;
}

#tabs li a:hover {
    color: Black;
    background: #AAE;
    border-color: #227;
}

#tabs li a.seleccionado     ,#tabs li a.seleccionado:hover {
    background: White url(../images/tab_sel_bg.gif);
    border-bottom: 1px solid white;
    border-top: 1px none;
    border-left: 1px none;
}

input.text {
    border: 1px solid Gray;
}

#formulario input.text {
    background: #efefef;
}

select,option {
    font-size: 10px;
}

.formConsulta select {
    border: 1px solid Gray;
    width: 150px;
}

table#listadoConsulta { /*background-color: #8AAED3;*/
    width: 99%;
    background-color: transparent;
    border: 1px solid #D8D8D8;
}

table#listadoConsulta th {
    background-color: #8AAED3;
}

table#listadoConsulta td {
    border-bottom: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
}

table#listadoConsulta tr {
    background-color: transparent;
}

body.listado {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    background-image: url(../images/sello_agua.png);
    background-position: right bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 5px 5px 5px 5px;
}

#fieldset {
    width: 540px;
}

#tblCodigoModular,#tblCentroEducativo {
    width: 539px;
}

#tblProgramas,.tblOpciones,#tblCodigoModular,.tblIzq,.tblDer,#tblArea,#tblNivel,#tblGestion,#tblCaracteristica,#tblVariante,#tblResolucion,#tblTurno,#tblServicios,#tblEstado,#tblGenero,#tblCentroEducativo
{
    background-color: #F1F1F1;
    margin: .1em .1em .1em 0em;
    border-color: #C7D9EA #A7A7A7 #A7A7A7 #A7A7A7;
    border-style: solid solid solid solid;
    border-width: 5px .01em .01em .01em;
}

#tblProgramas,.tblOpciones,#tblArea,#tblNivel,#tblGestion,#tblCaracteristica,#tblVariante,#tblResolucion,#tblTurno,#tblServicios,#tblEstado,#tblGenero
{
    width: 270px;
}

.tblIzq {
    float: left;
    width: 257px;
}

.tblDer {
    float: right;
    width: 257px;
}

#tblVariante {
    display: none;
}

#botones,.botones {
    margin-top: 10px;
    float: right;
    text-align: right;
}

#botones input,.botones input {
    width: 200px;
}

.progress {
    background: transparent url(../images/indicator.gif) no-repeat fixed;
    padding: 0px 0px 0px 17px;
    font-size: 9px;
    display: none;
}

label {
    cursor: pointer;
}

#formulario label {
    width: 170px;
    display: block;
    float: left;
}

#formulario label.opt {
    float: none;
    display: inline;
}

.right {
    float: right;
}

.left {
    float: left;
}

#opciones {
    background-color: #FBFAF8;
    border: 1px solid #F1F1F1;
    /*	border-top-width: 5px ;
    width: 300px;*/
}

#opciones ul {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;;
    padding-left: 0px;
}

#opciones ul li {
    list-style-type: none;
    display: inline;
    margin-right: 20px;
}

#opciones ul li a {
    background-color: transparent;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 1px;
}

#opciones ul li#verFormulario a {
    background-image: url(../images/form.gif);
}

#opciones ul li#verExcel a {
    background-image: url(../images/xls.gif);
}

#opciones ul li#verTotalizar a {
    background-image: url(../images/totalizar.gif);
}

#opciones ul li#verPreferencias a {
    background-image: url(../images/Preferences16.gif);
}

#opciones ul li#guardar a {
    background-image: url(../images/Save16.gif);
}

#opciones ul li#email a {
    background-image: url(../images/SendMail16.gif);
}

#opciones ul li#cerrar a {
    background-image: url(../images/cerrar.gif);
}

select#consultaResolucionTipo {
    width: 200px;
}

a.iconopdf0 {
    background-image: url(../images/pdf.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
}

a.iconoxls0 {
    background-image: url(../images/xls_10.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
}

a.icono0 {
    background-image: url(../images/sinicono.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
}

a.external {
    background-image: url(../images/external.png);
    background-repeat: no-repeat;
    padding-left: 12px;
}

a.iconozip0 {
    background-image: url(../images/zip_10.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
}

#paginador {
    width: 350px;
    float: right;
}

#paginador fieldset {
    text-align: right;
}

#ocupacionales,#superiorNoUniv,#iniciales,#publicos,#privados {
    display: none;
}

#infoie {
    margin: 5px 5px 5px 5px;
    border: 1px solid #D8D8D8;
    padding: 5px 5px 5px 5px;
}

#infoie table {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 600px;
    margin-top: 10px;
    background-color: #8aaed3;
}

#infoie table caption {
    color: #B22222;
    font-weight: bold;
    text-align: left;
    font-style: italic;
    letter-spacing: 1px;
}

#infoie table col.etiqueta {
    width: 200px;
    background-color: #c7d9ea;
}

#infoie table col.valor {
    background-color: White;
    color: #333333;
}

#infoie table tr {
    padding: 3px 5px 3px 5px;
}

#puntajeContenido {
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    margin-top: 3px;
    margin-left: 3px;
}

#puntajeContenido form {
    margin-top: 0px;
}

#puntajeContenido input#p0 {
    background-color: #DFE8F3;
}

#puntajeContenido input#p1 {
    background-color: #C6D5EA;
}

#puntajeContenido input#p2 {
    background-color: #A0B9DC;
}

#puntajeContenido input#p3 {
    background-color: #8aaed3;
}

#puntajeContenido input#p4 {
    background-color: #5F89C4;
}

.numero {
    text-align: right;
}

#infoie table th {
    background-color: #fff;
}

ul {
    margin-bottom: 12px;
}

li {
    margin-top: 8px;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.ui-widget li {
    font-family: Verdana,Arial,sans-serif; 
    font-size: 11px;
    font-weight: normal;
}

ol li{
    font-family:"Verdana,Geneva,Arial,Helvetica,sans-serif;";
    font-size:11px;
    font-weight: normal;
}

.descripcion {
    font-style: italic;
    color: #000151;
    background-color: inherit;
    margin-top: 20px;
    margin-bottom: 30px;
}

#cuerpo {
    margin-bottom: 20px;
}

p {
    text-align: justify;
}

/*li p{margin-top:10px;font-size:11px;}*/
li p,li li,#centro li,#barra1 li,#barra2 li {
    margin-top: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

#infoie .estado {
    font-weight: normal;
    text-transform: lowercase;
}

.pieReporte {
    margin-top: 20px;
    font-size: 10px;
}

.updateClosed a {
    font-size: 10px;
    background-image: url(../images/mas.png);
    background-repeat: no-repeat;
    padding-left: 13px;
}

.updateOpened a {
    font-size: 10px;
    background-image: url(../images/menos.png);
    background-repeat: no-repeat;
    padding-left: 13px;
}

#detailUpdate2004 {
    margin-top: 0px;;
    display: none;
}

table.pieReporte tr {
    vertical-align: top;
}

#progressIndicator {
    background-image: url(../images/indicator.gif);
    background-repeat: no-repeat;
    padding-left: 17px;
    height: 17px;
    margin-top: 20px;
    display: none;
}

th a,th a:visited {
    color: Black;
}

table#listadoConsulta th.ordenado {
    border-bottom: 2px solid #ff8c00;
}

table#listadoConsulta th.ordenadodesc {
    border-top: 2px solid #ff8c00;
}

.etiqueta {
    width: 260px;
}

.total {
    
}

.urbano,.rural {
    display: none;
}

tr.fila0 td {
    border-bottom: 1px dashed #F0F0F0;
}

#esbasPaginaResultado .grupo {
    color: #376DA5;
    font-weight: bold;
}

#esbasPaginaResultado .total {
    font-weight: bold;
    text-transform: uppercase;
}

table.lista td {
    vertical-align: top;
}

table td.titulo {
    font-weight: bold;
}

#cuerpo #contenidoCuerpo  #menuSecundario  .verMas {
    color: #E57538;
    font-weight: normal;
    text-align: right;
    float: right;
    padding-top: 3px;
}

#cuerpo #contenidoCuerpo  #menuSecundario  .verMas a:hover {
    text-decoration: underline;
}

.suscripcion {
    border: 1px dashed #376DA5;
    background: #c7d9ea url(../images/email-y.gif) no-repeat;
    margin-top: 30px;
    padding: 5px 5px 5px 20px;
}

/*input.btnDefault{
background: Gray url(../images/boton-fnd.gif);
border: 0px 0px 0px 0px;
}	*/
#menuSecundario img {
    border: 1px solid Silver;
    padding: 3px 3px 3px 3px;
    margin-bottom: 8px;
}

#menuSecundario img:hover {
    background-color: Silver;
}

#publicaciones div {
    vertical-align: middle;
}

.pieReporte li,.nota {
    font-size: 9px;;
    margin-top: 5px;
    font-weight: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.ver_mas {
    background: url(../images/ver_mas.gif) no-repeat;
    padding-left: 16px;
    display: block;
    height: 20px;
}

#buscador {
    margin: 10px;
}

#formulario {
    width: 400px;
    float: left;
}

#ayuda {
    width: 150px;
    float: right;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

#ayuda p {
    text-align: left;
}

#ayuda_lenguavernacula {
    width: 150px;
    float: right;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

#ayuda_lenguavernacula p {
    text-align: left;
    background: #DFEAF4;
}

#ayuda_localescolar {
    width: 150px;
    float: right;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

#ayuda_localescolar p {
    text-align: left;
}

div.auto_complete {
    width: 350px;
    background: #fff;
}

div.auto_complete ul {
    border: 1px solid #31430f;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

div.auto_complete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}

div.auto_complete ul li.selected {
    background-color: #dcedad;
}

div.auto_complete ul strong.highlight {
    color: #800;
    margin: 0;
    padding: 0;
}

#form_consulta li {
    font-weight: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#form_consulta h2 {
    font-size: 13px;
    letter-spacing: 1px;
    background: #c7d9ea;
    padding: 5px;
}

#form_consulta #form_opciones {
    float: right;;
    display: inline;
}

#form_consulta #form_opciones li {
    display: inline;
}

#form_consulta #form_opciones li a {
    font-size: 10px;
    margin-left: 10px
}

input [type='text'] {
    border: 1px solid gray;
    background: #F0F0F0;
}

#form_consulta blockquote {
    margin: 0px 0px 0px 10px;
}

#form_consulta h5 span {
    font-weight: normal;
}

#form_consulta .grados tbody tr {
    background: #dfe8f3;
}

#form_consulta table.grados {
    background: #376da5;
}

#form_consulta .grados thead {
    color: #fff;
}

#form_consulta .submit {
    width: 100px;
}

input.button {
    width: 120px;;
    font-size: 10px
}

.opt_gestion {
    display: block;;
    float: left;;
    width: 200px;
}

.fuente {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*letter-spacing: 1px;*/
}

.fuente span {
    letter-spacing: 0px;
}

#formulario label.big2 {
    width: 260px;
}

#formulario h5 {
    margin-bottom: 0px;
}

#formTab2 div:hover {
    background-color: #cfcfcf;
    border: 1px dashed Silver;
}

.abridor {
    background-color: #E5ECF9;
    padding: 3px;
}

.abridor a {
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

.abridor a.cerrado {
    background-image: url(../images/zippy_plus_sm.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
}

.abridor a.abierto {
    background-image: url(../images/zippy_minus_sm.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
}

label:hover {
    background-color: #FFFFE0;
}

div.lista ol ol li,div.lista ol  li {
    list-style-type: none;
}
div.lista ol {
    margin-left:10px;
    padding-left:10px;
}
div.lista ol ol {
    padding-left: 10px;
    margin-left: 10px;
}

a.link [href $=".xls"]:before {
    content: url("../images/xls_10.gif");
}

a.link [href $=".pdf"]:before {
    content: url("../images/pdf.gif");
}

/*DESDE AQUI*/
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
    clear: both;
    border: 1px solid #963;
    height: 380px; /*285px;*/
    overflow: auto;
    width: 756px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
    overflow: hidden;
    width: 756px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
    float: left;
    width: 740px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
    width: 756px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
    position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
    display: block
}

/* make the TH elements pretty */
thead.fixedHeader th { /*	background: #C96;
    border-left: 1px solid #EB8;
    border-right: 1px solid #B74;
    border-top: 1px solid #EB8;*/
    font-weight: normal;
    padding: 4px 3px;
    text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a,thead.fixedHeader a:link,thead.fixedHeader a:visited
{
    color: #FFF;
    display: block;
    text-decoration: none;
    width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
    color: #FFF;
    display: block;
    text-decoration: underline;
    width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
    display: block;
    height: 262px;
    overflow: auto;
    width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td,tbody.scrollContent tr.normalRow td {
    /*	background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;*/
    padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
    background: #EEE;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
    width: 200px
}

html>body thead.fixedHeader th+th {
    width: 240px
}

html>body thead.fixedHeader th+th+th {
    width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
    width: 200px
}

html>body tbody.scrollContent td+td {
    width: 240px
}

html>body tbody.scrollContent td+td+td {
    width: 300px
}

th.especial2 {
    font-size: .90em;
}

#menuPrincipal1{ 
    background: url(../images/lupa.gif) no-repeat right; 
}

input.btn_buscar{
    font-size: 10px;
    width:140px;
    margin-bottom: 10px;
}

div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    margin:0px;
    padding:0px;
    overflow:hidden;
    border: 1px solid Gray;
    border-bottom: 2px solid Black;
    border-right: 2px solid Black;
}
div.autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    overflow:auto;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    height:32px;
    cursor:pointer;
}
#contenidoCuerpo div.arbol{

    width:200px;
    height:160px;
    background-color:#f5f5f5;
    border :1px solid Silver;
    overflow:auto;
}
.carta_ugel,option.gis_region{
    text-transform:capitalize;
}