@charset "utf-8";
/* TAGS PADROES */
* {margin:0 auto; padding:0;}
p {margin:0 2px 30px 0; font:Tahoma, Geneva, sans-serif; color:#333; text-align:justify; font-size:12px;}
body {font:11px Tahoma, Geneva, sans-serif; color:#333; font-style:normal; background:url(../img/bg.jpg) repeat-x center fixed;}
#content {width:910px; overflow:hidden; margin:0 auto; padding:0; background:#fff;}
h2 {font:16px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold; text-align:left; padding:4px 2px 0 15px; background:url(../img/st.gif) no-repeat left 8px;}

h4 {font:bold 14px Tahoma, Geneva, sans-serif; color:#5D933D; background:#f5f5f5; padding:3px; text-transform:uppercase;}
h5 {font:14px bold Tahoma, Geneva, sans-serif; color:#5D933D; padding:2px; background:#f5f5f5;}
h6 {font:16px bold Tahoma, Geneva, sans-serif; padding:2px; color:#FFF; background:#275678}
/*--DIVS DO LAYOUT--*/
#geral {width:900px; overflow:hidden; margin-bottom:3px;}
#menu, #conteudo {float:left;}
#menu {width:200px; overflow:hidden; padding:2px; margin:3px 2px 0 1px; border:1px solid #ccc;}
#conteudo {width:678px; overflow:hidden; margin:3px 2px 0 2px; padding:2px;}
#footer {width:900px; height:75px; margin:0 auto; background:url(../img/bgrd.jpg) repeat-x center; margin:0 auto;}
.borda {
	margin: -2px;
	border: 2px solid #CC0000;
}
/***MENU ESQUERDA IMAGEM***/

#top {width:900px; height:180px; padding-top:2px; position:relative;}
#mapa {position:absolute; display:inline; left:660px; top:2px; width:250px;}
#mapa ul {margin:0;	padding:0;}
#mapa li {float:left; margin-right:2px; padding:5px; list-style:none;}
#mapa li a {font:12px Tahoma, Geneva, sans-serif; text-decoration:none; color:#fff;}
#mapa li#home a {background:url(../img/bt_home.gif) no-repeat left top; padding-left:26px;}
#mapa li#email a {background:url(../img/bt_mapa.gif) no-repeat left top; padding-left:26px;}
#mapa li#contato a {background:url(../img/bt_contato.gif) no-repeat left top; padding-left:26px;}
#mapa li#home a:hover {background-position:left bottom; color:#0BA4FF}
#mapa li#email a:hover {background-position:left bottom; color:#0BA4FF}
#mapa li#contato a:hover {background-position:left bottom; color:#0BA4FF}
#menutp {width:900px; height:36px;}

ul.topnav {
	width:860px;
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	background: url(../img/topnav_bg.jpg) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	font:12px Tahoma, Geneva, sans-serif;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	text-align:left;
	font-weight:bold;
}
ul.topnav li a:hover{
	color:#ABE841;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #7B7D7D;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	z-index:200;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #5B5C5C; /*--Create bevel effect--*/
	border-bottom: 1px solid #5B5C5C; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	font:11px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	float: left;
	width: 145px;
	background: #606262;
	padding-left: 20px;
	text-align:left;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #7B7D7D; color:#ABE841
}


#novidade ul{list-style: none; margin: 0; padding: 0; border: none;}
#novidade li{margin: 0; padding: 3px; width: auto; border-bottom:1px solid #DEDEDE;}
#novidade li a {font: 11px Verdana, Geneva, sans-serif; color:#415A9B; text-decoration:none; width: auto; padding:2px; display: block; text-align:left;}
#novidade li a:hover {background:#5597BE; color:#fff;}

/***listagem dos comentarios***/
#comentary {width:196px; overflow:hidden; margin:6px 0 2px 0; padding:1px;}
#comentar {width:192px; margin:0;}
#comentar li {list-style:none; margin:0 auto; padding:0;}
#comentary ol {margin:0; padding:0;}
#comentary li {background:#F0F0F0; padding:2px; margin-bottom:5px; color:#333;}
#comentary cite {font-style:normal; font-weight:bold; color:#168ADF; font-size:11px; text-decoration:underline; text-align:left;}
.com {font:11px Tahoma, Geneva, sans-serif; color:#2C62A6; text-align:left; font-weight:bold; margin:0; padding:2px; margin:4px 2px;}
.texto {font:10px Tahoma, Geneva, sans-serif; color:#666; font-style:normal; text-align:left;}
.email {font:9px Tahoma, Geneva, sans-serif; color:#666; font-style:normal; text-align:left;}

/***DIV SUPORTE***/
#suporte {margin:6px 0 2px 0;}
#suporte img {margin:20px 4px 2px 1px; float:left;}
#suporte ul {list-style:square inside url('../img/bullet-right.gif'); margin:0; padding:0;}
#suporte ul li {margin:6px 0 4px 4px;}
.tecnico {font:8px italic Tahoma, Geneva, sans-serif; color:#666; padding:1px 0 2px 15px;}

/*efeito cinza medio nos links */
.cinzam {font:11px Tahoma, Geneva, sans-serif; color:#666666;}
a.cinzam:link {
	color: #666666;
	text-decoration:none;
}
a.cinzam:visited {
	color: #666666 ;
	text-decoration:none;
}
a.cinzam:hover {
	color: #666666;
		text-decoration: underline;
}
a.cinzam:active {
	color: #666666;
	text-decoration:none;}

/******TWITTER DA CIDADE DIGITAL********/
#twitter {width:190px; height:62px; margin:10px 1px 0 5px;}
tweet-container {
	width:190px; overflow:hidden; margin-bottom:2px; float:left; border:1px solid #ccc; margin:10px 1px 0 3px;}
#tweet-container ul {
	background:#eee;
	color:#333;
	list-style:none;
	margin:0;
	padding:5px 10px;
	}
#tweet-container .imagem img {
	display:block;
	float:left;
	margin-right:5px;
	}
#tweet-container li {
	min-height:40px;
	background:#fff;
	clear:both;
	border:1px solid #ccc;
	padding:5px;
	margin:4px 0;
	}
.time {
	font-size:11px;
	display:block;
	text-align:right;
	margin:5px 5px 0 0;
	}
#tweet-container ul a {
	color:#999;
	font-style:italic;
	}
#tweet-container ul a:hover {
	color:#ccc;
	text-decoration:none;
	}
/* PAGINA CONTATO*/
#formulario, #end {float:left;}
#formulario form {width:350px; display:block; margin:0 auto; background:#FFF;}
#formulario fieldset {border:1px solid #275678; padding:0 15px 10px 15px;}
#formulario legend {font:18px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold; padding:10px 0; border-bottom:2px;}
#formulario label {display: block; padding:3px 0;}
#formulario span {display:block; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#069; font-weight:bold;}
#formulario input {padding:3px; width:300px; border:1px solid #275678; font:14px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold;}
#formulario input:focus {background:#f5f5f5;}
#formulario textarea {padding:3px; width:300px; border:1px solid #069; font:14px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold;}
#formulario .send {width:120px; display:block; margin:10px auto; cursor:pointer; border:0; background:#069; color:#FFF;}
#formulario .send:hover {background:#275678;}

.yes {padding:3px; background:#EAFFD5; border:1px solid #275678;}
.no {padding:3px; background:#FDD; border:1px solid #275678;}


#end {width:250px; overflow:hidden; margin:20px 0 3px 12px; float:left; border:1px solid #275678;  padding:4px}
.onde {font:18px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold; padding:4px;}
#end dl {margin:0; padding:0;}
#end dt {float:left; color:#275678; font-weight:bold; padding-right:5px;}
#end dd {margin-bottom:5px;}
#end a {color:#BA9767; font-weight:bold;}
#end a:hover {color:#0099CC;}
/*** formulario de comentarios****/
#coment {margin:0 auto;}
#coment form {width:400px; display:block; background:#f5f5f5; margin-left:4px;}
#coment fieldset {border:1px solid #275678; padding:0 15px 10px 15px;}
#coment legend {font:18px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold; padding:10px 0; border-bottom:2px;}
#coment label {display: block; padding:3px 0;}
#coment span {display:block; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#069; font-weight:bold;}
#coment input {padding:3px; width:300px; border:1px solid #275678; font:14px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold;}
#coment input:focus {background:#f5f5f5;}
#coment textarea {padding:3px; width:300px; border:1px solid #069; font:14px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold;}
#coment .send {width:100px; display:block; margin:10px auto; cursor:pointer; border:0; background:#275678; color:#FFF;}
#coment .send:hover {background:#275678;}
/*** miniaturas do lightbox****/
.thumbnail img{ /*CSS for enlarged image*/
padding: 4px;
float:left;
border:0;
}
/***formulario de matriculas em curso***/
#forminc {width:660px; padding:2px; border:1px solid #275678}
#forminc fieldset {border:1px solid #275678; padding:0 15px 10px 15px;}
#forminc legend {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#275678; font-weight:bold}
#forminc label {display: block; padding:3px 0;}
#forminc input {padding:3px; border:1px solid #275678; font:14px Tahoma, Geneva, sans-serif; color:#275678; font-weight:bold;}
#forminc input:focus {background:#f5f5f5;}
#forminc .send {width:100px; display:block; margin:10px auto; cursor:pointer; border:0; background:#275678; color:#FFF;}
#forminc .send:hover {background:#275678;}
.subtitulo {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; text-align:right}

#noticias, #links {float:left;}
#noticias {width:450px; height:200px; overflow-x:auto; padding:2px; background:#F0F0F0; margin:1px 0 3px 0;}

#links {width:212px; height:220px; padding:2px; margin-left:4px;}
#links ul {margin:0; padding:0;}
#links ul li {list-style:none; padding:4px; margin:2px 0}
#links ul li a {font:11px Tahoma, Geneva, sans-serif; color:#666; text-decoration:none;}
#links ul li a:hover {color:#666; text-decoration:underline;}
/****link azul pequeno****/
.azulp {font:11px Tahoma, Geneva, sans-serif; color:#153E92; font-weight:bold}
a.azulp:link {
	color: #153E92;
	text-decoration:none;
}
a.azulp:visited {
	color: #153E92 ;
	text-decoration:none;
}
a.azulp:hover {
	color: #153E92;
		text-decoration: underline;
}
a.azulp:active {
	color: #153E92;
	text-decoration:none;}
/***link enfase***/

#listnoticia, #lernoticia {float:left;}
#lernoticia {width:678px; overflow:hidden; margin:3px 2px 0 2px; padding:2px;}
#listnoticia {width:200px; overflow:hidden; padding:2px; margin:3px 2px 0 1px; border:1px solid #ccc;}
.cinza {font:10px Tahoma, Geneva, sans-serif; font-size:10px; color:#666;}
a.cinza:link {
	color: #666666;
	text-decoration:none;
}
a.cinza:visited {
	color: #666666 ;
	text-decoration:none;
}
a.cinza:hover {
	color: #666666;
		text-decoration: underline;
}
a.cinza:active {
	color: #666666;
	text-decoration:none;}
.data {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00942F; font-weight:bold; text-decoration:underline;}
.date {font:10px bold Tahoma, Geneva, sans-serif; color:#666; font-style:italic; font-weight:bold;}
.titulo {font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#275678; font-weight:bold; padding:4px;}

.amais {width:662px; height:22px; background:#f5f5f5; padding:5px; margin:5px 2px;}
.amais ul {margin:0; padding:0;}
.amais li {float:left; margin-right:2px; padding:5px; list-style:none;}
.amais li a {font:11px Tahoma, Geneva, sans-serif; text-decoration:none; color:#275678;}
.amais li#aumentar a {background:url(../img/a+.gif) no-repeat left top; padding-left:26px;}
.amais li#diminuir a {background:url(../img/a+.gif) no-repeat left top; padding-left:26px;}
.amais li#indicar a {background:url(../img/indicar.gif) no-repeat left top; padding-left:26px;}
.amais li#imprimir a {background:url(../img/print.gif) no-repeat left top; padding-left:26px;}
.amais li#post {padding-left:40px;}
.amais li#aumentar a:hover {background-position:left bottom; color:#0BA4FF}
.amais li#diminuir a:hover {background-position:left bottom; color:#0BA4FF}
.amais li#indicar a:hover {background-position:left bottom; color:#0BA4FF}
.amais li#imprimir a:hover {background-position:left bottom; color:#0BA4FF}
.post {font:10px bold Tahoma, Geneva, sans-serif; color:#666; font-style:italic; text-align:right;}