/* internas */

#bg_esquerda {width:50%; height:70px; background:url(/images/bgtopo_esquerda.gif) repeat-x; position:absolute; top:0; left:0;}
#bg_direita {width:50%; height:70px; background:url(/images/bgtopo_direita.gif) repeat-x; position:absolute; top:0; right:0;}

#sombratopo {width:1000px; height:11px; background-image:url(/images/sombratopo.jpg); float:left; margin-top:11px; overflow:hidden;}

#corpo {width:989px; margin:0 auto;}

#sombrabase {width:1000px; height:11px; background-image:url(/images/sombrabase.jpg); float:left; margin-top:0px; overflow:hidden;}

#esquerda {width:350px; height:698px; background:url(/images/bg_esquerda.png) repeat-x #E9E8E0; float:left; position:relative; margin-top:15px;}

#esquerda #magico {position:absolute; left:-38px;}

.titulo_padrao {width:auto; float:left;}
.titulo_padrao h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; background:url(/images/bot_mais_grande.gif) no-repeat left center; height:22px; width:200px; padding-left:22px; font-weight:normal; vertical-align:middle; margin-top:6px; float:left;}
.titulo_padrao h3 a {background:url(/images/bot_mais_pequeno.gif) no-repeat left center; height:17px; padding-left:18px; color:#9a9a99; font-size:10px; font-weight:normal; vertical-align:middle; margin-top:10px; margin-left:13px; float:right; text-decoration:none;}
.titulo_padrao h3 a:hover {color:#9a9a99; text-decoration:underline;}




#falecom {width:130px; height:111px; background:url(/images/bg_falecom.jpg) no-repeat; position:absolute; top:360px; left:18px; border-right:1px solid #CCC; padding-right:15px;}
#falecom p {color:#797976;}
#falecom p a {color:#797976; text-decoration:none;}
#falecom p a:hover {color:#797976; text-decoration:underline;}
.anointerna {font-size:10px; position:absolute; top:6px; right:25px;}

#apresentacao {width:150px; position:absolute; position:absolute; top:360px; right:15px;}
#apresentacao h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; font-weight:normal;}
#apresentacao p {font-size:12px; line-height:16px; color:#515151; margin-top:10px; clear:left;}
#apresentacao p a {color:#515151; text-decoration:none;}
#apresentacao p a:hover {text-decoration: underline;}

#vejaportfolio {width:350px; height:87px; background-color:#E2E2D9; position:absolute; bottom:13px; left:0;}
#vejaportfolio img.bot_vejaportfolio {margin-top:27px; margin-left:120px;}
#vejaportfolio img.coelho {position:absolute; top:-17px; left:-13px;}



#main {width:623px; background:url(/images/bg_main.png) repeat-x #EBEAE3; margin-left:5px; float:left; margin-top:15px; padding-left:7px; padding-bottom:10px;}


#bordaconteudo {width:614px; background-color:#C1C0B5; border:1px solid #E5E5D0; float:left;}

#conteudo {width:584px; height:450px; background-color:#DCDBD0; border:1px solid #E5E5D0; margin:1px; padding:0 13px 15px 13px; float:left; }
#conteudo h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; background:url(/images/bot_mais_grande.gif) no-repeat left center; height:22px; width:200px; padding-left:22px; font-weight:normal; vertical-align:middle; margin:13px 0 15px; float:left;}
#conteudo h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#525251; font-weight:normal; margin-bottom:10px; clear:left;}
#conteudo h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:20px; color:#525251; font-weight:normal; margin-bottom:10px; clear:left;}
#conteudo p {font-size:12px; line-height:20px; color:#515151;  margin-top:20px; clear:left;}

#conteudo ul {list-style:none;}
#conteudo ul li {font-size:12px; color:#515151; margin-bottom:15px; clear:left; padding-left:35px;}

.esconde {display:none;}

#box_mapahkl_peq {width:183px; height:200px; background-color:#E5E4DC; float:right; margin:16px 0 5px 10px; text-align:center; overflow:hidden;}
#box_mapahkl_peq iframe {margin-top:4px; margin-left:2px;}
#box_mapahkl_peq  h4 {font-size:11px; color:#515151;text-align:left; padding-left:5px; margin-top:3px; font-weight:normal;}

#conteudo #submenu {width:180px; float:right; border:1px solid #C1C1C1; background-color:#D8D8CF; margin:16px 0 5px 10px; padding:4px 0;} 

#conteudo #submenu ul {list-style:none; padding-left:4px;}
#conteudo #submenu ul li {font-family:Georgia, "Times New Roman", Times, serif; width:137px; height:36px; line-height:32px; display:block; font-size:12px; color:#5B5757; background-color:#D8D8CF; padding:0; padding-left:35px; margin:0; cursor:pointer;}
#conteudo #submenu ul li.textogrande {font-size:11px; line-height:13px; padding-top:5px;}

#conteudo #submenu ul li.subselected {background-image:url(/images/submenu_hover.gif);}
#conteudo #submenu ul li.subover {background-image:url(/images/submenu_hover.gif);}


/* CASES */

.boxcasedestaque {width:182px; height:159px; background-image:url(/images/bg_trabalhos.gif); float:right; margin:20px; position:relative;}

#bordacases {width:614px; height:204px; background-color:#C1C0B5; border:1px solid #E5E5D0; float:left; margin-top:15px;}

#cases {width:590px; height:200px; background-color:#DCDBD0; border:1px solid #E5E5D0;  margin:1px auto; padding:0 10px;}

#cases_titulos {width:584px; float:left;}
#cases_titulos h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; background:url(/images/bot_mais_grande.gif) no-repeat left center; height:22px; width:200px; padding-left:22px; font-weight:normal; vertical-align:middle; margin-top:6px; float:left;}
#cases_titulos h3 a {background:url(/images/bot_mais_pequeno.gif) no-repeat left center; height:17px; padding-left:18px; color:#9a9a99; font-size:10px; font-weight:normal; vertical-align:middle; margin-top:10px; margin-left:13px; float:right; text-decoration:none;}
#cases_titulos h3 a:hover {color:#9a9a99; text-decoration:underline;}

#nav_cases {float:right; margin-top:10px; margin-right:5px;}
#nav_cases p {float:left; font-size:11px; color:#999999;}
#nav_cases p a {color:#999999; font-size:11px; font-weight:normal; text-decoration:none;}
#nav_cases p a:hover {color:#999999; text-decoration:underline;}
#nav_cases a img {float:left; margin:3px 10px;}



#cases_conteudo {width:588px; float:left; margin-top:7px; overflow:hidden;}
#cases_conteudo ul {width:584px; list-style:none; overflow:hidden;}
#cases_conteudo li {float:left;}

.detalhetitulo {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#525251; font-weight:normal;}

.boxcase {width:184px; height:159px; background:url(/images/bg_trabalhos.gif) center no-repeat; float:left; padding:0 6px; margin-bottom:20px; position:relative; overflow:hidden;;}
.fototrabalho {margin-top:12px; margin-left:12px;}
.botaotrabalhos {position:absolute; top:83px; right:-1px; z-index:9998;}

.boxcase h2 a, .boxcasedestaque h2 a {position:absolute; top:137px; left:20px; color:#797976; font-size:10px; font-weight:normal; text-decoration:none;}
.boxcase h2 a:hover, .boxcasedestaque h2 a:hover {color:#797976; text-decoration:underline;}

.boxcase h3 a, .boxcasedestaque h3 a {position:absolute; top:108px; right:27px; z-index:999999; font-size:11px; color:#FFF; text-decoration:none;}
.boxcase h3 a:hover, .boxcasedestaque h3 a:hover {color:#FFF; text-decoration:underline;}


/* PRODUTOS */

#bordaprodutos {width:614px; background-color:#C1C0B5; border:1px solid #E5E5D0; float:left;}

#produtos {width:584px; background-color:#DCDBD0; border:1px solid #E5E5D0; margin:1px auto; padding:0 13px 15px 13px; overflow:hidden; }

#produtos h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; background:url(/images/bot_mais_grande.gif) no-repeat left center; height:22px; width:200px; padding-left:22px; font-weight:normal; vertical-align:middle; margin:13px 0 0 0; float:left;}

#produtos h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#525251; font-weight:normal; margin-bottom:10px; clear:left;}

#produtos p {font-size:12px; line-height:20px; color:#515151;  margin-bottom:0px; clear:left;}

#produtos ul {list-style:none; margin-top:10px;}
#produtos ul li {font-size:12px; color:#515151; margin-bottom:10px; clear:left; padding-left:15px;}

#produtos #submenu {width:584px; float:left; margin:15px 0px;} 

#produtos #submenu ul {list-style:none;}
#produtos #submenu ul li {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#a47e40; padding:0 13px; margin:0; float:left; clear:none;}
#produtos #submenu ul li a {color:#a47e40; text-decoration:none;}
#produtos #submenu ul li a:hover {color:#a47e40; text-decoration:underline;}

.produtos {width:584px; float:left; margin-top:30px;}
#produtos .produtos p {margin-top:10px;}

#produtos .produtos h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:20px; color:#525251; margin-top:15px; clear:left;}

.box_produtoimg {width:182px; height:210px; background-image:url(/images/bg_produtos.png); float:right; text-align:center; margin-left:10px;}
.box_produtoimg img { margin-top:11px;}

.bot_tenhointeresse {margin-top:15px;}


/* PORTFOLIO */


#bordaportfolio {width:614px; height:687px; background-color:#C1C0B5; border:1px solid #E5E5D0; float:left;}

#portfolio {width:584px; height:668px; background-color:#DCDBD0; border:1px solid #E5E5D0; margin:1px auto; padding:0 13px 15px 13px; overflow:hidden; }

#portfolio h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; background:url(/images/bot_mais_grande.gif) no-repeat left center; height:22px; width:200px; padding-left:22px; font-weight:normal; vertical-align:middle; margin:13px 0 10px; float:left;}

#portfolio h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#525251; font-weight:normal; margin-bottom:10px; clear:left;}

#portfolio p {font-size:12px; line-height:20px; color:#515151;  margin-bottom:0px; clear:left;}

#portfolio ul {list-style:none;}
#portfolio ul li {font-size:12px; color:#515151; margin-bottom:15px; clear:left; padding-left:35px;}

#box_portfolio {width:588px; height:560px; float:left; overflow:hidden;}

#portfolio_conteudo {width:588px; height:560px; float:left; overflow:hidden;}
#portfolio_conteudo ul {width:584px; list-style:none; overflow:hidden;}
#portfolio_conteudo li {float:left;}

.boxportfolio {width:184px; height:159px; background:url(/images/bg_trabalhos.gif) center no-repeat; float:left; padding:0 6px; margin-top:20px; position:relative; overflow:hidden;;}
#portfolio .boxportfolio h2 {position:absolute; top:137px; left:20px; color:#797976; font-size:10px; font-weight:normal; text-decoration:none;}
#portfolio .boxportfolio h2 a {color:#797976; font-size:10px; font-weight:normal; text-decoration:none;}
#portfolio .boxportfolio h2:hover {color:#797976; font-size:10px; font-weight:normal; text-decoration:none;}

.boxportfolio h3 a {position:absolute; top:108px; right:27px; z-index:9999; font-size:11px; color:#FFF; text-decoration:none;}
.boxportfolio h3 a:hover {color:#FFF; text-decoration:underline;}

.detalhetitulo {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#525251; font-weight:normal;}

.boxcase {width:184px; height:159px; background:url(/images/bg_trabalhos.gif) center no-repeat; float:left; padding:0 6px; margin-bottom:20px; position:relative; overflow:hidden;;}


#navtopo {float:right; margin-top:40px;}
#navebase {float:right; margin-top:20px;}
.stripNavL, .stripNavR { font-size:11px; color:#999999; float:right; }
.stripNavL a, .stripNavR a {line-height:18px; vertical-align:middle; color:#999999; font-size:11px; font-weight:normal; text-decoration:none; margin:0 2px;}
.stripNavL a img, .stripNavR a img {line-height:18px; vertical-align:middle;}

#nav_portfolio {float:right; margin-top:35px; margin-right:5px;}
#nav_portfolio h5 {float:left; font-weight:normal; font-size:11px; color:#999999;}
#nav_portfolio h5 a {color:#999999; font-size:11px; font-weight:normal; text-decoration:none;}
#nav_portfolio h5 a:hover {color:#999999; text-decoration:underline;}
#nav_portfolio a img {float:left; margin:3px 10px;}

#nav_dir, #nav_esq { font-size:11px; color:#999999; float:right; margin:0 2px; margin-top:20px; line-height:18px; vertical-align:middle; color:#999999; font-size:11px; font-weight:normal; text-decoration:none; cursor:pointer;}

#nav_dir img, #nav_esq img {line-height:18px; vertical-align:middle; cursor:pointer;}

/* CONTATO */


#corpocontato {width:584px; background-color:#DCDBD0; border:1px solid #E5E5D0; margin:1px; padding:0 13px 15px 13px; float:left; }

#corpocontato h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; background:url(/images/bot_mais_grande.gif) no-repeat left center; height:22px; width:200px; padding-left:22px; font-weight:normal; vertical-align:middle; margin:13px 0 10px; float:left;}

#corpocontato p {font-size:12px; line-height:20px; color:#515151;  margin-top:20px; clear:left;}

#form_esq , #form_dir {width:260px; float:left; margin:10px 0 20px 0; padding:0 15px;}
#form_esq ul , #form_dir ul {list-style:none; float:left;}
#form_esq ul li , #form_dir ul li {float:left; margin-top:10px;}

#form_esq label, #form_dir label  {width:260px; float:left; clear:left; font-size:11px; color: #525251; }

#form_esq input {width:260px; float:left; clear:left; font-size:11px; color:#525251; background-color:#F8F8F7; border:1px solid #C1C0B5; padding:2px 3px;}

#form_dir select {width:260px; float:left; clear:left; font-size:11px; color:#525251; background-color:#F8F8F7; border:1px solid #C1C0B5; padding:1px;}
#form_dir textarea {width:254px; height:112px; float:left; clear:left; font-size:11px; color:#525251; background-color:#F8F8F7; border:1px solid #C1C0B5; overflow:auto; padding:2px 3px;}

#form_dir button {background:none; border:none;font-size:12px; color: #525251; float:right; text-align:right; cursor:pointer; margin-top:3px;}

#form_dir input {float:right; padding-left:5px; margin-top:6px;}


#box_mapahkl_gran {width:550px; height:360px; background-color:#E5E4DC; float:left; text-align:center; overflow:hidden; margin-left:15px;}
#box_mapahkl_gran iframe {margin-top:4px; margin-left:2px;}
#box_mapahkl_gran h4 {font-size:11px; color:#515151;text-align:left; padding-left:5px; margin-top:3px; font-weight:normal;}



/* DEPOIMENTOS */

#bordadepoimentos {width:614px; background-color:#C1C0B5; border:1px solid #E5E5D0; float:left;}

#depoimentos {width:584px; height:450px; background-color:#DCDBD0; border:1px solid #E5E5D0; margin:1px; padding:0 13px 15px 13px; float:left; }

#depoimentos h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#898988; font-size:18px; background:url(/images/bot_mais_grande.gif) no-repeat left center; height:22px; width:200px; padding:0 200px 0 22px; font-weight:normal; vertical-align:middle; margin:13px 0 30px 0; float:left;}

#depoimentos h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#525251; font-weight:normal; margin-bottom:10px; clear:left;}

#depoimentos p.depoimento {font-size:12px; line-height:16px; color:#515151;  margin-bottom:8px; font-style:italic;}
#depoimentos p.assinatura {font-size:12px; font-weight:bold; line-height:13px; color:#a47e40;  margin-bottom:0px;}
#depoimentos p.cargo {font-size:12px; color:#515151; line-height:13px; margin-bottom:0px;}

#depoimentos hr {color:#999; background-color:#999; margin:25px 0; height:1px; outline-color:#999;}