#nagan  { overflow:hidden; width:1020px;}
#nagan .sec { float:right;  background:#000; width:800px; height:110px}
#nagan .sec .nText1 { margin-top:0px; float:right; color:#000; background:#fff; width:80px;transition: width 1s; padding:2px; height:13px; overflow:hidden;border-bottom-left-radius:5px; border-top-left-radius:5px;}
#nagan .sec .nText1 b { font-weight:normal;}
#nagan .sec .nText1:hover b:after { content:":"}
#nagan .sec .nText1:hover { width:420px}
#nagan .sec .nText2 {margin:5px 0 0 10px; float:left; color:#fff; font-size:14px; font-weight:bold}
#nagan audio {
    float: left;
    margin: 10px 0 0 20px;
    width: 40%;
    height: 38%;
}

 
#people { overflow:hidden; width:1020px; margin:10px 0 50px}
#people article { width:300px; margin:5px 1px 20px 58px; float:right;position:relative;  }
#people article:nth-child(3n) { margin-left:0}
#people article img {height: auto; width: 100%;  max-width:300px; max-height:145px; }
 
#people article:after { position:absolute; content:url("http://images.globes.co.il/images/NLImages/kol/play.png"); left:10px;top:10px; display:block}
#people article.active:after { content:url("http://images.globes.co.il/images/NLImages/kol/play1.gif");}
#people article h3 { font-weight:bold; font-size:18px;}
#people article p {  font-size:18px; margin:10px 0 0 0; height:45px}
#people article small { float:left}
#people article.active .fb { position:absolute; background:url("http://images.globes.co.il/images/NLImages/kol/fb1.png")  no-repeat 0 0; right:5px;top:5px; display:block;width:70px; height: 27px;}

#people article:hover,#people article.active { background:#c00;color:#fff; outline:1px #c00 solid}

.activeNoIcon{background:#c00;color:#fff; outline:1px #c00 solid}

#frmPlayer { height:75px !important; margin:10px 0 0 10px; width:450px!important}

.playOne { margin:20px 20px 0 0; float:right; width:310px; height:68px}
.playOne img { width:40px; height:40px;float:right; margin:5px 0 0 10px}
.one { color:#fff; width:310px }
.one b { display:block; font-size:16px}
.one span { margin-top:5px; display:block; font-size:14px}

#nagan .archive { float:right; width:220px; background:#c00;  height:110px;  text-align:center} 
#nagan .archive b {color:#fff;font-size:28px; margin-top:40px; display:block}
#nagan .archive span {background:#c00;display:none; position:absolute; width:220px; margin-top:20px; z-index:2}
#nagan .archive:hover span {display:block;}
#nagan .archive span a { display:block; color:#fff; font-size:18px; font-weight:bold; padding:20px 5px; border-top:1px #fff solid; text-align:right; position:relative}
#nagan .archive span a:hover { text-decoration:none}
#nagan .archive span a:after {position:absolute; content:url("http://images.globes.co.il/images/NLImages/kol/playB.png"); left:10px;top:20px; display:block; }
#nagan .archive span i {display:block; color:#fff; font-size:12px; }

#title  { overflow:hidden; background: linear-gradient(to right, #ffffff 20%,#cc0000 100%); padding:10px 0}
#title .natanyaLogo { background:url("http://images.globes.co.il/images/NLImages/kol/natanyaLogo1a.png") no-repeat 0 0;  width:290px; height:121px; float:left}
#title h1 { float:right; color:#000; border-bottom:1px #fff solid; font-size:33px; margin:20px 20px 0 0; font-family:almoni-dl7;}
#title h1 span { font-weight:normal; font-family:arial;font-size:28px; }



#page-wrap { max-width:1020px}
#page-wrap, #GPage_main, #people,
#LogoBox img { width:100%}
#LogoBox img.mob { display:none}
#LogoBox img { display:block}

@media all and (max-width: 1020px) {

#LogoBox img.comp  { display:none}
#nagan audio, #nagan .sec,#nagan { float:none; width:100%}
#nagan .archive {  position: absolute; top:0;height:40px;width:100px}
#nagan .archive b {font-size: 12px; margin-top: 10px;}
#nagan .archive span { margin-top:15px}
 

#title .natanyaLogo {background:url("http://images.globes.co.il/images/NLImages/kol/natanyaLogo3.png") no-repeat 0 0; height:63px; width:226px}
.playOne { overflow:hidden;margin: 10px 10px 0 0;}
.one {float:none;}
.one b {font-size: 12px;}
.one span {font-size: 10px;}
#nagan .sec { height:auto; overflow:hidden}
#nagan .sec .nText1 { position:absolute}
#people article { width:29%; margin-left:6%; height:250px}
#LogoBox img.mob { display:block }

}

@media all and (max-width: 480px) 
{
#people article { width:48%; margin-left:2%;height:200px} 
#people article:nth-child(3n) {margin-left:2%} 
#people article:nth-child(2n) {margin-left:0} 
#people article h3, #people article p { font-size:14px; line-height:15px;}
#nagan .sec { padding-bottom:5px}
#title h1 { font-size:20px}
#title h1 span { font-size:18px}
#nagan audio { height:50px; width:100%; float:none}
.one { height:50px}
#nagan .sec .nText2 { margin-top:7px;font-size:12px;} 
#GHeader_main2 { display:none}
#frmPlayer { height:200px !important; margin:0}
}