body { margin:0; padding:0; color:#353535; background:#4B81BD; font:12px Arial; }
table { font:12px Arial; }
body#bd { margin:10px 0; text-align:center; }
img { border:0; }

#container { width:800px; margin:0 auto; padding:0; background:#FFF; text-align:left; }
#menu-topo { height:25px;  background:#CCC; text-align:right; font-size:12px; font-weight:bold; line-height:25px; }
#menu-topo a { padding:0 10px; color:#333; text-decoration:none;  }
#menu-topo a:hover, #menu-top a:active { color:#4B81BD; text-decoration:none; }

#main { width:750px; margin-left:25px; }

#header { height:115px; background:#FFF; }
#header #logo { float:left; width:380px; height:115px; }
#header #iso { font-size:9pt; text-align:right; padding-top:40px; }
#header #iso a { color:#333; text-decoration:none; }
#header #iso a:hover, #menu-top a:active { color:#333; text-decoration:none; }
#header #iso img.bsi { float:right; padding-left:10px; margin-top:-15px; }

#menu { height:34px; background:url(../media/images/menu_background.gif) left no-repeat; }
#content { padding-top:10px; padding-bottom:30px; }

#rodape { width:800px; height:60px; background:#333; border-top:#4B81BD 10px solid; }
#rodape #desenvolvedor { padding-top:10px; padding-left:10px; width:180px; float:left; }
#rodape #links { color:#FFF; width:580px; float:right; padding:8px; }
#rodape #links a { font-weight:bold; color:#FFF; text-decoration:none; padding:0px 10px 0px 10px; }
#rodape #links a:hover, #menu-top a:active { color:#FFF; text-decoration:none; }
#rodape #links p { margin-top:5px; line-height:12px; padding-left:10px; }

#error { border: #FF0000 1px dashed; height: 25px; background: #FFECEC; padding-top: 4px; padding-left: 5px; font-weight: bold; font-size:12px; }
#success { border: #333333 1px dashed; height: 25px; background: #F0FAFF; padding-top: 4px; padding-left: 5px; font-weight: bold; font-size:12px; }
#report { background-color:#FFF; height:40px; text-align:center; font-weight:bold; padding-top:15px; }

h1 { font: 12px Arial; color:#666; }
h1 a { color:#0000CC; text-decoration:underline; }
h1 a:hover, a:active {	color:#0000CC; text-decoration:underline; }

h3 { font-family: arial; font-size: 18px; padding:0; margin:0; color:#000; }
h3.agenda { font-size: 22px; }

p.paragraph { text-indent: 3em; text-align:justify; }
.clear { clear: both; }

a {	color:#0000CC; text-decoration:none; }
a:hover, a:active {	color:#0000CC; text-decoration:underline; }

#busca_abcd { text-align:center; height:40px; }
#busca_abcd ul { padding:0px; margin:0px; width:100%; list-style:none; }
#busca_abcd ul li { display:inline; padding-left:6px; }
#busca_abcd ul li a { color:#000; font-size:11px; text-decoration:none; }
#busca_abcd ul li a:hover { color:#000; text-decoration: underline; }

/* PAGINAÇÃO */
#pagination { padding-top:10px;	text-align: center; }
#pagination ul { padding:0px; margin:0px; width: 100%; list-style: none; }
#pagination ul li { display: inline; padding-left:2px; }
#pagination ul li.pagination-left { padding-right:8px; }
#pagination ul li.pagination-right { padding-left:10px; }
#pagination ul li.current { font-weight: bold; }

/* PAGINA INICIAL */
#content-home { padding-top:25px; }
#content-home #artigos a { color:#000; text-decoration:none; }
#content-home #artigos a:hover, a:active {	color:#000; text-decoration:underline; }

#inscricao-workshops { margin:0 0 10px 20px; }

#cursos { width: 370px; background-color: #EFEFEF; color: #000; margin-left:20px; }
#cursos .roundtop { background: #999 url(../media/images/tr.gif) no-repeat top right; }
#cursos .roundbottom { background: #999 url(../media/images/br.gif) no-repeat top right; }
#cursos img.corner { width: 12px; height: 12px; border: none; display: block !important; }
#cursos #grid-cursos {
	width:100%;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	padding-left:20px;
}

/* CLIENTES */
ul.clientes { margin:0; padding:0; float:none; list-style:none; }
ul.clientes li { padding-left:8px; padding-right:8px; font-size:12px; color:#4B81BD; font-weight:bold; }
ul.clientes li p { color:#000; font-size:12px; margin-top:0px; font-weight:normal; }

/* ARTIGOS */
#artigos img { padding:5px; }
#artigos .date { padding-top:0px; padding-bottom:20px; margin:0;}
#artigos-list li { list-style:none; }
#artigos-list li span { padding-right:20px; }
#artigos-list li a { color:#000; text-decoration:none; }
#artigos-list li a:hover, a:active { color:#000; text-decoration:underline; }

/* CONTEUDOS */
#conteudos { margin-top:20px }
#conteudos #conteudo { width:520px; float:right; margin-left:20px; }
#conteudos #conteudo h2 { margin:0 0 20px; }

#conteudos ul#primary-nav,
#conteudos ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 200px;
	border-bottom: 1px solid #000;
	background: #FFF;
	font-size: 100%;
	font: normal 11px verdana;
	text-align: left;
	float:left;
}

#conteudos ul#primary-nav li { position: relative; list-style: none; }
#conteudos ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 3px;
	border: 1px solid #000;
	border-bottom: 0;
}

* html #conteudos ul#primary-nav li { height: 1%; }
* html #conteudos ul#primary-nav li a { height: 1%; }

#conteudos ul#primary-nav li.over { background-color: #FFF; }
#conteudos ul#primary-nav li a:hover { font-weight:bold; }

/* AGENDA DE CURSOS */
#agenda { padding-top:20px; }
#agenda #reserva  { float:left; width:200px; }
#agenda #reserva ul { list-style-type: none; padding:0; margin:0; }
#agenda #reserva ul li a {
	display: block;
	padding: 4px 0 2px 25px;
	margin-bottom:1px;
	width: 180px;
	color: #FFFFFF;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-weight:bold;
	width:155px;
	height:19px;
}

#agenda #reserva ul li.confirmada { background:#00CC00; color:#FFF; width:170px; padding:5px 5px 5px 5px; text-align:center; margin-top:10px; font-weight:bold; }
#agenda #reserva ul li a.reserva { background-image: url(../media/images/reserva_a.jpg);  }
#agenda #reserva ul li a.informacoes { background-image: url(../media/images/informacoes_a.jpg);  }
#agenda #reserva ul li a:hover.reserva { background-image: url(../media/images/reserva_hover.jpg); }
#agenda #reserva ul li a:hover.informacoes { background-image: url(../media/images/informacoes_hover.jpg); }

#agenda #conteudo  { float:left; width:540px; }
#agenda #conteudo h4 { margin-bottom:0; margin-top:0; font-size:20px; }
#agenda #conteudo h5 { margin-bottom:0; margin-top:0; font-size:15px; color:#0000FF; }
#agenda #conteudo ul { margin:0; padding:0; float:none; list-style:none; margin-top:10px; }
#agenda #conteudo p { margin-top:0 }

/* RESERVA */
#reserva h4 { margin-bottom:0; margin-top:0; font-size:18px; }
#reserva h5 { margin-bottom:0; margin-top:0; font-size:15px; color:#0000FF; }
#reserva input.fields, textarea.fields { border:#CCC 1px solid; width:300px; }
#reserva select.fields { border:#CCC 1px solid; }
#reserva select{ font-size:12px; width:300px; }