.navsima {
    width:50px;
    height:355px;
    background-color:#43516e ;
    float:right ;
    box-shadow:-3px 0px 3px 0px #999 ;
}

.navvideo {
    width:50px;
    height:355px;
    background-color:#ee6e27 ;
    float:right ;
    box-shadow:-3px 0px 3px 0px #999;
}

.navphoto {
    width:50px;
    height:355px;
    background-color:#791515 ;
    float:right ;
    box-shadow:-3px 0px 3px 0px #999;
}

.navtop {
    width:50px;
    height:240px;
}

.maincontent {
    height:355px;
    width:820px;
    position:relative ;
}

.maincontent .titr {
    position:absolute ;
    font:16px bnassim ;
    color:#fff ;
    bottom:0px;
    padding:7px;
    width:806px;
    background-color:rgba(0,0,0,0.5) ;
}

.simatop {
    float:right ;
    width:0px;
    overflow:hidden ;
    transition:all ease-in-out 2s ;
}

.videotop {
    float:right ;
    width:0px;
    overflow:hidden ;
    transition:all ease-in-out 2s ;
}

.phototop {
    float:right ;
    width:0px;
    overflow:hidden ;
    transition:all ease-in-out 2s ;
}

.topactive {
    width:820px;
}

.topcycle {
    display:block ;
    width:14px;
    margin:0 auto ;
    height:14px;
    border-radius:7px;
    background-color:#ccc ;
    margin-bottom:11px;
    cursor:pointer ;
}

.activecycle {
    background-color:#fff ;
}

.simaicon {
    display:block;
    margin:0 auto ;
    width:22px;
    height:22px;
    background:url('images/simaicon.png') center center no-repeat ;
}

.videoicon {
    display:block;
    margin:0 auto ;
    width:22px;
    height:22px;
    background:url('images/videoicon.png') center center no-repeat ;
}

.photoicon {
    display:block;
    margin:0 auto ;
    width:22px;
    height:22px;
    background:url('images/photoicon.png') center center no-repeat ;
}

.services {
    padding:10px;
    margin:20px 0px;;
    box-shadow:-4px 0 4px 0 #ACACAC ;
    width:950px;
}

.navservice div{
    color:#333 ;
    font:18px bnassim ;
    text-align:center ;
    height:40px;
    cursor:pointer ;
}

.navservice td {
    background:url(images/servicebg.png)  repeat-x;
}

.serviceactive {
    background-image: url("images/serviceactive.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 40px;    
    color:#fff !important;
}

.scontainer {
    height:400px;
    width:930px;
    background-color:#fff ;
    padding:10px;
}

.servicetop .titr {
    font:18px bnassim ;
    padding:10px 25px;
    color:#235da7;
    text-decoration:none ;
    display:block ;
}

.servicetop .rotitr {
    font:15px rnassim ;
    padding:10px 25px;
    color:#333 ;   
    display:block ; 
}

.servicetop .imgcontent {
    margin:15px auto ;
    display:block;
    text-align:center;
}

.servicetop .imgcontent img {
    margin:0 auto ;
}

.serviceselected .titr {
    display:block;
    font:13px tahoma ;
    color:#333 ;
    text-decoration:none ;
    padding:6px 6px 6px 20px;
}

.serviceselected .title {
    font:18px bnassim ;
    padding:5px;
    margin-bottom:15px;
}

.serviceselected .title span{
    background-color: #28baed;
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
}

.serviceselected .devider{
    height:1px;
    width:80%;
    background-color:#ccc ;
    margin:2px 0px;
}

.servicelates .titr {
    display:block;
    font:13px tahoma ;
    color:#333 ;
    text-decoration:none ;
    padding:6px 6px 6px 20px;
}

.servicelates .title {
    font:18px bnassim ;
    padding:5px;
    margin-bottom:15px;
}

.servicelates .title span{
    background-color: #d22e2d;
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
}

.servicelates .devider{
    height:1px;
    width:80%;
    background-color:#ccc ;
    margin:2px 0px;
}

.ourtoday {
    background-color:#93a1be ;
    padding-bottom:20px;
}

.ourtoday .chanals {
    background:url('images/tvchanel.png') no-repeat ;
    height:90px;
    width:965px;
    margin:0 auto;
    margin-bottom:15px ;
}

.box3
{
    border:1px solid #61C9D6;
    border-radius:4px;
    background-color:#fff;
    text-align:right;
    padding:3px;
}
.box3 .title
{
    background-color:#61C9D6;
    text-align:right;
    color:#fff;
    padding:5px 5px 8px 5px;
    font:14px bnassim;
}
.box3 .link
{
    text-align:right;
    display:block;
    font:16px bnassim;
    text-decoration:none;
    color:#313131;
    margin:10px;
    padding:5px 30px;
}
.box3 .link:hover
{
    color:#f00;
}
.box3 .link1
{
    background:url('images/ico26.1.png') no-repeat right center;
}
.box3 .link2
{
    background:url('images/ico26.2.png') no-repeat right center;
}
.box3 .grid td
{
    padding:5px;
}
.box3 .grid .caption
{
    width:1%;
    white-space:nowrap;
}
.box3 .grid input[type=text]
{
    width:98%;
}

.topnews {
    clear: both;
}
.top1 {
    width: 481px;
    height: 337px;
    position: relative;
    overflow: hidden;
}
    .top1 .content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 427px;
        background: rgba(0, 0, 0, 0.7);
        padding: 8px 30px;
    }
    .top1 .titr {
        font-size: 23px;
        color: #ffffff;
        text-decoration: none;
        display: block;
        line-height: 25px;
    }
    .top1 .lead {
        margin-top: 10px;
        font-size: 13px;
        color: #ffffff;
        text-decoration: none;
        display: block;
    }
.top2 {
    width: 285px;
    height: 310px;
    margin: 0 3px 0 10px;
    overflow:hidden;
}

#divMainNav #spnScrolMain0 {
    background: url("images/main_arrows1.gif") repeat scroll 0 -81px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: left;
    height: 27px;
    width: 75px;
}
#divMainNav #spnScrolMain1 {
    background: url("images/main_arrows1.gif") repeat scroll -75px 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: left;
    height: 27px;
    width: 75px;
}

.top2 .larg {
    display: none;
}
.top2 li {
    list-style: none;
    height: 96px;
    padding:5px 0 0 0 ;
    border-bottom: 2px solid #cdcdcd;
}
.top2 .titr {
     font-size: 18px;
    line-height: 19px;
        color: #1c0b73;
        text-decoration: none;
        display: block;
    height: 78px;
    overflow: hidden;
}.top2 .titr:hover{
        color: #ff0000;
}

 .block-header {
     background: linear-gradient(to bottom, #8c8079 0px, #403a37 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
     color: #ffffff;
     font-size: 20px;
     text-align: center;
     height: 24px;
     width: 100%;
     padding-top: 5px;
     position: relative;
 }
  .block-header > a {
     color: #ffffff;
     font-size: 17px;
     text-align: center;
      text-decoration: none;
 }
  .block-header > a:hover {
     color: #323232;
 }
 .block-header .archive {
     position: absolute;
     left: 5px;
     top: 4px;
 }

 /*#newspapers {
     width: 100%;
   
     background: url(images/newspaperholder.jpg) no-repeat bottom center ;
     height: 305px;
 }*/
 #newspapers img {
     display: block;width: 100%;
 }

 .block3 .content {
     padding: 4px 0;
 }
     .block3 .content .titr {
        font-size: 18px;
        color: #1d0c73;
        text-decoration: none;
        display: block;
        line-height: 22px;
         /*text-align: justify;*/

    }
    .block3 .content .lead {
        margin-top: 2px;
        font-size: 13px;
        color: #323232;
        text-decoration: none;
        display: block;
        height: 78px;
        overflow: hidden;
        text-align: justify;
    }
      .block3 .content li {
          background: url('/Resource/images/bullet-1.png') no-repeat left 5px;
          padding-left: 11px;
          margin-top: 5px;
    }    
    .block3 .content .titr2 {
        font-size: 16px;
        color: #000;
        text-decoration: none;
        display: block;
          font-weight: normal;
        line-height: 20px;
    }.block3 .content .titr2:hover {
        color: #1d0c73;
    }

 .block4 .content {
     padding: 4px 0;
 }
     .block4 .content .titr {
        font-size: 18px;
        color: #1d0c73;
        text-decoration: none;
        display: block;
         margin: 7px 0;
        line-height: 22px;
        overflow:hidden;
        height:45px;

    }
      .block4 .content li {
          background: url('/Resource/images/bullet-1.png') no-repeat left 5px;
          padding-left: 11px;
          margin-top: 5px;
    }    
    .block4 .content .titr2 {
        font-size: 16px;
        color: #000;
        text-decoration: none;
        display: block;
        line-height: 20px;
        /*text-align: justify;*/
          font-weight: normal;
          overflow:hidden;
          height:42px;
    }.block4 .content .titr2:hover {
        color: #1d0c73;
    }

      .block5 .content {
     padding: 1px 0;
 }
     .block5 .content .titr {
        font-size: 14px;
         font-weight: normal;
        color: #000000;
        text-decoration: none;
        display: block;
         /*text-align: justify;*/
        overflow:hidden;
        height:32px;
    }
      .block5 .content li {

          margin: 3px 0;
          padding: 3px; 

    }    .block5 .content li:hover {
          background-color: #28baed;
    }    
     .block5 .content h2 {
         background:  url('/Resource/images/bullet-2.png') no-repeat left 6px;
         padding-left: 12px;
     }.block5 .content li:hover h2 {
         background:  url('/Resource/images/bullet-1.png') no-repeat left 6px;
     }

.tools {
    background-color: #cdcdcd;
    height: 38px;
    margin: 0 auto;
    width: 92%;
    
}   

.tools li {
   display: inline-block;
   margin: 3px 3px 3px 7px;

   
}

    .tools li a{
        transition:  all ease-in  0.3s;
        background-position: 0px 0px;
        width: 32px;
        height:32px;
        display: inline-block;
    }
    .tools li a:hover {
        background-position: 0px -32px;

    }


.topnews .flexslider{
    margin:0px !important;
    border:none !important;
}
.topnews .flexslider .slides > li {
    position:relative;
}
.topnews #topslider .flex-caption {
    position:absolute;
    bottom:0;
    background:rgba(0,0,0,0.5);
    padding:5px;
}
.topnews #carousel .flex-caption {
    height:40px;
    overflow:hidden;
}

.topnews #topslider .titr {
    color: #fff;
    font: 20px bnassim;
    text-decoration: none;
}
.topnews #carousel .titr {
    color: #333;
    font: 14px bnassim;
    text-decoration: none;
    padding:0 3px;
}
.topnews #carousel li {
margin:5px;
}
.topnews .rotitr {
    color: #666;
    font: 13px rnassim;
}