@charset "utf-8";
/* CSS Document aa*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 1;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
        font-family:Arial, Helvetica, sans-serif;
}

body{
        background-color:#000;
        color:#333;
        font-size:12px;
}

/* LAYOUT */
div#container{
        width:705px;
        height:970px;
        margin:0 auto;
        padding:0 37px 0 37px;
        background-image:url(../images/backgrounds/bg-container.jpg);
        background-repeat:repeat-y;
        background-color:#FFF;
}

div#top{
        float:left;
        width:705px;
        height:128px;
        /*border:1px solid #000;*/
}

div#top h1{
        float:left;
        width:338px;
        height:100px;
        background-image:url(../images/display/logo.png);
        background-repeat:no-repeat;
        margin:17px 0 0 11px;
}

div#top h1 span{
        display:none;
}

div#slogan{
        float:left;
        width:300px;
        /*border:1px solid #000;*/
        margin:39px 0;
        padding:10px 0 0 30px;
        text-align:left;
                font-size:21px;
                text-transform:uppercase;
                text-align:center;
}

/* TOP MENU */
div#menu{
        width:183px;
        float:right;
        /*border:1px solid #00F;*/
}

div#menu ul{
        list-style:none;
        margin:10px 0 0 0;
        padding:0;
}

div#menu ul li{
        padding:3px;
        display:inline;
        font-size:11px;
        text-transform:uppercase;
                background-color:#007CBE;
                color:#FFF;
                margin-right:3px;
                font-weight:bold;
}

div#menu #contact{
        padding:3px;
        border:0;
        font-weight:bold;
}

div#menu a{
        color:#FFF;
        text-decoration:none;
}

div#menu a:hover{
        text-decoration:underline;
}

/* /TOP MENU */


/* CONTENT */
div#content{
        float:left;
        width:705px;
        height:850px;
        /*border:1px solid #F00;*/
}

/* LEFT */
div#left{
        float:left;
        width:350px;
        height:650px;
        /*border:1px solid #330;*/
        padding:0 0 0 10px;
}

/* SEARCH */
div#search{
        width:350px;
        height:30px;
        /*border:1px solid #09F;*/
        margin:0 0 0 0;
}

div#search #form-search{
        float:left;
        margin:0;
        padding:0;
}

div#search #input-search{
        width:262px;
        height:23px;
        border:1px solid #333;
        font-size:16px;
        font-weight:bold;
        padding:3px 3px 0 3px;
        margin:2px 0 0 0;
        font-family:Arial, Helvetica, sans-serif;
        color:#666;
}

div#search #send-search{
        width:62px;
        height:26px;
        background-image:url(../images/backgrounds/bt-send-search.jpg);
        background-repeat:no-repeat;
        font-size:10px;
        text-transform:uppercase;
        color:#FFF;
        border:0;
        padding:0 0 1px 0;
        margin:0 0 0 5px;
}

div#search input:focus{
        background-color:#F6F6F6;
        color:#000;
        }
/* /SEARCH */

/* CHANNEL */
div#channel{
                float:left;
        width:350px;
        /*border:1px solid #909;*/
        margin:0 0 0 0;
}

#channels{
        float:left;
        }

div#channel h2{
        float:left;
        width:338px;
        height:20px;
        margin:20px 0 10px 0;
        padding:5px 0 0 5px;
        background-color:#3884BB;
        text-transform:uppercase;
        font-weight:bold;
        color:#FFF;
}

div#channel #search-channel{
        width:343px;
        height:22px;
        border:1px solid #3884BB;
        color:#003399;
        font-size:13px;
        padding:0;
}

div#channel #list-channel{
        width:343px;
        border:1px solid #3884BB;
        color:#003399;
        margin:3px 0;
        font-size:13px;
        padding:3px;
}
/* /CHANNEL */

/* PUBLICITY-TOP */

div#banners-top{
       float:left;
        width:380px;
        height:130px;
        /*border:1px solid #F33;*/
        margin:5px 0 3px 0;
}

div#banners-top h2{
        font-size:11px;
        text-transform:uppercase;
        margin:0 0 10px 0;
        font-weight:normal;
}

div#banners-top img{
        float:left;
        margin:5px 20px 8px 1px;
        width:160px;
        height:40px;
}

/* /PUBLICITY-TOP */

/* HIGHLIGHT */
div#highlight{
        float:left;
        width:347px;
        height:230px;
        /*border:1px solid #000000;*/
        margin:110px 0 3px 0;
}

div#highlight h2{
        float:left;
        width:338px;
        height:20px;
        margin:5px 0 10px 0;
        padding:5px 0 0 5px;
        background-color:#3884BB;
        text-transform:uppercase;
        font-weight:bold;
        color:#FFF;
}

div#highlight span{
        text-align:right;
        font-size:10px;
        font-weight:normal;
        padding:0 0 0 127px;
}

div#highlight a{
        text-decoration:none;
        color:#FFF;
}

div#highlight a:hover{
        text-decoration:underline;
        color:#FFF;
}

.box-highlight{
        float:left;
        width:343px;
        height:62px;
        background-color:#FFF;
        margin:0 0 10px 0;
}

.box-highlight{
        cursor:hand;
        cursor:pointer;
        }

.box-highlight img{
        float:left;
        margin:5px 5px 0 5px;
                width:73px;
                height:53px;
}

.box-highlight p{
                width:250px;
        float:left;
        font-size:12px;
        color:#333;
        padding:10px 0 0 5px;
}
/* /HIGHLIGHT */
/* /LEFT */

/* RIGHT */

div#right{
        float:right;
        width:330px;
        height:650px;
        /*border:1px solid #F36;*/
        padding:0 0 0 6px;
}

div#right h2{
        width:316px;
        background-color:#5E5A59;
        color:#FFF;
        font-weight:normal;
        padding:2px 2px 2px 4px;
}

div#right h3{
        width:316px;
        background-color:#5E5A59;
        color:#FFF;
        font-weight:bold;
        padding:2px 2px 2px 4px;
}

.show-video{
        width:320px;
        height:309px;
        margin:0 0 10px 0;
        border:1px solid #FFF;
}

#show-video-resume{
        background-image:url(../images/icons/ico-show-video-text.gif);
        background-repeat:no-repeat;
        padding:0 0 0 20px;
                margin:0px 0;
        font-weight:bold;
}

#fullscreen{
        width:308px;
        text-align:center;
        margin:0 0 0 0;
        text-align:center;
        padding:0 0 0 5px;
}

a.show-video-resume{
        text-decoration:none;
        color:#666;
}

a.show-video-resume:hover{
        text-decoration:underline;
        color:#666;
}

/* NEXT VIDEOS */

div#right h4{
        font-size:10px;
        font-weight:normal;
        text-transform:uppercase;
        margin:10px 0 2px 0;
}

div#next-videos{
        background-color:#A1A1A0;
        /*border:1px solid #066;*/
        padding:4px 4px 4px 4px;
}

div#next-videos table{
        width:100%;
}

div#next-videos table td{
        margin:0;
        padding:2px;
        background-color:#C2C2C1;
        text-transform:uppercase;
                font-size:11px;
}

div#next-videos h5{
        font-size:10px;
        text-transform:uppercase;
        text-align:center;
        padding:5px 2px 2px 2px;
        color:#333;
        font-weight:normal;
}

div#next-videos a{
        color:#333;
        text-decoration:none;
}

div#next-videos a:hover{
        text-decoration:underline;
}

/* PUBLICITY - BOTTOM */

div#banners-bottom{
        width:315px;
        height:150px;
        /*border:1px solid #00C;*/
        margin:10px 0 0 5px;
}

div#banners-bottom img{
        float:left;
        margin:0 7px 10px 0;
                width:150px;
                height:40px;
}

/* /NEXT VIDEOS */

/* /RIGHT */

/* FOOTER */

#footer{
        width:705px;
                margin:0 auto;
}

#footer p{
                width:705px;
                float:left;
        font-size:10px;
        padding:7px 0 5px 0px;
        text-align:center;
                text-transform:uppercase;
                margin:0;
                color:#CCC;
}

#footer a{
        text-decoration:none;
        color:#CCC;
}

#footer a:hover{
        text-decoration:underline;
}

.url-location-span {
    margin-top: 10px;
}

/*
.url-location {
    background-color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 15px !important; margin-bottom: 8px;
    padding: 0px 0px 0px 0px;
    width: 320px;
    height: 70px !important; height: 54px;
    float: left;
}
*/



/* /FOOTER */

/* /CONTENT */
/* /LAYOUT */
