/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20 jun. 2019, 19:27:39
    Author     : hector
*/

* {
    box-sizing: border-box;
    background: white;
    font-family: arial;
    font-size: 1em;
}
    
a {
    background: transparent;
    text-decoration: none;
    color: blue;
}

.a2 {
    background: transparent;
    text-decoration: none;
    color: black;    
}

.ah {
    background: transparent;
    text-decoration: none;
    color: black;
}
.ah:hover {
    background: #c7fdc6;
    font-weight: bold;
    color: blue;
}

/*tr:hover{
    background-color: red;
}*/

.trh {
    background:transparent;
}

.trh:hover td {
    background: #c7fdc6;
}

div {
     background-color: #D8F0FF;
}

flexic {
    background-color: #D8F0FF;
    position: relative;
    float: left;
    
}

textarea {
    background-color: white;
    border-radius: 10px;
    overflow-y: auto;
}

textarea:focus{
    border: transparent;
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;
    overflow-y: auto;
}
textarea:read-only{
    border: solid blue 1px;
    background-color: transparent;
    box-shadow: none;    
    overflow-y: auto;
}
textarea:-moz-read-only{
    border: solid blue 1px;
    background-color: transparent;
    box-shadow: none;    
    overflow-y: auto;
}

.loader{
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background:  url('../imagenes/cubo_27.gif') 50% 30% no-repeat;
    background-size: 15%;
    opacity: 1;
}

.avisorelog {
	width: 50%;
	height: 10%;
	border-radius: 50%;
	margin-left: 25%;
	display: inline-flex;
	position: relative;
	vertical-align: middle;
}


.selector {
    width: auto;
    margin-top: 0.51%;
    margin-bottom: 0.5%;
    padding:0.25%;
    font-size: 0.8em;
    text-align: center;
    border: transparent;
    border-radius: 10px;
    background-color: white;
}

.selector:focus{
    border: transparent;
    box-shadow: 0px 0px 2px 2px orange;
    outline: none;
}

.selector-xco{
    width: 50px;
    padding:0.25%;
    font-size: 0.8em;
    text-align: center;
    border: transparent;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 0px 2px 2px orange;    
}

.content{
    overflow: hidden;
    width:60%;
    margin-left: 20%;
    padding: 0%;
    border-radius: 10px;
}

.contentfixed{
    position: fixed;
    overflow: hidden;
    width:60%;
    margin-left: 20%;
    padding: 0%;
    border-radius: 10px;
}

.content2{
    width:60%;
    margin-left: 20%;
    padding: 0%;
    border-radius: 10px;    
}
.content100{
    overflow: hidden;
    width:100%;
    margin-left: 0%;
    padding: 0%;
}
/*.content80{
    overflow: hidden;
    width:80%;
    margin-left: 10%;
    padding: 0%;
}*/

[class*="content80"]{
    overflow: hidden;
    width:80%;
    margin-left: 10%;
    padding: 0%;
    
}
/*.content50{
    overflow: hidden;
    width:50%;
    margin-left: 25%;
    padding: 0%;
}*/

[class*="content50"]{
    overflow: hidden;
    width:50%;
    margin-left: 25%;
    padding: 0%;
}

.corte {
    border-bottom: solid blue 2px;
    padding: 0%;
}

[class*="texto-"] {
    background-color: #D8F0FD;
}

[class*="titulo"]{
    font-size: 1.5em;
    vertical-align: middle;
    align-content: center;
}

[class*="titulo12"]{
    font-size: 1.2em;
    vertical-align: middle;
}

[class*="input"]{
    background-color: white;
    padding-top: 0.6%;
    padding-bottom: 0.5%;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 1em;
    text-transform: uppercase;
}

[class*="mail"]{
    background-color: white;
    padding-top: 0.6%;
    padding-bottom: 0.5%;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 1em;
}


[class*="-fbold"]{
    font-weight: bold;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="div-"]{
    width:100%;
    padding: 5%;
}

[class*="boton"]{
    width:auto;
    height: auto;
    margin: 0.2%;
    /*margin-bottom: 0.2%;*/
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 0.25%;
    padding-bottom: 0.2%;

}

.lineaDivision{
    height: 1px;
    width: 100%;
    border-bottom: solid blue 1px;
}

.divlink{
    width:100%;
    background: transparent;
}
html {
    font-family: arial;
    font-size: 0.7em;
}

h1{
    font-size: 2.5em;
    text-align:center;
    margin-bottom: 0px;
    margin-top: 0px;
    background: transparent;
 }
h2{
    font-size: 1.8em;
    text-align:center;
    margin-top: 0px;
    margin-bottom: 0px;
    background: transparent;
}

h3{
    font-size: 1.2em;
    text-align:center;
    margin-top: 0px;
    margin-bottom: 0px;
    background: transparent;    
}

p{
    margin: 0px;
    padding: 1%;
}

u{
    background: transparent;
}

bd{
    font-weight: bold;
    background: transparent;
}

ik{
    font-style: italic;
    background: transparent;
}

fred{
    color: red;
    background: transparent;
}

fgreen{
    color: green;
    background: transparent;
}

fblue{
    color: blue;
    background: transparent;
}
fblack{
    color: black;
    background: transparent;
}
fyellow{
    color: yellow;
    background: red;
}

fs20{
    font-size: 2em;
    background: transparent;
}
fs18{
    font-size: 1.8em;
    background: transparent;
}
fs16{
    font-size: 1.6em;
    background: transparent;
}
fs14{
    font-size: 1.4em;
    background: transparent;    
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
}

.div-cabeza-blanco{
    margin: auto;
    padding: 1%;
    border: none;
    background-color: transparent;
}

.div-login{
    width: 30%;
    padding: 1%;
    margin: auto;
    font-weight: normal;
    border: solid blue 2px;
    border-radius: 20px;
    box-shadow: 5px 5px lightblue;
}

.div-cabeza-general{
    height: auto;
    float: top;
    margin-top: 0px;
    border: solid blue 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: transparent;
    text-align: center;
    padding: 0%;
}

.div-cuerpo-medio{
    height:auto;
    width: 100%;
    padding: 0.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border-left: solid blue 2px;
    border-right: solid blue 2px;
}

.div-top-form{
    width: 100%;
    background: transparent;
    border: solid blue 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;    
}

.div-menu-general{
    height:auto;
    padding: 0%;
    padding-top: 1%;
    padding-bottom: 0.5%;
    text-align: center;
    border: solid blue 2px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: transparent;
}

.div-pie-form{
    width: 100%;
    background: transparent;
    border: solid blue 2px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0.0%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}
.div-pie-form-nb{
    width: 100%;
    background: transparent;
    border: solid blue 2px;
    border-top: transparent;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0.0%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    
}
.div-acciones{
    width:100%;
    background: transparent;
    padding: 0.5%;
    /*margin-bottom: 0.5%;*/
    border-radius: 10px;
    text-align:right;

}

[class*="-uc"]{
    text-transform: uppercase;
}

.texto-titulo{
    font-weight: bold;
    margin-top: 0%;
    margin-bottom: 0%;
}

.texto-subtitulo{
    font-weight: normal;
    margin-top: 0%;
    margin-bottom: 0%;    
}
.texto-link{
    width: 96%;
    font-weight: normal;
    margin-top: 1%;   
    margin-bottom: 1%;
    border: transparent;
    background: white;
    border-radius: 15px;
}
.texto-link:focus{
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;    
}
.texto-link:read-only{
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
}

.texto-input-xl{
    width: 96%;
    font-weight: normal;
    margin-top: 1%;   
    margin-bottom: 1%;
    border: transparent;
    border-radius: 15px;
}
.texto-input-xl:focus{
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;
}
.text-input-xl:-webkit-focus{
    outline: none;
}
.texto-input-xl:read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
}
.texto-input-xl:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*box-shadow: none;*/
}

.texto-mail-xl{
    width: 96%;
    font-weight: normal;
    margin-top: 0px;   
    margin-bottom: 1%;
    border: transparent;
    border-radius: 15px;
    text-transform: lowercase;
    
}
.texto-mail-xl:focus{
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;
}
.texto-mail-xl:read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
}
.texto-mail-xl:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    
}


.texto-mail{
    width: 80%;
    font-weight: normal;
    margin-top: 1%;   
    margin-bottom: 1%;
    border: transparent;
    border-radius: 15px;
    text-transform: lowercase;
}
.texto-mail:focus{
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;
}
.texto-mail:read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
}
.texto-mail:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*box-shadow: none;*/
}



.texto-input-lg{
    width: 300px;
    /*font-weight: normal;*/
    margin-top: 1%;
    margin-bottom: 1%;
    border: transparent;
    border-radius: 10px;    
    padding: 0.5%;
}
.texto-input-lg:focus{
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;
}
.texto-input-lg:read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
}
.texto-input-lg:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
}

.texto-input-co{
    width: 180px;
    font-weight: normal;
    margin-top: 1%;   
    margin-bottom: 1%;
    border: transparent;
    border-radius: 10px;
    padding: 0.5%;
}
.texto-input-co:focus{
    box-shadow: 0px 0px 2px 2px orange;
    border: transparent;
    outline: 0px;
}

.texto-input-co:read-only{
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    outline: 0px;
}
.texto-input-co:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
}

.texto-input-mco{
    width: 90px;
    font-weight: normal;
    margin-top: 1%;   
    margin-bottom: 2%;
    border: transparent;
    border-radius: 10px;
}
.texto-input-mco:focus{
    box-shadow: 0px 0px 2px 2px orange;
    border: transparent;
}
.texto-input-mco:read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
}
.texto-input-mco:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
    padding: 0px;
}

.texto-input-xco{
    width: 50px;
    font-weight: normal;
    margin-top: 2%;
    margin-bottom: 1%;
    border: transparent;
    border-radius: 10px;    
    padding-left: 0px;
    padding-right: 0px;
}
.texto-input-xco:focus{
    box-shadow: 0px 0px 2px 2px orange;
    border: transparent;
    outline: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.texto-input-xco:-webkit-focus{
    outline: none;
}
.texto-input-xco:read-only{
    /*border: solid blue 1px;*/
    background-color: transparent;
    box-shadow: 0px 0px 1px 1px blue;
    /*font-weight: bold;*/
    padding-left: 0px;
    padding-right: 0px;
}
.texto-input-xco:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
    padding-left: 0px;
    padding-right: 0px;
}

.texto-input-nro{
    width: 60px;
    font-weight: normal;
    margin-top: 2%;
    margin-bottom: 1%;
    border: transparent;
    border-radius: 10px;    
    padding-left: 0px;
    padding-right: 0px;
}
.texto-input-nro:focus{
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;
}
.texto-input-nro:read-only{
    /*border: solid blue 1px;*/
    background-color: transparent;
    box-shadow: 0px 0px 1px 1px blue;
    /*font-weight: bold;*/
    padding-left: 0px;
    padding-right: 0px;  
}
.texto-input-nro:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
    padding: 0px;
}

.texto-input-dni{
    width: 120px;
    font-weight: normal;
    margin-top: 1%;   
    margin-bottom: 2%;
    border: transparent;
    border-radius: 10px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
.texto-input-dni:focus{
    box-shadow: 0px 0px 2px 2px orange;
    border: transparent;
}
.texto-input-dni:read-only{
    /*border: solid blue 1px;*/
    background-color: transparent;
    box-shadow: 0px 0px 1px 1px blue;
    /*font-weight: bold;*/
    padding: 0px;
}
.texto-input-dni:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
    padding: 0px;
}
.texto-input-fecha{
    width: 120px;
    font-weight: normal;
    margin-top: 1%;   
    margin-bottom: 2%;
    border: transparent;
    border-radius: 10px;
}
.texto-input-fecha:focus{
    box-shadow: 0px 0px 2px 2px orange;
    border: transparent;
}
.texto-input-fecha:read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
}
.texto-input-fecha:-moz-read-only{
    /*border: solid blue 1px;*/
    box-shadow: 0px 0px 1px 1px blue;
    background-color: transparent;
    /*font-weight: bold;*/
    padding: 0px;
}

.boton-alerta{
    width: 50%;
    padding: 0.5%;
    background-color: red;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    border-color: transparent;
}
.boton-alerta:hover{
    background-color: #F5EEF5;
    color: red;
    box-shadow: 0px 0px 2px 2px red;
}
.boton-alerta:focus{
    background-color: #F6CEF5;
    color: red;
    box-shadow: 0px 0px 2px 2px red;
    outline: none;
}
.boton-alerta:active{
    background-color: white;
}

.boton-verde{
    width: 50%;
    padding: 0.5%;
    background-color: green;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    border-color: transparent;
}
.boton-verde:hover{
    background-color: #F5EEF5;
    color: green;
    box-shadow: 0px 0px 2px 2px green;
}
.boton-verde:focus{
    background-color: #F6CEF5;
    color: green;
    box-shadow: 0px 0px 2px 2px green;
    outline: none;
}
.boton-verde:active{
    background-color: white;
}

.boton-aceptar{
    font-size: 1em;
    background: blue;
    color: white;
    border-radius: 10px;
    border-color: transparent;
}
.boton-aceptar:disabled{
    background-color: gray;
    color: whitesmoke;
    pointer-events: none;
}
.boton-aceptar:hover{
    background: lightcyan;
    color: blue;
    box-shadow: 0px 0px 2px 2px blue;
}
.boton-aceptar:focus{
    background: lightcyan;
    color: blue;
    box-shadow: 0px 0px 2px 2px blue;
    outline: 0px;
}
.boton-aceptar:active{
    background: white;
}

.boton-naranja{
    font-size: 1em;
    background: orange;
    color: white;
    border-radius: 10px;
    border-color: transparent;
}
.boton-naranja:disabled{
    background-color: gray;
    color: whitesmoke;
    pointer-events: none;
}
.boton-naranja:hover{
    background: lightcyan;
    color: blue;
    box-shadow: 0px 0px 2px 2px blue;
}
.boton-naranja:focus{
    background: lightsalmon;
    color: blue;
    box-shadow: 0px 0px 2px 2px blue;
    outline: 0px;
}
.boton-naranja:active{
    background: white;
}

.boton-cancelar{
    font-size: 1em;
    background: red;
    color: white;
    border-radius: 10px;
    border-color: transparent
} 
.boton-cancelar:hover{
    background: #F6CEF5;    /*pink;*/
    color: red;
    box-shadow: 0px 0px 2px 2px red;
}
.boton-cancelar:focus{
    background: #F6CEF5;
    color: red;
    box-shadow: 0px 0px 2px 2px red;
    outline: 0px;
}
.boton-cancelar:active{
    background-color: white;
}

.boton-menu{
    background: green;
    color: white;
    border-radius: 10px;
    border-color: transparent;
    font-size: 1em;
    /*font-size: 1em;*/
}

.boton-menu:disabled{
    background-color: gray;
    color: whitesmoke;
    pointer-events: none;
}

.boton-menu:hover{
    background: lightgreen;
    color: green;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 2px green;
}
.boton-menu:focus{
    background: lightgreen;
    color: green;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 2px green;
    outline: 0px;
}
.boton-menu:active{
    background-color: white;
}

.boton-otro{
    font-size: 1em;
    background: brown;
    color: white;
    border-radius: 10px;
    border-color: transparent;
    outline: 0px;
}
.boton-otro:hover{
    background: beige;
    color: brown;
    box-shadow: 0px 0px 2px 2px brown;
}
.boton-otro:focus{
    background: beige;
    color: brown;
    box-shadow: 0px 0px 2px 2px brown;
    outline: 0px;
}
.boton-otro:active{
    background-color: white;
}

.boton-menu-ppal{
    width: 50%;
    padding: 0.5%;
    background-color: blue;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    border-color: transparent;
}
.boton-menu-ppal:hover{
    background-color: lightcyan;
    color: blue;
    box-shadow: 0px 0px 2px 2px blue;
}
.boton-menu-ppal:focus{
    background-color: lightcyan;
    color: blue;
    box-shadow: 0px 0px 2px 2px blue;
    outline: none;
}
.boton-menu-ppal:active{
    background-color: white;
}

[class*="-pdnl"]{
    padding-left: 1%;
}
[class*="-pdnt"]{
    padding-top: 0.3%;
}
[class*="-pdnb"]{
    padding-bottom: 0.3%;
}

/*-------------- tabla ----------------*/

[class*="-floatl"]{
    float: left;
}

[class*="-floatr"]{
    float: right;
}

[class*="-vf"]{
    display: flex;
    align-items: center;
}

.box{
    width:20%;
    height: auto;
}

.tabla{
    display: table;
    width: 100%;
    display: table;
    border: solid blue 2px;
    padding: 0%;
}
.tabla-transparente{
    display: table;
    width: 100%;
    display: table;
    border: transparent;
    border-collapse: collapse;
    padding: 0px;
}
.titulo{
    display: table-caption;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 110%;
    padding: 0.5%;
    border-left: solid blue 2px;
    border-right: solid blue 2px;
    border-bottom: solid blue 1px;
    border-top: solid blue 1px;
/*    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
}
.titulo-transparente{
    display: table-caption;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    padding: 0%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border: transparent;
    border-left: 0px;
/*    border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
}

.encab{
    display: table-cell;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    padding: 0.5%;
    border: solid blue 1px;
    border-bottom: solid blue 2px;
    border-left: transparent;
}

[class*="encab"]:first-child{
    border-left: solid blue 1px; 
}

.fila{
    display: table-row;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

.fila:nth-child(odd){
    background: #F0F0FF;
}
.fila:hover{
    background: #c7fdc6;    /* #80FF00; /*#82FA58;*/
}

.fila-transparente{
    display: table-row;
    background: transparent;
    border: transparent;
    border-collapse: collapse;
    padding:0.5%;
}

.fila-transparente2{
    display: table-row;
    background: #F0F0FF;
    border: transparent;
    border-collapse: collapse;
    padding:0.5%;
}

.fila-nohover{
    display: table-row;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;    
}
.fila-nohover:nth-child(odd){
    background: #F0F0FF;
}

[class*="celda"]{
    display: table-cell;
    margin: auto;
    padding: 0.2%;
    padding-left: 0.50%;
    padding-right: 0.50%;
    border: solid blue 1px;
    background: transparent;
    /*font-size: 1.2em;*/
    vertical-align: middle;
    /*height: 30px;*/
    word-wrap: break-word;
}

[class*="-nb-"]{
    border:transparent;
    border-collapse: collapse;
    padding:0%;
}

[class*="+p"]{
    padding: 0.5%;
}

[class*="-nbt"]{
    border-top: transparent;
    border-left: transparent;
    border-collapse: collapse;
}

[class*="celda"]:first-child{
    border-left: solid blue 1px;
}

[class*="celda-nb-"]:first-child{
    border: transparent;
}

[class*="-c"]{
    text-align: center;
}
[class*="-ct"]{
    text-align: center;
}

[class*="-lt"]{
    text-align: left;
}

[class*="-r"]{
    text-align: right;
}

[class*="-rt"]{
    text-align: right;
}
[class*="-nopd"]{
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 0%;
}

[class*="-2"]{width: 2%;}
[class*="-3"]{width: 3%;}
[class*="-5"]{width: 5%;}
[class*="-7"]{width: 7%;}
[class*="-8"]{width: 8%;}
[class*="-9"]{width: 9%;}
[class*="-10"]{width: 10%;}
[class*="-11"]{width: 11%;}
[class*="-12"]{width: 12%;}
[class*="-15"]{width: 15%;}
[class*="-20"]{width: 20%;}
[class*="-22"]{width: 22%;}
[class*="-23"]{width: 23%;}
[class*="-24"]{width: 24%;}
[class*="-25"]{width: 25%;}
[class*="-30"]{width: 30%;}
[class*="-31"]{width: 31%;}
[class*="-32"]{width: 32%;}
[class*="-33"]{width: 33%;}
[class*="-34"]{width: 34%;}
[class*="-35"]{width: 35%;}
[class*="-40"]{width: 40%;}
[class*="-45"]{width: 45%;}
[class*="-50"]{width: 50%;}
[class*="-55"]{width: 55%;}
[class*="-60"]{width: 60%;}
[class*="-65"]{width: 65%;}
[class*="-70"]{width: 70%;}
[class*="-75"]{width: 75%;}
[class*="-80"]{width: 80%;}
[class*="-85"]{width: 85%;}
[class*="-90"]{width: 90%;}
[class*="-95"]{width: 95%;}
[class*="-100"]{width: 100%;}

/*-------------- fin tabla ----------------*/

/*-------------- cajas sueltas ------------*/

[class*="color_r"]{
    color: red;
}

[class*="bcolor_r"]{
    background: red;
}

[class*="-bcolor_w"]{
    background: white;
}

[class*="-cf"]{
    display: flex;
    justify-content: center;
}

[class*="-fs06"]{
    font-size:0.6em;
}
[class*="-fs07"]{
    font-size:0.7em;
}
[class*="-fs08"]{
    font-size:0.8em;
}
[class*="-fs09"]{
    font-size:0.9em;
}
[class*="-fs10"]{
    font-size:1em;
}
[class*="-fs11"]{
    font-size:1.1em;
}
[class*="-fs12"]{
    font-size:1.2em;
}
[class*="-fs13"]{
    font-size:1.3em;
}
[class*="-fs14"]{
    font-size:1.4em;
}
[class*="-fs16"]{
    font-size:1.6em;
}
[class*="-fs18"]{
    font-size:1.8em;
}
[class*="-fs20"]{
    font-size:2em;
}
[class*="-fcred"]{
    color: red;
}
[class*="-fcgreen"]{
    color: green;
}
[class*="-fcblue"]{
    color: blue;
}
[class*="-fcgray"]{
    color: gray;
}
[class*="-fcblack"]{
    color: black;
}


[class*="-fbd"]{
    font-weight: bold;
}

/*--------------- fin cajas suelstas ------*/

.select{
    width: 90%;
    background-color: whitesmoke;
    border: transparent;
    text-align: center;
    padding: 0.5%;
    outline: 0px;
    border-radius: 5px;
}
.select:focus{
    box-shadow: 0px 0px 2px 2px orange;
    border: none;
    outline: 0px;
    text-align: center;
}

.check{
    border: transparent;
    outline: none;
    text-align: center;
}

.check:focus{
    box-shadow: 0px 0px 2px 2px orange;
}

.aviso{
    color: red;
    background: transparent;
    font-size: 1em;
    font-family: Arial;
    font-weight: bold;
}

.parpadea{
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    
    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@media print{
	#noprint {display:none;}
        
        .media_pagina{
	    display: block;
            height: 40vh;
        }
	
        .media_baja{
            display: block;
            height: 50vh;
            page-break-after: always;
        }
}


@media screen and (max-width: 1024px){
    .content {
        width:90%;
        margin:auto;       
    }
    .content2{
        width:60%;
        margin:auto;
    }

}

@media screen and (max-width: 980px){
  
  * {
    font-size: 100%;
  }
  
    .content{
        width: 100%;
        margin: auto;
    }
    .content2{
        width: 100%;
        margin: auto;
    }
    
    .div-login {
        width: 90%;
        padding: 1%;
    }
    
    .texto-mail{
        width: 95%;
        font-weight: normal;
        margin-top: 1%;   
        margin-bottom: 1%;
        border: transparent;
        border-radius: 15px;
    }

    [class*="content50"]{
        overflow: hidden;
        width:auto;
        margin-left: 0;
        padding: 0%;
    }

    [class*="boton"]{
        width:100%;
        font-size: 180%;
        border-radius: 40px;
        padding: 1%;
    }
    
    [class*="-fs07"]{
        font-size: 0,7em;
    }

    [class*="titulo"]{
        font-size: 150%;
        vertical-align: middle;
    }
    
    [class*="tabla"]{
        /*font-size: 125%;*/
    }
    
    [class*="-15"]{
        width: 33%;
    }
    
    
    [class*="-25"]{
        width: 50%;
    }
    
    [class*="-23"]{
        width: 50%;
    }
    
    [class*="-50"]{
        width: 100%;
    }

    [class*="-60"]{
        width: 100%;
    }
    
    [class*="-40"]{
        width: 100%;
    }
    
    [class*="-35"]{
        width: 100%;
    }

    [class*="-30"]{
        width: 100%;
    }
       
}

/*
@media only screen and (min-width: 500px) {
    
    .content{
        width: 60%;
        margin-left: 20%;
    }

    .div-login{
        width: 30%;
        padding: 1%;
        background-color: red;
    }
    
    [class*="div-cabeza"]{
        font-size: 120%;
    }
    
    .div-cabeza-blanco{
        width: 60%;
    }
    
    [class*="titulo"]{
        font-size: 1.5em;
    }
    
       
    [class*="input"]{
        font-size: 1em;
        padding: 1%;
    }
    
    [class*="boton-"]{
        width: auto;
        height: auto;
        margin: 0.2%;
        margin-bottom: 0%;
        padding: 0.75%;
        padding-top: 0.2%;
        padding-bottom:0.2%;
    }
    
    .boton-menu-ppal{
        width:50%;
        margin-top: 0.5%;
        margin-bottom: 0.5%;
        padding: 0.2%;
    }
    
    .col-5{ width: 5%; }
    .col-5-c {width: 5%; margin-left: 47%}
    .col-10 { widtn: 10%; }
    .col-10-c { width: 10%; margin-left: 45%; }
    .col-20 { width: 20%; }
    .col-20-c { width: 20%; margin-left: 40%; }
    .col-25 { width: 25%; }
    .col-25-c { width: 25%; margin-left: 37%; }
    .col-50 { width: 50%; }
    .col-50-c { width: 50%; margin-left: 25%; }
    .col-70 { width: 70%; }
    .col-70-c { width: 70%; margin-left: 15%; }
    .col-80 { width: 80%; }
    .col-80-c { width: 80%; margin-left: 5%; }
    .col-90 { width: 90%; }
    .col-90-c { width: 90%; margin-left: 5%; }
    .col-100 { width: 100% }
    .col-100-c { width: 90%; margin:auto}
    
}   /*min width */