html, body, div, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
img, embed, object, video{max-width:100%;}
nav a, button, input[type=button], input[type=submit], input[type=reset]{}
body{line-height:1 !important;}
article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
@font-face{font-family:'Heydings';src:url('../web-symbols/heydings/heydings_icons.eot');src:url('../web-symbols/heydings/heydings_icons.eot?#iefix') format('embedded-opentype'),
               url('../web-symbols/heydings/heydings_icons.woff') format('woff'),
               url('../web-symbols/heydings/heydings_icons.ttf') format('truetype'),
               url('../web-symbols/heydings/heydings_icons.svg#webfont') format('svg');}
@font-face{font-family:'Modernpics';src:url('../web-symbols/modernpics/modernpics-webfont.eot');src:url('../web-symbols/modernpics/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
               url('../web-symbols/modernpics/modernpics-webfont.woff') format('woff'),
               url('../web-symbols/modernpics/modernpics-webfont.ttf') format('truetype'),
               url('../web-symbols/modernpics/modernpics-webfont.svg#webfont') format('svg');}
@font-face{font-family:'Entypo';src:url('../web-symbols/entypo/Entypo.otf') format('truetype');}
@font-face{font-family:'Icon-works';src:url('../web-symbols/icon-works/icon-works-webfont.eot');src:url('../web-symbols/icon-works/icon-works-webfont.eot?#iefix') format('embedded-opentype'),
               url('../web-symbols/icon-works/icon-works-webfont.woff') format('woff'),
               url('../web-symbols/icon-works/icon-works-webfont.ttf') format('truetype'),
               url('../web-symbols/icon-works/icon-works-webfont.svg#icon-worksregular') format('svg');}
html, body{margin:0;padding:0;height:100% !important;}
body{width:100%;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;overflow:scroll;background:rgb(57,130,53);background:-moz-radial-gradient(center, ellipse cover, rgba(57,130,53,1) 0%, rgba(138,182,107,1) 56%, rgba(201,222,150,1) 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(57,130,53,1)), color-stop(56%,rgba(138,182,107,1)), color-stop(100%,rgba(201,222,150,1)));background:-webkit-radial-gradient(center, ellipse cover, rgba(57,130,53,1) 0%,rgba(138,182,107,1) 56%,rgba(201,222,150,1) 100%);background:-o-radial-gradient(center, ellipse cover, rgba(57,130,53,1) 0%,rgba(138,182,107,1) 56%,rgba(201,222,150,1) 100%);background:-ms-radial-gradient(center, ellipse cover, rgba(57,130,53,1) 0%,rgba(138,182,107,1) 56%,rgba(201,222,150,1) 100%);background:radial-gradient(ellipse at center, rgba(57,130,53,1) 0%,rgba(138,182,107,1) 56%,rgba(201,222,150,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#398235', endColorstr='#c9de96',GradientType=1);}
*:first-child+html body{overflow:visible;}
input:focus{outline:0;}
a:focus{outline:0;}
a:link{color:#2f2fff;text-decoration:underline;}
a:hover{color:#2f2fff;text-decoration:underline;}
p{font-size:12px;font-weight:bold;color:#000000;line-height:20px;padding:0px;margin:0;}
h2{font-size:20px;padding:0;margin:0px 0px 20px 0px;line-height:25px;}
h3{font-size:17px;font-weight:bold;padding:0;margin:0;line-height:25px;}
h4{font-size:12px;font-weight:400;padding:0;margin:0;color:#717375;line-height:28px;}
div .titulo{font-weight:bold;margin:10px 0px 0px 0px;color:#6e6e6e;padding:5px 0 0 0;clear:both;}
div .tituloSinMenu{padding:0;margin:15px 20px 0px 20px;line-height:28px;border-top:double #008040 3px;clear:both;}
#contenedor{position:relative;margin:auto;width:75%;height:100%;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}
header{position:relative;margin:0 0 10px 0;top:0px;width:auto;height:80px;padding:0px 10px 0px 10px;border:1px #e0e0e0 solid;-moz-border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;-ms-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;box-shadow:5px 5px 5px #3d8804;background:rgb(152,160,147);background:-moz-linear-gradient(top, rgba(152,160,147,1) 0%, rgba(223,229,215,1) 60%, rgba(252,255,244,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,160,147,1)), color-stop(60%,rgba(223,229,215,1)), color-stop(100%,rgba(252,255,244,1)));background:-webkit-linear-gradient(top, rgba(152,160,147,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);background:-o-linear-gradient(top, rgba(152,160,147,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);background:-ms-linear-gradient(top, rgba(152,160,147,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);background:linear-gradient(to bottom, rgba(152,160,147,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98a093', endColorstr='#fcfff4',GradientType=0);}
header h1#logo{float:left;background:url(../imagenes/logos/logo1_52x53.png) no-repeat;background-size:90%;margin:10px 0 0 0;padding:0;}
h1#logo span{display:none;}
h1#logo a{display:block;width:55px;height:60px;text-decoration:none;border:0;margin:0;padding:0;}
header .contenedorCjpb{width:auto;float:left;margin:3px 0 0 10px;height:95%;}
header .contenedorCjpb p{color:#3d8804 !important;font-size:1.2em;font-weight:520;padding:2px 0 2px 0;}
header .contenedorCjpb p.cjpb{text-align:right;border-bottom:2px solid #3d8804}
header .contenedorUsuario{float:right;width:auto;height:100%;margin:0 0 0 20px;overflow:hidden;}
.contenedorUsuario .mainUsuario{right:0;padding:0;width:100%;height:50%;}
.usuario{float:left;margin:0px 15px 10px 10px;padding:5px 3px 0px 3px;color:black;width:auto;line-height:20px;clear:both;}
.usuario .icon{font-family:'Heydings';font-size:22px;float:left;margin-right:5px;text-shadow:3px 3px 3px gray;}
.usuario .texto{font-size:1.2em;float:left;text-decoration:underline;margin-top:3px;}
.contenedorUsuario ul{float:right;margin:0px 15px;padding:0px;list-style:none;display:block;cursor:pointer;}
.itemUsuario .item{width:100px;height:60px;float:left;margin:0 2px 0 0;-moz-border-radius:0px 0px 15px 15px;-webkit-border-radius:0px 0px 15px 15px;-ms-border-radius:0px 0px 15px 15px;border-radius:0px 0px 15px 15px;background:rgb(0,36,0);background:-moz-linear-gradient(top, rgba(0,36,0,1) 0%, rgba(0,87,0,1) 17%, rgba(0,138,0,1) 33%, rgba(82,177,82,1) 67%, rgba(131,199,131,1) 83%, rgba(180,221,180,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,36,0,1)), color-stop(17%,rgba(0,87,0,1)), color-stop(33%,rgba(0,138,0,1)), color-stop(67%,rgba(82,177,82,1)), color-stop(83%,rgba(131,199,131,1)), color-stop(100%,rgba(180,221,180,1)));background:-webkit-linear-gradient(top, rgba(0,36,0,1) 0%,rgba(0,87,0,1) 17%,rgba(0,138,0,1) 33%,rgba(82,177,82,1) 67%,rgba(131,199,131,1) 83%,rgba(180,221,180,1) 100%);background:-o-linear-gradient(top, rgba(0,36,0,1) 0%,rgba(0,87,0,1) 17%,rgba(0,138,0,1) 33%,rgba(82,177,82,1) 67%,rgba(131,199,131,1) 83%,rgba(180,221,180,1) 100%);background:-ms-linear-gradient(top, rgba(0,36,0,1) 0%,rgba(0,87,0,1) 17%,rgba(0,138,0,1) 33%,rgba(82,177,82,1) 67%,rgba(131,199,131,1) 83%,rgba(180,221,180,1) 100%);background:linear-gradient(to bottom, rgba(0,36,0,1) 0%,rgba(0,87,0,1) 17%,rgba(0,138,0,1) 33%,rgba(82,177,82,1) 67%,rgba(131,199,131,1) 83%,rgba(180,221,180,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0);box-shadow:5px 5px 5px gray;}
.itemUsuario .itemSelected{height:70px;background:rgb(40,52,59) !important;background:-moz-linear-gradient(top, rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%) !important;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(64%,rgba(130,140,149,1)), color-stop(100%,rgba(181,189,200,1))) !important;background:-webkit-linear-gradient(top, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%) !important;background:-o-linear-gradient(top, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%) !important;background:-ms-linear-gradient(top, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%) !important;background:linear-gradient(to bottom, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0) !important;}
.itemUsuario .itemUsuario-icon{font-family:'Heydings';font-size:18px;color:white;text-align:center;float:left;width:100%;margin-top:5px;}
.itemUsuario .itemUsuario-icon-m{font-family:'Modernpics';font-size:18px;color:white;text-align:center;float:left;width:100%;margin-top:5px;}
.itemUsuario .itemUsuario-iconSelected, .itemUsuario .itemUsuario-iconSelected-m{font-size:22px !important;color:lime !important;opacity:0.8 !important;animation:moveFromTop 500ms ease-in-out;margin-top:15px !important;}
.itemUsuario .itemUsuario-texto{clear:both;color:white;float:left;text-align:center;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:1em;}
.itemUsuario .itemUsuario-textoSelected{opacity:1 !important;color:lime !important;animation:moveFromTop 500ms ease-in-out;font-size:16px;}
@keyframes moveFromTop{from{opacity:0;transform:translateY(-200%);}
                       to{opacity:1;transform:translateY(0%);}
}
.tituloProg{width:auto;display:table;text-align:center;padding:5px 15px 5px 15px;position:relative;margin:15px auto 15px auto;-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;color:#6b6b6b;font-size:20px;line-height:40px;text-decoration:underline;font-family:sans-serif, Arial;}
section{width:auto;position:relative;margin:auto;min-height: 58%;padding:0px 10px 10px 10px;overflow:hidden;background:#f8f8f8 url("../imagenes/logos/logocjpb462x400Transparente.png") no-repeat center;background-size:40%;clear:both;z-index:1;-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;box-shadow:5px 5px 5px #3d8804;}
.contenido{margin:0;height:100%;width:100%;z-index:2;position:relative;}
footer{position:relative;bottom:0;margin-top:15px;width:auto;padding:5px 10px 5px 10px;min-height:90px;border:1px #e0e0e0 solid;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;background:rgb(252,255,244);background:-moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(152,160,147,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(152,160,147,1)));background:-webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(152,160,147,1) 100%);background:-o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(152,160,147,1) 100%);background:-ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(152,160,147,1) 100%);background:linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(152,160,147,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#98a093',GradientType=0);box-shadow:5px 5px 5px #3d8804;}
footer .izquierda{float:left;height:100%;font-weight:bold;width:25%;}
erda .sistema{position:relative;float:left;color:blue;font-size:12px;vertical-align:bottom;clear:both;padding:20px 0 0 0;}
footer .izquierda .compatibilidad{position:relative;float:left;color:#006200;padding:5px 0 0 0;}
footer .derecha{float:left;height:auto;width:25%;bottom:0;}
footer .centro{float:left;height:auto;width:50%;color:black;font-size:10px;text-align:center;line-height:15px;padding:5px 0 0 0;}
footer .centro .CJPB span.cjpb{font-weight:bold;font-size:11px;padding-bottom:10px !important;color:#3d8804;}
footer .centro .CJPB span.otros{font-weight:bold;color:#3d8804;}
footer .derecha .linkSecurity{color:blue !important;text-decoration:none !important;font:9px verdana,sans-serif !important;letter-spacing:.2px !important;margin:0px !important;padding:0px !important;}
footer .derecha .tablaSecurity{float:right;}
footer .derecha .security{width:auto;vertical-align:bottom;text-align:center;}
.botonVerde{border:1px solid gray;color:#ffffff !important;background:#3a8104;}
.botonVerde:hover, .botonVerde:focus{border:1px solid #45930b;background:rgb(156,226,102);background:-moz-linear-gradient(top, rgba(156,226,102,1) 0%, rgba(41,154,11,1) 50%, rgba(156,226,102,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,226,102,1)), color-stop(50%,rgba(41,154,11,1)), color-stop(100%,rgba(156,226,102,1)));background:-webkit-linear-gradient(top, rgba(156,226,102,1) 0%,rgba(41,154,11,1) 50%,rgba(156,226,102,1) 100%);background:-o-linear-gradient(top, rgba(156,226,102,1) 0%,rgba(41,154,11,1) 50%,rgba(156,226,102,1) 100%);background:-ms-linear-gradient(top, rgba(156,226,102,1) 0%,rgba(41,154,11,1) 50%,rgba(156,226,102,1) 100%);background:linear-gradient(to bottom, rgba(156,226,102,1) 0%,rgba(41,154,11,1) 50%,rgba(156,226,102,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ce266', endColorstr='#9ce266',GradientType=0);color:#ffffff;}
.botonGrisACeleste{border:1px solid #666666;background:#555555;color:#eeeeee;}
.botonGrisACeleste:hover{border:1px solid #59b4d4;background:#0078a3;color:#ffffff;}
.botonGrisACelesteChico{border:1px solid #666666;background:#555555;font-size:10px !important;padding:2px 5px 2px 5px !important;}
.botonGrisACelesteChico:hover{border:1px solid #59b4d4;background:#0078a3;color:#ffffff;}
.botonRojo{border:1px solid #a40000;background:red;color:#ffffff;}
.botonRojo:hover{border:1px solid #a40000;background:red;opacity:0.6;color:#ffffff;}
.botonRojo:focus{border:1px solid #a40000;background:red;opacity:0.6;color:#ffffff;}
.botonVerdeChico{border:1px solid #3f7506;background:#3a8104;color:#ffffff;padding:0 5px 0 5px !important;font-size:11px !important;min-height:20px;}
.botonVerdeChico:hover{border:1px solid #45930b;background:#4ca20b;color:#ffffff;padding:0 5px 0 5px !important;font-size:11px !important;}
.botonVerdeChico:focus{border:1px solid #45930b;background:#4ca20b;color:#ffffff;padding:0 5px 0 5px !important;font-size:11px !important;}
.botonRojoChico{border:1px solid #a40000;background:red;color:#ffffff;padding:0 5px 0 5px !important;font-size:11px !important;}
.botonRojoChico:hover{border:1px solid #a40000;background:red;opacity:0.6;color:#ffffff;padding:0 5px 0 5px !important;font-size:11px !important;}
.botonRojoChico:focus{border:1px solid #a40000;background:red;opacity:0.6;color:#ffffff;padding:0 5px 0 5px !important;font-size:11px !important;}
.botonDeshabilitado{border:1px solid #666666;color:#727272;background:#e9e9e9;cursor:auto;}
.botonDeshabilitado:hover{border:1px solid #666666;color:#727272 !important;background:#e9e9e9 !important;cursor:auto !important;}
.botonDeshabilitado:focus{border:1px solid #666666;color:#727272 !important;background:#e9e9e9 !important;cursor:auto !important;}
form fieldset legend{font-size:12px !important;font-weight:bold;margin:0 15px 0 15px;padding:0 10px 0 10px;background:transparent;}
.left{float:left !important;margin-left:5px;clear:none !important;}
.letra12px{font-size:12px !important;}
.textoCentrado{text-align:center;}
div .mensaje{position:relative;margin:0 auto 15px auto;width:auto;clear:both;display:table;}
div .mensajeBottom{clear:both;}
div .mensaje .contMsg{padding:3px 5px 3px 5px;}
div .mensaje .contMsg p span{float:left;margin:1px 3px 0 0;}
div .mensaje p{font-size:12px;line-height:18px;padding:3px;}
div .mensajeWeb{margin:0 0 5px 0 !important;clear:both !important;min-width:450px;display:none;width:auto;float:left}
div .mensajeErrorSistema{top:150px;}
div .mensajeErrorSistema .contMsg{padding-top:30px;height:80px;}
div .mensajeErrorSistema .contMsg p{font-size:16px;line-height:20px;}
div .mensajeW{padding:5px;font-weight:bold;min-width:300px;color:red !important;font-size:12px;background:#f8f8f8;}
#contenido1{margin-left:auto;margin-right:auto;height:12%;border-left-style:solid;border-left-color:white;border-left-width:1px;border-right-style:solid;border-right-color:white;border-right-width:1px;}
#contenido2{margin-left:auto;margin-right:auto;border-bottom:inset 2px #ccc;height:63%;background:url("/subsidio/css/logocjpb462x400Transparente.png") no-repeat;background-position:center center;overflow:auto;min-width:400px;border-left-style:solid;border-left-color:white;border-left-width:1px;border-right-style:solid;border-right-color:white;border-right-width:1px;}
#contenidoTitiloProg{margin:0 auto;width:100%;font-size:12px;text-align:center;height:auto;background-color:#cbdeda;}
#contenidoPieMarcas{width:99.8%;border-bottom-style:dotted;float:left;background-color:#a8d3ff;border-bottom-width:1px;border-right-style:dotted;border-right-width:1px;border-bottom-color:gray;border-left-style:dotted;border-left-width:1px;border-right-color:gray;border-top-style:none;border-left-color:gray;height:auto;}
.pie{width:100%;background-color:white;background:url("/subsidio/css/linea1000bcoavde.gif") repeat-y;background-position:right;height:2.5em;border-top-style:solid;border-top-color:#008a00;border-top-width:3px;}
#contenidoSeguridad{width:100%;font-size:10px;font-weight:bold;background-color:#f2f2f2;border-top:solid .5pt #7d7d7d;border-bottom:solid .5pt #7d7d7d;margin-top:6px;float:left;}
hr.linea{height:1px;border:1px inset #ccc;color:#cccccc;background-color:#999999;width:99%;margin:0;}
#msgNoHayDatos{height:30px;text-align:center;line-height:30px;margin-top:20px;}
#msgNoHayDatosImg{padding-top:2px;float:left;width:30px;margin:0 auto;height:30px;}
#msgNoHayDatosTexto{text-align:left;font-weight:bold;float:left;margin:0 auto;height:30px;padding-top:2px;}
#msgNoExiste{margin:0 auto;text-align:center;height:30px;width:100%;float:left;}
#msgNoExisteImg{padding-top:2px;padding-left:2px;padding-right:2px;width:auto;float:left;}
#msgNoExisteTexto{padding-top:7px;text-align:left;font-weight:bold;float:left;}
#fueraServicio{text-align:center;}
#contenidoFueraServicio{border-bottom:inset 2px #ccc;margin-top:8%;height:65%;}
.menuGeneralResp{display:none;}
.contenedorAdmin{position:relative;margin:0 auto 20px auto;width:auto;display:table;}
.contenedorAdmin input[type=text], .contenedorAdmin input[type=button]{float:left;margin-left:15px;clear:none !important;}
.contenedorAdmin #afiliado{width:320px;}
.contenedorAdmin #docAfi{min-width:90px !important;width:90px !important;}

#react {
    height: 100%;
    form fieldset legend{margin: 0;}
}

#react p {
    color: inherit;
}