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

/* General HTML ---------------------------------------------*/

body, h1, p, a, ul, li, fieldset, div {margin: 0; padding: 0;}

html {font-size: 100%;}

body {background-color: #fff; font-size: 0.75em;}

img {border: none;}

h1 {float: left; position: relative; top: 50px; text-indent: -9000em; overflow: hidden; width:262px; height:118px; background-image:url(images/logoAjufesc.jpg);}

h2 {font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #0068a7; font-size: 1.3em; margin: 0 0 22px 0; padding: 0;}

h2 span {color: #000; font-size: 0.8em;}

h3 {font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #000; font-size: 1.1em; margin: 0 0 12px 0; padding: 0;}

h3 span {color: #000;}

h4 {font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #000; font-size: 1em;}

p {font: 1.1em/1.32em "Trebuchet ms", Arial, Helvetica, sans-serif; color: #000;}

a:link, a:visited, a:hover, a:active {color: #0068a7; font: bold 0.8em/1.5em "Trebuchet ms", Arial, Helvetica, sans-serif;}

a:hover, a:active {text-decoration: none;}

hr {/*background:transparent url(images/hr.gif) repeat-x top left;*/ height:2px; border-style: dashed;}

div {position: relative;}

form input.text {font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: normal; color: #000; font-size: 1em; border: 1px solid #0068a7;}
form textarea.text {font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: normal; color: #000; font-size: 1em; border: 1px solid #0068a7;}

/* Top ---------------------------------------------*/

div#top {height: 225px; background: #003072 url(images/fundoT.jpg) repeat-x right top;}
div#top p {font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; font-size: 0.7em; text-indent: 440px; padding-bottom: 2px;}
div#top div#login {position: relative; height: 28px; width: 810px; margin-right: auto; margin-left: auto;}
div#top div#login form {margin: 0; position: relative; left: 388px; width: 450px; padding: 0; font: 1em/1em "Trebuchet ms", Arial, Helvetica, sans-serif; color: #fff;}
div#top div#login form input#image {margin-left: 5px;  vertical-align: bottom; }

/* Middle ---------------------------------------------*/

div#middle {min-height: 450px; background: #fff url(images/fundoTopText.gif) repeat-x center 36px;}

div#middle div#content {min-height: 450px; width:874px; margin: 0 auto; background: transparent url(images/fundoBottomText.gif) repeat-x center bottom;}
div#middle div#content ul {width: 93%; margin-right: auto; margin-left: auto; height: 45px; list-style-type: none;}
div#middle div#content ul li {float: left; padding-right: 27px; text-indent: -9000em; overflow: hidden;}
div#middle div#content ul li a {display:block; height: 27px;}

div#middle div#content ul li#home a, div#middle div#content ul li#home a:visited {width:36px; background-image:url(images/bHome.gif);}
div#middle div#content ul li#home a.selected {width:36px; background-image:url(images/bHomeH.gif); cursor: default;}
div#middle div#content ul li#home a:hover, div#middle div#content ul li#home a:active {width:36px; background-image:url(images/bHomeH.gif);}

div#middle div#content ul li#esmafesc a, div#middle div#content ul li#esmafesc a:visited {width:65px; background-image:url(images/bEsmafesc.gif);}
div#middle div#content ul li#esmafesc a.selected {width:65px; background-image:url(images/bEsmafescH.gif); cursor: default;}
div#middle div#content ul li#esmafesc a:hover, div#middle div#content ul li#esmafesc a:active {width:65px; background-image:url(images/bEsmafescH.gif);}

div#middle div#content ul li#professores a, div#middle div#content ul li#professores a:visited {width:90px; background-image:url(images/bProfessores.gif);}
div#middle div#content ul li#professores a.selected{width:90px; background-image:url(images/bProfessoresH.gif); cursor: default;}
div#middle div#content ul li#professores a:hover, div#middle div#content ul li#professores a:active {width:90px; background-image:url(images/bProfessoresH.gif);}

div#middle div#content ul li#cursos a, div#middle div#content ul li#cursos a:visited {width:52px; background-image:url(images/bCursos.gif);}
div#middle div#content ul li#cursos a.selected{width:52px; background-image:url(images/bCursosH.gif); cursor: default;}
div#middle div#content ul li#cursos a:hover, div#middle div#content ul li#cursos a:active {width:52px; background-image:url(images/bCursosH.gif);}

div#middle div#content ul li#noticias a, div#middle div#content ul li#noticias a:visited {width:56px; background-image:url(images/bNoticias.gif);}
div#middle div#content ul li#noticias a.selected {width:56px; background-image:url(images/bNoticiasH.gif); cursor: default;}
div#middle div#content ul li#noticias a:hover, div#middle div#content ul li#noticias a:active {width:56px; background-image:url(images/bNoticiasH.gif);}

div#middle div#content ul li#inscricoes a, div#middle div#content ul li#inscricoes a:visited {width:74px; background-image:url(images/bInscricoes.gif);}
div#middle div#content ul li#inscricoes a.selected {width:74px; background-image:url(images/bInscricoesH.gif); cursor: default;}
div#middle div#content ul li#inscricoes a:hover, div#middle div#content ul li#inscricoes a:active {width:74px; background-image:url(images/bInscricoesH.gif);}

div#middle div#content ul li#regulamento a, div#middle div#content ul li#regulamento a:visited {width:146px; background-image:url(images/bRegulamento.gif);}
div#middle div#content ul li#regulamento a.selected {width:146px; background-image:url(images/bRegulamentoH.gif); cursor: default;}
div#middle div#content ul li#regulamento a:hover, div#middle div#content ul li#regulamento a:active {width:146px; background-image:url(images/bRegulamentoH.gif);}

div#middle div#content ul li#contatos a, div#middle div#content ul li#contatos a:visited {width:63px; background-image:url(images/bContatos.gif);}
div#middle div#content ul li#contatos a.selected{width:63px; background-image:url(images/bContatosH.gif); cursor: default;}
div#middle div#content ul li#contatos a:hover, div#middle div#content ul li#contatos a:active {width:63px; background-image:url(images/bContatosH.gif);}

div#middle div#content div#textos {min-height: 350px; padding: 50px 50px 100px 40px;}

div#middle div#content div#textos form {width: 450px; padding: 0; font: 1em/1em "Trebuchet ms", Arial, Helvetica, sans-serif; color: #000;}
div#middle div#content div#textos input#image {margin-left: 5px;  vertical-align: bottom; }

div#middle div#content div#textos h2 a {text-decoration: none; font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #0068a7; font-size: 1em;}
div#middle div#content div#textos h2 a:hover {color: #74b6e1;}
div#middle div#content div#textos p a {text-decoration: none; font: 1em/1.32em "Trebuchet ms", Arial, Helvetica, sans-serif; color: #000;}
div#middle div#content div#textos p a:hover {color: #ccc;}

div#middle div#content div#textos div#mandato {margin-left:30px; float:left;}

div#middle div#content div#textos ul {float: left; width: 100px; margin: 0; list-style-type: none;}
div#middle div#content div#textos ul li {height: 15px; background-color: #004d8e; padding: 14px 8px 5px 8px; margin-bottom: 4px; text-indent: 0; overflow: hidden; font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; font-size: 1em;}
div#middle div#content div#textos ul li a {text-decoration: none; font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; font-size: 1em;}
div#middle div#content div#textos ul li a:hover {color: #000;}
div#middle div#content div#textos ul li#selected {height: 15px; background-color: #008626; padding: 14px 8px 5px 8px; margin-bottom: 4px; text-indent: 0; overflow: hidden; font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; font-size: 1em;}

div#middle div#content div#textos div#noticias, div#middle div#content div#textos div#eventos, div#middle div#content div#textos div#links{margin-left:30px; float:left; width: 220px;}
div#middle div#content div#textos div#noticias h3 a, div#middle div#content div#textos div#eventos h3 a {text-decoration: none; font-family: "Trebuchet ms", Arial, Helvetica, sans-serif; font-weight: bold; color: #0068a7; font-size: 0.9em;}
div#middle div#content div#textos div#noticias h3 a:hover, div#middle div#content div#textos div#eventos h3 a:hover {color: #74b6e1;}

/* Bottom ---------------------------------------------*/

div#bottom {height: 60px; background: #fff url(images/fundoRodape.jpg) repeat-x left bottom;}
div#bottom div {width: 850px; margin-right: auto; margin-left: auto;}
div#bottom div p {float: left; padding-top: 10px; font: 0.85em/0.85em "Trebuchet ms", Arial, Helvetica, sans-serif; color: #7a7a7a; }
div#bottom div img {float: left;}
div#bottom div img.right {float: right;}