@charset "utf-8";
/* CSS Document - DOCUMENTO COM ESTILOS SOMENTE DA PÁGINA PRINCIPAL*/

<!--
/*** CSS RESET - resetando todas os valores dos elementos ***/
*{margin:0; padding:0;}
img{border:0;}
ul{margin:0; padding:0; list-style:none;}

/*** DEFINIG OVERALL VALUE OF THE PARAGRAPH  - definindo o valor global do parágrafo ***/
p{font:12px arial, verdana, helvetica, sans-serif; color:#3e3e3e;}

/*** SETTING BODY - definindo os valores do body ***/
body{background:#fff url(../images/background.gif) repeat-x;}

/*** CONTAINER - corpo do site ***/
#container{margin:33px auto; width:937px; background:#fff;}

/*** HEADER - cabeçalho, contém o logotipo e o menu de navegação ***/
#header{height:134px; width:937px; float:left; position:relative; background:#fff;}
#header h1{padding:6px 0 0 22px; float:left;}

/*** MENU NAVIGATION - menu de navegação, é o menu principal do site que fica no cabeçalho ***/
#menunav{width:522px; margin:57px 0 0 0; float:right; height:30px;}
#menunav .topmenu a{display:block; font:bold 16px arial, verdana, helvetica, sans-serif; color:#3e3e3e; text-decoration:none; padding:6px 20px 6px 20px;}
#menunav .topmenu a:hover{color:#fff; background:#5179a3;}
#menunav .topmenu{float:left; height:27px;}
#menunav .div_submenu{position:absolute; background:#5179a3; display:none;}
#menunav .div_submenu ul{_line-height:0px;}
#menunav .ul_submenu a{font:12px arial, verdana, helvetica, sans-serif; color:#fff;}
#menunav .ul_submenu a:hover{background:#739FCD;}
#submenu_institucional{_width:160px;}
#submenu_ensino{_width:200px;}
#submenu_servicos{_width:150px;}

/*** FEATURED BANNER - banner destaque que será em flash ***/
#featured_banner {height:250px; width:933px; float:left; padding:0 2px 10px 2px; background:#fff;}

/*** CONTENTS - conteudo, contém notícias, agenda e eventos, galeria de imagens, talentos ciac e últimos post do blog ***/
#contents{height:398px; width:893px; float:left; padding:0 22px 0 22px; background:#fff;}

/*** CONTENTS INFORMATIONS - conteúdo de noticias, agenda e eventos e galeria de imagens, aqui só esta a formatação das abas e do quadrado principal ***/
#informations{height:398px; width:514px; float:left; position:relative;}
#menunav_informations{height:28px; width:514px;} /***inicio da formatação das 3 abas***/
#menunav_informations ul{list-style:none;}
#menunav_informations ul li{height:28px; width:170px; float:left;}
#menunav_informations ul li a{display:block; text-decoration:none; font:bold 11px arial, verdana, helvetica, sans-serif; color:#fff; text-transform:uppercase; cursor:pointer; padding:12px 0 2px 10px;}
#menunav_informations a.button_news{background:url(../images/button_blue1.gif) repeat-x top;}
#menunav_informations a.button_events{background:url(../images/button_blue2.gif) repeat-x top;}
#menunav_informations a.button_imagegallery{background:url(../images/button_blue3.gif) repeat-x top;}
#menunav_informations a:hover.button_news{background:#495677;}
#menunav_informations a:hover.button_events{background:#5179a3;}
#menunav_informations a:hover.button_imagegallery{background:#739fcd;}
#menunav_informations li.menunav_news, li.menunav_events{margin-right:2px;}/***inicio da formatação das 3 abas***/

/*** CONTENTS NEWS - conteúdo de notícias ***/
#news{height:366px; width:510px; float:left; border:2px solid #495677; visibility:visible;}
#news_main{float:left; width:510px; padding-bottom:8px; _padding-bottom:14px;}
#img_noticias{width:160px; height:120px; padding:8px 8px 0 8px; float:left; display:block;}
#img_noticias *{display:block;} /***inicio do efeito de borda interna da imagem***/
#img_noticias .cropimage {overflow:hidden;height:120px;width:160px;}
#img_noticias .cropimage:hover {border:2px solid #495677;height:116px;width:156px;}
#img_noticias .cropimage:hover img {margin:-2px 0 0 -2px;} /***final do efeito de borda interna da imagem***/
#text_main_news{float:left; width:326px; margin:8px 0 0 0; height:114px;}
#news p{font:bold 16px arial, verdana, helvetica, sans-serif;}
#news p a{text-decoration:none; color:#495677;}
#news p a:hover{text-decoration:underline; color:#495677;}
#news ul li{list-style:none; clear:both;}
#news ul li a{font:12px arial, verdana, helvetica, sans-serif; text-decoration:none; color:#3e3e3e; display:block; line-height:16px; padding-left:8px; _line-height:0;}
#news ul li a:hover{background:#495677; color:#fff; _color:#999;}
#news .button_more_news {text-decoration:none; color:#495677; font:bold 12px arial, verdana, helvetica, sans-serif; float:right; padding:2px 7px 0 0; _padding:0 7px 0 0;}
#news a:hover.button_more_news{text-decoration:underline;}
#news .news_three, .news_four, .news_five, .news_six, .news_seven, .news_eight, .news_nine, .news_ten, .news_eleven, .news_twelve, .news_thirteen, .news_fourteen{visibility:hidden;}/***DELETAR LINHA***/

/*** CONTENTS EVENTS - conteúdo de agenda e eventos ***/
#events{background:#fff; height:366px; _height:398px; width:510px; border:2px solid #5179a3; position:absolute; top:28px; left:0; visibility:hidden;}
#events_main{float:left; width:510px; padding-bottom:6px; _padding-bottom:14px; height:194px;}
#img_event_one{width:160px; margin:8px 0 0 8px; float:left; _margin:8px 4px 8px 4px; display:block;}
#img_event_one *, #img_event_two *, #img_event_three *{display:block;} /***inicio do efeito de borda interna da imagem***/
#img_event_one .cropimage, #img_event_two .cropimage, #img_event_three .cropimage{overflow:hidden; height:120px; width:160px;}
#img_event_one .cropimage:hover, #img_event_two .cropimage:hover, #img_event_three .cropimage:hover{border:2px solid #5179a3;height:116px;width:156px;}
#img_event_one .cropimage:hover img, #img_event_two .cropimage:hover img, #img_event_three .cropimage:hover img {margin:-2px 0 0 -2px;} 
#img_event_one a, #img_event_two a, #img_event_three a{font:18px Arial, Helvetica, sans-serif; float:left; width:160px; color:#5179a3; text-decoration:none;}
#img_event_one a:hover, #img_event_two a:hover, #img_event_three a:hover{text-decoration:underline;}
#img_event_two{width:160px; margin:8px 8px 0 8px; float:left; _margin:8px 4px 8px 0; display:block;}/***COLOCAR DISPLAY BLOCK***/
#img_event_three{width:160px; margin:8px 0 0 0; float:left; _margin:8px 0 8px 0; display:block;}/***fim do efeito de borda interna da imagem***/
/**#events ul li{visibility:hidden;}/***DELETAR LINHA***/
#events ul li a{font:12px arial, verdana, helvetica, sans-serif; text-decoration:none; color:#3e3e3e; display:block; line-height:16px; padding-left:8px; _line-height:0; clear:both;}
#events ul li a:hover{background:#5179a3; color:#fff; _color:#999;}
#events .button_more_events {text-decoration:none; color:#5179a3; font:bold 12px arial, verdana, helvetica, sans-serif; float:right; padding:2px 7px 0 0;}
#events a:hover.button_more_events{text-decoration:underline;}

/*** CONTENT IMAGE GALLERY - conteúdo da galeria de imagens, pode conter até 6 imagens ***/
#image_gallery{background:#fff; height:366px; _height:398px; width:510px; border:2px solid #739fcd; position:absolute; top:28px; left:0; visibility:hidden;}
#gallery_box_top{float:left; width:510px; padding-bottom:2px; _padding-bottom:4px; height:170px;}
#img_gallery_one *, #img_gallery_two *, #img_gallery_three *, #img_gallery_four *, #img_gallery_five *, #img_gallery_six *{display:block;} /***inicio do efeito de borda interna da imagem***/
#img_gallery_one .cropimage, #img_gallery_two .cropimage, #img_gallery_three .cropimage, #img_gallery_four .cropimage, #img_gallery_five .cropimage, #img_gallery_six .cropimage{overflow:hidden; height:120px; width:160px;}
#img_gallery_one .cropimage:hover, #img_gallery_two .cropimage:hover, #img_gallery_three .cropimage:hover, #img_gallery_four .cropimage:hover, #img_gallery_five .cropimage:hover, #img_gallery_six .cropimage:hover{border:2px solid #739fcd;height:116px;width:156px;}
#img_gallery_one .cropimage:hover img, #img_gallery_two .cropimage:hover img, #img_gallery_three .cropimage:hover img, #img_gallery_four .cropimage:hover img, #img_gallery_five .cropimage:hover img, #img_gallery_six .cropimage:hover img {margin:-2px 0 0 -2px;} 
#img_gallery_one a,#img_gallery_two a, #img_gallery_three a, #img_gallery_four a, #img_gallery_five a, #img_gallery_six a{font:12px Arial, Helvetica, sans-serif;  float:left; width:160px; color:#739fcd; text-decoration:none;}
#img_gallery_one a:hover, #img_gallery_two a:hover, #img_gallery_three a:hover, #img_gallery_four a:hover, #img_gallery_five a:hover, #img_gallery_six a:hover{text-decoration:underline;}
#img_gallery_one{width:160px; margin:8px 0 0 8px; float:left; _margin:8px 4px 8px 4px; display:block;}
#img_gallery_two{width:160px; margin:8px 8px 0 8px; float:left; _margin:8px 4px 8px 0; display:block;}
#img_gallery_three{width:160px; margin:8px 0 0 0; float:left; _margin:8px 0 8px 0; display:block;}
#gallery_box_bottom{float:left; width:510px; height:170px;}
#img_gallery_four{width:160px; margin:8px 0 0 8px; float:left; _margin:8px 4px 8px 4px; display:block;}
#img_gallery_five{width:160px; margin:8px 8px 0 8px; float:left; _margin:8px 4px 8px 0; display:block;}
#img_gallery_six{width:160px; margin:8px 0 0 0; float:left; _margin:8px 0 8px 0; display:block;}
#image_gallery .button_more_images{text-decoration:none; color:#739fcd; font:bold 12px arial, verdana, helvetica, sans-serif; float:right; padding:4px 7px 0 0; _padding:36px 7px 0 0; clear:both; _clear:none}
#image_gallery a:hover.button_more_images{text-decoration:underline;}

/*** CONTENT NA CRISTA DA ONDA - conteúdo de na crista da onda ***/
#na_crista{height:184px; width:353px; float:right; padding:0 4px 12px 0;}
#contents_na_crista{height:154px; width:353px; border:2px solid #da251d;}
#na_crista_main{width:353px; height:128px;}
#img_na_crista{width:160px; margin:8px; float:left; _margin:8px 8px 4px 4px;}
#img_na_crista *{display:block;} /***inicio do efeito de borda interna da imagem, efeito crop***/
#img_na_crista .cropimage {overflow:hidden;height:120px; width:160px;}
#img_na_crista .cropimage:hover {border:2px solid #da251d;height:116px;width:156px;}
#img_na_crista .cropimage:hover img {margin:-2px 0 0 -2px;} /***fim do efeito de borda interna da imagem, efeito crop***/
#text_main_na_crista{float:left; margin:8px 0 0 0; width:170px;}
#na_crista p{font:bold 16px arial, verdana, helvetica, sans-serif;}
#na_crista p a{text-decoration:none; color:#da251d;}
#na_crista p a:hover{text-decoration:underline; color:#da251d;}
#menunav_na_crista{height:28px; width:170px;}
#menunav_na_crista a{display:block; text-decoration:none; font:bold 11px arial, verdana, helvetica, sans-serif; color:#fff; text-transform:uppercase; background:url(../images/button_red.gif) repeat-x top; padding:12px 0 2px 10px;}
#menunav_na_crista a:hover{background:#da251d;}
#na_crista .button_other_na_crista{text-decoration:none; color:#da251d; font:bold 12px arial, verdana, helvetica, sans-serif; float:right; padding:6px 7px 0 0;}
#na_crista a:hover.button_other_na_crista{text-decoration:underline;}

/*** CONTENTS BLOG - conteúdo dos ultimos posts do blog ***/
#posts_blog{height:200px; width:353px; float:right; padding-right:4px;}
#content_posts_blog{height:170px; width:353px; border:2px solid #8aa90c; overflow:hidden; }
#menunav_posts_blog{height:28px; width:170px;}
#menunav_posts_blog a{display:block; text-decoration:none; font:bold 11px arial, verdana, helvetica, sans-serif; color:#fff; text-transform:uppercase; background:url(../images/button_green.gif) repeat-x top; padding:12px 0 2px 10px;}
#menunav_posts_blog a:hover{background:#8aa90c;}
#content_posts_blog h3{font:bold 12px arial, verdana, helvetica, sans-serif; padding:5px 0 0 7px; margin:0; }/***TIRAR VISIBILYTI***/ 
#content_posts_blog p.date_name{font:12px arial, verdana, helvetica, sans-serif; padding:0 0 0 7px; margin:0; visibility:hidden;}/***TIRAR VISIBILYTI***/ 
#content_posts_blog p.message{font:12px arial, verdana, helvetica, sans-serif; padding:0 0 0 7px; margin:0; visibility:hidden;}/***TIRAR VISIBILYTI***/ 
#content_posts_blog .button_more_posts{text-decoration:none; color:#8aa90c; font:bold 12px arial, verdana, helvetica, sans-serif; float:right; padding:20px 7px 0 0; clear:both;}
#content_posts_blog a:hover.button_more_posts{text-decoration:underline;}
#content_posts_blog p a{text-decoration:none; color:#3e3e3e;}
#content_posts_blog p a:hover{text-decoration:underline; color:#8aa90c;}
#post_one, #post_two{height:125px;}

/*** CONTENTS MONITORIA - conteúdo dos ultimos monitoria do blog ***/
#monitoria_blog{height:200px; width:353px; float:right; padding-right:4px;}
#content_monitoria_blog{height:170px; width:353px; border:2px solid #495677; overflow:hidden; }
#menunav_monitoria_blog{height:28px; width:170px;}
#menunav_monitoria_blog a{display:block; text-decoration:none; font:bold 11px arial, verdana, helvetica, sans-serif; color:#fff; text-transform:uppercase; background:url(../images/button_green.gif) repeat-x top; padding:12px 0 2px 10px;}
#menunav_monitoria_blog a:hover{background:#495677;}
#content_monitoria_blog h3{font:bold 12px arial, verdana, helvetica, sans-serif; padding:5px 0 0 7px; margin:0; visibility:hidden;}/***TIRAR VISIBILYTI***/ 
#content_monitoria_blog p.date_name{font:12px arial, verdana, helvetica, sans-serif; padding:0 0 0 7px; margin:0; visibility:hidden;}/***TIRAR VISIBILYTI***/ 
#content_monitoria_blog p.message{font:12px arial, verdana, helvetica, sans-serif; padding:0 0 0 7px; margin:0; visibility:hidden;}/***TIRAR VISIBILYTI***/ 
#content_monitoria_blog .button_more_monitoria{text-decoration:none; color:#495677; font:bold 12px arial, verdana, helvetica, sans-serif; float:right; padding:20px 7px 0 0; clear:both;}
#content_monitoria_blog a:hover.button_more_monitoria{text-decoration:underline;}
#content_monitoria_blog p a{text-decoration:none; color:#3e3e3e;}
#content_monitoria_blog p a:hover{text-decoration:underline; color:#495677;}
#post_one, #post_two{height:125px;}

/*** UNDERSIDE - contem as tags mais muscadas e icones do blog ciac, faci e eadcon ***/
#underside{height:99px; width:893px; padding:0 22px 0 22px; float:left;}
#most_searched{height:99px; width:514px; float:left;}
#most_searched h2{font:22px arial, verdana, helvetica, sans-serif; color:#5179a3; padding-top:12px; margin:0;}
#most_searched .t1{font-size:12px;}
#most_searched .t2{font-size:14px;}
#most_searched .t3{font-size:16px;}
#most_searched .t4{font-size:18px;}
#most_searched .t5{font-size:20px;}
#most_searched .t1, .t2, .t3 , .t4, .t5{text-decoration:none; color:#5179a3;}
#most_searched a:hover.t1, a:hover.t2, a:hover.t3 , a:hover.t4, a:hover.t5{ background:#5179a3; color:#fff;}
#icons_underside{height:78px; padding-top:20px; float:right; width:357px;}
#icons_underside img {display:block; float:left; margin-left:50px; _margin:0 11px;}

/*** FOOTER - corpo do rodape ***/
#footer{height:220px; width:933px; float:left; padding:0 2px 0 2px;}

/*** SITEMAP - mapa do site, contém o menu de navegação do mapa do site ***/
#sitemap h3{width:911px; margin:0; padding:7px 0 7px 22px; background:#495677; font:bold 11px arial, verdana, helvetica, sans-serif; text-transform:uppercase; color:#fff; float:left;}
#menunav_sitemap{height:146px; width:911px; margin-top:2px; padding-left:22px; float:left; background:#5179a3 url(../images/logociac_transparente.gif) no-repeat right;}
#box_main_sitemap{height:134px; width:911px; padding-top:9px;}
#sitemap_menu_box_one, #sitemap_menu_box_two, #sitemap_menu_box_three, #sitemap_menu_box_four{height:136px; float:left;}
#sitemap_menu_box_one{width:210px;}
#sitemap_menu_box_two{width:248px;}
#sitemap_menu_box_three{width:205px;}
#sitemap_menu_box_four{width:115px;}
.title_menunav_sitemap {font:bold 11px arial, verdana, helvetica, sans-serif; color:#fff; text-decoration:none; margin:0;}
#sitemap_menu_box_one ul li, #sitemap_menu_box_two ul li, #sitemap_menu_box_three ul li{line-height:16px; padding-left:15px;}
#sitemap_menu_box_four ul li{line-height:16px;}
#sitemap_menu_box_one ul li a, #sitemap_menu_box_two ul li a, #sitemap_menu_box_three ul li a, #sitemap_menu_box_four ul li a{font:11px arial, verdana, helvetica, sans-serif; color:#fff; text-decoration:none; line-height:12px;}
#sitemap_menu_box_four ul li a{font-weight:bold;}
#sitemap_menu_box_one ul li a:hover, #sitemap_menu_box_two ul li a:hover, #sitemap_menu_box_three ul li a:hover, #sitemap_menu_box_four ul li a:hover{text-decoration:underline;}

/*** FOOTER INFORMATION - informações que ficam no final do rodapé ***/
#footer_information{height:42px; width:933px; margin-top:2px; background:#da251d; float:left;}
#footer_information p{font:10px arial, verdana, helvetica, sans-serif; color:#fff; margin:0; padding:14px 0 0 160px; float:left;}
#footer_information p a{color:#fff; text-decoration:none;}
#footer_information a:hover{text-decoration:underline;}
#footer_information img{padding:5px 10px 5px 0; float:right;}
-->