/*-----------------------------------GENERAL SITEPUBLICO MASTER-----------------------------------------------------------*/
html
{
    position: relative; 
    min-height: 100%;
}
* {
     box-sizing:border-box;     
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box; 
}
body {
    /*background-color:#f5f5f5;*/   
    overflow-y:auto;
    max-width:1100px;
    margin:0 auto;     
}
#divContenido { 
    width:100%;
    height:100%;  
    max-width:1920px;                     
    margin: 0 auto;   
}
#header {  
    /* background: #ffffff;*/
	/*color: #FFFFFF;*/
	/*height: 20%;*/	
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */   
	text-align:center;	
	/*background-color:#FFFFFF;*/
	/*padding:1%;*/	
}
#divLogoAyunt {
    width:75%;   
    float:left;
    text-align:left;
    padding:0.5%;  
}
.imgLogo {
    width:100%;
}
#divBarra {
    width:100%; 
    height:10px;  
    float:left;   
    background-color:#FFFFFF;   
    text-align:left;
    padding-left:2%;    
}
.btnInicio
{
    height:100%;
    width:10%;   
    font-family:Poppins;
    color:#FFFFFF;
    font-weight:600;
    background-color:#000000;
    border:1px solid #000000;     
    cursor:pointer; 
    text-decoration:none;   
}
.btnInicio:hover
{
    height:100%;
    width:10%;   
    text-decoration:none;   
    font-family:Poppins;
    color:#FFFFFF;
    font-weight:600;
    background-color:#000000;
    pointer:cursor;        
}
#footer {
    width: 100%;    
	color: #FFFFFF;
	text-align: center;	
    left: 0; /* Posicionamos la cabecera al lado izquierdo */
	bottom: 0;    
    height:40px;   
    border-radius:3px;
    border-bottom:1%;    
}
#divlogoPie{
    width:80%; 
    height:100%; 
    float:left; 
    background-color:#f5f4f0;
    /*border-right:1px solid #484747;*/  
    line-height:2.5em;    
}
#divlogoPie span{
    color:#000000;
    font-family:Poppins;
    font-size:11px;
}
#divEnlacesPie{
    width:45%; 
    height:100%;
    float:left;    
    background-color:#f5f4f0;
    border-right:1px solid #484747;   
}
.divSmart
{
    width:20%; 
    height:100%;
    float:left;
    background-color:#f5f4f0;
    padding:10px;  
    line-height:1.1em;  
}
    .divSmart a
    {
       text-decoration:none;
       color:#000000;
       font-family:Poppins;
       font-size:11px;
    }
     .divSmart a:hover
    {
       text-decoration:none;
       color:#f19800;
       font-family:Poppins;
       font-size:11px;
    }
.imgPie{
    width:80%;
    float:left;
    margin-left:3%;    
}
#tbEnlaces
{
    margin: 0 auto;    
    width:90%;
    padding:30px;    
}
.linkEnlacesPie
{
    text-decoration:none;
    font-family:Poppins;    
    font-size:12px;
    color:#000000;    
}
#divEnlacesHeader
{
    width:25%;    
    float:right;  
    text-align:center;    
}
#tbEnlacesHeader
{
    width:100%;
    margin:auto;
    padding:2%;       
    padding-top:11%;
}
/*-------------------------------NUEVO-BANNER-------------------------------------------*/
#divBanner
{
    width:100%;
    height:100px;
        
}
#divLogo
{
    width:60%;
    height:100%;   
    float:left;
    padding:1%;      
}
.imgLogo {
    width:100%;       
}
#divEnlaces
{
    width:40%;
    height:100%;   
    float:right;        
}
.linkEnlaces
{
    text-decoration:none;
    font-family:Poppins;    
    font-size:14px;
    color:#FFFFFF;   
}
#tbEnlacesCabecera
{
    width:100%;
    margin:auto;
    padding:2%;       
    padding-top:15%;    
}
.footer {   
    width:100%;
    height:100px;
    float:left;    
    background-color:#960c0c;   
    border-top:1px solid rgba(84, 84, 84, 1);
}
.textoFooter {
    width:100%;
    height:30%;
    text-align:center;
    margin:auto;     
    padding:2px;     
}
    .textoFooter span {
        color:#ffffff;
        font-size:10pt;
    }
    .textoFooter span a {
        color:#ffffff;
        font-size:10pt;
        text-decoration:none;
        cursor:pointer;
    }
.redesSociales {
    width:100%;
    height:40%;
    text-align:center;       
}
.tableRedes {
    width:10%;
    margin:auto;   
    height:100%;
    text-align:center; 
}
.arriba {
    width:100%;
    height:30%;   
    text-align:right;    
    margin:auto; 
    padding-right:10px; 
    display:none;    
}    
.imgArriba {
    font-size:1.6em;
    cursor:pointer;
    color:rgba(255,255,255,1);
}
.imgArriba:hover {    
   color:#ede9ec;
}
.logoSmartis {
    width:100%;
    height:40px;      
    text-align:center;
    padding:1px;    
}
    .logoSmartis img {
        width:160px;
        height:100%; 
        padding:1px;
        background-color: #000000;