/* Definicio de fuentes para el sitio */
@font-face {
    font-family:'Panton';
    src:url('fonts/Panton-Regular.woff2') format('woff2'),
        url('fonts/Panton-Regular.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Panton';
    src:url('fonts/Panton-Bold.woff2') format('woff2'),
        url('fonts/Panton-Bold.woff') format('woff');
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family:'Panton';
    src:url('fonts/Panton-BoldItalic.woff2') format('woff2'),
        url('fonts/Panton-BoldItalic.woff') format('woff');
    font-weight:bold;
    font-style:italic;
}
@font-face {
    font-family:'Panton';
    src:url('fonts/Panton-Light.woff2') format('woff2'),
        url('fonts/Panton-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Panton';
    src:url('fonts/Panton-LightItalic.woff2') format('woff2'),
        url('fonts/Panton-LightItalic.woff') format('woff');
    font-weight:300;
    font-style:italic;
}			
/* ------------------------------------------------------------------------- */
/* inicio:Estilos generales */
* { box-sizing: border-box; }
html { 
	height: 100%;    
	margin: 0;
	padding: 0;
}

body{
	font-family:'Panton';
	font-size:14px;
	font-weight: normal;
	background-color: #ffffff;	
    overflow: auto;
}

header {
	background-color: #eff0f2;
}

footer.cls-footer {    
    bottom:0;
    width:100%;.
    /* height:60px; */
    /* background:#6cf; */
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
/* fin:Estilos generales */

/* Colores */
.azul-claro  { color: #56C1E9; }
.azul-oscuro { color: #1A2A5E; }
.naranja     { color: #EF6E56; }
.verde       { color: #88d100; }
.gris        { color: #848d9c; }
.rojo        { color: #c23a6b; }
.blanco         { color: #ffffff; }
.azul-fuerte    { color: #00a8e4; }
.naranja-fuerte { color: #ff8400; }
.dark-blue      { color: #242f5d }

.negritas { font-weight:bold; }

/* .imagen-centro { margin: 0 auto;width:75% } */
/* ------------------------------------------------------------------------- */
/* Inicio : Estilos para identificadores */
div#div-footer{
    background-color:#242f5d; 
}

div#div-footer-gob{
    background-color:#1d264f;
}

/* Bloque de estilos para el componente bootbox para igual imagen institucional */
/* ------------------------------------------------------------------------- */
/* Inicio: Defincion de clases */
.main_content {
    min-height: calc(100vh - 114px - 324px);
}

.cls-img-mobile {
    max-height:3em !important;
}

.cls-hr-nomobile{
    background-color: rgba(245, 245, 245, 0.32); margin: 0.5em 90px;
}

.cls-hr-mobile{
    background-color: rgba(245, 245, 245, 0.32); margin: 0.5em 0px;
}

.cls-nombre-gob{
    margin-top: 15px;margin-bottom: 15px;font-size: 16px;
}

.cls-span-emergencias{
    font-size: 16px;font-weight: normal;
}

.cls-fa-icon {
    font-size: 24px;height:100%
}
.cls-font-emergencias{
    font-size: 22px;font-weight: bold;height:100%;
}

.a-fa-social {
    display: inline-block;
    height: 46px;
    padding: 7px 4px 10px 5px;
    font-size: 24px;
    width: 50px;
    text-align: center;
    text-decoration: none;    
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
}
.a-fa-social > svg,
.a-fa-small-social > svg {
    margin-bottom: 4px;
}
.a-fa-small-social {
    display: inline-block;
    height: 40px;
    padding: 10px 5px 10px 5px;    
    font-size: 16px;
    width: 50px;
    text-align: center;
    text-decoration: none;    
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
}

a.icon-media:hover{
   color: #30BAE7 !important; 
   border-color: #ffffff;
}

.cls-titulositioweb {
    font-family: 'Panton'; 
    font-size: 24px; 
    font-weight: bold; 
    color: #242f62; 
}

.cls-h4-sub {
    font-weight: bold;
    color: #242f62;
    font-size:20px !important;
}
.enlaceValidacion {
    display: block;
    margin: 3em 0;
    color:#0056b3;
}
.enlaceValidacion:hover {
    color:#242f62;
}
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
span.fa[data-remove="1"] {
    cursor: pointer;
    color:#f9b233;
    float: right;
    /* font-size: 12px; */
}

.titulo-head-card{
    margin-bottom: 2px !important;
}