html,body{margin:0;padding:0}
body{font: 13px Tahoma; text-align:center; background:url(imagens/mainbg.gif) top left repeat-x #f8f8f8;}

img {border: 0;}
a img {border: 0}
.fotoloja {float: left; margin: 5px; border: 2px solid #e5e2dd;}

/* LINKS */

a {color: #6082A1; text-decoration: none;}
a:hover {color: #000; text-decoration: none; border-bottom: 1px solid #125B47;}

.float-left {float: left; margin: 3px; border: 5px solid #E1EDF7; }
a:hover .float-left { border-color: #6082A1; }
.clear {clear: both;}

/* HEADERS */
h1{display:block; font:24px/20px Georgia, "Times New Roman", Times, serif; color:#000; margin:20px 0 8px 18px;}
h1 span{font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
h2{font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
a:hover h2 {border: 0px;}

/* CONTAINER */
#container{text-align:left; width:780px;margin:0 auto;}

/* TOPO */
#topo{position:relative; height: 360px; margin: 0px; background:url(imagens/topo.gif) bottom left repeat-x;}
#topocontainer {text-align:center; width:780px;margin:0 auto;}
#loginf {float: left;}
.bandeiras {float: right; }
.logo {margin-top: 30px; text-align: center; clear: both; }
.logo a:hover {border: 0px;}
.frase {font: 20px Georgia; margin-top: 50px; clear: both;}

/*
	CONTEÚDO
*/

#conteudo {float: left; width: 580px; margin: 0px; padding: 0; background: #f8f8f8;}
#conteudo h2 {padding-left: 20px;}
#conteudo p {padding: 0 5px 0 0; line-height: 1.6; text-align: justify;}
#conteudo .noticias li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(imagens/icon_noticias.gif) 0 8px no-repeat; padding:0 0 0 30px; list-style: none;}
#conteudo .eventos li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(imagens/icon_eventos.gif) 0 8px no-repeat; padding:0 0 0 30px; list-style: none;}
#conteudo .lista span{ background:url(imagens/dot-line.gif) repeat-x 0 100%; display:block;}

.not-data {font-size: 11px; color: #747270; margin: 0px; padding: 0px 20px;}
.not-rodape {text-align: right; font-size: 11px; background: #F7C600; color: #fff; padding: 5px;}

/* IMAGENS FÓLIO */

.folio ul { margin: 0; padding: 0; list-style: none; }
.folio li { float: left; }
#conteudo ul.fotos {clear: both; }
#conteudo ul.fotos li { margin:   4px;  position: relative; font-size: 11px; }
#conteudo ul.fotos li a { display: block; border:  5px solid #e5e2dd; }
#conteudo ul.fotos li a img { width: 160px; height: 120px; }
#conteudo ul.fotos li a:hover { border:  5px solid #E1EDF7; }
#conteudo h2 {margin-bottom: 2px;}

/* EVENTOS E AGENDA */
#esquerda {width: 330px; float: left; margin: 0px; padding: 0px; }
#esquerda a:hover {border: 0px;}
*html #esquerda {width: 329px; }
#esquerda p {line-height: 1;}
.noticia {clear: both; border-top: 1px solid #e5e2dd; margin: 5px 0;}
.noticia h2 {font: bold 13px Garamond;}
.noticia h2 span {font: normal 11px Arial; color #87734b;}
.notimg {margin: 3px; border: 5px solid #e5e2dd; }
a:hover .notimg { border-color: #E1EDF7; }

/* NOTÍCIAS */
#meio {float:left; width: 250px; height: 650px; padding: 0px;}
#meio p {font: 12px Georgia; color: #555554; padding: 0 8px; }
#meio a:hover {border: 0px;}

/* LISTA EVENTOS */
#meio .event, #conteudo .event { clear:both; padding:7px 0; background:url(imagens/event_bg.gif) no-repeat center bottom; text-align: left; }
#meio .event, #conteudo .event { background:none; }
#meio .date, #conteudo .date	{  display:block; width:33px; height:35px; background:url(imagens/date_bg.gif) no-repeat; 					  font-size: 10px; color:#87734b; text-align:center; padding-top:5px; float:left; font-family:arial, verdana, sans-serif; }
#meio .date span, #conteudo .date span	{ display:block; font-size:16px; color:#482b1c; }
#meio  h4, #conteudo h4			{ font:bold 12px Georgia, "Times New Roman", serif; margin:7px 0 0 46px; }
#meio  h4 span, #conteudo h4 span	{ font:normal 11px "Lucida Grande", arial, verdana, sans-serif; color:#585348; margin-left:10px; }
#meio  h4 a, #conteudo h4 a		{ color:#3d4a44; text-decoration:none; }
#meio  h4 a:hover, #conteudo h4 a:hover	{ text-decoration:underline; }
#meio p, #conteudo .event p			{ margin:0 0 0 46px; font-size:1.1em; line-height:1.7em; color:#585348; }	

/*
	MENU
*/
#direita {float:left; width:200px; background: url(imagens/sidebar_top.jpg) no-repeat 0% 36px #f8f8f8; padding: 64px 0 0 0; }
#direita h2 { color: #6082A1; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 0 0 0 21px; text-transform: uppercase; }
#direita ul { background: url(imagens/sidebar_bkg.jpg) repeat-y 0% 0%; font-size: 12px; line-height: 14px; list-style: none; margin: 0; padding: 0; }
#direita ul li { margin: 0; padding: 0; }
#direita ul li ul { margin: 0; padding: 10px 0 15px 0; }
#direita ul li ul li { margin: 0; padding: 0; }
#direita a { background: url(imagens/arrow.gif) no-repeat 21px 50%; border: none; color: #876F6D; display: block; height: 24px; line-height: 24px; padding: 0 0 0 31px; text-decoration: none; width: 141px; }
#direita a:hover { background: #E1EDF7 url(imagens/arrow.gif) no-repeat 21px 50%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #6082A1; display: block; height: 22px; line-height: 22px; text-decoration: none; width: 141px; }
.direita_bottom { background: url(imagens/sidebar_bottom.jpg) no-repeat 0% 100%; display: block; height: 23px; margin: 0 0 35px 0; padding: 0; }

/* Comum */
.form fieldset { border: 0px;  border-top: 1px solid #666;  width: 42em; background-color: #F6F6F3; margin: 0px 0px 5px 0px; font-size: 11px; }
.form legend { border: 0; color: #666; padding: 0.2em 0.5em; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.form input, select { color: #666; background-color: #FFFFFF; border: 1px solid #D6D0C5; padding: 2px; font-size: 13px;
  font-family: Tahoma; }
.form label, input { display: block; width: 15em; float: left; margin-bottom: 0.5em; }
.form label {text-align: right; width: 5em; padding-top: 0.5em; padding-right: 2.5em; cursor: hand; font-size: 11px;text-transform: uppercase; }
.form .hidden {border: 0px; width: 0px; height: 0px;}
.form br { clear: left; }
.form .enviar { background-color:#c00; color:#fff; border:outset 2px #c00; width: 5em; }

/* Login */
#loginf form { margin-top: 0.65em; position: relative; }
#loginf .input { color: #666; background-color: #FFFFFF; border: 1px solid #D6D0C5; padding: 2px; font-size: 13px; font-family: Tahoma; width: 90px; margin-right: 5px;}
#loginf .enviar { padding: 2px; font-size: 11px; font-family: Tahoma; text-transform: uppercase; background-color: #333333; color: #FFFFFF; margin-right: 5px; width: 30px; text-align: center; }
#loginf .hidden {border: 0px; width: 0px; height: 0px;}

/* RODAPÉ */
#rodape{color: #00; clear: both; font-size: 11px; text-align: center;}
#rodape p{margin:0;padding:5px 10px}
#rodape a{display:inline;padding:0;color: #C6D5FD}

/* TABELAS */

table a,
table a:link,
table a:visited {
	border:none;
	}							
table {
	width:100%;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	margin:1em auto;
	border-collapse:collapse;
	}
tr.odd td	{
	background: url(imagens/img02.gif) repeat-x;
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	color:#666666;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #666666;
	text-align:left;
	border-bottom: 1px solid #ee;
	border-left:1px solid #eee;
	padding:.3em 1em;
	}							
thead th {
	background:#f2f2f2;
	text-align:center;
	font:bold 15px Arial,Helvetica,sans-serif;
	color:#666666;
	}
tr.filtro th	{
	background: #fff;
	}
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}

/* CALENDÁRIO */
.calendario_topo {text-align: center;}
.calendario_topo a:hover {border: 0px;}
.event {padding: 0px; margin: 0px; border: 0px; width: 90%;}
.event td {padding: 0px; margin: 0px; border: 0px;}
.event_cls {background-color: #acd5ff; color:#FFF; font-weight: bold; text-decoration: none; cursor: pointer;}
.event_head{ font-weight:bold; font-family: Verdana; font-size: 11px;}
.event_col{color:#000;font-family: Verdana; font-size: 11px; height:25px; }
.event_link {text-decoration: none; color:#000;}

/* SUBMENU */
#subcontainer {margin: 0px auto 10px auto; border-bottom: 1px solid #e5e2dd;}
#submenu { padding: 5px; background: ; margin: 5px 5px 0 0; font: 15px Tahoma;}
#submenu li { display: inline; padding-bottom: 14px; padding-left: 20px; background-repeat: no-repeat;  }
#submenu a {  padding-left: 20px;  padding-bottom: 14px; text-decoration: none; border: 0px; }
#submenu a:link, #submenu a:visited { padding-left: 20px; color: #6082A1; background: url(imagens/icon_tv.gif); background-repeat: no-repeat; border: 0px; }
#submenu a:hover { color: black; padding-left: 20px; background: url(imagens/icon_ta.gif); background-repeat: no-repeat;border: 0px;}
#subcontainer p {float: left; margin-top: 5px; font: 15px Tahoma;}

/* LISTA */
#lista { padding-left: 0; margin-left: 0; width: 90%; }
#lista li { list-style: none; margin: 10px; border-bottom: 1px solid #eee; }
#lista li a { text-decoration: none; border: 0px; }
#lista li a:hover { text-decoration: none; border: 0px; }

/* PAGINAÇÃO (http://woork.blogspot.com/2008/03/perfect-pagination-style-using-css.html) */
#pages {border:0; margin:0; padding: 10px 0 0 0;}
#pages li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; }
#pages a {background: #E1EDF7; margin-right:2px; }
#pages .nolink { color: #666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pages .next a { font-weight:bold; border:solid 0px #FFFFFF; }
#pages .current{ color:#ff0084; font-weight:bold; display:block; float:left; padding:0px 0px; }
#pages a:link, #pages a:visited { color: #6082A1; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pages a:hover{ background: #e5e2dd; text-decoration: none; border: 0px; }

/* LIGHTBOX */

#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#lightbox a:hover { border: none; }
#outerImageContainer{position: relative;background-color: #f8f7f2;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#imageContainer a:hover img{ border: none; }
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent no-repeat; display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imagens/light_prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imagens/light_proxima.gif) right 15% no-repeat; }
#imageDataContainer{font: 13px Verdana, Helvetica, sans-serif;background-color: #f8f7f2;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%}
#imageData{ padding:0 10px; color: #5c431a; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; 
}#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
