/*Elementos HTML*/

body {
text-align:center;
font-size: 11px;
line-height:16px;
color: #333;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #000;
background-image: url(../images/bodybg.jpg);
background-repeat: repeat-y;
background-position: center 170px;
background-attachment: inherit;
}

img{
border:none;
}

div{
padding:0;
margin:0;
text-align:left;
}

span.bold{
font-weight: bold;
}

a:link{
text-decoration: none;
color: #66ccff;
}

a:hover{
color: #66ccff;
text-decoration: underline;
}

a:visited{
text-decoration: none;
}

h1{
font: normal 21px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
color: #ccff00;
padding-top:5px;
}

p.geral{
margin-right:20px;
padding-top:5px;
padding-bottom:5px;
position:relative;
}

h1.bgbranco{
background-image: url(../images/h1bg.jpg);
background-repeat: no-repeat;
padding-left:15px;
height:36px;
display:block;
margin-left:-10px;
background-position: left center;
padding-top:5px;
}

h1.inicial{
padding-left:35px;
color: #0a9414;
height:36px;
display:block;
margin-left:-10px;
background-position: left center;
padding-top:5px;
}

p.erro{
color: #ff0000;
}

/*Início do cabeçalho*/

#pretudo{
height:170px;
background-color: #000;
width:100%;
}

#header{
width:800px;
height:170px;
padding:0px;
background: url(../images/bannerbg.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
}

a.logo{
position:relative;
text-decoration: none;
top:15px;
left:40px;
}

#topnav ul{
margin:0;
padding:0;
position:relative;
}

#topnav ul li{
float:left;
margin:0 1px 0 1px;
list-style:none;
}


#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active, #topnav ul li a:hover{ 
background: url(../images/menutopi.png);
width:110px;
height:21px;
padding:8px 0 0 0;
display:block; 
text-align:center; 
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#a7a6a6;
text-transform:uppercase;
}


#topnav ul li a:hover{ 
color: #003366;
background: url(../images/menutoph.png);
text-decoration: underline;
}

#topnav ul li a.active:link, #topnav ul li a.active:visited, #topnav ul li a.active:active, #topnav ul li a.active:hover{ 
background: url(../images/menutopa.png) no-repeat; 
color:#000;
}

#topnav ul li a.fotos{
font-size:0.8em;
}

#topnav ul li a.active2{
background: url(../images/menutopa.png) no-repeat; 
color:#000;
font-size:0.8em;
}


#topnav {
margin: 141px 0em 0px 205px;
position:absolute;
}

#logo{
display:block;
width:295px;
height:57px;
position:absolute;
top:20px;
left:40px;
}

#logo span{
height:1px;
position:absolute;
margin-top:-999px;
}

img.menuimg{
float:left;
margin-left:2px;
position:relative;
top:-4px;
left:3px;
}

img.menuimgfotos{
float:left;
margin-left:2px;
position:relative;
top:-4px;
left:3px;
margin-right:-10px;
}

#idiomas{
float:none;
position:absolute;
margin-top:40px;
margin-left:40px;
}

/*Fim do cabeçalho*/


#conteudo{
width:800px;
padding:0px;
padding-left:0px;
position:relative;
margin-left:auto;
margin-right:auto;
}


/*Início do menu lateral*/

#menulateral{
position:relative;
width:250px;
z-index: 9;
visibility:visible;
position:relative;
top:15px;
left:-60px;
}

#menulateralinterno{
background-image: url(../images/centerleftbg.png);
background-repeat: repeat-y;
background-position: 0px 0px;
visibility:visible;
position:relative;
width:250px;
z-index: 999;
float: left;
margin-bottom:0px;
}

#menulateral div.login{
background: url(../images/lateraltopbg.png) no-repeat center top ;
height:62px;
padding: 3px 10px 0px 10px;
text-align:center;
margin-top:-62px;
visibility:visible;
cursor:pointer;
}

#menulateral div.login h1{
padding: 5px 12px 0px 7px;
font: normal 21px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
color: #ccff00;
}


#menulateral div.geral{
width:250px;
position:relative;
float:left;
}


#menulateral div.ladogeral{
padding:5px 10px 0 20px;
background-image: url(../images/divlateral.gif);
background-repeat: no-repeat;
width:250px;
background-position: left bottom;}



#menulateral div.ladogeral label{
color: #fff;
display:block;
text-decoration: none;
font-style: normal;
border:none;
height:26px;
}

#oformlogin{
height:90px;
}


input.caixalogin{
position:relative;
left:60px;
top:-20px;
width:140px;
height:22px;
background-image: url(../images/inputbg.png);
background-repeat: no-repeat;
border: 0px #111 solid;
display:block;
padding-top:3px;
padding-left:5px;
padding-right:7px;
font-weight: bold;
background-color: #111;
display:block;
}

h3.titulousuario{
color:#ccff00;
margin-bottom:10px;
}

span.usuariologado{
color:#fff;
}

p.detalhelogado{
position:relative;
top:-27px;
left:170px;
}

input.caixadebusca{
position:relative;
left:0px;
top:-5px;
width:150px;
height:22px;
background-image: url(../images/inputbg.png);
background-repeat: no-repeat;
border: 0px #111 solid;
float:left;
padding-top:3px;
padding-left:5px;
padding-right:5px;
font-weight: bold;
background-color: #111;
}


input.entrar{
position:relative;
margin-right:40px;
width:56px;
height:22px;
background-image: url(../images/submitbg.png);
background-repeat: no-repeat;
border: 0px #111 solid;
padding-top:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:3px;
font-weight: bold;
background-color: #111;
color: #333;
float:right;
font-size:1em;
}

input.buscar{
position:relative;
margin-right:40px;
top:-32px;
width:56px;
height:22px;
background-image: url(../images/submitbg.png);
background-repeat: no-repeat;
border: 0px #111 solid;
padding-top:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:3px;
font-weight: bold;
background-color: #111;
color: #333;
float:right;
font-size:1em;
}

p.detalhelogin{
position:absolute;
font-size:0.8em;
font-style: normal;
top:55px;
}

h1.geral{
margin-top:0px;
text-align:center;
padding-right:50px;
font-size:1.5em;
}

h3.tituloanuncio a{
font-size:0.8em;
font-weight: bold;
text-decoration: underline;
color:#fff;
margin-bottom:0px;
line-height:0.5em;
}
p.anuncio{
padding-right:18px;
color:#fff;
font-size:0.9em;
line-height:1.2em;
margin-top:-5px;
margin-bottom:10px;
}

p.anunciofinal{
padding-right:18px;
color:#fff;
font-size:0.9em;
line-height:1.2em;
margin-top:-5px;
padding-bottom:20px
}

span.noregistrados, span.noconvidados{
color: #ccff00;
}

p.usuario {
padding-right:18px;
color:#fff;
font-size:0.9em;
line-height:1.2em;
margin-top:-5px;
padding-bottom:20px;
}

#bygoogle{
position:relative;
top:-15px;
vertical-align:top;
}

#bygoogle img.by{
position:relative;
margin-left:10px;
top:-30px;
}

#menulateralbottom{
background: url(../images/lateralbottombg.png) no-repeat left bottom;
padding: 0px 10px 0px;
text-align:left;
float:left;
height:28px;
width:229px;
z-index: 999;
height:28px;
}

#menulateralbottom a img{
margin-top:5px;
}

#menulogado{
padding-bottom:10px;
margin-top:-10px;
}
#menulateral a.menulogadonormal{
display:block;
font-size:1.3em;
width:180px;
margin-top:5px;
margin-bottom:5px;
font-weight: bold;
}

#menuadmin{
padding-bottom:10px;
margin-top:-10px;
}
#menulateral a.menuadminnormal{
display:block;
font-size:1.3em;
width:180px;
margin-top:5px;
margin-bottom:5px;
font-weight: bold;
}
/*Fim do menu lateral*/

/*Início do conteúdo principal*/

#principal{
margin-left:auto;
margin-right:auto;
width:800px;
background: url(../images/conteudobg.png) repeat-y center;
position:absolute;
top:0px;
min-height:750px;
}

#principal a{
color: #0099ff;
}

#principal a.mocado{
font-size:0.1px;
text-indent: -999px;
z-index:-999;
color:#fff;
margin:0px;
line-height:0em;
}



#principalinterno2{
margin-left:210px;
position:relative;
margin-right:10px;
min-height:950px;
}

#principalinterno{
margin-left:210px;
position:relative;
margin-right:10px;
min-height:750px;
}

#welcome{
margin-top:10px;
position:relative;
padding-left:0px;
}

#referencias{
margin-top:10px;
position:relative;
padding-left:25px;
}

img.monitor{
height:90px;
width:90px;
display:inline;
margin-left:10px;
float:left;
}

#referencias h1{
margin-left:-35px;
}

#welcomehome p{
position:relative;
color:#111;
margin-top:-4px;
margin-bottom:10px;
margin-left:110px;
margin-right:20px;
}

#welcome p{
position:relative;
color:#111;
margin-top:-4px;
margin-bottom:10px;
margin-left:10px;
margin-right:20px;
}

#welcome p.obrigado{
position:relative;
margin-top:20px;
margin-bottom:2px;
}

img.curriculo{
position:relative;
top:10px;
margin-right:10px;
}

/*Galeria de referências*/

div.picture{
width:160px;
height:100px;
display:block;
margin:5px;
background-image: url(../images/picture.png);
background-repeat: no-repeat;
background-position: 0em 0em;
float:left;
}

div.picture2{
width:260px;
height:100px;
display:block;
margin:5px;
float:left;
}

div.picture a{
width:151px;
height:90px;
background-color: #333;
display:block;
}

div.picture a:hover{
width:151px;
height:90px;
background-color: #66ccff;
display:block;
}

div.picture a img{
width:138px;
height:68px;
margin-left:6px;
margin-top:6px;
}

div.picture3{
width:160px;
height:100px;
display:block;
margin:5px;
background-image: url(../images/picture.png);
background-repeat: no-repeat;
background-position: 0em 0em;
float:left;
}

div.picture3 a{
width:151px;
height:90px;
background-color: #333;
display:block;
}

div.picture3 a:hover{
width:151px;
height:90px;
background-color: #66ccff;
display:block;
}

div.picture3 a img{
width:138px;
height:68px;
margin-left:6px;
margin-top:6px;
}

#direitos{
position:relative;
top:0px;
width:760px;
margin-left:60px;
text-align:center;
float:left;
display:block;
}

#direitos p{
line-height:1em;
margin-top:5px;
margin-bottom:5px;
margin-left:60px;
}

a.direitosby{
float:right;
margin-right:80px;
margin-bottom:-4px;
}



/*Principal para seção de fotos*/

#fotosinternas{
width:190px;
float:left;
}

div.nomegaleria{
position:relative;
margin-right:10px;
display:block;
width:250px;
height:120px;
}

div.nomegaleria p{
color: #999900;
font-weight: bold;
text-align:left;
width:250px;
float:left;
}

div.picture{
margin-left:-2px;
margin-top:-5px;
}

#fotosexternas{
width:290px;
float:right;
margin-right:20px;
}

#principal input.caixalogin{
background-color: #fff;
position:relative;
left:130px;
}

#principal label{
color: #333;
display:block;
text-decoration: none;
font-style: normal;
border:none;
height:34px;
}

#principal label.obrigatorio{
font-weight: bold;
}


#mensagem{
font-style: normal;
margin-top:10px;
}

#mensagem label{
margin-bottom:-10px;
margin-right:10px;
}

input.entrar2{
position:relative;
margin-right:250px;
top:20px;
width:56px;
height:22px;
background-image: url(../images/submitbg.png);
background-repeat: no-repeat;
border: 0px #111 solid;
padding-top:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:3px;
font-weight: bold;
background-color: #fff;
color: #333;
float:right;
font-size:1em;
}

.centerboxtext {
font-family : Helvetica, Verdana, Arial, sans-serif;
font-size : 11px;
background : #eeeeee;
color : Black;
}



/*Slideshow*/

#slideshow{
margin-left:-10px;
}

img.slideshow{
margin-left:5px;
float:left;
border: 2px #333 solid;
}

a:hover img.slideshow{
border: 2px #66ccff solid;
}

a.fotocorrente img.slideshow{
border: 2px #ccff00 solid;
}

a.botoesfotos{
float:left;
font-size:1.5em;
font-weight: bold;
margin-left:15px;
margin-right:15px;
}

#slideshow a.botoesfotos2{
color:#ccff00;
float:left;
font-size:1.5em;
font-weight: bold;
margin-left:5px;
}

#afotocorrente{
margin-left:10px;
margin-right:40px;
position:relative;
top:40px;
}


#afotocorrenteinterna{
background-color: #efefef;
display:block;
position:relative;
top:60px;
text-align:center;
border: 2px #999 solid;
}

#afotocorrenteinterna img{
position:relative;
top:-55px;
border: 1px #111 solid;
}


#afotocorrenteinterna p.legendafoto{
color:#111;
position:relative;
top:-40px;
margin-bottom:-20px;
font-family: Times, "Times New Roman", serif;
font-size:1.5em;
}
