/*** Header ***/
body { /*background: #edf7f7 url(../images/banners/body-bg.gif) top left repeat-x;*/
background: #EFEEE9; }


#logo { float: left; height: 54px; margin: 14px 0 0 0; }
#logo span { display: block; text-indent: -9999px; }


/*** Top Nav ***/

#top-nav h3 a {
background: url(../images/byagora-logo.png) top left no-repeat;
display: block;
height: 25px;
text-indent: -9999px;
width: 146px;
} 

#top-nav {
background: url(../images/topnav-channel.png) top right no-repeat;
float: right;
height: 72px;
margin-right: 0;
padding: 0px;
z-index: 999;
}

#top-nav h3 { float: left; margin-top: 10px; }
#top-nav ul {
float: left;
margin: 0 13px 0 21px;
position: absolute;
right: 210px;
top: 0;
z-index: 999;
}

#top-nav ul li {
display: block;
float: left;
height: 34px;
margin: 0;
overflow:hidden;
padding-top: 10px;
text-align: center;
width: 55px;
z-index: 999;
}

#top-nav ul li a.directo-link { color: #f8c780; }
#top-nav ul li#inicio { background-color: #cf5a1b; }
#top-nav ul li#directo { background-color: #e26724; }
#top-nav ul li#videos { background-color: #e97435; }
#top-nav ul li a:hover { color: #fff; }

#top-nav ul li#inicio:hover { background: #a5cd1b url(../images/icons/icon-agora.png) 50% 90% no-repeat; }
#top-nav ul li#directo:hover { background: #6accf0 url(../images/icons/directo-icon.png) 50% 90% no-repeat; }
#top-nav ul li#videos:hover { background: #ffd200 url(../images/icons/videos-icon.png) 50% 90% no-repeat;; }

.newClassbtn {
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}

.newClass-a { color: #fff; text-shadow: 1px 1px 2px #333; }

#search { float: right; margin: 10px 20px 0 0; }

#search-input {
background: url(../images/search-bg.png) top left no-repeat;
border: none;
color: #f8803f;
float: left;
height: 17px;
margin: 0;
padding: 3px 0 0 21px;
width: 126px;
}

#submit-input {
background: url(../images/submit-bg.png) top left no-repeat;
border: none;
color: #f8803f;
float: left;
height: 20px;
margin: 0 0 0 0;
padding: 20px;
text-indent: -9999px;
width: 31px;
}


/***** Channel Info Box ****/
.channel-info-box { padding: 18px 0 0 0; }
.channel-info-header { 
background: #006766; height: 53px; overflow: hidden; width: 260px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
#sidebar h3.channel-header { background-image: none; float: left; margin: 5px 0 0 5px; width: 190px; }
p.channel-author { margin: 0 0 0 5px; width: 195px; }
p.channel-author span.client { font-weight: bold; }
p.channel-info { margin: 0 20px; }

#url-box { border: 1px solid #ADADAD; height: 22px; margin: 18px 0 18px 20px; padding: 4px; width: 250px; }

#embed-url { margin-left: 2px; }
#embed-url strong {
background-color: #f8c780;
color: #f36f27;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 4px;
}

#url-field {
background-color: #C5C5A7;
border: none;
color: #efefef;
float: left;
margin: 0;
padding: 4px;
width: 210px;
}

#social-box { height: 36px; width: 290px;}
#social-box ul li { float: left; }
li#rss {
background-color: #f8c780;
color: #f36f27;
margin: 0 26px 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 4px;
}

li#fb-share a, li#tw-share a{
color: #000;
display: block;
font-size: .8em;
height: 21px;
padding: 4px 0 0 28px;
width: 76px;
}

li#fb-share a { background: url(../images/fb-share-btn.png) 0 0 no-repeat; }
li#tw-share a { background: url(../images/tw-share-btn.png) 0 0 no-repeat; width: 60px;}

li#fb-share a:hover, li#tw-share a:hover{ color: #fff; }

#channel-data { float: left; height: 54px; width: 300px;}
#channel-data ul { margin-left: 20px; overflow: hidden; }
#channel-data ul li {
color: #f36f27;
float: left;
height: 19px;
margin: 0;
padding: 8px 0;
text-align: right;
}

#channel-data ul li.videos-item {
background: #000 url(../images/videos-item.png) 8px 5px no-repeat;
border: 1px solid #222;
border-right: none;
font-size: 1.2em;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
padding-right: 10px; 
width: 70px;
}

#channel-data ul li.users-items {
background: #000 url(../images/people-item.png) 8px 5px no-repeat;
border: 1px solid #222;
font-size: 1.2em;
padding-right: 10px;
width: 84px;
}

#channel-data ul li.comments-number {
background: #000 url(../images/comments-item.png) 8px 6px no-repeat;
border: 1px solid #222;
border-left: none;
font-size: 1.2em;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
padding-right: 10px; 
width: 70px;
}


/****** Permalink *****/
#slider {
width: 660px;
}

.slider-item-box { position: relative; }
.slider-item-box h5 {
background-color: #000;
border: 2px solid #333;
border-left: none;
color: #ccc;
left: -3px;
float: left;
margin-right: 5px;
padding: 5px;
position: absolute;
top: 10px;
z-index: 999;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

.slider-item-box a:hover img {
filter: alpha(opacity = 70); /**** As allways, just for IE ***/
opacity: .7; /*** CSS Standar ****/
-moz-opacity: .7;
}

#carousel { position: relative; padding: 18px 0; width: 660px; }

/***** AnythingSlider ***/

#start-stop { display: none; }
.wrapper h4, .wrapper p { color: #fff; }

/*.slide-list-01 { overflow: hidden; width: 620px; }*/

.slider-box { margin-right: 15px; overflow: hidden; width: 200px; }
.slider-box-inside div { background:#C5C5A7 float: left; height: 52px; margin: 2px 0 0 0; padding: 0 3px 0 0; width: 200px; }
.slider-box-inside .slider-tags { background: #333; float: left; height: 52px; margin: 2px 0 18px 0; padding: 5px 3px 0 3px; width: 194px; }

.slider-box-inside .slider-tags a {
display: block;
background: #666;
float: left;
margin: 0 3px 3px 0;
padding: 1px 3px;
width: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.slider-box-inside .slider-video-data { background: #C5C5A7; float: left; height: auto; margin: 2px 0 0 0; padding:0 7px 18px 3px; width: 190px; }
.slider-box-inside .slider-video-data p { padding: 0 3px; border-bottom: 1px dotted #006766;}
.slider-box-inside div img { margin: 0 3px 0 0; }
.slider-tags { padding-left: 3px; }

.wrapper li a:hover img {
filter: alpha(opacity = 70); /**** As allways, just for IE ***/
opacity: .7; /*** CSS Standar ****/
-moz-opacity: .7;
}

.header-anything {
background: #999;
color: #fff;
font-weight: bold;
height: 18px;
margin: 0;
padding: 3px 3px 3px 5px;
width: 194px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
}

.header-twitter {
background: #999;
border-bottom: 2px solid #000;
color: #fff;
font-weight: bold;
float: left;
height: 18px;
margin: 0;
padding: 3px 3px 3px 5px;
width: 397px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
}

.tags-slider-header { margin-top: 18px; }

.twitter-box { background-color: #C5C5A7; min-height: 150px; padding: 5px; width: 393px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; }