div#pagina{

}

div#contenido{
   width: 100%
}
 
div#navegador{
   color: #008080;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12pt;
   margin-bottom: 10px;
}

div#navegador a{
   color: #0000ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12pt;
}

div#listado{
    width: 80%
}

#items{
   margin-bottom: 10px;
   margin-top: 10px
}

div#listado h2, div#formulario h2{
   background-color: #B5CDE6;
   color: #000080;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 8pt;
   font-weight: lighter;
   padding-bottom: 2px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px
}

div#errores{
   background-color: #F7F7F7;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-style: solid;
   border-top-width: 1px;
   color: #008080;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10pt;
   font-weight: bold;
   width: 350px;
   margin-bottom: 10px;
}

div#errores ul{   
   list-style-type : none ;
   margin-left : 0px;
}

div#mensajes{   
   color: #008080;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10pt;
   font-weight: bold;
   background-color: #F7F7F7;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-style: solid;
   border-top-width: 1px;
   width: 350px
}

div#mensajes ul{   
   list-style-type : none ;
   margin-left : 0px
}

div#formulario{
   color: #000080;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 8pt;
   font-weight: lighter;
   
}

div#formulario ul{
   list-style-type: none;
   padding-left: 0px;
   margin-left :0px ;
}

div#formulario li{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   list-style-type: none;  
   margin-left :0px ;
}


div#formulario li label{
   color: #335B97;
   float: left;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   margin-left: 10px;
   margin-right: 1em;
   width: 10em
}

div#formulario li input{
   margin-left: 10px;
}

div#botones{
   border-top-color: black;
   border-top-style: solid;
   border-top-width: 1px;
   margin-top: 5px;
   padding-top: 5px;
}

div#botones input{

}

div#submenu{
   background-color: #efefef;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-style: solid;
   border-top-width: 1px;
   height: auto;
   margin-top: 5px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   width: 300px
}

div#submenu ul{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 8pt;
   font-weight: lighter;
   height: 100%;
   list-style-type: none;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   text-align: left;
   width: auto
}

input{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size :8pt ;
   color:#335B97
}

li select{
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size :8pt ;
   color:#0000ff;
   margin-left :10px ;
}

input.mandatorio{
   background-color: #dffff3
}

div#boton{
   float: left;
}

div#mandatorio{
   background-color: #DFFFF3;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-style: solid;
   border-top-width: 1px;
   height: 15px;
   width:  20px;
   margin-left :30% ; 
   float:left;
}

div#opciones{
   
}

a:link, a:visited{
   color:#0000ff;
   text-decoration:none
}


a:hover{
   text-decoration:underline
}


div#blankScreen{
   background-color: #F7F7F7;   
   opacity: 0.65;
   position: absolute;
   visibility: visible;
   z-index: 2
}
div#MessageBox{
    z-index: 3;
    border: thin solid #000000;
    width: 260px;
    position: absolute;
    height: 80px;	
    background-color: #B5CDE6;
    text-align: center;
    opacity: 0.90;
    visibility :hidden ;
}
#MessageBox #Title {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #294979;
}
#MessageBox #MessageBoxText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding:5px;	
}
#MessageBox #Buttons input{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size :8pt ;
   color:#335B97
}

.datetimepicker{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 8pt
}