@font-face { font-family: 'Roboto'; src: url('../fuentes/Roboto-Regular.ttf') format('truetype') }
body, form { padding: 0; margin: 0; }
body { font-size: 13px;}
body, input, select { font-family: 'Roboto' !important; color: #333; }
input { background-color: #d1d1d1; border: none; color: #646464; padding: 3px; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; -ms-transition: background-color 250ms; transition: background-color 250ms; }
select { border: 1px solid #DDD; font-size: 12px; }
input[type=submit] { padding: 5px; }
input:hover {  background-color: #848488; color: White; text-decoration: none; opacity: 1.0; }
a { color: #4b738c; text-decoration: none; }
a:hover { text-decoration: underline; }
/*.encabezado { background: white; text-align: left;  border-bottom: 10px solid #95c83b; }
.encabezado img { margin-top: 16px; margin-left: 83px; margin-bottom: 16px; }*/
.version { }
.lista a { display: block; padding: 3px; font-size: 14px; }
.lista a:hover { background: #c1c1c1; }
.tituloServicios { font-size: 20px; padding: 0px 20px 0px 0px; }
/* pie de página */
.piePagina { position: fixed; color: #333; width: 100%; bottom: 0; text-align: center; font-size: 11.7px; padding-top: 0px; background:; z-index: 500; right: 0; box-sizing: initial; }
.piePagina { -webkit-transition: height 500ms; -moz-transition: height 500ms; -o-transition: height 500ms; -ms-transition: height 500ms; transition: height 500ms; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; }
    .piePagina a {  color: #217DAB; }
.cajaContenido { border-width: 0px; background: #e7e7e7; margin-bottom: 20px; padding: 10px; }
.wrapper { margin: 100px 20px 20px 20px; }
body, .encabezadoFlotante { }
.envoltura {  margin: 0 auto -20px; }
.encabezadoFlotante { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; background: white; }
body.smaller .encabezadoFlotante { background: transparent; }
.encabezadoFlotante { background-color: transparent; }
.encabezadoFlotante { width: 100%; top: 0; left: 0; z-index: 999;  }
.encabezado .flotanteDer { background-image: url('img/encabezadoDer.jpg'); background-position: left; min-width: 88px; }
.encabezado img#ImageLogo { height: 46px; margin-left: 83px; }
.encabezado .flotanteDer .divUsuario { position: absolute; right: 0; }
.encabezado { background: white; border-bottom: 3px solid #95c83b; height: 88px; box-sizing: border-box; }
    .encabezado img { border: 0px; }
        .encabezado img#ImageLogo { margin-top: 16px; margin-left: 83px; margin-bottom: 16px; }
.encabezadoFlotante { width: 100%; top: 0; left: 0; z-index: 999;  }
.encabezado, .encabezado .flotanteDer, #ImageLogo { background-repeat: no-repeat; }
.piePaginaCopyRight { margin: 0 auto; }

.BulletedList li a { color:#217DAB; text-decoration: none; }
.BulletedList li  { color: #659940 !important; }
.cajaTitulo { font-size: 0.9rem; padding: 7px 8px 7px 8px !important; color: #e9e9e9; background-color: #0F5778; border-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cajaTitulo { background-color: #C4C9CC !important; color: #333; }
.caja .cajaTitulo { font-size: 1.1rem; padding: 7px 8px 7px 8px !important; color: #e9e9e9; background-color: #0F5778; border-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .caja .cajaTitulo { background-color: #C4C9CC !important; color: #333; }
@media only screen and (max-width : 500px) {
    .encabezado img#ImageLogo { margin-left: 15px; }
    select { width: 60%; }
}