/* CSS Document */
* { margin: 0; padding: 0; border: none; list-style: none; outline: none; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #494949; }

html { background-color: #004d91; }

body { font-size: 62.5%; }

div.clearMe { clear: both; float: none; }

a.more:hover { text-decoration: underline; }

#top { background: #fff; height: 10.6em; overflow: hidden; }
#top .container { background: url(../_img/cabecalho.jpg) top left no-repeat #fff; height: 10.6em; }
#top a#logo { position: absolute; left: 22.1em; top:3em; z-index: 1; }
#top a#logo img { width:39.1em; height:5.5em; }
#top #bannerTop { position: absolute; left: 68em; top:2em; }
#top #grafTop{ position: absolute; z-index: 0; top:0em; width:21.8em; height: 16.1em; }

h2 span { color: #ffa759; }

#imago { position: absolute; top: 6em; left: 0em; z-index: 14;}

#menuMain { background-color: #004d91;  height: 2.5em; }

#wrapper { background: url(../_img/pattern.jpg) repeat-x #96B5D1; position: relative;  }
#wrapper .container { padding: 0 20px 0 0; /*background: #EAEAEA; border: #fff solid 1px; border-top: none; border-bottom: none;*/ }

#wrapper #colLeft { width: 19.5em; float: left; margin:0 15px 10px 0; }
#wrapper .container > #colLeft { margin:0 20px 10px 0; }
#wrapper #colCenter { width: 44em; float: left; margin:0 0 10px 0; }
#wrapper #colRight { width: 17.5em; float: right; margin:0; }

#footer { }
#footer div.container { padding-top: 10px; }
#footer ul { font-size: 1.2em; text-transform: uppercase; }
#footer ul li { float: left; }
#footer ul li a { color:#fff; margin: 0 20px 10px 0; text-decoration: underline; }
#footer p { color:#fff; float: right; font-size: 1.2em; margin-bottom: 10px; }

div.container { margin: 0 auto; width: 84.5em; position: relative; }

#menuMain ul { float: right; text-transform: uppercase; font-weight: bold; }
#menuMain ul li { float: left; color: #fff; }
#menuMain ul li a { color: #fff; padding:0.5em 15px 0.3em 15px; font-size: 1.3em; display: block; /*margin-right: 5em;*/ border-right:1px solid #07649D; }
#menuMain ul li a:hover { background-color:#e67817; }

#mooMenu {position: absolute; z-index: 14; border-top:none; background-color: #004d91; overflow:hidden; text-transform: uppercase; font-weight: bold; left:30.4em; display:none;  }
#mooMenu li{ border-bottom: #FFF solid 1px; z-index:15; float: left; color: #fff;  background-color: #004d91; }
#mooMenu li a{color: #fff; padding:0.5em 15px 0.3em 15px; font-size: 1.3em; display: block; border-right:1px solid #07649D; }
#mooMenu li a:hover { background-color:#e67817; }

#wrapper #colLeft #menuIdite { margin: 0 0 10px 21px; }
#wrapper #colLeft #menuIdite h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_h2Blue.jpg) center top; color: #fff;  font-size:1.2em; text-transform: uppercase; border: #c6c6c6 solid 1px; border-bottom: none; }
#wrapper #colLeft #menuIdite > h2 { padding: 6px 20px 5px 20px;}
#wrapper #colLeft #menuIdite ul { background: url(../_img/i_shad.jpg) repeat-x #fff; padding: 10px 20px 10px 20px; text-transform: uppercase; font-size: 1.1em; border: #c6c6c6 solid 1px; border-top: none; }
#wrapper #colLeft #menuIdite ul li a{ line-height: 1.6em; }
#wrapper #colLeft #menuIdite ul li a:hover{ font-weight: normal; color: #004d91; }

#wrapper #colLeft #projectList { margin: 0 0 10px 0; position: relative; }
#wrapper #colLeft #projectList h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_h2Blue.jpg) center top; color: #fff;  font-size:1.2em; text-transform: uppercase; border: #c6c6c6 solid 1px; border-bottom: #366599 solid 1px; margin: 0 0 0 21px;}
#wrapper #colLeft #projectList > h2 { padding: 6px 20px 5px 20px;}
#wrapper #colLeft #projectList ul.list { /*width:14.1em;*/ background: url(../_img/i_shadB.jpg) repeat-x #3667A2; margin: 0 0 0 21px; padding: 20px; font-size: 1.1em; height:25.3em; border: #c6c6c6 solid 1px; border-top: none; }
#wrapper #colLeft #projectList > ul.list { min-height:25.3em; height: auto; }
#wrapper #colLeft #projectList ul.list li{ margin-bottom: 5px; padding-bottom: 5px ;border-bottom: #CBD3DE solid 1px;}
#wrapper #colLeft #projectList ul.list li p{ color: #CBD3DE;}
#wrapper #colLeft #projectList ul.list li p a{ color: #fff; font-weight: bold; }
#wrapper #colLeft #projectList a.more{  position: absolute; text-indent: -9999px; background: url(../_img/mais.gif); width: 1.5em; height: 1.5em; bottom:  0.5em; right: 0.5em; }

#wrapper #colLeft #bannerLeft1 { margin: 0 0 10px 21px; }
#wrapper #colLeft #bannerLeft2 { margin: 0 0 10px 21px; }

#wrapper #colRight #eventList { margin: 0 0 10px 0; position: relative; width:17.4em;}
#wrapper #colRight #eventList h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_h2Blue.jpg) center top; color: #fff;  font-size:1.2em; text-transform: uppercase; border: #c6c6c6 solid 1px; border-bottom: none; }
#wrapper #colRight #eventList > h2 { padding: 6px 20px 5px 20px;}

#wrapper #colRight #eventList ul { background: url(../_img/i_shad.jpg) repeat-x #fff; padding: 10px 20px 20px 20px; font-size: 1.1em; border: #c6c6c6 solid 1px; border-top: none; }
#wrapper #colRight #eventList ul li { border-bottom: #727272 solid 1px; padding-bottom:10px; padding-top: 4px; }
#wrapper #colRight #eventList ul li img { border: #727272 solid 1px; margin-bottom: 10px; }
#wrapper #colRight #eventList ul li.lastItem { border: none; }
#wrapper #colRight #eventList ul li p.title a{ color:#d46d2a; font-weight: bold; font-size: 1.1em; line-height: 1.1em; }
#wrapper #colRight #eventList ul li p.title a:hover{ text-decoration: underline; }
#wrapper #colRight #eventList ul li p.date{ font-weight: bold; }
#wrapper #colRight #eventList a.more{ position: absolute; text-indent: -9999px; background: url(../_img/mais.gif); width: 1.5em; height: 1.5em; bottom:  0.5em; right: 0.5em;}

#wrapper #colRight #bannerRight1 { margin: 0 0 10px 0; }
#wrapper #colRight #bannerRight2 { margin: 0 0 10px 0; }

#wrapper #colRight #news { margin: 0 0 10px 0; position: relative; }
#wrapper #colRight #news h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_h2Blue.jpg) center top; color: #fff;  font-size:1.2em; text-transform: uppercase; border: #c6c6c6 solid 1px; border-bottom: none; }
#wrapper #colRight #news > h2 { padding: 6px 20px 5px 20px;}
#wrapper #colRight #news img{ float: left; margin: 0 10px 5px 0; position: relative; }
#wrapper #colRight #news ul { background: url(../_img/i_shad.jpg) repeat-x #fff; padding: 10px 20px 20px 20px; border: #c6c6c6 solid 1px; border-top: none; }
#wrapper #colRight #news ul li { /*border-top: #a6a6a6 solid 1px;*/ padding-bottom:10px; padding-top: 4px; }
#wrapper #colRight #news p{ font-size:1.1em;}
#wrapper #colRight #news p.categoria { margin-bottom:0; border-bottom: 1px #CCC solid; text-transform: uppercase; color: #AAA; font-size:1em;}
#wrapper #colRight #news p.title { color:#193670; font-size:1.1em; font-weight: bold; padding-top:5px; }
#wrapper #colRight #news p.title a{ color:#193670; font-size:1.1em; font-weight: bold; padding-top:0px; margin-bottom: 0; }
#wrapper #colRight #news p.title a:hover { text-decoration: underline; }
#wrapper #colRight #news ul li p.date { color: #e67817; margin-bottom: 0; }
#wrapper #colRight #news a.more{  position: absolute; text-indent: -9999px; background: url(../_img/mais.gif); width: 1.5em; height: 1.5em; bottom:  0.5em; right: 0.5em;}


/* *********************************************************************************************** */
/* *********************************************************************************************** */

#wrapper #colCenter div.container { margin: 0; width: auto; position: relative; background:#eeeeee; padding: 15px; border:#cdcdcf solid 1px; }

#wrapper #colCenter #destaque {  margin: 0 0 10px 0; }
#wrapper #colCenter #destaque h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_radOrange.gif); font-size:1.2em; text-transform: uppercase; border: #c6c6c6 solid 1px; border-bottom: none; }
#wrapper #colCenter #destaque > h2 { padding: 6px 20px 5px 20px;}
#wrapper #colCenter #destaque .container img{ float: left; margin: 0 10px 5px 0; position: relative; }
#wrapper #colCenter #destaque .container { background: url(../_img/i_shadO.jpg) repeat-x #fff; border: #c6c6c6 solid 1px; border-top: none; }
#wrapper #colCenter #destaque .container p{ font-size:1.1em; margin-bottom: 10px; }
#wrapper #colCenter #destaque .container p.date { color: #e67817; padding-top:20px; margin-bottom: 0; }
#wrapper #colCenter #destaque .container p.date span { color: #494949; text-transform: uppercase; }
#wrapper #colCenter #destaque .container p.title { font-size:1.2em; font-weight: bold; margin-bottom: 10; }
#wrapper #colCenter #destaque .container p.title a { color:#193670; }
#wrapper #colCenter #destaque .container p.title a:hover { text-decoration: underline; }
#wrapper #colCenter #destaque .container a.more{  position: absolute; text-indent: -9999px; background: url(../_img/mais.gif); width: 1.5em; height: 1.5em; bottom:  0.5em; right: 0.5em;}

#wrapper #colCenter #bannerCenter { margin: 0 0 10px 0; }
#wrapper #colCenter #bannerCenter a img { border: #C6C6C6 solid 1px; }
#wrapper #colCenter #bannerCenter a { margin: 0 9px 0 0; }
#wrapper #colCenter #bannerCenter a.tres { margin: 0 0 0 0; } 

#wrapper #colCenter #directory { margin: 0 0 10px 0; }
#wrapper #colCenter #directory h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_h2Blue.jpg) center top; font-size:1.2em; text-transform: uppercase; border: #c6c6c6 solid 1px; border-bottom: none; }
#wrapper #colCenter #directory > h2 { padding: 6px 20px 5px 20px;}
#wrapper #colCenter #directory .container { background: url(../_img/i_shad.jpg) repeat-x #fff;  border: #c6c6c6 solid 1px; border-top: none; }
#wrapper #colCenter #directory .container ul { }
#wrapper #colCenter #directory .container ul li { background: #CBD3DE; color:#193670; text-transform: uppercase; line-height: 2em; text-indent: 10px; font-size:1.1em; font-weight: bold; clear: both; margin: 5px 0; }
#wrapper #colCenter #directory .container ul li ul{  }
#wrapper #colCenter #directory .container ul li ul li{ background: #fff; font-weight: normal; font-size: 1em; text-transform:capitalize;  line-height: 1.5em; float: none; clear: none; margin:0; position: relative; text-indent: 0; padding: 0 0 0 10px;}
#wrapper #colCenter #directory .container ul li ul li span{ color: #3667A2; }
#wrapper #colCenter #directory .container ul li ul li img{display: none;  }

#wrapper #colCenter #content {  margin: 0 0 10px 0; }
#wrapper #colCenter #content h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_radOrange.gif); font-size:1.2em; text-transform: uppercase;}
#wrapper #colCenter #content > h2 { padding: 6px 20px 5px 20px;}
#wrapper #colCenter #content .container { background: #FFF; }
#wrapper #colCenter #content .container img{ float: left; margin: 0 10px 5px 0; position: relative; }
#wrapper #colCenter #content .container p{ font-size:1.1em; margin-bottom: 10px; }
#wrapper #colCenter #content .container p.title { font-size:1.2em; font-weight: bold; }
#wrapper #colCenter #content .container p.title a { color:#193670; }
#wrapper #colCenter #content .container p.title a:hover { text-decoration: underline; }

#wrapper #colCenter div.conteudoGeral {  margin: 0 0 10px 0; }
#wrapper #colCenter div.conteudoGeral h2 { color: #fff; padding: 4px 20px 3px 20px; background: url(../_img/i_radOrange.gif); font-size:1.2em; text-transform: uppercase;}
#wrapper #colCenter div.conteudoGeral > h2{ padding: 6px 20px 5px 20px;}

#wrapper #colCenter div.conteudoGeral form { text-align: left; text-transform: uppercase; }
#wrapper #colCenter div.conteudoGeral form fieldset{ width: 100%; padding: 8px 0 0 0; }
#wrapper #colCenter div.conteudoGeral form legend { display: none; }
#wrapper #colCenter div.conteudoGeral form p { color: #828282; margin-right: 120px; }
#wrapper #colCenter div.conteudoGeral form label { color: #828282; }
#wrapper #colCenter div.conteudoGeral form input { border: solid #828282 1px; padding: 1px 2px; margin-right: 0px; font-size: 1em; width: 25em; margin-bottom:10px; }
#wrapper #colCenter div.conteudoGeral form textarea { border: solid #828282 1px; padding: 1px 2px; margin-right: 0px; font-size: 1em; width: 25em; margin-bottom:10px; height: 10em;}
#wrapper #colCenter div.conteudoGeral form input.btnSubmit { width: auto; padding: 3px 12px; background: url(../_img/btnSubmit.jpg) no-repeat; color: #FFF; border: none; }

#wrapper form#loginForm { height: 3em; text-align: right; text-transform: uppercase; }
#wrapper form#loginForm fieldset{ width: 100%; padding: 8px 0 0 0; }
#wrapper form#loginForm legend, #wrapper form#loginForm h2 { display: none; }
#wrapper form#loginForm p { color: #828282; display: inline; margin-right: 120px; }
#wrapper form#loginForm p a { color: #828282; }
#wrapper form#loginForm label { color: #828282;  }
#wrapper form#loginForm input { border: solid #828282 1px; padding: 1px 2px; margin-right: 0px; font-size: 1em; }
#wrapper form#loginForm #user { margin: 0 33px 0 10px;}
.logout { color: #E67817 }
p#ligado * { color: #FFF }