/* 
    Document   : estrutura
    Created on : 26/08/2010, 14:36:04
    Author     : andre
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{outline:none;}

html,body{margin:0;padding:0;font: 12px "trebuchet ms";color:#5d5d5d;background:url(../_imagens/bgtotal.png) repeat;display:none;}

ul,a,h1,h2,h3,p{margin:0;padding:0;list-style:none;text-decoration:none;}

img{border:0;}

a:hover{text-decoration:underline;}

#topo,#centro,#rodape{width:100%;float:left;}

.conteudo{width:940px;position:relative;margin:0 auto;}

#topo{}
#topo .conteudo .abre{background:url("../_imagens/sprite1.png") no-repeat scroll 42px -391px transparent;height:37px;padding-top:80px;float:left;position:absolute;z-index:300;}
#topo .conteudo #bio{overflow:hidden;width:728px;height:0px;background:url(../_imagens/bio.png) no-repeat bottom left;position:absolute;top:0;left:0;z-index:300;}
#topo .conteudo #bio .conteudobio{left:244px;position:absolute;top:155px;height:0;}

#centro{background:url(../_imagens/bg.png) no-repeat center center;position:absolute;top:50%;margin-top:-276px;}
#centro .conteudo{background:url(../_imagens/bgcentro.png) no-repeat center left;}
#centro .conteudo #setadir{position:absolute;width:69px;margin:0 auto;background:url(../_imagens/sprite1.png) no-repeat 0 -2px;height:50px;top:275px;left:17px;text-indent:-5000px;}
#centro .conteudo #setaesq{position:absolute;width:69px;margin:0 auto;background:url(../_imagens/sprite1.png) no-repeat 0 -51px;height:50px;top:275px;right:-16px;text-indent:-5000px;}
#centro .conteudo #caixaconteudo{width:930px;margin:0 auto;overflow:hidden;background:url(../_imagens/basecentro.png) no-repeat scroll;}
#centro .conteudo #caixaconteudo #limite{margin:0 0 0 58px;overflow:hidden;width:836px;}
#centro .conteudo #caixaconteudo ul{margin-left:-836px;}
#centro .conteudo #caixaconteudo ul li{width:836px;height:571px;float:left;}
#centro .conteudo #caixaconteudo ul li img.principal{float:left;margin:67px 0 0 0;}
#centro .conteudo #caixaconteudo ul li .conteudocase{float:left;margin:91px 0 0;}
#centro .conteudo #caixaconteudo ul li .conteudocase img{margin:0 0 10px;}
#centro .conteudo #caixaconteudo ul li .conteudocase p{font-size:13px;}
#centro .conteudo #caixaconteudo ul li .conteudocase p a{color:#5d5d5d;}
#centro .conteudo .rsociais{bottom:-23px;left:44px;position:absolute;z-index:350;}
#centro .conteudo .rsociais .twitter{width:69px;height:39px;background:url("../_imagens/sprite1.png") no-repeat scroll 0 -144px transparent;float:left;}
#centro .conteudo .rsociais .delicious{width:69px;height:41px;background:url("../_imagens/sprite1.png") no-repeat scroll 0 -183px transparent;float:left;}
#centro .conteudo .rsociais .flickr{width:69px;height:30px;margin-top:6px;background:url("../_imagens/sprite1.png") no-repeat scroll 0 -311px transparent;float:left;}
#centro .conteudo .rsociais .wordpress{width:69px;height:43px;background:url("../_imagens/sprite1.png") no-repeat scroll 0 -100px transparent;float:left;}
#centro .conteudo .rsociais .seta{background:url("../_imagens/sprite1.png") no-repeat scroll 0 -351px transparent;clear:left;float:left;height:36px;margin-left:15px;width:69px;}
#centro .conteudo .rsociais img{float:left;margin:4px 10px 0 0;}

#rodape{bottom:0;position:absolute;}
#rodape .conteudo .abre{bottom:0px;position:absolute;height:64px;float:left;right:0;}
#rodape .conteudo #carta{width:427px;height:0px;background:url(../_imagens/contato.png) no-repeat;position:absolute;bottom:0;right:0;overflow:hidden;}
#rodape .conteudo #carta form label{display:block;margin:6px 0;float:left;}
#rodape .conteudo #carta form label.primeiro{margin-bottom:15px;margin-top:70px;}
#rodape .conteudo #carta form label.ultimo{margin-top:0;}
#rodape .conteudo #carta form label.margem{margin: 19px 0 2px;}
#rodape .conteudo #carta form label input{border:0;background:transparent;margin-left:73px;width:200px;padding:0;}
#rodape .conteudo #carta form label textarea{border:0;background:transparent;margin-left:73px;height:67px;width:193px;padding:0;}
#rodape .conteudo #carta form label input.btn{cursor:pointer;height:24px;margin-left:191px;width:76px;}