/* INÍCIO RESET CSS  */
html, body, div, span, applet, object, table, iframe, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
	border-width:0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    color: black;
}
ol, ul {
    list-style:circle;
}
li {
	margin:10px 0 10px 30px;	
}
table {
    border-collapse: separate;
    border-spacing: 0;
	vertical-align:top;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
	vertical-align:top;	
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* FIM RESET CSS  */

/* ----------------------------------------------------------------------- */

/* --- CORPO HTML ----------------- */
html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Tahoma, Verdana,sans-serif;
	font-size:84%;
	color:#444;
	line-height:1.4em;
	background:url(../imagens/background.jpg) repeat-x;
}

/* --- ESTRUTURA ----------------- */
#topo, #painelSuperior, #painelSuperiorTitulo, #conteudo, #rodape {
	width:980px;
	margin:0 auto;
	padding:0;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	background-color:#fff;
}

/* TOPO DO SITE */
#topo {
	padding:0 0 5px 0;
	text-align:center;
	background:url(../imagens/background-topo.png) #fff 0px 0px no-repeat;
}
#menu {
	width:100%;
	height:25px;
	padding-top:5px;
	margin:0 auto;
	text-align:center;
}
.menuItens {
	margin:0 5px 0 5px;
	float:left;
	font-size:11px;
	letter-spacing:0;
}
.menuItensSeparador {
	margin:2px 0 0 0;
	width:1px;
	height:15px;
	border-right:solid 1px #c0c0c0;
	float:left;
}
#logoTvFacopp {
	float:left;
	margin:15px 0 0 20px;
}
#busca {
	width:456px;
	height:49px;
	float:left;
	margin:30px 0 0 60px;
	background:url(../imagens/background-busca.png) no-repeat;
}
.buscaInput {
	width:377px;
	height:28px;
	float:left;
	margin:8px 0 0 16px;
	font-size:22px;
	color:#c0c0c0;
	border:0;
}
.buscaInput, .buscaInput:focus {
	border:0;
	padding:1px;
}
.buscaBotao {
	width:38px;
	height:35px;
	margin:4px 0 0 21px;
	cursor:pointer;
}
#logoUnoeste {
	float:left;
	margin:30px 0 0 55px;
}
/* ----- */

/* PAINEL SUPERIOR DE VÍDEOS */
#painelSuperior {
	height:345px;
	padding-top:15px;
	background-image:url(../imagens/background-painel-superior.jpg);
}
#painelSuperiorNavAnterior, #painelSuperiorCentro, #painelSuperiorNavProximo {
	height:340px;
	float:left;
}
#painelSuperiorNavProximo {
	width:95px;
	height:210px;
	padding-top:130px;
	text-align:center;
}
#painelSuperiorNavAnterior {
	width:95px;
	height:210px;
	padding-top:130px;
	text-align:center;
}
#painelSuperiorCentro {
	width:780px;
}
.painelSuperiorBlocos {
	float:left;
	width:360px;
	padding:0 10px 0 20px;
}
.painelSuperiorLegenda {
	display:table-cell;
	width:350px;
	height:50px;
	vertical-align:middle;
	line-height:15px;
	text-align:center;
}
.painelSuperiorVideo {
	background-image:url(../imagens/borda-video.png);
	width:317px;
	height:232px;
	padding:15px;	
}
#painelSuperiorTitulo {
	height:46px;	
}
/* ----- */

/* CONTEÚDO ABAIXO DO PAINEL SUPERIOR DE VIDEOS */
#conteudo {
	min-height:300px;
	height:auto;
}
#conteudoEnquete {
	background-image:url(../imagens/background-enquete.jpg);
	width:320px;
	height:200px;
	padding:15px 15px 15px 15px;
	text-align:left;
	font-size:11px;
}
.conteudoItensMenu {
	width:280px;
	min-height:70px;
	height:auto;
}
#conteudoEsquerda {
	width:520px;
	padding:0 20px 5px 20px;
	float:left;
}
#conteudoDireita {
	width:390px;
	padding:0 20px 5px 0;
	float:left;
	margin-left:10px;
}
.conteudoRevista {
	padding:0 20px 5px 20px;
}
.itemMeusVideos
{
	float:left;
	width:145px;
	height:140px;
	border:solid 1px #c0c0c0;
	background-color:#f0f0f0;
	padding:7px 3px 5px 3px;
	margin:5px;
	text-align:center;
	font-size:11px;
}
#conteudoDireitaProgramaEdicoes {
	width:100%;
	min-height:200px;
	height:auto;
	text-align:left;
}
.itemEdicoes {
	float:left;
	width:108px;
	height:115px;
	border:solid 1px #c0c0c0;
	background-color:#f0f0f0;
	padding:7px 3px 5px 3px;
	margin:5px;
	text-align:center;
	font-size:11px;
	line-height:13px;
}

#rodape {
	text-align:left;
	border-bottom:solid 1px #999;
}

#rodapeCreditos {
	color:#333;
	font-weight:bold;
	padding:5px 0 5px 0;
	background-color:#f0f0f0;
	text-align:center;
}


/* --- LINKS ----------------- */
a:link {
	color:#06F;
	text-decoration:none;
}

a:hover, a:active, a:visited {
	color:#06F;
	text-decoration:underline;
}

.linkPreto:link, .linkPreto:active, .linkPreto:visited {
	color:#666;
	text-decoration:none;
}
.linkPreto:hover {
	text-decoration:underline;
}

.linkBranco:link, .linkBranco:active, .linkBranco:visited {
	color:#fff;
	text-decoration:none;
}
.linkBranco:hover {
	text-decoration:underline;
}


/* --- FORMATAÇÃO ----------------- */
b, strong {
	color:#000;	
	font-weight:bold;
}

h2 {
	font-size:18px;	
	font-weight:bold;
	color:#666;
}

h3 {
	font-size:16px;	
	font-weight:bold;
	color:#333;
}

.mensagemSistema {
	border:solid 1px #FC0;
	background-color:#FFC;
	font-weight:bold;
	text-align:center;
	padding:3px;
	margin:0 auto;
	min-width:90%;
	width:auto;
}

.bordaImagem {
	border:solid 1px #999;	
}

.semBorda {
	border:none;
	border:0;
}

.tituloPagina {
	/*
	font-size:19px;
	font-weight:bold;
	color:#fff;
	margin-left:20px;
	*/
}

/* --- FORMULARIO ----------------- */
input, textarea {
	font-family:"Trebuchet MS", Arial, Tahoma, Verdana,sans-serif;
	font-size:13px;
	border:solid 1px #999;
	padding:4px;
}

textarea:focus {
	border:solid 1px #F90;
}

input:focus {
	border:solid 1px #F90;
}



/* --- ALINHAMENTOS ----------------- */
.floatLeft {
	float:left;	
}

.floatRight {
	float:right;	
}

.textCenter {
	text-align:center;
}


/* --- ESPAÇAMENTOS ----------------- */
.margin5
{
	margin:5px;	
}
.margin10
{
	margin:10px;	
}


/* --- CORES ----------------- */