/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Alterado por Filipe Rocha, www.filiperocha.com

----------------------------------------------------------------------- */
/* Resets default browser CSS. */
@import "src/reset.css";
@import "src/forms.css";

/* GLOBAL */

body, a, p, div { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

body { margin:0 auto; padding:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif;}

#content { width:854px; background:url(../../img/bgcinza.gif) repeat-y; margin:0 auto; padding:0 auto; text-align:center;}

.conteudo { width:800px;
background:url(../../img/cinza-recursos.gif) no-repeat;
padding:0 auto;
margin:0 auto;
}

.centro { width:702px;
padding:0 auto;
margin:0 auto;
text-align:left;}

/* nav */

#nav { position:relative;
list-style:none;
right:0px;
top:104px;
padding:0 auto;
margin:0 auto;
text-align:right;}

#nav li { float:right;
margin:0 2px;
text-indent:-999px;}

#nav li a { width:81px;
height:27px;
display:block;
text-indent:-999px;}

#nav li a.recursos { background:url(../../img/b-recursos.gif) top no-repeat;
text-indent:-999px;}
#nav li a.recursos:hover { background:url(../../img/b-recursos.gif) bottom no-repeat;}

#nav li a.calendario { background:url(../../img/b-calendario.gif) top no-repeat;
text-indent:-999px;}
#nav li a.calendario:hover { background:url(../../img/b-calendario.gif) bottom no-repeat;}

#nav li a.juri { background:url(../../img/b-juri.gif) top no-repeat;
text-indent:-999px;}
#nav li a.juri:hover { background:url(../../img/b-juri.gif) bottom no-repeat;}

#nav li a.concurso { background:url(../../img/b-concurso.gif) top no-repeat;
text-indent:-999px;}
#nav li a.concurso:hover { background:url(../../img/b-concurso.gif) bottom no-repeat;}


/* zonas */

.artes { display:block; height:58px; width:70px; background:url(../../img/b-artes.gif) top no-repeat;
margin:3px;}
.artes:hover { background:url(../../img/b-artes.gif) bottom no-repeat;}

.design { display:block; height:58px; width:70px; background:url(../../img/b-design.gif) top no-repeat; margin:3px;}
.design:hover { background:url(../../img/b-design.gif) bottom no-repeat;}

.fotografia { display:block; height:58px; width:70px; background:url(../../img/b-fotografia.gif) top no-repeat; margin:3px;}
.fotografia:hover { background:url(../../img/b-fotografia.gif) bottom no-repeat;}

.ilustracao { display:block; height:58px; width:70px; background:url(../../img/b-ilustracao.gif) top no-repeat; margin:3px;}
.ilustracao:hover { background:url(../../img/b-ilustracao.gif) bottom no-repeat;}

.literatura { display:block; height:58px; width:70px; background:url(../../img/b-literatura.gif) top no-repeat; margin:3px;}
.literatura:hover { background:url(../../img/b-literatura.gif) bottom no-repeat;}

.musica { display:block; height:58px; width:70px; background:url(../../img/b-musica.gif) top no-repeat; margin:3px;}
.musica:hover { background:url(../../img/b-musica.gif) bottom no-repeat;}

.performance { display:block; height:58px; width:70px; background:url(../../img/b-performance.gif) top no-repeat; margin:3px;}
.performance:hover { background:url(../../img/b-performance.gif) bottom no-repeat;}

.teatro { display:block; height:58px; width:70px; background:url(../../img/b-teatro.gif) top no-repeat; margin:3px;}
.teatro:hover { background:url(../../img/b-teatro.gif) bottom no-repeat;}

.video { display:block; height:58px; width:70px; background:url(../../img/b-video.gif) top no-repeat; margin:3px;}
.video:hover { background:url(../../img/b-video.gif) bottom no-repeat;}


.clear { clear:both;
padding:0 auto;
margin:0 auto;}