/* GENERAL*/

@font-face {
	font-family: "SintekFonts";
	src: url("../fonts/GoogleSans-Regular.woff");
}

body {
	margin: 0;
	font-family: "SintekFonts", "GoogleSans-Regular";
}

.login{
    text-decoration:none; 
    color:black; 
    cursor:default;
}

.login:hover{
    text-decoration:none; 
    color:black; 
    cursor:default;
}

/* PÁGINA CLIENTES*/
.sintek-container--modificarCliente{
    border:1px solid gray;
    border-radius:5px;
    margin:auto;
}

#sintek-div--cliente{
    background-color:whitesmoke;
    width:50em;
     margin:auto;
}

.sintek-label--cambiarLogo{
    cursor:pointer;
    text-decoration: underline;
}
.sintek-label--cambiarLogo:hover{
    cursor:pointer;
    color:dodgerblue;
}

.sintek-div--img {
    background-color: gray;
    padding: 1em;
    width: 20em;
    height: 10em;
    text-align:center;

}

.sntk-edicion-logo>img{    
  max-width: 100%;
  max-height: 100%;
  padding: 0.25em;
}


.sintek-modCliente_div{
    height:3em;   
}



.sintek-modCliente_div--label{
    color:cornflowerblue;
    width:10em;
    text-align:center;
    font-weight:700;
  
}

.sintek-modCliente_div--url{
    width:20em;
}

#sintek-div--editarLogo div{
    margin:auto;
}

#sintek-div--guardarEdicion{
    margin:auto;
}

#sintek-div--guardarEdicion div{
   text-align:center;
}


.sntk-edicion-logo{
    border: 1px solid ;
    background-color:lightgray;
    text-align:center;
   
}
.sntk-edicion-logo img{
    max-height:15em;
}

#MainContent_uplLogoEmpresa{
display:none;

}



/* TOP BAR*/
.sntk-topbar-div {
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    color:rgba(255,255,255, 0.75);
    -webkit-box-shadow: 0px 7px 17px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 17px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 17px -4px rgba(0,0,0,0.75);
}


.sntk-topbar-div--elemento{
    margin-left:1em;
    margin-right:1em;
    color:#084B8A;

}

.sntk-topbar-div--elemento img{
   height:3.5em;


}

.sntk-topbarAdmin-div{
    background-color: #084B8A;
     display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sntk-topbarAdmin-div--elemento{
    margin-left:1em;
    margin-right:1em;
    color:white;
}

.sntk-topbarAdmin-div--elemento a{
    text-decoration:none;
    color:white;
}

.sntk-topbarAdmin-div--elemento a:hover{
    text-decoration:underline;
    color:white;
}



/* MENU DE NAVEGACIÓN*/

.sintek_nav{
    background-color:#084B8A;
}

.sintek_nav_item, .sntk_nav_item--nolink{
    color:rgba(255,255,255, 0.75);
}



.sintek_nav_item:hover{
   text-decoration: underline;
   color:#FFFAFA;
    
}

.navbar-toggler .sintek_nav_toggler_icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: white;
} 

.sintek_nav--brand{
    color:#F5F5F5;   
    margin-left:1em;   
     
}

.sintek_nav--brand:hover{
    color:#F5F5F5;
}



/*
.div_datos--label{
    color:white;
   
}

.div_datos--label a{
    color:white;
    font-weight:500;
}
*/

/*

.div_datos {
display: flex;
justify-content: left;
align-items: center;
flex-wrap: wrap;    
min-height:2em;
background-color:#052E54;  
}
    .div_datos--dato{
     //border: 1px solid red;
     margin-left:1em;   
     margin-right:1em;  
    }

    */

/* PAGINA DEFAULT*/

.sntk-inicio--contenedor{
    //border:1px solid red;
}

    .div_mensaje{
     padding-top:1em;
     padding-bottom:1em;   
     text-align:center;
    }

    .div_logo{  
     max-width:25em;
     max-height:25em;
     margin:auto;
     padding-bottom:1em;
    }

        .div_logo img{  
         max-width:25em;
         max-height:25em;
        }



.div_modulos {
padding:1em;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.mimodulo {
    padding: 1em;
    width: 300px;
    height: 150px;
    //min-height: 10em;
    //height: auto;   
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em;
    -webkit-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.75);
    text-align:center; 
    color: white;    
    opacity: 1; 
}

.mimodulo:hover {
    background-color:#027EA1;
    color:white;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

.mimoduloInactivo {
    padding: 1em;
    width: 300px;
    //min-height: 10em;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em;
    -webkit-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.75);
    text-align:center; 
    color: white;
    opacity: .4;
}

#MainContent_moduloAdn{
     background-image: url("../media/AdnWeb.jpg");  
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      
}

#MainContent_moduloA24{
     background-image: url("../media/A24Web.jpg");
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

#MainContent_moduloEE{
     background-image: url("../media/ExpDigitalWeb.jpg");
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

#MainContent_moduloTL{
     background-image: url("../media/TraficoLog.jpg");
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}  

#MainContent_moduloCI{
     background-image: url("../media/AuditoriasWeb.jpg");
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

#MainContent_moduloSS{
     background-image: url("../media/SistemaSintek.jpg");
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}




.moduloTxtDiv{    
    width: 100%;  
    height:auto;       
    background-color:black;
    border-radius:5px;
    op

acity:.6;
    text-align: center;
    vertical-align: middle;    
}


.moduloTxtDiv>a {
    color:white;
    font-size:2em;

}


.moduloTxtDiv>a:hover {
    color:white;
    cursor:pointer;

}


.moduloTxtx{
    color:white;
}

.nombreBienvenida{
    font-size:2em;
    color:#084B8A;
}


.div_footer {
    background-color: #084B8A;
    color: rgba(255,255,255, 0.75);
    font-size: 1em;
   
}