/* -- Informações Gerais -- */

html, body {height:100%;}

body {
	margin:0; 
	padding:0;
	background: url(imagens/backgroundbody.jpg) repeat-x;
	text-align:center;
}

#tudo { 
	width:100%;
	position:relative;  /*Contexto de posicionamento */
	margin:0 auto;
	text-align:left;
	min-height:100%;
}

* html #tudo {height: 100%;}

#global {padding-bottom:120px; width: 950px; margin: 0px auto;}



/* -- Topo -- */

#topo {
	height: 80px;
	background:url(imagens/mulher2.png) no-repeat;
	background-position: 580px 10px;	
	display: block;
	
}

#topo .data {
	display: block;
	width: 291px;
	height: 17px;
	margin: 30px 0px 0px 0px;
	background: url(imagens/data-topo.png);
	overflow: hidden;
	text-indent: -500em;
	float: left;
}


/* -- Banner -- */

#banner {
	height: 365px;
	background:url(imagens/mulher1.png) no-repeat;
	background-position: 400px 0px;
}

#banner h1 a {
	display: block;
	width: 339px;
	height: 220px;
	background: url(imagens/logo-mostra-sesc-cariri.png);
	overflow: auto;
	text-indent: -5000em;
	margin: 25px 20px;
	float: left;
}

#banner form {  clear: both; font: 12px 'Trebuchet MS'; color:#666; margin-left: 15px; }
#banner form legend { display: none; }
#banner form label { display: block; width: 150px; float: left; }
#banner form .textForm { border: 1px solid #ccc; padding: 2px; color: #FF3300; width: 130px; height: 15px; margin-top: 5px; }
#banner form .selectForm { border: 1px solid #ccc; padding: 1px; color: #FF3300; width: 130px; height: 20px; display: block; margin-top: 5px; }
	
#banner form .botaoForm { border: 1px solid #ccc; padding: 2px; color: #FF3300; width: 60px; margin: -10px; margin-top:22px; font: 10px 'Arial'; text-transform: uppercase;  }

#banner p a { display: block; width: 300px; font: bold 11px 'Trebuchet MS'; width: 180px; margin: 15px 0px 0px 15px; color: #666; text-decoration: none; height: 15px; background:url(imagens/arrow.gif) no-repeat; border: 1px solid #e8e9e3; padding: 3px 3px 3px 18px; background-position: 0px 2px;  }
#banner p a:hover { border: 1px solid #FF3300;}

#home { overflow: hidden; height:420px; }

/* -- Menu -- */

#menu {
	height: 120px;
	background:url(imagens/pontilhado-menu.gif) no-repeat;
	background-position: 2px 110px;
	margin-top: 10px;
	
}

#menu ul { margin-top: 15px; overflow: auto; width: 800px; margin: 0px auto; }
#menu ul li { display: inline; }
#menu ul li a { 
	float: left;
	font: 40px 'Trebuchet MS';
	text-decoration: none;
	display: block;
}

#menu * a.cor1 { color:#FF3300; }
#menu * a:hover { background:#DDDDDD; }
#menu * a.cor2 { color:#666; }	


/* -- Conteudo -- */

#conteudo {
	margin: 5px 0px;
	overflow: hidden;

}
	
#box1, #box2, #box3 { float: left; }
#box1 { width: 390px; background: url(imagens/linha-vertical.gif) repeat-y; background-position: 390px; padding-right: 10px;}
#box2 { width: 275px; margin-left: 10px; background:url(imagens/linha-vertical.gif) repeat-y; background-position: 280px; height: 300px; padding-left: 10px;}
#box2 * a { font: 10px 'Trebuchet MS'; color:#FF3300; background:url(imagens/arrow.gif) no-repeat; padding-left: 20px; margin-left: 130px; }
#box2 * a:hover { color: #000; }
#box2 a img { margin: 3px; }

* a.leganda-home { font: 12px 'Trebuchet MS'; display: block; clear: both; margin: 3px;float: right; padding-left: 20px; color:#FF3300; background:url(imagens/arrow.gif) no-repeat; margin-right: 35px; margin-top: 7px; }
* a.leganda-home-video { font: 12px 'Trebuchet MS'; display: block; clear: both; margin: 3px;float: right; padding-left: 20px; color:#FF3300; background:url(imagens/arrow.gif) no-repeat; margin-right: 35px; margin-top: -10px; }

#box3 { width: 230px; margin-left: 10px; font: 12px 'Verdana'; }
#box3 a { color:#FF3300; }

#conteudo h2, #box1 h2, #box2 h2 { font: 25px 'Trebuchet MS'; color:#ccc; padding-bottom: 10px;}

#box3 h2 {
	background:url(imagens/twitterMostra.gif);
	width: 244px;
	height: 34px;
	text-indent: -5000em;	
	margin-bottom:10px;
}

#box1 * dd { display: none; }
#box1 * dt a { display: block; font: 12px 'Trebuchet MS'; color:#666; padding: 10px 10px 10px 10px; background:url(imagens/arrow.gif) no-repeat; padding-left: 25px; background-position: 0px 10px; }
#box1 * dt a:hover { color:#FF3300;}

#interativo { width: 370px; margin-top: 10px; padding-top: 30px; background:url(imagens/linha-horizontal.gif) no-repeat; background-position: 30px 5px; }
#interativo .interativoImpressoes { margin-left: 20px; }

#sintoniaDiv { float: left; padding: 10px; margin: 5px; padding-left: 50px; }

#conteudo #programacao h2 { font: bold 10px 'Trebuchet MS'; text-transform: uppercase; color:#666; margin-bottom: 10px; }

#icons-tools { float: left; }
.imprimir { display: block; width: 59px; height: 43px; background: url(imagens/imprimir.jpg); overflow: auto; text-indent: -5000em; float: left; margin-left: 15px; }

.baixar { display: block; width: 54px; height: 43px; background: url(imagens/baixar.jpg); overflow: auto; text-indent: -5000em; float: left; }

#conteudo #programacao #busca-programacao { height: 50px; background:#F6F6F6; border: 1px solid #CCCCCC; padding: 10px; margin-bottom: 15px;}

#busca-programacao form { margin-left: 30px; }
#busca-programacao legend { display: none; }
#busca-programacao label { display: block; float: left; width:150px; font: bold 10px 'Trebuchet MS'; }
#busca-programacao form .textForm { border: 1px solid #ccc; padding: 2px; color: #FF3300; width: 130px; height: 15px; margin-top: 5px; }
#busca-programacao form .selectForm { border: 1px solid #ccc; padding: 1px; color: #FF3300; width: 130px; height: 20px; display: block; margin-top: 5px; }
	
#busca-programacao	 form .botaoForm { border: 1px solid #ccc; padding: 2px; color: #FF3300; width: 60px; margin: -10px; margin-top:22px; font: 10px 'Arial'; text-transform: uppercase;  }

#conteudo #programacao #tabela-programacao { margin-top: 0px; padding: 10px; overflow: hidden; }

#tabela-programacao ul li { display: inline; float: right }
#tabela-programacao ul li a { display: block; float: left; width:124px; height: 20px; padding: 15px; background:url(imagens/aba.gif); font: 15px 'Trebuchet MS'; color: #FF3300; text-align: center; color: #000; }
#tabela-programacao ul li a:hover { background: url(imagens/aba2.gif); color:#FF3300;}
#tabela-programacao ul li a.selecionado { background: url(imagens/aba2.gif); color:#FF3300;}

#tabela-programacao ul li a.invertido { background: url(imagens/aba3.gif); margin-top:1px; height:23px; }


#conteudo-programacao { clear: both; border: 1px solid #CCC; }

#progDia { overflow: hidden; margin: 10px auto; width:95%; background: #f6f6f6; padding: 10px; }

#progDiaLegenda {  float: left; width: 120px; text-align: center; padding: 15px; font: 15px 'Trebuchet MS'; background:#FF3300; color: #FFFFFF; }
#progDiaListagem { float: right; width: 720px; }
#progDiaListagem2 { float: right; width: 880px; }

#resultado-busca p { font: 30px 'Trebuchet MS'; margin-top: 15px;  margin-bottom: 15px; }
#resultado-busca strong { color:#FF3300; }

#progDiaListagem ol li a, #progDiaListagem2 ol li a { float: left; padding: 10px; display: block; background: #e4e2e2; margin: 2px; font: 12px 'Trebuchet MS'; color: #000000; text-decoration: none; }
#progDiaListagem ol li a:hover, #progDiaListagem2 ol li a:hover { background:#CCCCCC; color: #FF0000;}
.dia-grande { font: bold 50px 'Trebuchet MS'; }

#interna { float: left; width: 660px; padding: 10px; }
p { line-height : 150%;
text-align: justify;
width: 100%;
margin: 0px 0px 20px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
 
.Progcor1 { background:#B0C124;display: block; width: 30px; float: left; padding: 2px; margin-right: 5px; color: #FFF; }
.Progcor2 { background:#b65591;display: block; width: 30px; float: left; padding: 2px; margin-right: 5px; color: #FFF; }


.gallery-icon {  float: left; margin:}

.gallery-icon  a { border: 5px solid #EEEEEE; display: block;}
.gallery-icon  a:hover { border: 5px solid #FF3300; display: block; }

#post-multimidia { margin-bottom: 35px; }

#interna * a { color:#FF3300; }

a.iconSidebar { padding: 5px; height: 45px; display:block; float: left; width:50px; margin-left: 10px; } 

#interna h2 { font: 20px 'Trebuchet MS'; color:#FF3300; margin-bottom: 15px; }
#sidebar { float: right; width:220px; background:url(imagens/linha-vertical.gif) repeat-y; min-height: 300px; overflow: hidden; padding: 0px 20px 0px; }
#sidebar h3 { font: 25px 'Trebuchet MS'; color:#CCCCCC; margin-bottom: 5px; }
#noticiasSidebar { margin-bottom: 25px;}
#noticiasSidebar ul li a { display: block; font: 12px 'Trebuchet MS'; margin-bottom: 7px; padding-bottom: 7px; color:#666; text-decoration: none; border-bottom: 1px dotted #CCC; background:url(imagens/arrow.gif) no-repeat; text-indent:20px; background-position: 0px 2px;}

#telavivaSidebarFlickr { height: 330px; margin-bottom: 20px; }
#telavivaSidebar { height: 200px; margin-bottom: 20px; }
#telavivaSidebarFlickr a { margin: 5px; display: block; float: left; margin-left: 20px; }
#mapaSidebar { height: 260px; margin-bottom: 20px; }


#noticiasSidebar ul li a:hover { color:#FF3300; text-decoration: underline; }

/* impressoes digitais */

#impressoesdigitais { overflow: hidden; }
#impressoesdigitais h3 { font: 25px 'Trebuchet MS'; color:#CCCCCC; margin-bottom: 5px; }
#impressoesComentarios { float: left; width:430px; font: 12px 'Trebuchet MS'; }
#ImpressoesFormulario { float: right; width: 480px; padding-left: 20px; background:url(imagens/linha-vertical.gif) no-repeat;}
#ImpressoesFormulario label { display: block; width:450px; padding: 5px; font: bold 12px 'Trebuchet MS'; color:#666;}
#ImpressoesFormulario .textForm { border: 1px solid #CCC; width: 400px; padding: 5px; color:#FF3300; }
#ImpressoesFormulario .textArea { border: 1px solid #CCC; width: 400px; padding: 5px; color:#FF3300; }
#ImpressoesFormulario .botaoForm { border: 1px solid #ccc; padding: 10px; color: #FF3300; width: 80px; margin: 10px; font: 10px 'Arial'; text-transform: uppercase;  }

a:hover.botaoNAv { background:#CCCCCC; }
#navDiv { overflow: hidden; margin-left:80px; }
#navDiv a { border: 1px solid #ccc; padding: 10px; color: #FF3300; width: 80px; margin: 10px; font: 10px 'Arial'; text-transform: uppercase; float: left; text-align: center; background:#F2F2F2; }

#comentarioImpressao p { padding: 5px; color:#FF3300; background: #F7F7F7; font: 25px 'Trebuchet MS'; }
.fn { padding: 5px; color:#FF3300; background: #F7F7F7; font: 25px 'Trebuchet MS'; }
#autor-data { font: 12px 'Trebuchet MS'; float: right; padding-right: 20px; padding: 5px; } 

#impressoesComentarios ol li { display: block; padding: 5px; background:url(imagens/linha-horizontal.gif) no-repeat; background-position: bottom; padding-bottom:45px; }

#rodape {
	width:100%;
	height:97px;
	position: absolute;
	bottom: 0; /**/ 
	background: url(imagens/rodape.jpg) repeat-x;	
}

#rodape #rodape-center abbr a.abbrSenac {
	display: block;
	width: 150px;
	height: 38px;
	background:url(imagens/logo-senac.png);
	text-indent: -5000em;
	overflow: hidden;
	margin: 17px 0px 0px 10px;
	float: left;
}

#rodape #rodape-center abbr a.abbrFecomercio {
	display: block;
	width: 140px;
	height: 38px;
	background:url(imagens/fecomercio.png);
	text-indent: -5000em;
	overflow: hidden;
	margin: 17px 0px 0px 30px;
	float: left;
}

#rodape-center { width: 950px; margin: 0px auto; margin-top: 15px; }

#rodape * ul { float: right; margin: 20px 10px 0px 10px;}
#rodape * ul li { display: inline; }

#rodape * ul li a.iconTwitter { display: block; width: 30px; height: 30px; overflow:hidden; text-indent: -5000em; background:url(imagens/twitter-icon.gif); float: left; }
#rodape * ul li a.iconFlickr { display: block; width: 30px; height: 30px; overflow:hidden; text-indent: -5000em; background:url(imagens/flickr-icon.gif); float: left; margin-left: 20px; }
#rodape * ul li a.iconFeed { display: block; width: 30px; height: 30px; overflow:hidden; text-indent: -5000em; background:url(imagens/feeds-icon.gif); float: left; margin-left: 20px; }

.clear {clear:both;}