@charset "iso-8859-1";
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background:#006599 url(../img/layout/bg_body.jpg) repeat-x;
	color: #333;
	font-size: 12px;
	padding:20px 0 40px 0;
}

.topo {width:100%; height:232px; background:#FF6600 url(../img/layout/topo.jpg) no-repeat; width:100%; margin:0;}

.banner_topo {widt:; height:; position:absolute; left:411px; top:57px;}
#flash {widt:; height:; position:absolute; left:411px; top:57px;}

#relogio {position:absolute; margin-left: 244px; top:56px; color:#fff;}

/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#f2f2f2;
	border:2px solid #fff;
	border-bottom:1px solid #fff;
	width:958px;
}

#semborda {border:none;}
#tudo {padding:0; margin:0; width:100%;}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box, .box1,.box2, .box3, .box4, .box5 {
	overflow:hidden;
	margin-left:-1px;
	border-left:1px solid #000;
	padding:0;
}

.box {
	background: url(../img/layout/fn_box.jpg) top repeat-x;
}

.box1 {
	background: url(../img/layout/fn_box1.jpg) top repeat-x;
}

.box2 {
	background: url(../img/layout/fn_box2.jpg) top repeat-x;
}

.box3 {
	background: url(../img/layout/fn_box3.jpg) top repeat-x;
}

.box4 {
	background: url(../img/layout/fn_box4.jpg) top repeat-x;
}

.box5 {
	background: url(../img/layout/fn_box5.jpg) top repeat-x;
}

.box h2, .box1 h2,.box2 h2, .box3 h2, .box4 h2, .box5 h2 {
	display:block;
	color:#fff;
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	background:#FF6600;
	margin:0;
	padding:6px 12px;
	text-align:center;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
}

.block {
	padding-top:10px;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}



/* Rodape
----------------------------------------------- */
#rodape .box {
	color:#fff;
	background:#CCCC00;
	margin:0 0 0px 0;
	width:100%;
	height:40px;
}

#rodape .box p {text-align:center; padding:10px; color:#000; font-size:100%;}


/* MENU VERTICAL
---------------------------------------*/
#menu {border-right:1px #333 solid;}	
	#opt {	
	display:block;
	padding:4px 0 6px 8px;
	margin:0px 0 0 0;
	text-indent:8px;
	color:#fff;
	background:#FF6600;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	cursor:default;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	}
		
	.menu ul{margin:0 0 0 0; list-style:none; width:100%;}
	.menu ul li {margin:0; padding:0; list-style:none; background-color:#ddd; border-bottom:1px solid #ccc;}
		.menu ul li:hover {background:#333;}
	.menu ul li a {
	display:block;
	padding:4px 4px 4px 30px;
	margin:0;
	color:#003333;
	text-decoration:none;
	font-size:100%;
}

.menu li a:hover {
	color:#fff;
}


/* MENUS HORIZONTAL
---------------------------------------*/

.menu_horizontal{
position:absolute;
margin:-26px 0 0 250px;
z-index:2;
font-weight: bold;
font-size:110%;
width:700px;
}

.menu_horizontal ul{
text-align:left; /*set value to "left", "center", or "right"*/
color:#ccc;
}

.menu_horizontal ul li{
display: inline;
margin:10px;

}

.menu_horizontal ul li a{
color:#000;
text-decoration: none;
padding:0 0.5% 0 0.5%;
letter-spacing:0;
}

.menu_horizontal ul li a:hover, .menu_horizontal ul li a.selected{
border-bottom: 4px solid #FF6600;
color:#FF6600;
}

/* Destaque
--------------------------------------*/

.destaque img {border:1px solid #333; width:260px; height:200px;}

/*Vdeos*/
.programa h2 {background:#333333;} 
.programa img {border:1px solid #333; width:265px; height:200px;}

/* Cobertura
---------------------------------------*/
.cobertura {
color:#333;
height:210px;
}
.cobertura h2 {background:#006666;}
.cobertura h3 {font-size:120%; text-align:center;}

.cobertura a{
	display:block;
	width:15%;
	float:left;
	margin-left:1%;
	font-size:80%;
	font-weight:normal;
	margin-top:8px;
	height:134px;
	overflow:hidden;
}

.cobertura a:hover{
	text-decoration:none;
}

.cobertura a img{
	border:solid 2px #000;
	width:88px;
	height:70px;
}


.cobertura a:hover img{
	border:solid 2px #FF6600;
}


.cobertura a em{
	display:block;
	font-size:10px;
	font-weight:700;
	text-align:left;
}

.cobertura a:hover em{
	text-decoration:underline;
}

#mais_coberturas {display:block; width:200px; text-align:center; font-size:120%; font-weight:bold; border:1px solid #333; padding:4px 0 0 0;}

/* Notcias
---------------------------*/

#noticia h2 {background:#336699;}

#noticia h4 {
	font-size:100%;
	padding:8px;
	margin:0;
	background:#E1E1E1;
	border-bottom:1px dotted #333;
}

#noticia h4:hover {
	background:#FF9900;
}
#noticia hr {margin:0; padding:0;}
.noticia { margin:0; padding:5px 20px 20px 20px;}

.noticia h3 a {
	font-size:80%;
	color:#003366;
}

.noticia h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.noticia a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.noticia a.image:hover {
	border:1px solid #666;
}
.noticia a.image img {
	float:left; 
}

/*cinema
--------------------------------------*/
.cinema h2 {background:#FFCC00;}
.cinema a img { margin:8px auto 0 auto; border:2px solid #333; height:; width:160px;}
.cinema a:hover img { border:2px solid #FFCC00;}
.cinema a h3 {font-size:110%; text-align:center; color:#006699;}
.cinema a:hover h3 {font-size:110%; text-align:center; color: #003366;}
.cinema p {margin:1em;}

/* Enquete
---------------------------------------*/
#enquete h2 {}
#enquete p {font-size:140%; font-weight:bold; text-align:center; margin:10px;}
#enquete form {margin:0 0 20px 20px;}
#enquete form #botao {background:#FF6633; color:#fff; padding:4px 20px 4px 20px; border:1px solid #666; cursor:pointer;}
#enquete form #botao:hover {background:#333;}
#enquete label {font-weight:bold;}


/* Mural
--------------------------------*/

#mural_form {margin:10px 10px;}
#mural_form form label {font-weight:bold;}
#mural_form form p {margin:1px; padding:0;}
#limpar, #enviar {background:#FF6600; border:1px solid #333; padding:4px; cursor:pointer; font-weight:bold; color:#fff;}
#limpar:hover, #enviar:hover {background:#333333; color:#fff;}


#recados {
height:246px;
overflow:hidden;
}

#recados blockquote em {color:#FF6600; font-weight:bold;}
#recados blockquote {color:#fff; border-bottom:1px dotted #999; border-left:none; font-size:12px; padding:8px; background:#333333;}


/*Making off
--------------------------------*/
.making_off h2 {background:#FF3366;}
.making_off a img {margin:0; padding:0; width:170px; height:350px;}

/*publicidade_sempre_visvel
--------------------------------*/
.publicidade a {margin:0; padding:0;}
.publicidade a img {margin:0; padding:0; width:120px; height:250px;}


/* Conteudo */
.conteudo h2 {margin-bottom:40px;}
.conteudo h3 {margin-left:54px;}
.conteudo {padding:0}
.conteudo p {padding:5px 20px 2px 20px; text-indent:3em;}
.conteudo img {padding:10px;}