html, body{padding: 0; margin: 0; font-family:"Georgia", "Times New Roman", "Times", serif;
scrollbar-arrow-color:#666666;
scrollbar-3dlight-color:#333333;
scrollbar-highlight-color:#333333;
scrollbar-face-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#333333;
scrollbar-track-color:#6e6e6e;}
#fundobody{background:#333333 url('images/bg_body.gif') 0 0 repeat-x;}
#bodyInterno{background:transparent;}
.clear { clear:both; }


/* layout de 3 colunas */

div#wrapside1{width: 200px;height:200px;position:absolute;top:0;left:-200px;}
div#side1{text-align:right}
div#content{width: 450px; min-height:100%; _height:100%; position:absolute; top:0; left:50%; margin-left: -230px;_margin-left:-230px;padding:0 5px 0 5px;_padding:0 6px 0 5px;background:black;}
div#wrapside2{width: 200px;position:absolute;top:0;right:-200px;}
div#side2{}


/* ================================================
	Visual e cores
=================================================== */
#artMenuHeader, #designMenuHeader {margin-top: 200px;}
#menuArt{height:221px; margin-right:5px}
#menuDesign{height:221px; margin-left:3px}
#menuArt ul{margin:8px -5px 0 0; padding:0; list-style: none;float:right}
#menuArt ul li{float:right; display:inline;clear:both;}
#menuDesign ul{margin:8px 0 0 -4px; padding:0; list-style: none;}
#menuDesign ul li{float:left; display:inline;clear:both;}
/* menu Art */
#menuArt a{float:right;display:inline; overflow: hidden; font-size: 11px;text-decoration: none;color:#999; margin-right:16px;}
#menuArt a:hover{ color:white; }
a.btnPortfolioArt{float:right; display:inline; width: 130px; margin-top:130px;}
/* menu design */
#menuDesign a{float:left;display:inline; overflow: hidden; font-size: 11px;text-decoration: none;color:#999; margin-left:16px;clear:both;}
#menuDesign a:hover{ color:white; }
a.btnPortfolioDesign{float:left; display:inline;width: 160px; margin-top:130px;}

a:active{outline: none;}
a:focus{-moz-outline-style: none;}

/* Conteudo */
#conteudoIframe{background: url(images/fundo_iframe.gif) no-repeat; width: 450px; height: 455px;}
h4.heading { font-size:16px; color:#b2b2b2; height:24px; margin:0; padding:12px 0 4px 14px; background:url('images/cab.gif') bottom left no-repeat;font-weight:normal;}

.transparency{background:transparent;}

#rodape {line-height:14px; padding:0 10px; }

#left { float:left; display:inline; }
#center { float:left; display:inline; margin-left:64px; }
#right { float:right; display:inline; text-align:right; }

#rodape a{display: block; overflow:hidden; font-size:11px; color:#999;text-decoration:none;}
#rodape a:hover{color:white;}
a.btnHome{background:url(images/salvego_artdesign.gif);text-indent:-5000px; overflow:hidden;width:144px; height:58px; margin-bottom: 30px}
#rodape a.btnLeft{font-size:10px;}
#rodape p.fone{text-align:left; font-size:10px; color:#999;margin:0;}
#btnCenter{text-align:center; width: 114px; margin: 0 auto; _margin: 0 0 0 176px;padding-left:14px;}
p.span{text-align: center;margin: 0;float:left; color:#999; font-size:11px; clear:right;}
a.btnBiografia{float:left;}
a.btnContato{float:left;}

#rodape a.btnRight{font-size:10px;clear:right;}

/* listagem de projetos */
#listagemProjetos{width:384px; margin:0 0 0 23px;font-size:11px; color:#cccccc; padding-bottom:23px; padding-top: 8px;display:inline-block;}
#listagemProjetos a{color:#cccccc; text-decoration:none}
#listagemProjetos a:hover{text-decoration:underline}
#listagemProjetos{_position: absolute; _top:0;_left:50%;_margin-left:-200px}
#listagemProjetos .bgListagem{background:url(images/bg_fotos.gif) no-repeat 2px 2px; padding-bottom:2px; padding-right:2px; width:380px; margin-bottom:22px;float:left;clear:both;display:inline-block;}
#listagemProjetos .listagem{background:#000000; border: 1px solid #000; float:left; text-align:left; clear:both;}
#listagemProjetos .titulo,#listagemProjetos .info{margin:0; padding:3px 5px 4px 5px; color:#cccccc; font-size:11px}
#listagemProjetos .titulo{float: left}
#listagemProjetos .info{float:right}
.tituloLista{background:#333333; border-bottom:1px solid #000; border-top:1px solid #000; padding:3px; text-indent: 10px; margin:0}
.listaTexto{margin: 10px 0 10px 15px}

#video-wrapper {}
#video {width:322px;}