@charset "iso-8859-1";
/* CSS Document */
* {outline:none; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none; line-height:18px; text-align:justify;}
body, html, div, h1, h2, h3, h4, h5 { margin:0; padding:0; text-indent:0; font-size:12px; text-decoration:none;}

/*CABECALHO
div#topogeral {width:100%; height:41px; background:url(../imgsite/hotsite/fnd_topogeral.jpg) repeat-x left top; ove rflow:hidden;}
div#topo {width:1000px; height:41px; position:relative; backgr ound:url(../imgsite/fnd_topo.jpg) no-repeat left top; margin:0 auto;}
div#topo h1 {width:126px; height:122px; background:url(../imgsite/logo.png) no-repeat left top; position:absolute; top:0px; left:6px;}
#topo h1 a{
	width:126px; height:122px; display:block; text-indent:-2000px;
	background-image:url(../imgsite/logo.png) !important;
	background-image:none;
	background-repeat:no-repeat;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://coruja/p/hidromar/web/imgsite/logo.png', sizingMethod='scale');
}

div#topo ul#menutopo {width:auto; height:20px; overflow:hidden; list-style:none; margin:0; padding:10px 0 0 130px;}
div#topo ul#menutopo li {width:auto; height:20px; float:left; padding:0 15px;}
div#topo ul#menutopo li a {width:auto; height:20px; color:#000; font-size:13px; font-weight:bold; text-decoration:none;}
div#topo ul#menutopo li a:hover {color:#555;  text-decoration:none;}
div#topo form {position:absolute; right:0px; top:10px;}
div#topo form input {border:1px solid #8d4d19;}
div#topo form input#inputbuscar {width:160px; height:16px;}
div#topo form input#inputenviar {width:63px; height:20px; background-color:#a85c1e; color:#FFF; font-size:13px; font-weight:bold; cursor:pointer;}*/



div#faixageral {width:100%; height:112px; overflow:hidden;}
div#faixageral div#faixa {width:780px; margin:0 auto;}


/*CONTEUDO*/
div#conteudogeral { width:100%; height:auto; background-color:#FFF;}
div#conteudo { width:790px; height:auto; position:relative; margin:0 auto; border-left:1px solid #000; border-right:1px solid #f3f3f3; overflow:hidden; }
div#conteudo div#conteudoesquerda { width:150px; height:auto; letter-spacing:0.02em; float:left}
div#conteudo div#conteudodireita { width:620px; height:auto; padding-top:33px; color:#000; float:left; }
/*Esquerda*/
div#conteudoesquerda h3.titulomenu { margin:30px 0 10px 0; color:#000; font-size:1.3em; text-indent:13px; text-decoration:none;}
div#conteudoesquerda ul#menuprogramas { width:130px; height:auto; margin:0; padding:0; list-style:none; text-decoration:none;}
div#conteudoesquerda ul#menuprogramas li { width:130px; height:34px; background:url(../imgsite/fnd_limenuprogramas.jpg) no-repeat left bottom; text-decoration:none;}
div#conteudoesquerda ul#menuprogramas li a { width:130px; height:34px; line-height:30px; display:block; color:#000; font-size:12px; text-decoration:none; text-indent:14px;}
div#conteudoesquerda ul#menuprogramas li a:hover { color:#000; text-decoration:none; background:url(../imgsite/fnd_limenuprogramashover.jpg) no-repeat left bottom;}
div#conteudoesquerda img.banneresq { margin:5px 0 9px 5px; text-decoration:none;}
/*Direita*/
div#conteudodireita div#pub { width:150px; background-color:#0F9; margin:0 0 0 150px;}
div#conteudodireita div#banner { width:400px; height:150px; float:left; background:#F0F}
div#conteudodireita h4.h4video { margin:10px 0; font-size:12px; color:#000;}
div#conteudodireita p.pvideo { color:#000; font-size:12px;}

div#conteudoditeira .datavideo{color:#999; font-size:0.75em; text-align:center;}

div#conteudodireita div#patrocinadores { width:660px; height:auto; margin:5px auto; text-align:center; padding-bottom:40px;}
div#conteudodireita div#patrocinadores img { margin:0 3px 3px 0; padding:0;}
div#conteudodireita div#patrocinadores a { text-decoration:none; font-size:12px; font-weight:bold;}
div#conteudodireita div#patrocinadores a:hover { text-decoration:underline;}

div#conteudodireita ul#menu { width:1000px; height:45px; margin:0px; padding:0px 0 0 0px; list-style:none;}
div#conteudodireita ul#menu li { width:auto; height:45px; line-height:45px; float:left; padding:0 15px;}
div#conteudodireita ul#menu li a { text-decoration:none; color:#000;}
div#conteudodireita ul#menu li a:hover { text-decoration:underline;}

div#conteudodireita ol#olcomentarios { list-style:none; margin:20px 0; padding:0px; display:none;}
div#conteudodireita ol#olcomentarios li { border-top:1px solid #333; padding:10px 0;}
div#conteudodireita ol#olcomentarios li small { color:#AAA;}

div#conteudodireita div#player { width:487px; height:388px; float:left; margin:0 20px 20px 0;}

div#conteudodireita div#semanas { overflow:hidden; color:#333;}
div#conteudodireita div#semanas table td { border-left:1px solid #f58220;}
div#conteudodireita div#semanas table td:hover { background-color:#cacaca;}
div#conteudodireita p.dataatual { font-size:12px; color:#000; text-align:center;}
div#conteudodireita table#grade { font-size:18px; margin-top:20px;}
div#conteudodireita table#grade tr { height:35px; line-height:35px; }
div#conteudodireita table#grade td.gradehora {color:#666;font-size:18px;padding-left:30px;}
div#conteudodireita table#grade td.gradeprograma a {color:#000;font-size:18px;}
div#conteudodireita table#grade td.gradeprograma a:hover {color:#f58220; font-size:18px;}


div#conteudodireita table#tblcomentario { fl oat:left; color:#333; font-size:12px; }
div#conteudodireita table#tblcomentario textarea { width:100%; margin-bottom:20px;} 
div#conteudodireita table#tblcomentario input { margin-bottom:20px;}
div#conteudodireita table#tblcomentario input#submit { flo at:right; margin:0px;}
div#conteudodireita table#tblcomentario a { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}

/*############################################ RODAPE ###############################################################################*/
div#rodapegeral { width:100%; height:221px; background:url(../imgsite/fnd_rodape.jpg) repeat-x left top; }
div#rodape { width:780px; height:221px; margin:0 auto; overflow:hidden; font-size:10px;}

div#rodape div#logos {width:160px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left;}
div#rodape div#programacoes {width:240px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left; font-size:10px;}
div#rodape div#comercial {width:120px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left; font-size:10px;}
div#rodape div#institucional {width:120px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left; font-size:10px;}
div#rodape div#endereco {width:160px; height:221px; float:left; font-size:10px; overflow:hidden;}
div#rodape div#endereco address {font-size:10px; margin:15px 0 0 20px; padding:0; line-height:15px; font-style:normal;}

.menurodape { width:auto; height:221px; list-style:none; padding:0; margin:15px 0 0 20px; font-size:10px;}
.menurodape li { width:103px; float:left; font-size:10px}
.menurodape li a { width:103px; display:block; font-size:10px; text-decoration:none; color:#000; line-height:normal;}
.menurodape li a:hover { text-decoration:underline; font-size:10px;}

/*##############################################################################*/
/*Internas*/
ul.ulgrande { margin:0px; padding:0px; list-style:none}
ul.ulgrande li { margin:20px; border-bottom:1px solid #000; padding-bottom:20px;}
ul.ulgrande li a.titulo { text-decoration:none; color:#FF5500; font-weight:bold;}
ul.ulgrande li a.titulo:hover { text-decoration:underline;}
ul.ulgrande li p { color:#000;}

/*Paginação*/
#pgatual { color:#f58220;}
.paginacao { color:#000; text-align:right; font-weight:bold; font-size:12px; line-height:16px;}
.paginacao a { color:#000;}

/*#################### ORGANIZADO #############################*/


/*############################# CABECALHO ###############################################*/
div#topogeral {width:100%; height:80px; background:url(../imgsite/repeticao-topo.jpg) repeat-x left top; overflow:hidden;}
div#topo {width:780px; margin:0 auto;height:80px;}
/*div#mh1 h1 {width:76px; height:70px; position:absolute; top:6px; left:150px;}
div#mh1 h1 a {width:76px; height:82px; display:block; margin-top:-10px;}*/
div#topo h1#logo { float:left; background:url(../imgsite/topo-logo-final.jpg) no-repeat left top; width:302px; height:80px}
ul#menutopo {width:470px; height:20px; list-style:none; margin:0 0 0 -150px; padding:40px 0 0 0; overflow:hidden; float:left; }
ul#menutopo li {width:auto; height:20px; float:left; padding:0 12px 0 0; text-decoration:none;}
ul#menutopo li a {width:auto; height:20px; color:#000; font-size:12px; font-weight:bold; text-decoration:none;}
ul#menutopo li a:hover { text-decoration: underline;}
/*############################################################################################################*/

/*#################### BUSCA TOPO ###################################*/
form#busca { width:158px; float:left; margin:40px 0 0 0;}
form#busca input {border:1px solid #8d4d19; margin-top:-10px}
form#busca input#inputbuscar {width:90px; height:16px;}
form#busca input#inputenviar {width:60px; height:20px; background-color:#a85c1e; color:#fff; font-size:10px; font-weight:bold; cursor:pointer;}
/*##################################################################*/

/*###################### IMAGENS E TEXTO DOS VIDEOS NA HOMEPAGE ########################################################*/
div#conteudodireita ol#olvideos { width:600px; height:auto; margin-left:20px; list-style:none; padding:0; overflow:hidden;}
div#conteudodireita ol#olvideos li { width:290px; height:auto; float:left; margin:0 10px 38px 0;}
div#conteudodireita ol#olvideos li img { border:1px solid #000; margin-right:15px;}
div#conteudodireita ol#olvideos li img:hover { border:1px solid #fff;}
div#conteudodireita ol#olvideos li h5 { color:#D50; font-size:1.1em; text-align:left;}
div#conteudodireita ol#olvideos li p.formatatex { width:150px; float:left; margin:0; font-size:1em;text-align:left}
div#conteudodireita ol#olvideos li a:hover { color:#999999;}
div#conteudodireita ol#olvideos li a { color:#000;}

/*########################################################################################################################*/

/*######################### IMAGENS E TEXTO DOS VIDEOS NAS PAGINAS INTERNAS ########################################################*/
div#conteudodireita ol#olvideosinterna { width:780px; height:auto; margin-left:20px; list-style:none; padding:0; overflow:hidden;}
div#conteudodireita ol#olvideosinterna li { width:152px; height:auto; float:left; margin:0;}
div#conteudodireita ol#olvideosinterna li img { border:1px solid #000; margin:0 25px;}
div#conteudodireita ol#olvideosinterna li img:hover { border:1px solid #ff891f;}
div#conteudodireita ol#olvideosinterna li h5 { color:#000; font-size:1.1em; color:#D50; text-align:left}
div#conteudodireita ol#olvideosinterna li h5:hover { text-decoration:underline;}
div#conteudodireita ol#olvideosinterna li span { color:#000; font-size:1em; padding-left:0; width:120px;}
div#conteudodireita ol#olvideosinterna li span:hover { color:#AAA;  }
div#conteudodireita ol#olvideosinterna div.livideo { overflow:hidden;}

/*########################################################################################################################*/

/*######################################### CLASSES GERAIS / TITULOS E TAGS DE TEXTO ############################################*/
.titulos { font-size:1.4em; color:#000; background:url(../imgsite/arco.jpg) no-repeat right top; display:inline; padding:10px 30px 0 0;}
.amarelo { color:#000; font-size:1.1em; width:100%; display:block; padding:3px 0; font-weight:normal; text-decoration:none; font-weight:bold}
.amarelo:hover { color:#000; font-size:1.1em; width:100%; display:block; padding:3px 0; font-weight:normal; text-decoration:underline; font-weight:bold}
.amarelo2 { color:#000; font-size:1.1em; width:100%; display:block; padding:3px 0; font-weight:normal; text-decoration:none; font-weight:bold}
.amarelogrande { color:#000; font-size:1.1em;}
.branco { color:#333; font-size:1em;}
.hr { width:660px; height:2px; background:url(../imgsite/hr.jpg) no-repeat left top; margin:15px 0 15px -10px; }
.hr2 { width:660px; height:2px; background:url(../imgsite/hr.jpg) no-repeat left top; margin:10px 0 10px -40px; }
.hrmenor { width:660px; height:2px; display:block; background:url(../imgsite/hr.jpg) no-repeat left top; border:0; margin:15px 20px; color:#ff891f;}
.videogrande { padding:2px; border:1px solid #000;}
.videogrande:hover { padding:0px; border:3px solid #fff;}
.titulorodape {font-size:12px; font-weight:bold; display:block; margin:37px 0 0 18px;}
.voltar { width:10px; display:inline-block; height:14px; background:url(../imgsite/voltar.jpg) no-repeat left top; text-indent:2000px; overflow:hidden;}
.avancar { width:10px; display:inline-block; height:14px; background:url(../imgsite/avancar.jpg) no-repeat left top; text-indent:2000px; overflow:hidden;}
.mais { display:block; text-align:right; font-size:12px; font-weight:normal; color:#FF5500; text-decoration:none;}
.laranja { color:#f58220; font-size:12px;}
.arco { font-size:12px; color:#000; background:url(../imgsite/arcomenor.jpg) no-repeat right top; display:inline; padding:10px 15px 0 0; font-weight:bold;}
/*##############################################################################################################################*/

/*######################################## CLASSE ##############################################*/
#videoinfo{float:left; margin-left:23px;}
#videoinfo p{ color:#999999; font-size:0.8em; margin:0px 0 0 0; padding:0;}
#videos{float:left; margin-top:10px;}
/*##############################################################################################*/

/*######################### FORMULARIOS PARA CONTATO ########################################################*/
.login { border:none; margin:40px 0 0 50px; padding:0; width:450px;}
.login .msg1 { border:solid 1px #333; padding:2px; height:83px; float:left; width:270px; display:block;}
.msg { height:80px; width:269px; border:0; }
.login label { height:20px; width:150px; line-height:20px; padding:2px 15px 2px 2px; font-size:12px; clear:both; text-align:right; margin:0 0 10px 0;color:#333; float:left;}
.login span { float:left; height:23px; width:270px; margin:0 0 10px 0;  padding:2px;}
.login .dados { border:solid 1px #fff; padding:2px; height:20px; float:left; width:270px; display:block; } 
#btt { float:right; width:113px; }
.frmmd { border:solid 1px; width:270px; height:20px; clear:both;}
/*##############################################################################*/


/*############################################ RODAPE ###############################################################################*/
div#rodapegeral { width:100%; height:221px; background:url(../imgsite/fnd_rodape.jpg) repeat-x left top; }
div#rodape { width:780px; height:221px; margin:0 auto; overflow:hidden; font-size:10px;}

div#rodape div#logos {width:160px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left;}
div#rodape div#programacoes {width:240px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left; font-size:10px;}
div#rodape div#comercial {width:120px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left; font-size:10px;}
div#rodape div#institucional {width:120px; height:221px; background:url(../imgsite/fnd_divrodape.jpg) no-repeat right top; float:left; font-size:10px;}
div#rodape div#endereco {width:140px; height:221px; float:left; font-size:10px; overflow:hidden;}
div#rodape div#endereco address {font-size:10px; margin:15px 0 0 20px; padding:0; line-height:15px; font-style:normal;}

.menurodape { width:auto; height:221px; list-style:none; padding:0; margin:15px 0 0 20px; font-size:10px;}
.menurodape li { width:103px; float:left; font-size:10px}
.menurodape li a { width:103px; display:block; font-size:10px; text-decoration:none; color:#000; line-height:normal;}
.menurodape li a:hover { text-decoration:underline; font-size:10px;}

/*##############################################################################*/