*{margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
{theme_color: #f0c62d;}
body{
    --color1:#f0c62d;
    --color2:#11427d;
    --color3:#777777;
    --color4:#1f1f1f;
    --color5:#fff;
    --colorfondo:#f9f9f9;
    /*--colorfondo:#f5f5f5;*/
	font-display: optional;
    font-family: Arial,Roboto,"-apple-system",Helvetica,sans-serif;
    /*font-family: sans-serif;*/
    --box:rgba(0,0,0,0.1) 0px 1.5px 3px;
    --boxbanner:rgba(0,0,0,0.2) 0px 2px 2px;
}


/*========== GIF CARGANDO PANTALLA COMPLETA =======*/
.hide{display: none;}
.conten_carga{background-color: rgba(250, 250, 250, 0.9);height: 100%;width: 100%;position: fixed;-webkit-transition: all 1s ease;-o-transition: all 1s ease;
    transition: all 1s ease;z-index: 10000;top: 0px;}
.conten_carga #menajecarga{
	position: absolute;top: 30%;left: 37%;text-align: center;font-weight: 600;font-size: 35px;width: 500px;}
.conten_carga #carga{border: 3px solid #ccc;border-top-color: var(--color2);height: 100px;width: 100px;border-radius: 100%;position: absolute;
    top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-animation: girar 1.5s linear infinite;-o-animation: girar 1.5s linear infinite;
    animation: girar 1.5s linear infinite;}
@keyframes girar{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}
/*========== FIN GIF CARGANDO PANTALLA COMPLETA =======*/
.footer{position: absolute; width: 100%;bottom: 0px;}
.footer .copy{width: 100%;text-align: center;padding: 10px;color: #fff;background: #000;}



.btn{
    background: none;
    border: none;
    padding: 13px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    border-radius:5px;
}
.btn-primary{background: #007bff;}.btn-primary:hover{background: #0069d9;}
.btn-danger{background: #dc3545;}.btn-danger:hover{background: #c82333;}
.btn-success{background: #28a745;}.btn-success:hover{background: #218838;}
.btn-warning{background: #ffc107;}.btn-warning:hover{background: #e0a800;}
.btn-secondary{background: #6c757d;}.btn-secondary:hover{background: #5a6268;}
.btn-info{background: #17a2b8;}.btn-info:hover{background: #138496;}

/*================= ESTILOS FORMULARIO ==============*/
.conten_main{
    width: 100%;
    margin: auto;
    /*margin-bottom: 18%;*/
    background: #fff;
    /*padding-top: 50px;*/
}
.conten_main .conten_consulta_main{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 500px;
    margin: auto;
}

.conten_main .conten_consultas .formulario{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    width: 500px;
    border: 1px solid #ccc;
    padding: 25px;
    margin-top: 15%;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: rgba(0,50,800,0.2) 1px 1px 15px;
}
.conten-titulo{
    /*background: var(--color2);*/
    color: #333;
    width: 100%;
    text-align:center;
}
.conten-titulo h1{
    font-size: 25px;
}
.conten_main .conten_consultas .formulario img{
    height: 80px;
    width: 160px;
    margin-top: 15px;
    margin-bottom: 15px
}
.conten_main .conten_consultas .formulario .md{
    width: 48%;
}
.conten_main .conten_consultas .formulario .xl{
    width: 98%;
}
.conten_main .conten_consultas .formulario .mr-si{
    margin-right: 10px;
}
.conten_main .conten_consultas .formulario .conten-input{
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    font-family: Arial,Roboto,"-apple-system",Helvetica,sans-serif;
}
.conten_main .conten_consultas .formulario .conten-input label{
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
}
.conten_main .conten_consultas .formulario .conten-input .form-control{
    width: 100%;
    /*padding: 10px;*/
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
}
.conten_main .conten_consultas .formulario .conten_btns{
    width: 100%;
    margin-top: 15px;
    width: 99%;
}
.conten_main .conten_consultas .formulario .conten_btns .btn{
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

/*estilos de tabla*/
.con-tabla{
    display: none;
    width: 100%;
    margin: auto;
}
.conten_documentos {display: none;flex-wrap: wrap;justify-content: center;margin: auto;width: 100%;margin-top: 20px;}
.conten_btn_doc {display: flex;flex-wrap: wrap;justify-content: center;margin: auto;width: 100%;margin-top: 20px;}
.conten_btn_doc .btn_doc {text-decoration: none;margin: 15px;}
.conten_btn_doc .btn_doc img {height: 80px;width: 80px;}
.conten_web {display: flex;flex-wrap: wrap;width: 100%;justify-content: center;margin-top: 20px;}
.conten_web a {display: flex;flex-wrap: wrap;width: 100%;justify-content: center;text-decoration: none;}
.conten_web p {text-align: center;width: 100%;}
.conten_web img {margin-top: 10px;}
@media screen and (max-width:1366px){.conten-titulo h1{font-size: 20px;}
    .conten_main .conten_consultas .formulario .conten-input label{font-size: 12px;}
    .conten_main .conten_consultas .formulario .conten-input .form-control {font-size: 12px;}
    .conten_main .conten_consultas .formulario{width: 430px;}}
@media screen and (max-width:500px){.conten_main .conten_consulta_main{width: 85%;}
    .conten_main .conten_consultas .formulario{width: 100%}
    .conten_documentos h2{ font-size: 20px}
    .conten_btn_doc .btn_doc img{width: 60px; height: 60px;}
}
@media screen and (max-width:450px){.conten_main .conten_consulta_main{width: 90%;}}
@media screen and (max-width:390px){.conten-titulo h1{font-size: 18px;}.conten_main .conten_consultas .formulario .conten-input label{font-size: 11px;}}