*{
box-sizing: border-box;
margin:0;
padding:0;
}

body {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
background: #fff url(../imagenes/big-big.png) repeat;
box-sizing: border-box;
}

.ims {padding:8px 0; margin:auto 0;}

h1,h2,h3,h4,h5,h6 {
color:#666; }

h1 {font-size:17px;}

h2, h3 {font-size:15px;}

a { 
text-decoration:none;
color:#3d5901;
}

a:hover {
text-decoration:underline;
}

p {
font-size:14px;
}

marquee {
    webkit-user-select:none;
    moz-user-select:none;
    user-select:none;
}

#grapper { 
max-width: 960px;
min-height: 100vh;
margin: 0 auto;	
background:#fff url("#") repeat; 
border: 0px 1px solid #D3D3D3;
box-shadow:0 0 7px 0 rgba(0,0,0,0.9);
-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.9);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.9);
-o-box-shadow:0 0 7px 0 rgba(0,0,0,0.9);
    
    /*   */

}	

#header { max-width: 960px; width:100%; height:130px; background:#fff; grid-area: head ; display: flex; justify-content:space-between;}

#header, .contacto {
     z-index: 7;
}

.navegador {
    grid-area: nave;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: sticky; top: 0;
    z-index: 7;
}

.menu {
    height: 45px;
    width: 100%;
    background: #203F93;
}

.logo-radio {width:130px; height:120px;font-size:16px; align-self: center; }

.slogan-box { height:30px; width:100%; font-size:15px; font-weight:bold; color:#000; padding: 9px 0; border-bottom: 2px solid #203F93; margin-bottom:4px; align-self: flex-end; }

.slogan-box marquee {text-transform: uppercase;}

.box-icon {
    height: 30px;
    width: 60px;
    background-color: #203F93;
    border-top-right-radius: 20%;
    border-top-left-radius: 20%;
    margin-bottom:4px;
    display: flex; 
    justify-content: center; 
    align-items: center;
    align-self: flex-end;
        
}
.icon {color: #fff; }

.contacto-box { height:28px; width:250px; padding:6px 10px  4px 10px;  margin-top:8px;}
.social a{float:right; margin-left:5px; width:32px; height:32px; overflow:hidden; text-indent:9999em;}

.social a.facebook {background: url(../imagenes/logos.png) 0px 0 no-repeat;margin-bottom:4px;} 
.social a.twitter {background: url(../imagenes/logos.png) -40px 0  no-repeat; margin-bottom:4px;}
.social a.rss {background: url(../imagenes/logos.png) -80px 0 no-repeat; margin-bottom:4px;}
.social a.youtube {background: url(../imagenes/logos.png) -120px 0 no-repeat; margin-bottom:4px;}
.social a.rss:hover{ background:#fff url(../imagenes/logoshover.png) -80px 0 no-repeat; margin-bottom:4px;}
.social a.facebook:hover{ background:url(../imagenes/logoshover.png) 0 0 no-repeat; margin-bottom:4px;}
.social a.twitter:hover{ background:url(../imagenes/logoshover.png) -40px 0 no-repeat; margin-bottom:4px;}
.social a.youtube:hover{ background:url(../imagenes/logoshover.png) -120px 0 no-repeat; margin-bottom:4px;}
.numeros {color:#000;}
.disp {padding-left:10px;}

#slider {height: auto; grid-area: slider;}

.box {padding: 10px 10px;}

.widget {
background-color:#fff;
border: 1px solid #d5d5d5;
border-radius:7px;
margin-bottom:20px;
color:#666;

}
.widget-title h3 {
color:#333;
margin:0;
padding:0;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-style: normal;
text-transform:uppercase;
font-size:13px;
}
.grids_box {
height:34px;
padding:10px 15px 0px 15px;
background-color:#f5f5f5;
border-bottom:1px solid #d5d5d5;;
border-top-left-radius:7px;
border-top-right-radius:7px;
}

#footer {
grid-area: footer;
font-weight:bold; 
font-style:italic;
display: block;
padding:18px 10px ; 
background-color:#084394;
border-top: solid 2px #333;
	
align-self: flex-end;
align-items: flex-start;	
}


.right {float:right; width:160px;}

.left {
color:#fff;
padding:5px;
font-size:12px;  
}

.left a {color:#B1B1B1;}
.box-tel {float:left; width:200px;}
.box-dir {float:right; width:200px;}


.whatsapp{
	position: fixed;
	right: 5px;
	top: 80%;
}

.box-audio {
    width: 100%;
    background: #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width:880px)
{
    /*  */ 
    
    .box-content-3 {
        display: none;
    }
    
    .box-audio {        
    width: 100%;
    height: 10%;
    background: rgba(255,255,255,0.9);
    border-top: 2px solid #C1C2C3;
    padding: 0px;
    
    display:block;
    position: fixed;
    left: 0;
    bottom: 0;    
   }
    .box-audio-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    }
    
}