/*

Canal20 Florianópolis

Copyright 2009

writting for: www.mercynet.com.br



Comment:  



Swatch colors

----------------------

000000 - Black

ffffff - White



Encontre-nos no Twitter:

http://twitter.com/pauloweb/



----------------------------------

	Resets

*/

* { margin:0; padding: 0; list-style:none; text-decoration:none; }

ul, ol { list-style-position:outside; }

ul li, ol li { text-indent:0; }

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0 none; }



/********************************/



body {

    margin: 0px auto; /* Centralizar o site ;) */

    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

    color: #000;

    background: #fff url("../../../images/fundo.jpg") repeat-x;

    font: normal 10px Verdana, Arial, Helvetica, sans-serif;

}



a {

    font: normal 11px Verdana, Arial, Helvetica, sans-serif;

    color: #000;

}

a:hover {

    text-decoration: underline;

}



#geral {
	width: 816px;
	margin: 0 auto;
	background: #fff url("../../../images/bg-body.jpg") repeat-x top left;
	border-left: 2px solid #194148; 
	border-right: 2px solid #194148;
	text-align: left;
	display: block;
}

#geral:after{

    content:".";

    display:block;

    clear:both;

    visibility:hidden;

    height:0;

    overflow:hidden;

}



/*

	Topo do site

*/

#topo {

	width: 856px;

	height: 269px;

	background: url("../../../images/bg-topo.jpg") no-repeat;

	margin: 0 auto;

	position: relative;

	display: block;

}



#topo:after{

    content:".";

    display:block;

    clear:both;

    visibility:hidden;

    height:0;

    overflow:hidden;

}



#busca {

	font: bold 15px arial;

	margin: 0 auto;

	text-align: left;

	position: absolute;

	top: 13%;

	left: 4%;

}



#busca input[type="text"] {

	font: normal 18px arial;

	width: 280px;

	height: 29px;

	border: 1px solid #2dc1d5;

	padding: 3px 0 0 0;

}



#busca input[type="image"] {

	vertical-align: -10px;

}

#busca img {

	vertical-align: -10px;

}



#logo {

    width: 340px;

	height: 126px;

    position: absolute;

    top: 30%;

    left: 5%;

}

#logo h1 a {

    width: 280px;

    height: 78px;

    text-indent: -9000px;

    margin:0 auto;

    overflow:hidden;

    float:left;

    display:block;

}



#submenu {

	background: url("../../../images/bg-menutop.png") no-repeat;

	text-align: center;

	width: 445px;

	height: 45px;

	position: absolute;

	bottom: 0;

	left: 20px;

}



#submenu ul {

	list-style: none;

	/* border-bottom: 1px solid #aaa;*/ 

	margin: 8px 0 0 20px; 

}



#submenu ul li { 

	display: inline;

	float: left;

	margin-right: 15px;

}



#submenu ul li a {

	/* visual do link */

	font: bold 15px verdana;

	color: #F0C405;

	text-decoration: none;	

}



#submenu ul li a:hover {

	text-decoration: underline;

}



#submenu .current a {

	background: #4b7c9e;

	color: white;

}



#programacao {

	position: absolute;

	width: 360px;

	height: 215px;

	top: 15.2%;

	left: 54.5%;

}



/*****************************/



/*

	Menu

*/



#menu {

	text-align: left;

	width: 158px;

	margin: 0 0 0 8px;

	padding: 0 0 10px 0;

	float: left;

	display: inline;

}

#menu span {

	font: bold 12px verdana;

	color: #186d7d;

	background-color: #c9c9c9;

	text-align: center;

	padding: 10px 0;

	display: block;

}

#menu ul {

	background-color: #c9c9c9;

	list-style: none;

	/* border-bottom: 1px solid #aaa; */

}

#menu ul li.item { 

	padding: 0 0 0 12px;

}



#menu ul li a {

	/* visual do link */

	font: bold 12px arial !important;

	color: #52858e;

	text-decoration: none;

	font: normal 12px Arial;

	margin: 5px 0 !important;

	padding: 2px 0;

	display: block;

}



#menu ul li a:hover {

	text-decoration: underline;

}



.current a {

	background: #4b7c9e;

	color: white;

}



/******************************/



/*****************************/



#conteudo { 

	width: 640px;

	float: right;

}

#conteudo:after{

    content:".";

    display:block;

    clear:both;

    visibility:hidden;

    height:0;

    overflow:hidden;

}



#conteudo-principal {

	width: 465px;

	float: left;

	text-align: left;

}



#conteudo-secundario { 

	width: 159px;

	float: right;

	background: #eee;

}





/*********************************************************/





#videos-destaque {

	background: #eee;

	margin: 0 0 6px 0;

	height: 140px;

}

.imagem-titulo { margin-bottom: 2px; display: block; }



#videos-destaque li {

	text-align: center;

	padding: 10px 0 0 0;

}



#videos-destaque p {

	font: normal 10px Arial;

}



#noticias-titulo {

	width: 86px;

	height: 31px;

	background: url("../../../images/titulo-noticias.png") no-repeat;

}



#noticias {

	background: #f5f5f5;

	margin: 0 0 10px 0;

	padding: 10px;



/*	float: left; */

}



#noticias a p {

	padding: 0 0 5px 0;

}



#noticias a b {

	color: #663300;

}



#noticias-conteudo ul li {

	margin-bottom: 10px;

}

#noticias-conteudo ul li:after { content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; }

#noticias h3 {

	color: #006699;

}

#noticias span {

	display: block;

	color: #aaa;

	margin: 0 0 10px 0;

}

#noticias img {

	float: left;

	margin: 0 10px 10px 0;

}

#fotos-destaque {
	background: #e8e8e8;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 10px;
}
#fotos-destaque:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}

#fotos-destaque p{
	font: bold 12px arial;
}
#fotos-destaque img {
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
}
#fotos-destaque li a{
	font: bold 12px arial;
	margin: 0 5px;
	float: left;
	display: block;
}
#fotos-destaque li a:hover{
	text-decoration: none;
}

/***************************************/


#rodape {

	font: bold 12px tahoma, sans-serif;

	color: #fff;

	width: 816px;

	height: 37px;

	background: url("../../../images/bg-rodape.png");

	border-left: 2px solid #194148; 

	border-right: 2px solid #194148;

	margin: 0 auto;

	display: block;

	clear: both;

}



#rodape a {

	font: bold 12px tahoma;

	color: #fff;

	margin: 5px;

}



#rodape address {

	font-style: normal;

	text-align: left;

	margin: 4px 8px;

	float: left;

}



#rodape #creditos {

	margin: 10px 8px;

	float: right;

}



/*****************************/



/*

 * outros estilizadores

 */



#selcorpo {

	font: normal 12px Arial, Verdana, Helvetica, sans-serif;

}

#selcorpo a {

	margin: 0 !important; 

	padding: 0 !important; 

}

#selcorpo h3 a{

	font: bold 18px arial;

	color: #11515d;

}

#internas {

	margin-right: 5px;

}

#internas #titulo-secao {

	margin-bottom: 10px;

    display: block;

}

#internas #titulo-secao h3 {

    border-bottom: 2px solid #11515D;

}

#internas #titulo-secao h3 a {

    font: bold 18px tahoma, Arial, Verdana, Helvetica, sans-serif;

    color: #11515D;

    text-align: left;

    margin: 10px 0 !important;

    display: block;

}

#central {
    font: normal 12px arial, tahoma, verdana, helvetica, sans-serif;
    text-align: left;
    width: 100%;
}

#central h3 {

	margin-bottom: 5px;

}

#central a {

    font: bold 12px tahoma, verdana, arial, helvetica, sans-serif;

    color: #000080;

    text-align: left;

}

#central a:hover {

    text-decoration: underline;

}

/*#central ul li{
    margin: 5px 10px 0 5px;
    padding-left: 10px;
}*/

#central img {

    margin: 0 5px 5px 0;

    float: left;

}

#central p {

    margin: 10px 10px 10px 5px;

}

#central p img {

    margin: 0 5px 5px 0;

}





/*

	Paginação

*/



#paginacao_editoria {

    width: 98%;

    height: 24px;

    background-color: #f5f5f5;

    border: 1px solid #ddd;

    margin: 10px 0;

}

#paginacao_editoria li{

	background: 0 !important;

	float: left;

}

#paginacao_editoria h4 {

    font: normal 10px arial;

    color: #b2b2b2;

    text-transform: uppercase;

    margin: 2px 0 !important;

}

#paginacao_editoria:hover {

    text-decoration:none;

}

#paginacao_editoria li span.paginacao_on{

    font: bold 12px arial, helvetica, sans-serif;

    color:#000;

    background-color: #ccc !important;

    border: 1px #000 solid;

    padding: 2px 5px 1px !important;

}

#paginacao_editoria li a.paginas {
	font: bold 12px arial, helvetica, sans-serif;
	color:#fff;
	background-color: #407EFF !important;
	border: 1px #000 solid;
	padding: 2px 5px 1px !important;
}

.paginacao-disable{

    font: bold 10px arial, helvetica, sans-serif;

    color:#ccc;

    text-decoration: none;

    text-transform: uppercase;

    background: 0;

    border: 1px solid #b2b2b2;

    margin: 2px !important;

    padding: 3px 5px 3px 0 !important;

    display:block;

}

.paginacao-disable img{

    margin: 1px 0 0 0 !important;

}

.paginacao-enable {
	font: bold 10px arial, helvetica, sans-serif !important;
	color:#036;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #bfd8ff;
	border: 1px solid #b2b2b2;
	margin: 2px !important;
	padding: 3px 5px 3px 0 !important;
	display:block;
}

.paginacao-enable a {

    font: bold 10px arial, helvetica, sans-serif !important;

    color:#cc0001 !important;

    text-decoration: none;

    text-transform: uppercase;

}

.paginacao-enable img{

    margin: 1px 0 0 0 !important;

}

.paginacao-enable:hover {

    text-decoration: underline;

}



/*

 * 

 * Lista notícias

 * 

 * 

 */



#lista-noticias {

	width: 98%;

	float: left;

	display: block

}

#lista-noticias ul li a{

	font: normal 11px arial, helvetica, sans-serif;

	background: 0;

	margin: 3px 0 0 !important;

	padding: 2px 2px 0 !important;

}

/* LEGENDAS */

.foto-legenda {float:left;margin-right:0.5em;}



/* LARGURA DAS LEGENDAS */

.larg-200 {width:200px;}



/* ALTURA DAS FOTOS DAS LEGENDAS */

.crop-158 a.crop-foto {height:158px;}

.crop-158 a.crop-foto:hover {height:152px;}



.destaque-evento {

	float: right;

	margin: 10px;

	border: 1px solid #ccc;

	padding: 2px;

	background-color: #fff;

}



.data {

    font: bold 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

    color: #AC3E48;

    margin-bottom: 5px;

    display: block;

}



/******* EVENTOS *******/



#descricao_evento {

	float: right;

	margin: 10px 10px 0 0;

}

#controles-eventos {

	padding:4px;

}

#controles-eventos h5{

	display:block;

	font-size:10px;

	color: #000;

	margin: 2px 0 15px 0;

}

#controles-eventos h5 a {

	font-size:12px;

	color: #000;

	text-decoration: none;

    background: url('../../../images/marcador.gif') no-repeat left 2px;

}

#controles-eventos h5 a:hover {

	text-decoration: underline;

}

#controles-eventos p{

	font: normal 12px Arial, Verdana, Helvetica, sans-serif;

	text-align: left;

	color:#000;

	margin: 15px 0 2px 0;

}

#controles-eventos p a {

	font-size:10px;

	color: #000;

	text-decoration: none;

}

#controles-eventos p a:hover {

	font-size:10px;

	color: #000;

	text-decoration: underline;

}



/*

 * 

 * Fotos

 * 

 * 

 */



.imagem-destaque {

	border: 2px solid #f00;

}



#fotos{

	text-align:left;

    border-top: 1px dashed #ddd;

	margin-bottom:5px;

	padding-top:1em;

	float:left;

	width:100%;

}

#fotos li{

	display:inline;

    width: 160px;

    height: 120px;

    background: #ccc url('../../../images/fundo_fotos.png');

    border: 1px solid #999;

	padding: 5px;

	margin: 5px;

    text-align: center;

	float: left;

}

#fotos li img {

	margin-bottom:10px;

}

#fotos b {

	display:block;

	padding: 0 3px 3px 30px;

}

#fotos a {

	font-size:10px;

	color: #000;

	text-decoration: none;

	width: 100px;

    margin: 0 auto !important;

	margin-bottom:10px;

    padding: 0 !important;

}

#fotos a:hover {

	font-size:10px;

	color: #000;

	text-decoration: underline;

	width: 100px;

}

#fotos_eventos {

	width: 160px;

    height: 140px;

    background: #eee url('../../../images/fundo_fotos.png');

    border: 1px solid #999;

	padding: 5px;

	margin: 5px;

    text-align: center;

	float: left;    

}

#fotos_eventos a {

    padding: 0 !important;

    margin: 0 !important;

}

#fotos_eventos img {

	margin-bottom: 5px;

    margin: 0 auto;

    float: none !important;

}

#fotos_eventos h5 {

	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

    margin-top: 10px;

    display: block;

}

#fotos_eventos a h5 {

	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

}

#fotos_eventos a h5:hover {

	text-decoration: underline;

}



/*

	Formulários

*/



.formulario {

	width: 100%;

    height: auto;

    background-color: #f5f5f5;

    margin: 5px 0 20px;

}

.formulario h1{

    font: bold 20px Arial, Verdana, Helvetica, sans-serif;

    color: #AC3E48;

    border-bottom: 1px dotted #000;

    text-align: left;

    margin: 5px;

    padding-bottom: 2px;

}

.formulario p{

	font: normal 12px Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	color:#000;

	margin: 7px;

}

.formulario p a{

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	color:#A41D17;

	margin: 0 !important;

	padding: 0 !important;

}

.formulario ul {

    text-align: left;

}

.formulario ul li {

    margin: 5px auto;

    padding: 8px 6px;

    float: left;

}

.formulario .small {

    font: normal 11px tahoma, Verdana, Arial, Helvetica, sans-serif;;

    color: #666666;

    margin-left: 5px;

}

.formulario ul li span#datanews {

    width: 34px;

    height: 29px;

    font: bold 10px Verdana, Arial, Helvetica, sans-serif;

    color: #fff;

    background: #47723e url('../../../images/bg_datanews.jpg') no-repeat;

    margin-right: 4px;

    padding-top: 5px;

    float: left;

}

.formulario ul li h5 {

    font: bold 11px Verdana, Arial, Helvetica, sans-serif;

    text-align: left;

}

.formulario ul li p {

    font: normal 12px Arial, Verdana, Helvetica, sans-serif;

    text-align: left;

    margin: 5px 0;

    padding: 0;

    display: block;

}

.formulario ul li span a {

    font: bolder 12px Arial, Verdana, Helvetica, sans-serif;

    display: block;

    text-align: right;

}



.formulario .botao_votar {

	font: bold 10px tahoma, Arial, Verdana, Helvetica, sans-serif !important;

	height: 20px;

	background-color: #c3c3c3;

	border: 1px solid #888;

	text-transform: none !important;

	margin: 7px auto !important;

}

.formulario fieldset {

	width: 60%;

	border: 0;

	background-color: #f5f5f5;

	text-align: left;

	margin: 0 auto;

	padding: 3px;

}

.formulario .user-msg {

	font: bold 12px tahoma, Arial, Verdana, Helvetica, sans-serif;

	margin: 20px 3px 0 3px;

	float: right;

	display: block;

}

.formulario ul li.mensagem {

    border-bottom: 1px solid #b2b2b2;

    margin: 0 5px;

}

.formulario ul li.mensagem a{

    font: normal 12px Verdana, Arial, tahoma, Helvetica, sans-serif;

}

.formulario ul li.mensagem a:hover{

    text-decoration: underline;

}

.formulario fieldset label{

	font: bold 11px tahoma;

	color: #555;

	padding: 3px;

	display: block;

}

.formulario fieldset input[type="text"] {

	width: 100%;

	height: 15px;

	margin-bottom: 3px;

	padding: 3px;

}

.formulario fieldset input[type="password"] {

	width: 130px;

	height: 17px;

	padding: 1px;

}

.formulario fieldset input[type="radio"] {

	margin: 2px;

	vertical-align: -3px;

}

.formulario .botao_resultado:hover {

	color: #fff;

	background-color: #999;

}

.formulario textarea {

	width: 100%;

	border: 1px solid #969696;

	margin-bottom: 2px;

	padding: 3px;

}

#progresso {

	font: bold 1em Arial;

	color: #fff;

	width: 100%;

	height: 14px;

	background: #888;

	text-align: center;

	margin-bottom: 5px; 

	padding: 3px 8px 3px 0;

}





/*

	Multimídia

*/

.titulo_midia {

	font: bold 14px "Lucida Sans Unicode", "Lucida Grande", tahoma, Verdana, arial, Helvetica, sans-serif;

	color: #EA690D;

    background: url(../../../images/video.gif) no-repeat left top;

	height: 32px;

    padding-left: 35px;

    padding-top: 8px;

    display:block;

}

.titulo_midia:hover {

    text-decoration: underline;

}

#videofloater{

	height: auto;

    margin: 5px 0 5px 5px;

}

.div-video {

	width: 300px;

}

#titulovideofloater{

	width:270px;

	float: right;

	margin: 0 auto;

}

#titulovideofloater a{

	font: bold 12px arial, tahoma, Verdana, Helvetica, sans-serif;

	color: #000;

	padding: 0 !important;

    display:block;

}



/*

	Vídeos

*/



#todos-videos {

	width: 100%;

	background-color: #fff;

	border: 1px solid #ccc;

    margin: 10px 15px 5px 0;

    padding: 5px 0 5px 8px;

    text-align: center;

	float: left;    

}

#todos-videos h3{

	color:#9F763B;

	font: normal 20px 'Trebuchet MS', Arial,Helvetica,sans-serif;

	text-align: left;

	letter-spacing:-1px;

	margin:3px;

	padding:3px;

}



#lista-videos {

    margin: 10px 15px 15px 5px;

    width: 85px;

    height: 130px;

    text-align: left;

	float: left;

	overflow: hidden;

}

#lista-videos a {

    padding: 0 !important;

    margin: 0 !important;

}

#lista-videos img {

	background: #fff;

	border: 1px solid #ccc;

    margin: 0 0 5px 0;

    padding: 2px;

    float: none !important;

}

#lista-videos h5 {

	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

    margin-top: 5px;

    display: block;

}

#lista-videos a h5 {

	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

}

#lista-videos a h5:hover {

	text-decoration: underline;

}



#videos {

	width: 420px;

	float: left;	

}

#video-principal {

	width: 102.5%;

	font: normal 12px arial, tahoma, Verdana, Helvetica, sans-serif !important;

	background-color: #f9f9f9;

	border: 1px solid #888;

	position: relative;

}



#video-principal h2{
	color:#066;
	font: normal 25px Arial,Helvetica,sans-serif;
	letter-spacing:-1px;
	margin:3px;
	padding:3px;
}

#video-principal h4{

	color:#11515d;

	font: normal 20px Arial,Helvetica,sans-serif;

	letter-spacing:-1px;

	margin:3px;

	padding:3px;

}

#video-principal h3{

	font: bold 1.6em arial, tahoma, Verdana, Helvetica, sans-serif;

	color: #11515d;

	margin: 5px;

}

#video-principal span {

	font: bold 14px arial, tahoma, Verdana, Helvetica, sans-serif;

	color: #555;

	margin: 5px;

}

#video-principal span a{

	font: normal 14px arial, tahoma, Verdana, Helvetica, sans-serif;

	color: #555;

	margin: 0 !important;

	padding: 0 !important;

}

#video-principal p, #video-principal p span{

	font: normal 12px arial, tahoma, Verdana, Helvetica, sans-serif !important;

	color: #000;

	/*padding: 0 3px;*/

}



/* Ferramentas vídeos */



#ferramentas-videos {

	width: 190px;

	margin: 0 3px;

	padding: 0 5px;

	float: right;

	display: inline;

}



 /* top vídeos */

#top-videos {

	width: 100%;

	background-color: #FAF3CB;

	padding: 5px;

}

#top-videos:after {

	content: ".";

	clear: both;

	height: 0;

	display: block;

	visibility:hidden;

	overflow: hidden;

}

.top{

	width: 100%;

 	border-bottom: 1px dotted #11515d;

 	line-height:19px;

	margin-bottom: 20px;

	padding: 0;

	float: left;

}

.top:hover{

	background-color: #FFF5BF;

}



.contaner-top-videos{

	width: 63%;

	padding: 0 !important;

	float: left;

}



#top-videos h4 {

	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;

	color: #11515d;

	text-transform: uppercase;

	letter-spacing:-1px;

	margin-bottom: 10px;

}

#top-videos h5{

	font: bold 12px arial, tahoma, verdana, helvetica, sans-serif;

	color: #5F5112;

	margin: 0 !important;

	padding: 0 !important;

}

#top-videos span {

	display: block;

	overflow: hidden;

}

#top-videos a{

	font: normal 11px tahoma, arial, verdana, helvetica, sans-serif;

	color: #5F5112;

	margin: 0 !important;

	padding: 0 !important;

}

#top-videos a span{

	margin: 2px 0;

	display: block;

}

#top-videos .top-categoria {

	font: normal 10px arial, tahoma, verdana, helvetica, sans-serif;

	color: #333;

	margin: 0 !important;

	display: block;

}



#top-videos a:hover{

	text-decoration: underline;

}



#top-videos p{

	font: normal 11px arial, tahoma, verdana, helvetica, sans-serif;

	color: #11515d;

}

#top-videos img{

	background-color: #fff;

	border: 1px solid #999;

	margin: 0 0 3px 3px;

	padding: 3px;

	float: right;

}



#top-videos img:hover {

	border: 1px solid #333;

}



/* informações sobre o vídeo */



#info-video {

	width: 100%;

	background: #006699 url('../../../images/bg_video_nfo.gif') repeat-x;

	padding: 5px;

}



#info-video h4 {

	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;

	color: #fff;

	text-transform: uppercase;

	margin-bottom: 10px;

}

#info-video h5{

	font: normal 12px arial, tahoma, verdana, helvetica, sans-serif;

	color: #fff;

	margin: 0 !important;

	margin-bottom: 5px;

	padding: 0 !important;

}

#info-video span {

	font: normal 12px arial, tahoma, verdana, helvetica, sans-serif;

	color: #fff;

	display: block;

	overflow: hidden;

}

#info-video a{

	font: normal 11px tahoma, arial, verdana, helvetica, sans-serif;

	color: #fff;

	margin: 0 !important;

	padding: 0 !important;

}

#info-video a span{

	margin: 2px 0;

	display: block;

}



#info-video a:hover{

	text-decoration: underline;

}



#info-video p{

	font: normal 11px arial, tahoma, verdana, helvetica, sans-serif;

	color: #11515d;

}

#info-video img{

	background-color: #fff;

	border: 1px solid #999;

	margin: 0 0 3px 3px;

	padding: 3px;

	float: right;

}



/* video tools */

#video-tools {

	width: 100%;

	background: #006699 url('../../../images/bg_video_tools.gif') repeat-x;

	margin-top: 10px;

	padding: 5px;

}

#video-tools h4 {

	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;

	color: #fff;

	text-transform: uppercase;

	margin-bottom: 10px;

}



#video-tools img{

	margin: 0 5px 3px 3px;

	float: left;

}

#video-tools a {

	color: #fff;

	margin: 0 !important; 

	padding: 5px;

	display: block;

}

#video-tools a:hover {

	background-color: #576FAF;

	text-decoration: underline;

}

#rate {

	padding: 3px;

	float: right;

}



#lights {

	color: #fff;

	width: 420px;

	background-color: #555;

	position: relative;

}

#lights a {

	color: #fff;

	display: block;

}

#lights a:hover {

	text-decoration: underline;

}

#lights .lightSwitcher {

	background:url('../../../images/light_bulb_off.png') no-repeat left; 

	padding: 5px 0 5px 20px; 

	outline:none; 

	text-decoration:none;

	position:relative; 

	z-index:101;

}

#lights .lightSwitcher:hover {

	text-decoration:underline;

}

#shadow {

	background:url('../../../images/shade1x1.png'); 

	position:absolute; left:0; top:0; width:100%; z-index:100;

}

#lights .turnedOff {

	color:#ffff00; 

	background:url('../../../images/light_bulb.png') no-repeat left;

	padding: 5px 0 5px 20px; 

	outline:none; 

	text-decoration:none;

}

/* video share */

#video-share {

	width: 100%;

	background-color: #fff;

	border: 1px solid #888;

	margin-top: 10px;

	padding: 5px 4px;

}

#video-share h4 {

	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;

	color: #11515d;

	text-transform: uppercase;

	margin-bottom: 10px;

}

#video-share ul li {

	margin-bottom: 5px;

}

#video-share ul li a {

	padding: 2px;

	display: block;

}



#video-share ul li a:hover {

	background-color: #f5f5f5;

	text-decoration: none !important;

}

#video-share ul li a img{

	vertical-align: -3px;

}

/***************************************************/



/*

	Comentários

*/



#comentarios {

	font: normal 12px arial, tahoma, Verdana, Helvetica, sans-serif !important;

	background-color: #eee;

	border: 1px solid #888;

	margin-top: 10px;

	padding: 5px;

}

#comentarios h3 {

	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;

	color: #11515d;

	text-transform: uppercase;

	margin-bottom: 10px;

}

#comentarios a {

	margin: 0 !important;

	padding: 0 !important;

}

#comentarios fieldset {

	padding: 0;

}

#comentarios fieldset label{

	font: bold 11px tahoma;

	color: #555;

	padding: 3px 1px;

	display: block;

}

#comentarios fieldset input[type="text"] {

	font: normal 12px arial;

	width: 98%;

	height: 18px;

	border: 1px solid #555;

	margin-bottom: 5px;

	padding: 1px;

}

#comentarios fieldset textarea {

	width: 98%;

	height: 150px;

	border: 1px solid #555;

	margin-bottom: 5px;

	padding: 1px;

}

#comentarios input[type="submit"] {

	font: bold 13px arial;

	color: #fff;

	text-transform: uppercase;

	background-color: #333; 

	border: 3px solid #999;

	padding: 5px;	

}

#comentarios input[type="submit"]:hover {

	background-color: #999; 	

}

#comentarios small {

	font: normal 11px arial;

	color: #11515d;

}

.commentlist {

	margin: 10px 0;

	font-size: 12px;

}

.commentlist:after {

	content: ".";

	visibility: hidden;

	height: 0;

	overflow: hidden;

	display: block;

	clear: both;

}



.commentlist li {

	border-bottom: 1px dashed #999;

	margin-top: 10px;

	padding: 3px 3px 0;

}

.commentlist li p {

	font-size: 12px;

	padding: 10px 0;

	clear: both;

	line-height:18px	

}

.commentlist li img {

	border: 3px solid #11515d;

	margin: 0 3px 3px 0;

	float: left;

}

.commentlist cite {

	font: bold 20px arial;

	color: #015F00;

	padding: 0 10px;

}



.commentlist cite a {

	font: bold 20px arial !important;

	color: #015F00;

	padding: 0 10px;

}

.commentlist cite a:hover {

	text-decoration: underline;

}



.commentmetadata {

	padding: 10px;

}



a.gravatar {

	float:left;

	margin:10px 15px 20px 0;

	width:80px;

}

.data {

    font: bold 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

    color: #810D0E;

    display: block;

}

#sucesso {

    background: #E2FFDF url(../../../images/sucesso.gif) no-repeat 10px 50%;

    font: bold 11px Tahoma;

    padding: 10px 10px 10px 40px;

    margin: 5px 5px 8px 5px;

    border: #4DB235 1px dashed;

}

#erro {

    background: #f3cdcd url(../../../images/erro.png) no-repeat 10px 50%;

    font: bold 11px Tahoma;

    padding: 10px 10px 10px 40px;

    border: #FF4F53 1px dashed;

    margin: 5px 5px 8px 5px;

}

#dicas {

    background: #E0ECFF url(../../../images/info.gif) no-repeat 10px 50%;

    font: normal 11px Tahoma;

    padding: 10px 10px 10px 35px;

    margin: 5px 5px 8px 5px;

    border: #0063FF 1px dashed;

}

#banner {

	margin: 10px auto;

}

#banner:after{

    content:".";

    display:block;

    clear:both;

    visibility:hidden;

    height:0;

    overflow:hidden;

}

#banner img {

	text-align: center !important;

	margin: 0 auto;

}