html,body,div.geral,ul,ol,li,dl,dt,dd{
  margin:0;
  padding:0;
}
img, a img{
  border:none;
}
ul, li{
  list-style-type:none;
}
hr{
  display:none;
}
a{
  color:#075A68;
  text-decoration:none;
}
a:hover{
  color:#07819E;
  text-decoration:underline;
}
#manuais a:hover{
  text-decoration:none;
}

body{
  font-family: "Arial Bold MT", "Arial Bold", Arial, sans-serif;
  font-size:10pt;
  background:#F5F1E7 url('images/bg-geral.png') no-repeat top center;
  text-align:center;
  color:#aaa48e;
  padding-bottom:40px;
}

div.geral{
  margin:0 auto;
  text-align:left;
  width:800px;
}

h1{
  float:left;
  margin-left:4px;
}
h1 a{
  display:block;
  background:url('images/tit-daniel-eis-portfolio.png') no-repeat;
  text-indent:-5000px;
  overflow:hidden;
  width:379px;
  height:45px;
}

ul.menu{
  float:right;
  padding-top:30px;
  margin-right:4px;
}
ul.menu li{
  display:inline;
  margin-left:10px;
  font-size:1.1em;
}
ul.menu li a{
  color:#B3A791;
  text-decoration:none;
}
ul.menu li a:hover{
  text-decoration:underline;
}

.portifolio{
  clear:left;
  float:left;
  background: url('images/bg-portifolio-opaco.gif') no-repeat top center;
  width:816px;
  margin-bottom:30px;
  margin-left:-8px;
  padding:0;
}
.portifolio .imgPortifolio{
  margin:22px 22px 15px;
  position:relative;
}
.portifolio .imgPortifolio ul{
  position:absolute;
  bottom:25px;
  left:6px;
  width:758px;
}
.portifolio .imgPortifolio span.imgPortNumbers{
  position:absolute;
  right:7px;
  top:2px;
  font-size:.9em;
}
.portifolio .imgPortifolio ul li.imgPortPrev{
  position:absolute;
  left:0;
}
.portifolio .imgPortifolio ul li.imgPortNext{
  position:absolute;
  right:0;
}
.portifolio .imgPortifolio ul li.imgPortPrev a,
.portifolio .imgPortifolio ul li.imgPortNext a{
  display:block;
  width:20px;
  height:20px;
  overflow:hidden;
  text-indent:-5000px;
  background:url('images/previous.png') no-repeat center center;
}
.portifolio .imgPortifolio ul li.imgPortNext a{
  background-image:url('images/next.png');
}

ul.portifolioThumbs{
  float:left;
  width:772px;
  background: url('images/top-portifolio-thumbs.png') no-repeat top center;
  margin:-71px 0 -16px;
  padding:75px 22px 0;
  text-align:center;
}
ul.portifolioThumbs li{
  float:left;
  width:72px;
  height:71px;
  margin:7px 18px 0;
  line-height:50px;
  padding:19px 0 0 1px;
  background: url('images/bg-portifolio-thumb.png') no-repeat center center;
}
ul.portifolioThumbs li ul{
  display:none;
}

#manuais h2{background:url('images/tit-manuais.png') no-repeat;}
#sobre h2{background:url('images/tit-sobre.png') no-repeat;}
#conhecimento h2{background:url('images/tit-conhecimento.png') no-repeat;}
#experiencia h2{background:url('images/tit-experiencia.png') no-repeat; padding-bottom:20px;}
#o-que-e h2{background:url('images/tit-o-que-e.png') no-repeat;}
#ser-designer h2{background:url('images/tit-ser-designer.png') no-repeat;}
#tutoriais h2{background:url('images/tit-tutoriais.png') no-repeat;}
#manuais h2,
#sobre h2,
#conhecimento h2,
#experiencia h2,
#o-que-e h2,
#ser-designer h2,
#tutoriais h2{
  text-indent:-5000px;
  overflow:hidden;
  width:400px;
  height:35px;
  margin:10px 0 0;
  padding-top:25px;
  background-position:0 25px;
}
#o-que-e h2{padding-top:0;margin-top:0;background-position:0 0;}
#ser-designer h2{padding-top:0;margin-top:0;background-position:0 0;}

#sobre p,
#conhecimento p,
#experiencia p,
#o-que-e p,
#ser-designer p,
#tutoriais p{
  margin:0 0 25px;
}
#sobre p,
#tutoriais p{
  font-weight:bold;
}

#manuais{
  float:left;
  clear:left;
  width:100%;
}
#manuais p a.mostrando img{
  border-bottom:2px dotted #E5E1D7;
}

#sobre{
  clear:left;
  float:left;
  width:365px;
  margin-right:50px;
}
#conhecimento{
  float:left;
  width:385px;
}
#conhecimento img{
  float:right;
}
#experiencia{
  float:left;
  clear:left;
  width:100%;
}

#experiencia .fotolab,
#experiencia .nilson_versatti,
#experiencia .bullet,
#experiencia .voitel{
  float:left;
  padding-top:20px;
}
#experiencia .fotolab{
  width:161px;
  background:url('images/experiencia.png') no-repeat;
}
#experiencia .nilson_versatti{
  width:158px;
  background:url('images/experiencia.png') no-repeat -160px 0;
}
#experiencia .bullet{
  width:216px;
  background:url('images/experiencia.png') no-repeat -318px 0;
}
#experiencia .voitel{
  width:264px;
  background:url('images/experiencia.png') no-repeat -534px 0;
}

#design{
  clear:left;
  float:left;
  width:760px;
  background:#FFF url('images/bottom-design.png') no-repeat bottom center;
  padding:15px 20px 46px;
  margin-top:55px;
}
#design #o-que-e{
  float:left;
  width:375px;
  margin-right:10px;
  padding:0;
}
#design #ser-designer{
  float:left;
  width:375px;
  padding:0;
}

small.assinatura{
  display:block;
  text-align:right;
}

#tutoriais{
  clear:left;
  float:left;
  padding-bottom:40px;
}
#tutoriais #video{
  clear:left;
  float:left;
  width:800px;
  background:#FDFDFD;
  padding:0;
}
#tutoriais #video iframe{
  margin:15px;
}

#tutoriais ul{
  clear:left;
  float:left;
  width:772px;
  margin:12px 0;
  padding:0 22px;
}
#tutoriais ul li{
  float:left;
  width:370px;
  height:71px;
  margin:7px 10px 0 0;
  line-height:1.3em;
  padding:25px 0 0 5px;
  background: url('images/bg-portifolio-thumb.png') no-repeat left center;
}
#tutoriais ul li a{
  float:left;
}
#tutoriais ul li img{
  float:left;
  margin-right:10px;
}