﻿html {}
body { margin:0px; padding:0px; border:0px; font:normal 10pt Arial; color:#666; background:#fff;}

p { font:normal 10pt Arial; color:#666; margin:0; font-weight:normal; line-height:20px;}
h1 { font:normal 16pt Arial; color:#cc0099; margin:0; font-weight:normal; margin-bottom:20px;}
a {color:#cc0099; text-decoration:none;}
a:hover {color:#A60D38; text-decoration:underline;}

.clr { clear:both; padding:0; margin:0; background:none; }

img{ border:0px;}

#container{ width:980px; margin-left:auto; margin-right:auto;}

#header {padding:0; margin:0 auto; width:100%; height:270px; }
#header_resize {width:980px; height:220px; margin-left:auto; margin-right:auto; background:url(../img/bg_header_resize.png) no-repeat;}
#flash { width:980px; height:220px; margin: 0 auto; z-index:444; position:absolute;}
.logo { float:left; padding:0; margin:0; width:197px; height:200px; padding-top:10px; z-index:999; position:relative; }

/*menu*/
#menu {padding:0; margin:0 auto; width:100%; height:50px;}
.menu_resize { width:980px; height:50px; margin-left:auto; margin-right:auto; background:url(../img/bg_menu_resize.png) no-repeat;}

/*conteudos*/
#content{ width:100%; padding-top:20px; padding-bottom:20px;}
#content_resize{ width:960px; margin-left:auto; margin-right:auto; padding-left:10px; padding-right:10px;}

/*rodapé*/
#footer{ width:100%; height:60px; font:normal 9pt Arial; color:#fff;}
#footer_resize{ width:950px; height:35px; margin-left:auto; margin-right:auto; vertical-align:middle; padding-top:25px; padding-left:30px; background:url(../img/bg_footer.png) no-repeat;}
#footer_resize a{ color:#ccc; text-decoration:none;}
#footer_resize a:hover{ color:#fff; text-decoration:underline;}

/*pesquisa*/
h2 { font:normal 16pt Arial; color:#3357AC; margin:0; font-weight:normal;}
h3 { font:normal 10pt Arial; color:#3357AC; margin:0; font-weight:normal;}
td.pesquisa{ border:1px solid #c4c4c4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; float:right; background:#fff url(../img/bg_pesquisa.png) repeat-x;}
td .input{ width:200px; border:1px solid #c4c4c4;}
td .button{ width:120px; height:27px; padding-bottom:3px; background:#003366 url(../img/bg_button.png) repeat-x; float:right; color:#fff; cursor:pointer; border:2px solid #fff; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/*navigation*/

#nav { bottom:0; width:780px; height:50px; left:200px; line-height:50px; position:fixed; z-index:100; font:normal 12px Arial; text-decoration:none; font-weight:bold; text-transform:uppercase;}
#nav #home{ text-indent: -9999px; width:45px;}
#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:50px; z-index:5; }
#top #nav a{ display:block; float:left; padding:13px 20px; border: none; text-decoration: none; line-height:24px; outline:none; font-weight:bold;}
#top #nav ul a{line-height:30px;}
#top #nav li{ margin-right:3px;float:left;position:relative;z-index:20;}
#top #nav li li{font-size:11px;border-left:none;margin:0;}
#top #nav ul {position:absolute;display:none;width:192px;top:50px;left:0px;}
#top #nav li ul a{float:left;height:15px;line-height:20px;padding:10px 21px;text-align:left;width:225px;}
#top #nav ul ul{top:auto;border-top:none;}	
#top #nav li ul ul {left:192px;top:0px;}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{display:none;}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{display:block;}

/************************************************************************
-) HEAD
*************************************************************************/

#nav .current{color:#cc0099;background: url(../img/hover.png) top repeat-x;font-weight:bold;}
#nav #home{color: #EFD01E;}
#nav .current#home, #nav #home:hover{color: #EFD01E;}
#nav a{color:#fff;}
#top #nav li li a{background-color:#cc0099;}
#top #nav li li ul{}
#nav li li a, #nav li:hover{color:#fff;}
#nav li ul{border-top:none;border-bottom:none;}
#nav a:hover{color:#cc0099;background: url(../img/hover.png) top repeat-x;text-decoration:underline;}
#nav li li a:hover{color:#fff;text-decoration:underline;background-color:#cc0099;}