/*  ELEMENTOS  ------------------------------------------------------------------- */
a:link{
background:transparent;
color:#fff;
text-decoration:underline;
}
a:visited{
background:transparent;
color:#fff;
text-decoration:none;
}
a:hover{
background:transparent;
color:#f00;
text-decoration:none;
}
a:active{
background:transparent;
text-decoration:none;
}
body{
color:#000;
margin:20px 0;
padding:0;
text-align:center;
background-color:#000;
}
form{
margin:5px 0;
padding:0;
}
h1{
font-size:18px;
margin:10px 0;
}
h2{
font-size:16px;
margin:0;
}
h3{
font-size:14px;
margin:10px 0 5px;
}
img{
border:none;
}
p{
margin:10px 0;
line-height:20px;
}

/*  CORPO  ----------------------------------------------------------------------- */
#corpo{
color:#fff;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:0 auto;
text-align:left;
width:780px;
}

/*  HEADER  ---------------------------------------------------------------------- */
#corpo #header{
margin:0 0 20px 0;
padding:0;
}

/*  MENU NAVEGAcaO  ++++++++++++++++++++++++++ */
#corpo #header #nav{
margin:0;
padding:0;
float:left;
list-style:none;
width:330px;
}
#corpo #header #nav.ul-index{
width:780px;
}
#corpo #header #nav li{
margin:0;
}
#corpo #header #nav li a{
height:45px;
display:block;
}
#corpo #header #nav #nav-home a{
background: url(../images/h1_corpo.off.gif) no-repeat;
}
#corpo #header #nav #nav-home a:hover{
background: url(../images/h1_corpo.on.gif) no-repeat;
}
#corpo #header #nav #nav-projeto a{
background: url(../images/h1_projeto.off.gif) no-repeat;
}
#corpo #header #nav #nav-projeto a:hover{
background: url(../images/h1_projeto.on.gif) no-repeat;
}
#corpo #header #nav a .link-index{
padding:0;
margin:13px 0 0;
float:right;
}
#corpo #header #nav #nav-participe a{
background: url(../images/h1_participe.off.gif) no-repeat;
}
#corpo #header #nav #nav-participe a:hover{
background: url(../images/h1_participe.on.gif) no-repeat;
}
#corpo #header #nav #nav-participe a:hover{
background: url(../images/h1_participe.on.gif) no-repeat;
}
#corpo #header #nav #nav-imagensom a{
background: url(../images/h1_imagensom.off.gif) no-repeat;
}
#corpo #header #nav #nav-imagensom a:hover{
background: url(../images/h1_imagensom.on.gif) no-repeat;
}
#corpo #header #nav #nav-galpao a{
background: url(../images/h1_galpao.off.gif) no-repeat;
}
#corpo #header #nav #nav-galpao a:hover{
background: url(../images/h1_galpao.on.gif) no-repeat;
}
#corpo #header #nav #nav-equipe a{
background: url(../images/h1_equipe.off.gif) no-repeat;
}
#corpo #header #nav #nav-equipe a:hover{
background: url(../images/h1_equipe.on.gif) no-repeat;
}
#corpo #header #nav #nav-blog a{
background: url(../images/h1_blog.off.gif) no-repeat;
}
#corpo #header #nav #nav-blog a:hover{
background: url(../images/h1_blog.on.gif) no-repeat;
}

/*  CONTEuDO  ---------------------------------------------------------------------- */
#corpo #conteudo{
width:780px;
margin:20px 0 20px 0;
}
#corpo #conteudo.secao ol li{
margin:15px 0;
padding:0 0 15px;
border-bottom: 1px solid #4e4e4e;
}

/*  FOTOS-INDEX  +++++++++++++++++++++++++++++ */
#corpo #conteudo #fotos-index{
color:#4e4e4e;
margin:0;
padding:0;
}
/*  FOTO  ++++++++++++++++++++++++++++++++++++ */
html>body #corpo #conteudo #fotos-index .foto{
margin:2px 0 0 14px;
}
#corpo #conteudo #fotos-index .foto{
height:242px;
width:242px;
float:left;
margin:2px 7px;
padding:0;
}
#corpo #conteudo #fotos-index .foto ul{
list-style:none;
margin:0;
padding:0;
position:relative;
}
#corpo #conteudo #fotos-index .foto img{
margin-bottom:10px;
padding:0;
}
/*  WEBCAMS  +++++++++++++++++++++++++++++ */
#corpo #conteudo #webcams{
color:#fff;
margin:0;
padding:0;
}
/*  WEBCAMERA  ++++++++++++++++++++++++++++++++++++ */
html>body #corpo #conteudo #webcams .webcamera{
margin:10px 0 0 8px;
}
#corpo #conteudo #webcams .webcamera{
width:250px;
float:left;
margin:10px 0 0 5px;
padding:0;
}
#corpo #conteudo #webcams .webcamera ul{
list-style:none;
margin:0;
padding:0;
position:relative;
}
#corpo #conteudo #webcams .webcamera img{
margin-bottom:10px;
padding:0;
}

/*  COLUNA DIREITA EM CIMA  ------------------------------------------------------ */
#corpo #cl-dir-cima{
color:#fff;
float:left;
width:430px;
margin:0;
padding:10px;
}
#corpo #cl-dir-cima dl{
margin:10px 0 50px;
padding:0;
}
#corpo #cl-dir-cima dl dd{
margin:10px 0;
padding:0;
}
/* FORMULaRIO ------------------------ */
#corpo #cl-dir-cima form fieldset{
border:1px solid #999;
margin:20px auto 0 auto;
padding:10px;
width:320px;
color:#999;
}
#corpo #cl-dir-cima form legend{
font-size:19px;
padding:0 10px;
color:#4e4e4e;
}
#corpo #cl-dir-cima form label{
display:block;
font-weight:bold;
margin:0 0 5px 0;
}
#corpo #cl-dir-cima form input,form textarea{
border:1px solid #999;
margin:0 0 10px 0;
padding:3px;
width:310px;
background-color:#4e4e4e;
}
#corpo #cl-dir-cima form input.submit{
background-color:#4e4e4e;
font-weight:bold;
margin:0;
width:auto;
color:#999;
}

/* RODAPe ------------------------------------------------------------------------ */
#corpo #rodape{
clear:both;
margin:0;
padding:3px;
}
#rodape span{
margin:0;
padding:0;
float:left;
width:376px;
}
span#contato{
float:left;
list-style:none;
width:146px;
margin-right:240px;
}
#contato a.nav-contato{
background: url(../images/h1_contato.off.gif) no-repeat;
height:45px;
display:block;
}
#contato a:hover.nav-contato{
background: url(../images/h1_contato.on.gif) no-repeat;
}