/* 
###############################################################  
Description: CANAL 8 - Apareça para o Mundo!
Version: 1.0
Author: Elias Ferreira Junior
Author URL: http://www.eliasjunior.com.br/
###############################################################  
*/

*{margin:0; padding:0;}
html {}
body {color:#333; font: 70%/1.5em "Segoe UI", Arial, Helvetica, sans-serif;}
a {color:#00C; text-decoration:none; outline:0; /*border-bottom:#3399CC solid 1px;*/}
a:link {color:#333;}
a:visited {color:#00C;}
a:hover {color:#00C;}
a:active {color:#FF0000;}
a img, table { border:0;}
hr {margin:10px 0; clear:both;}
fieldset {padding:10px; border:#eee solid 3px;}
legend {text-transform:uppercase; padding:0 5px; font-weight:bold;}
#frm_comenta {margin-top:20px;}
#frm_comenta label {display:block; width:100px;}
ul {list-style-type:none;}
h1 {font-size:1.7em; color:#000;}
h2 {font-size:1.5em; color:#222;}
h3 {font-size:1.3em; color:#222;}
h4 {font-size:1.1em; color:#222;}
p {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666;}

#container {
background:url(../img20081/bg-sombra-menu.gif) repeat-x;
background-position:100% 140px;
}
#header {
height:106px;
background:#000000;
position:relative;
}
#header div{
width:980px;
margin:0 auto;
position:relative;
background:#000000 url(../img20081/galera.jpg) top right no-repeat;
background-position:580px 20px;
height:106px;
}
#header div h1 a{
display:block;
background:url(../img20081/logo-canal8.png) top left no-repeat;
width:240px;
height:88px;
text-indent:-900em;
position:absolute;
top:18px;
left:20px;
}
#header div h2 a{
display:block;
background:url(../img20081/slogan-canal8.png) top left no-repeat;
width:212px;
height:46px;
text-indent:-900em;
position:absolute;
top:60px;
left:270px;
}
#busca{
position:absolute;
top:110px;
left:0px;
width:250px !important;
background:none !important;
float:right;
height:30px !important;
}
#busca #frm_busca input{
border:#666 solid 2px;
padding:2px 5px;
}
#busca #frm_busca #pesquisa:hover, #busca #frm_busca #pesquisa:focus{
border:#aaa solid 2px;
}
#conteudo h1 {color:#990000; border-bottom:#eee solid 1px; margin:0 0 20px 0; padding:10px; letter-spacing:-0.05em; font-size:2em; background:#f9f9f9; margin:20px 0; width:720px;}
#conteudo {width:940px; margin:auto; border-top:#eee solid 1px;}
#corpo {
border:#F2F2F2 dotted 10px;
border-bottom:none;
border-top:none;
margin:auto;
width:960px;
position:relative;
height:1150px;
}
#footer {
background:#000 url(../imgscanal8/bg_rodape.gif) top repeat-x;
height:100px;
border-top:#7c7c7c solid 4px;
padding:10px 100px 0 100px;
clear:both;
}
#footer div {
width:100%;
margin:0 auto;
}
#footer #c8 {
color:#999;
text-align:center;
}
#footer #creditos {
color:#999;
float:right;
}
#footer a {
color:#FFF;
padding:0 5px;
border-bottom:none;	
}
#footer a:hover {
border-bottom:#FFFFFF dotted 1px;
background:#000;
}
#publicidades {
	position:absolute;
	top:20px;
	left:780px;
	width:170px;
	height:1110px;
	/* border:#ccc dotted 1px; */
}
#publicidades #videos_pub div{
width:160px;
background:#F2F2F2;
padding:5px;
border:#CCCCCC solid 1px;
margin-bottom:10px;
}

#publicidades h2{
font-size:0.8em;
color:#999999;
font-weight:normal;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}

#banners_pub a {display:block; text-align:center; margin:5px 0;}

.list_videos {
	text-align:center;
	width:740px;
}
.list_videos a{
	border-bottom:none;
	background:none;
}
.list_videos img {
	border:#DDD solid 1px;
	padding:5px;
	background:#FFF;
}
.list_videos img:hover {
	border:#666666 solid 1px;
	background:#F2F2E6;
}

.list_item_video {
	border:#DDD solid 1px;
	height:200px;
	width:155px;	
	padding:10px;
	background:#FFF url(../imgscanal8/bg_gray.png) top repeat-x;
	margin:0 10px 10px 0;
	float:left;
}
.list_item_video:hover {
	border:#666 solid 1px;
}
#frm_busca_bot {display:block;}

#list_programas {

}
#list_programas a {
	display:block;
	width:160px;
	height:110px;
	overflow:hidden;
	margin-right:10px;
	border:#DDD solid 1px;
	padding:5px;
	float:left;
}
#list_programas img {

}
.list_item_programa {
	border:#DDD solid 1px;
	height:120px;
	padding:10px;
	background:#FFF url(imgscanal8/bg_gray.png) top repeat-x;;
	margin-bottom:10px;
	width:340px;
	float:left;
	margin-right:20px	
}
.list_item_programa:hover {
	border:#333 solid 1px;
}
.list_item_programa h2{
	font-size:1.2em;
}

hr {
	margin:10px 0;
}


















#destaque {
	float:left;
	width:425px;
	/*
	border:#CCC solid 1px;
	*/
}
#videoativo {
	/*
	background:url(../img_v3/loading.gif) no-repeat;
	*/
}
#destaque h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.7em;
	margin:8px 0;
	color:#777;
}

#opcoes {
	height:30px;
	margin:10px 0;
	border-bottom:#999 dotted 1px;
}	
#opcoes li{
	display:inline;
}
#opcoes li a{
	display:block;
	float:left;
	border:#999 solid 1px;
	padding:0 5px;
	color:#FF0000;
	margin-right:5px;
}
#opcoes li a:hover{
	border:#FF6600 solid 1px;
	color:#FFF;
	background:#FF6600;
}
#opcoes form{
	float:right;
}
#toplist {
	float:right;
	width:270px;
	/*
	border:#333333 solid 1px;
	*/
}

#toplist h2{
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.5em;
}
#toplist h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
#toplist div {
	margin-bottom:10px;
	/*
	border-bottom:#666 dotted 1px;
	height:130px;
	*/
}
#toplist div div{
	float:left;
	/*background: url(../img/video_chrome.jpg) bottom no-repeat;*/
	margin-right:5px;
}
#toplist div div img{
	padding:5px;
	border:#CCCCCC solid 1px;
}
#toplist div div img:hover{
	border:#FF0000 solid 1px ;
}
#toplist .toplist_op {
	clear:both; 
	height:20px; 
	border-bottom:#333 dotted 1px;
}
.list_videos {
	text-align:center
}
.list_videos a{
	border-bottom:none;
	background:none;
}
.list_videos img {
	border:#DDD solid 1px;
	padding:5px;
	background:#FFF;
}
.list_videos img:hover {
	border:#666666 solid 1px;
	background:#F2F2E6;
}

.list_item_video {
	border:#DDD solid 1px;
	height:200px;
	width:145px;	
	padding:10px;
	background:#FFF url(../imgscanal8/bg_gray.png) top repeat-x;
	margin:0 10px 10px 0;
	float:left;
}
.list_item_video:hover {
	border:#666 solid 1px;
}
#menu_videolist {
	height:32px;
	margin-bottom:10px;
	background:url(../imgscanal8/line01.png) bottom repeat-x;
}
#menu_videolist ul{
	
}
#menu_videolist ul li{
	display:inline;
	
}
#menu_videolist ul li a{
	display:block;
	height:20px;
	float:left;
	border:#CCC solid 1px;
	margin:0 0 0 15px;
	padding:0 20px;
	padding-top:5px;
	margin-top: 4px;
	background:url(../imgscanal8/bg_gray.png) top repeat-x;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	text-transform:capitalize;
}
#menu_videolist ul li a:hover, #menu_videolist ul li a.ativo{
	background:#FFF;
	border-bottom-color:#FFF;
	color:#CC3300;
}
.lbuttom {display:block; width:auto; padding:3px 8px; background:#990000; color:#FFFFFF !important; text-transform:uppercase; font-weight:bold; text-align:center; margin-top:10px; border:#330000 ridge 1px;}
.lbuttom:hover {background:#FF0000; text-decoration:underline;}
#login {border:#333 solid 1px; background:none !important; width:auto !important; height:auto !important; color:#FFFFFF; position:absolute !important; top:5px !important; left:550px !important; padding:5px; background:#000000 !important; /* filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; z-index:1; */}
#login input{border:#CCCCCC solid 1px; padding:1px 5px; font-size:1em;}
#login p, #login a{color:#FFFFFF;}
/*
#login form {filter:alpha(opacity=100) !important; opacity:1 !important; -moz-opacity:1 !important; z-index:2;}
*/