body { font-size: 16px; }
* { font-family: 'Lato', sans-serif; }
p { font-size: 16px; line-height: 24px; }
ul li { line-height: 24px; list-style-type: square; font-size: 16px; margin-bottom: 5px; }
ol li { margin-bottom: 10px !important; font-size: 16px; padding-left: 5px; }
h1,h2,h3,h4,h5 { font-family: 'Roboto', sans-serif; margin-bottom: 12px; color: #4a4949; font-weight: 700 !important; }
h1 { font-size: 32px; font-weight: 500 !important;   }
h2 { font-size: 28px; font-weight: 500 !important;   }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
ul.square {list-style-type: square !important;}
.ui.dimmer.modals { z-index: 99999 !important; }
a { color: #24b8d9; transition: all 0.4s ease; }
a:hover { color: #e84393; }

.fondo-blanco { background-color: white !important; }
.fondo-naranja { background-color: #fbbd08 !important; }
.fondo-gris-claro { background-color: #ecf0f1 !important; }
.fondo-azul-claro { background-color: #26bde2 !important; }
.fondo-azul-oscuro { background-color: #0b6292 !important; }
.color-azul-claro { color: #26bde2 !important; }
.color-azul-oscuro { color: #0b6292 !important; }
.color-blanco { color: white !important; }
.color-naranja { color: #fbbd08 !important; }
.color-gris-claro { color: #ecf0f1; }
.color-gris { color: #95a5a6 !important; }
.color-rojo { color: #e74c3c; }

/* LOGIN */
.login-wrap { border: 2px solid #e8b753; border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; padding: 20px 0px 0px 0px;  }
.login-wrap .cajas { background-color: white; margin: 10px 30px; }
.login-wrap .acciones { background-color: #e8b753; padding: 20px 30px 10px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.login-wrap i { color: #e8b753; }

/* ICONO GO TO TOP */ 
#go-top { margin: 0; margin-right: 7px; margin-bottom: 25px; padding: 0; background-color: transparent; z-index: 100; bottom:0; right: 0; }
#go-top a { color: white; text-decoration: none; outline: none; }
#go-top-inner { width: 60px; margin: 0 auto; height: 36px; line-height: 36px; }

/* GENERICO  */
.no-shadow { box-shadow: none !important; }
.no-border { border: 0px solid transparent !important; }
.no-rounded { border-radius: 0px !important; }
.no-margins { margin: 0px !important; }
.no-padding { padding: 0px !important; }
.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
.cur-pointer { cursor: pointer; }
.oculto { display: none;  }
.oculto_total { display: none !important;  }
.invisible { visibility: hidden; }
.transparente { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
.centrado { margin: 0 auto; text-align: center; }
.centrado-important { margin: 0 auto !important; text-align: center  !important; }
.negrita { font-weight: bold; }
.borderlightgrey { border: 1px solid lightgrey; }
.shadow { box-shadow: 1px 2px 5px rgba(0,0,0,0.3) !important; }
.shadow-light { box-shadow: 1px 2px 5px rgba(0,0,0,0.1) !important; }
.radius4 { -webkit-border-radius: 4px;    -moz-border-radius: 4px;    -ms-border-radius: 4px;    -o-border-radius: 4px;    border-radius: 4px !important; }
.radius5 { -webkit-border-radius: 5px;    -moz-border-radius: 5px;    -ms-border-radius: 5px;    -o-border-radius: 5px;    border-radius: 5px !important; }
.radius-top5  { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.radius-top10 { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.mayusculas {  text-transform: uppercase; }
.posrel { position: relative; }
.togrey:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%);  }
.float-right { float: right !important; }
.float-left  { float: left !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.mini.very { width: 24px !important; }
.tiny.very { width: 60px !important; }
.small.very { width: 120px !important; }
u.dotted { border-bottom: 1px dotted !important; text-decoration: none !important; }
u.dashed { border-bottom: 1px dashed !important; text-decoration: none !important; }
.roboto { font-family: 'Roboto'; }
.roboto-slab { font-family: 'Roboto Slab', sans-serif !important; }
.lato { font-family: 'Lato', sans-serif !important; }
.inline-block { display: inline-block !important; }

.fontw300 { font-weight: 300 !important;  }
.fontw400 { font-weight: 400 !important;  }
.fontw500 { font-weight: 500 !important;  }
.fontw700 { font-weight: 700 !important;  }

.font10 { font-size: 10px !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }
.font26 { font-size: 26px !important; }
.font28 { font-size: 28px !important; }
.font30 { font-size: 30px !important; }
.font32 { font-size: 32px !important; }
.font34 { font-size: 34px !important; }
.font40 { font-size: 40px !important; }
.font42 { font-size: 42px !important; }
.font50 { font-size: 50px !important; }
.font60 { font-size: 60px !important; }

.lineheight20 { line-height: 20px !important; }
.lineheight25 { line-height: 25px !important; }
.lineheight30 { line-height: 30px !important; }
.lineheight35 { line-height: 35px !important; }
.lineheight40 { line-height: 40px !important; }

.w10 { width: 10px !important; } 
.w20 { width: 20px !important; } 
.w25 { width: 25px !important; } 
.w30 { width: 30px !important; } 
.w40 { width: 40px !important; } 
.w50 { width: 50px !important; } 
.w60 { width: 60px !important; } 
.w80 { width: 80px !important; }
.w100 { width: 100px !important; } .w125 { width: 125px !important; } .w150 { width: 150px !important; } .w160 { width: 160px !important; } 
.w165 { width: 165px !important; } .w170 { width: 170px !important; } .w180 { width: 180px !important; } .w200 { width: 200px !important; } 
.w300 { width: 300px !important; }
.w400 { width: 400px !important; }
.w650 { width: 650px !important; }
.widthfull { width: 100%; }

.maxw50   { max-width: 50px; }
.maxw100  { max-width: 100px; }
.maxw200  { max-width: 200px !important;  }
.maxw250  { max-width: 250px; }
.maxw300  { max-width: 300px; }
.maxw400  { max-width: 400px !important; }
.maxw450  { max-width: 450px !important; }
.maxw500  { max-width: 500px; }
.maxw600  { max-width: 600px; }
.maxw650  { max-width: 650px; }
.maxw700  { max-width: 700px !important; }
.maxw800  { max-width: 800px !important; }
.maxw1000 { max-width: 1000px !important; }
.maxw1200 { max-width: 1200px !important; }
.maxw1300 { max-width: 1300px !important; }

.minw30  { min-width: 30px; }
.minw40  { min-width: 40px; }
.minw50  { min-width: 50px; }
.minw80  { min-width: 80px; }
.minw100 { min-width: 100px !important; }
.minw150 { min-width: 150px !important; }
.minw200 { min-width: 200px !important; }

.h50  { height: 50px !important; }
.h60  { height: 60px !important; }
.h70  { height: 70px !important; }
.h80  { height: 80px !important; }
.h100 { height: 100px !important; }

.minh100 { min-height: 100px !important; }

.m5  { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }

.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }

.mr0  { margin-right: 0px !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }

.mt0  { margin-top: 0px !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mb0  { margin-bottom: 0px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.pad0 { padding: 0px !important; }
.pad5 { padding: 5px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad20 { padding: 20px !important; }
.pad30 { padding: 30px !important; }
.pad40 { padding: 40px !important; }
.pad50 { padding: 50px !important; }

.padt0 { padding-top: 0px !important; }
.padt5 { padding-top: 5px !important; }
.padt10 { padding-top: 10px !important; }
.padt20 { padding-top: 20px !important; }
.padt30 { padding-top: 30px !important; }
.padt40 { padding-top: 40px !important; }
.padt50 { padding-top: 50px !important; }
.padt70 { padding-top: 70px !important; }
.padt90 { padding-top: 90px !important; }

.padb0 { padding-bottom: 0px !important; }
.padb5 { padding-bottom: 5px !important; }
.padb10 { padding-bottom: 10px !important; }
.padb20 { padding-bottom: 20px !important; }
.padb30 { padding-bottom: 30px !important; }
.padb40 { padding-bottom: 40px !important; }
.padb50 { padding-bottom: 50px !important; }
.padb70 { padding-bottom: 70px !important; }
.padb90 { padding-bottom: 90px !important; }

.padr5  { padding-right: 5px !important; }
.padr10 { padding-right: 10px !important; }
.padr15 { padding-right: 15px !important; }
.padr20 { padding-right: 20px !important; }
.padr30 { padding-right: 30px !important; }
.padr40 { padding-right: 40px !important; }
.padr50 { padding-right: 50px !important; }

.padl5  { padding-left: 5px !important;  }
.padl10 { padding-left: 10px !important;  }
.padl15 { padding-left: 15px !important;  }
.padl20 { padding-left: 20px !important;  }
.padl30 { padding-left: 30px !important;  }
.padl40 { padding-left: 40px !important;  }
.padl50 { padding-left: 50px !important;  }

.p-relative { position: relative; }
.p-absolute { position: absolute; }
.vtop { vertical-align: top !important; }
.vmid { vertical-align: middle !important; }


/* ==========================================================================
 Media Queries for Responsive Design.
 ========================================================================== */

/* LARGE MONITOR */
@media screen and (max-width: 1200px) {
    
}

/* SMALL MONITOR */
@media screen and (max-width: 991px) {

}

/* TABLET */
@media screen and (max-width: 768px) {
	
}

/* ES MIN - INVERSO */
@media screen and (min-width: 768px) {
    
}

@media screen and (max-width: 670px) {
	
}

/* MOVILES GRANDES */
@media screen and (max-width: 550px) {
   
}

/* MOVILES */
@media screen and (max-width: 400px) {
   
}