@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {background: url(../images/cenario.jpg);background-color:#9CF;background-position: top center;font:10px/16px Arial,Helvetica,Verdana,sans-serif;color:#555;}
a {cursor: pointer;}  a:link {color: #999}  a:visited {color: #999999;}  a:hover {color: #FFF;}  a:active {color: #555;}
a, input {outline-color: invert;outline-style: none;outline-width: medium;}
a:focus {-moz-outline-style: none;}
a:active, a:focus, input[type="image"] {outline: 0;}
* {padding: 0px; margin: 0px; text-decoration: none;}
h2 {font: normal 18px/18px  Helvetica, Arial, sans-serif;}
h2.b {color:#CCC; font: 18px  Arial, Helvetica, sans-serif;}
strong {font-weight: bold;}
ul img {border:none;}
span.autor {font: bold 11px/16px  Helvetica, Arial, sans-serif;}
span.data {color:#666; font: normal 10px  Helvetica, Arial, sans-serif; display:block }
span.mail {unicode-bidi:bidi-override;direction:rtl;}
/*----contentores----*/
#topo {margin-left:auto; margin-right:auto; width:600px;height:180px;}
#conteudo {margin-left:auto; margin-right:auto; width:600px; height:700px; overflow:hidden;}
#header {height:60px; width:600px;}
#headert {height:50px; width:600px;}
#header div.logo {float:left; width:280px;}
#header div.palavras {float:right; height:60px}
#outer1 {float:left;}
#outer2 {float:right; width:102px; padding-left:8px;}
#newsHome {float:left; height:130px; width:600px;}
#quemSomos {height:229px; position:relative;color:#CCC;font-size:11px;text-align:justify; padding-top:70px;}
#termos {height:264px; position:relative;color:#CCC;font-size:11px;text-align:justify;}
#conceito {height:240px; position:relative;color:#CCC;font-size:11px;text-align:justify;}
#areasMain {height:226px; position:relative;color:#CCC;font-size:11px;text-align:justify;}
#parcerias {height:264px; position:relative;color:#CCC;font-size:11px;text-align:justify;}
#parcerias strong {font-weight:bold; font-size:12px}
#wrapL {width:100%; padding-bottom:3px;}
#invitational {height: 20px;width: 107px;padding-top:33px}
#social {height: 20px;width: 100px;padding-top:33px}
#social div.socialFcbk {position:relative;float: left;margin: 0;padding: 0;background: url(../images/social_f_03.png) no-repeat;width: 26px;height: 20px;overflow:hidden;}
#social div.socialHi {position:relative;float: left;margin: 0;padding: 0;background: url(../images/social_f_07.png) no-repeat;width: 26px;height: 20px;overflow:hidden;}
#social div.socialMspc {position:relative;float: left;margin: 0;padding: 0;background: url(../images/social_f_01.png) no-repeat;width: 26px;height: 20px;overflow:hidden;}
#social div.socialTwttr {position:relative;float: left;margin: 0;padding: 0;background: url(../images/social_f_05.png) no-repeat;width: 21px;height: 20px;overflow:hidden;}
#social div.socialFcbk a, #social div.socialHi a, #social div.socialMspc a, #social div.socialTwttr a {float: left;overflow:hidden;}
#social div.socialFcbk img, #social div.socialHi img, #social div.socialMspc img, #social div.socialTwttr img {width: 21px;height: 20px;border: 0;}
#social div.socialFcbk a:hover img, #social div.socialHi a:hover img, #social div.socialMspc a:hover img, #social div.socialTwttr a:hover img {visibility:hidden}

#areas {float:left; height: 70px;padding-top: 8px; width:312px; display:block}
#areas div.inst {float:left;background: url(../images/inst_hover.png) no-repeat 0 0;  height:23px;width:106px;margin:0;padding:0;}
#areas div.formulario {float: left;background: url(../images/formulario_hover.png) no-repeat 0 0; height:23px;width:106px;margin:0;padding:0;}
#areas div.voltar {float: left;background:url(../images/voltar_areas_hover.png) no-repeat 0 0; height:23px;width:98px;margin:0;padding:0;}
#areas div.inst a img, #areas div.formulario a img, #areas div.voltar a img{border:0;}
#areas div.inst a:hover img, #areas div.formulario a:hover img, #areas div.voltar a:hover img {visibility:hidden;}
#criativos {float:left;padding-top:10px;padding-left:70px;}
#criativos a img {border:0}
/*----formularios----*/
#search_box {float:left;width:310px;text-align:right;}
#s {color: #000;background: #FFF;border: 1px solid #000; width:150px; height:19px;}
#s:focus {background:#CCCCCC;}
form button {vertical-align:middle;border:none;padding:0;background:none;cursor:pointer;*cursor:hand; /*alternate cursor for IE*/height:34px;margin:0 0 5px 2px;width:101px;}
form button a:hover {visibility:hidden;}
/*-----scroll-----*/
.caixa {height:90px; display:block; margin-right:25px; margin-bottom:30px; padding-bottom:10px; border-bottom:dotted 1px #666}
.caixa img {float:left; margin:0; padding-right:10px;}
.caixa a img {border:0;}
.caixa a {color:#FFF};
.caixa a:hover {color:#999;}
.caixa ul {list-style:none;border:none; margin-bottom:0}
.caixa ul li {border-bottom:none; padding:0; margin:0;}
.caixa strong {color:#666}
.caixa .cima {height:75px; padding-right:50px;}
.caixa .baixo {height:15px; text-transform:capitalize; }
.caixa .baixo a {text-transform:none }
.alta {height:90px;display:block; margin-right:25px; margin-bottom:10px; padding-bottom:5px; border-bottom:dotted 1px #666}
.alta strong {color:#999; display:block}
.alta span {text-transform:capitalize;}
.alta a {color:#FFF;}
.alta a:hover {color:#999;}
/*----*/
#box1{left:0;top:0;}
#box2{left:0;top:0;}
/*------menu------*/
#menu{padding: 0 1px 1px;margin-left: 0;font: bold 10px;width: 100px;text-transform: uppercase;}
#menu li{list-style: none;margin: 0;text-align: left; padding: 0 1px 2px 1px}
#menu li a{display: block;padding: 0.25em 0.5em 0.25em 0.75em;background: #000;text-decoration: none; color:#FFF;}
#menu li a:hover {background: #FFF;color:#333}
/*---new optimism----*/
div.optimsm {height:23px;width:98px;margin:0;padding:0px 2px 27px 2px;}
div.optimsm a {display:block; padding: 0.25em 0.25em 0.25em 0.75em; background:#000; color:#FF0; font: bold 10px; text-transform:uppercase;}
div.optimsm a:hover {background:#FF0; color:#000}
/*_menu.parceiros_*/
div.parceiros {background-image:url("../images/p.png");} 
div.eventos {background-image:url("../images/e.png");}
div.noticias {background-image:url("../images/n.png");}
div.voltar {background-image:url("../images/voltar.jpg");}
div.voltari {background-image:url("../images/voltari_hover.gif");}
div.noticias, div.eventos, div.parceiros, div.voltari {height:23px;width:102px;margin:0;padding:0;}
div.voltar {height:21px;width:98px;margin:0;padding:0;}
div.voltari a, div.voltari a:link, div.voltari a:visited, div.voltar a, div.voltar a:link, div.voltar a:visited, div.noticias a, div.noticias a:link, div.noticias a:visited, div.parceiros a, div.parceiros a:link, div.parceiros a:visited, div.eventos a, div.eventos a:link, div.eventos a:visited  {display:block;}
div.voltar img, div.noticias img, div.parceiros img, div.eventos img, div.voltari img {width:100%;height:23px;border:0;}
div.voltar a:hover img, div.eventos a:hover img, div.parceiros a:hover img, div.noticias a:hover img, div.voltari a:hover img{visibility:hidden;}
/*--menu.noticias--*/
#novidades{float:left; width:200px;padding-top:13px; height:115px; line-height:140%; font-size:10px;}
#novidades li{list-style: none;margin: 0;text-align: left;}
#novidades li a{display: block;text-decoration: none;}
#novidades li a:hover{color:#FFF}
/*-----footer------*/
#footer { clear:both;width:600px;height:15px;padding-bottom:0;left:0;color:#fff;z-index:500; text-align:center}
#footer ul {position:relative; margin-left:auto; margin-right:auto;	width:600px; top: 8px; list-style-type: none;}
#footer li {width: auto; margin: 0px 0px 0px 0px; z-index: 10;	display:inline;}
#footer li a:hover {text-shadow: #CCC 1px 1px 1px;}
/*----classes----*/
a.mail {unicode-bidi:bidi-override;direction:rtl;}
img.center {display: block;margin-left: auto;margin-right: auto}
.pad {margin:0; padding-top:9px;}
.padOut1 { width:190px;padding-right:10px;}
.padIn {padding-left:5px; padding-right:5px;}
.padOut2{padding-left:10px; text-align:justify}




