@import url(header-4.css);
@import url(formatos.css);

* 
{
 margin:0;
 padding:0 
}

html, body
{
 height: 100%;
 font-family:Arial, Verdana, sans-serif;
 background-color:#eee;
}

fieldset
{
 border:none
}

div, h1, h2, h3, h4, h5, h6, table, label, textarea, p, ul
{
 width:100%
}

#pagina
{
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:center; 
 align-items:center; 
 margin:auto
}

#info
{
 width:90%;
 margin:0 5%
}

a
{
 text-decoration:none
}

h1
{
 margin-bottom:10px;
 font-size:14px;
 padding:5px 8px;
 text-align:center;
 background-color:#3265B2;
 color:#fff;
 font-weight:normal
}

h2
{
 margin-bottom:10px;
 font-size:19px;
 line-height:27px;
 color:#3265B2
}

h2 span
{
 color:#CF7E3E
}

h3
{
 margin:20px 0 4px 0;
 font-size:14px;
 color:#000
}

h4
{
 margin:0 0 10px 0;
 font-size:14px;
 padding-bottom:2px;
 border-bottom:1px solid #3265B2;
 background:#fff url(/img/i-menos.png) right top no-repeat;
 color:#3265B2 
}

h5
{
 margin:0 0 10px 0;
 font-size:14px;
 font-weight:normal;
 background-color:#3265B2;
 color:#fff;
 padding:4px 0 4px 2px 
}

h5 span
{
 font-size:11px;
 font-style:italic
}

h6
{
 margin:0 0 10px 0;
 font-size:13px;
 padding-bottom:2px;
 border-bottom:1px solid #afc6e9; 
 color:#3265B2
}

h6 span
{ 
 color:#f00
}

label
{
 display:block;
 margin-bottom:1px
}

#AVISO,#AVISO_PROCESO,#AVISO_SUBMIT,#PREGUNTA,#INFO
{
 visibility:hidden;
 display:flex; 
 flex-wrap:wrap; 
 align-items:center; 
 width:450px;
 max-height:100px; 
 border:2px solid #000;
 background-color:#fff;
 padding:7px 10px;
 position: absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin: auto
}

#INFO, #AVISO_PROCESO
{
 background-color:#E2D0CF
}

#INFO
{
 max-height:130px
}

#AVISO, #AVISO_PROCESO, #AVISO_SUBMIT, #INFO
{
 flex-direction:column;
 justify-content:center
}

#PREGUNTA
{
 flex-direction:row;
 justify-content:space-around
}

#AVISO_PROCESO div, #AVISO_SUBMIT div, #PREGUNTA div
{
 font-weight:bold;
 font-size:16px;
 line-height:19px;
 text-align:center;
 margin-bottom:12px
}

#INFO div, #AVISO div
{
 font-weight:bold;
 font-size:13px;
 line-height:16px;
 text-align:center;
 margin-bottom:15px
}

#AVISO div span, #AVISO_PROCESO div span, #PREGUNTA div span, #INFO div span
{ 
 color:#f00
}

#AVISO input, #PREGUNTA input
{
 width:30%
}

#IMG_FOTO
{
 display:flex; 
 flex-wrap:wrap; 
 border:1px solid #000; 
 position: absolute;
 padding:4px; 
 visibility: hidden;
 height:90px;
 width:80px;
 background-color:#fff
} 

.flex_justificado
{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-between
}

.flex_centrado
{
 display:flex;
 flex-wrap:wrap;
 flex-direction:row;
 justify-content:center;
 align-items:center
}

.flex_centrado_horizontal
{
 display:flex;
 
 flex-direction:column;
 justify-content:center;
 align-items:center
}

.flex_justificado_al_inicio
{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:flex-start
}

.no_borde
{
 border:none !important
}

.p_izq_0
{
 padding-left:0 !important
}

.oculto
{
 display:none
}

.extra
{
 width:90%;
 padding:10px 5% 0 5%;
 background-color:#F1F5EB;
 margin-bottom:10px
}

.txt-izq
{
 text-align:left !important
}

.txt-ctr
{
 text-align:center !important
}

.txt-der
{
 text-align:right !important
}

.info_flex
{
 width:95%;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-between;
 border:1px solid #D8D5ED;
 padding: 20px 2.5%;
 background-color:#fff
}

.total
{
 color:#f00 !important
}

.subtotal
{
 color:#f2a710 !important
}

.aprobado
{
 color:#4b9c2d !important
}

.puntero
{
 cursor:pointer
}

.foto
{
 border:1px solid #000;
 padding:5px
}

.fcolor0
{
 background-color:#f0f0f0;
}

.fcolor1 /* azul */
{
 background-color:#cfe8fc;
}

.fcolor2 /* verde */
{
 background-color:#d6f5d6;
}

.fcolor3 /* beige */
{
 background-color:#ffebcc;
}

.fcolor4 /* rojo */
{
 background-color:#ffd6cc;
}

.fcolor5
{
 background-color:#d6f5f5;
}

.fcolor6
{
 background-color:#ffcce0;
}

.txt-opaco
{
 color:#bbb !important;
}

.parpadea
{
 animation: parpadeo 2s linear infinite;
 font-weight:bold;
 color:#fff !important;
 background-color:#6bb61b !important
}

@keyframes parpadeo
{
 50% {
      opacity: 0;
     }
}