@charset "utf-8";
/*
 * @empresa: www.icomp.com.br
 * @data: 05/11/2008
 */

/* topo da pagina */
#topo h1 span {display:none;}
h2 {color:#00ffff;}

/*estrutura para o conteudo de trabalhos*/
.cliente_e_data_do_trabalho_realizado {color:#00ffff;}
.cliente_e_data_do_trabalho_realizado em {color:#787878;}
.cliente_e_data_do_trabalho_realizado a {text-decoration:underline; }
.cliente_e_data_do_trabalho_realizado a:link {color:#787878;}
.separador_de_trabalho {width:968px; height:3px; background:url(../images/separador_de_trabalhos.jpg) no-repeat; clear:both;}

/* cominho das paginas */
#migalhas {list-style:none; }
#migalhas li {float:left; margin-top:8px; margin-right:5px;}
#migalhas li a {font-family:verdana; text-decoration:underline; color:#787878; }

#paginacao p {text-align:center;}
#paginacao ul {list-style:none;}
#paginacao li {margin-right:5px;}
#paginacao a { text-decoration:underline; color:#CCCCCC;}

#divide_migalha_sobre {background:url(../images/separador_de_trabalhos.jpg) no-repeat; position:absolute; top:30px; height:2px; left:780px; width:190px;}
#divide_sobre_menu {background:url(../images/separador_de_trabalhos.jpg) no-repeat; position:absolute; top:168px; height:2px; left:780px; width:190px;}

/* estrutura lateral sobre o profissional */
#sobre_o_kris {font-family:verdana; font-size:10px; }
#sobre_o_kris span{color:#00ffff;}
#sobre_o_kris span:nth-of-type(1) {color:#00ffff;} /*hack para chrome*/

/* menu com dropdown */
#menu, #menu li ul {width:87px; height:157px; background:url(../images/menu_inteiro.jpg) no-repeat; list-style:none;}
#menu li {position:relative; } /*cria um contexo de posicionamento para o submenu*/
#menu li ul {position:absolute; left:90px; top:0; display:none; background:none; width:190px;} /* posiciona o submenu */

#menu ul li a {font-size:10px; margin-top:-5px; margin-left:-2px; color:gray !important;}
#menu ul li a:hover {color:#00ffff !important;}
#menu ul li a.ilustracao {width:100px; height:10px;} /*define apenas o tamanho dos links*/
#menu ul li a.design_grafico {width:100px; margin-top:-12px;}


#menu a span {display:none;}
#menu li:hover ul, #menu li.over ul {display:block;} /*revela o submenu*/

#menu li a, #menu ul li a {display:block; height:20px; margin-bottom:12px; width:87px; text-decoration:none; color:#00ffff; }
#menu li a.a_blog, #menu li a.a_extras, #menu li a.a_shop, #menu li ul {height:23px;}

/*destaca o link corrente */
#ilustracoes a.a_portfolio, #graphicdesign a.a_portfolio {background:url(../images/menu_inteiro_claro.jpg) no-repeat;}
#theartist a.a_theartist {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -32px; }
#blog a.a_blog {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -64px; }
#extras a.a_extras {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -99px; }
#shop a.a_shop {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -134px; }

/* rollover de imagen no menu principal*/
#menu li a.a_portfolio:hover {background:url(../images/menu_inteiro_claro.jpg) no-repeat; }
#menu li a.a_theartist:hover {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -32px; }
#menu li a.a_blog:hover {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -64px; }
#menu li a.a_extras:hover {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -99px;}
#menu li a.a_shop:hover {background:url(../images/menu_inteiro_claro.jpg) no-repeat 0 -134px; }

/*h3 das paginas*/
h3#tit_illustration, h3#tit_graphicdesign, h3#tit_theartist, h3#tit_extras, h3#tit_shop {position:absolute; top:400px; }
h3#tit_graphicdesign, h3#tit_theartist, h3#tit_extras, h3#tit_shop {width:236px; height:57px; left:754px;}
h3#tit_illustration {width:200px; height:64px; background:url(../images/tit_illustration.jpg) no-repeat; position:absolute; left:780px;}
h3#tit_illustration span {display:none;}

h3#tit_graphicdesign {background:url(../images/tit_gaphicdesign.jpg) no-repeat;left:780px; }
h3#tit_graphicdesign span {display:none;}

h3#tit_theartist { background:url(../images/tit_theartist.jpg) no-repeat; }
h3#tit_theartist span {display:none;}

h3#tit_extras {background:url(../images/tit_extras.jpg) no-repeat;}
h3#tit_extras span {display:none;}

h3#tit_shop {background:url(../images/tit_shop.jpg) no-repeat;}
h3#tit_shop span {display:none;}

/*imagem acima do rodape*/
#imagen_topo_rodape {width:100%; height:30px; background:url(../images/topo_rodape.jpg) no-repeat top center;}
/* estrutura do rodape */
#rodape {color: #000; font-family:verdana; font-size:9px; background-color:#00ffff;}

/* regras para os elementos do rodape*/
address { background:url(../images/icones_address.jpg) no-repeat 0px 5px; }
.email { display:block; text-decoration:none; color:#000;}
.tel { display:block; }
.adr {display:block; margin-left:3px;}
.localy {margin-top:-12px;} 
.email, .value, .localy {margin-left:15px; }

/*regas para os links das redes sociais*/
.linha_horizontal_ilustrativa {background:url(../images/hr_img_rodape.jpg) repeat-x right;}
#icones_de_redes_sociais { list-style:none; background:url(../images/icones_sociais.jpg) 0px 0px no-repeat; }
#icones_de_redes_sociais li {float:left; }
#icones_de_redes_sociais li a {display:block; text-decoration:none; height:32px; margin-right:0px;}
#icones_de_redes_sociais a span {display:none;}
/* regras para configurar o tamanho de cada link das redes sociais */
.deviantart {width:55px;}
.fotolog {width:75px;}
.flickr {width:50px;}
.twitter {width:63px; margin-left:5px;}
.posterlounge {width:110px;}
.youtube {width:50px; margin-left:10px;}
.orkut {width:50px;}
.facebook {width:65px;}
.cafepress {width:73px;}
.specialshirt {width:30px;margin-left:5px;}

/*regras para a assinatura da empresa*/
.assinatura_icomp {font-family:tahoma; font-size:9px; }
.assinatura_icomp a { color:#000; text-decoration:underline;}

/* botao que leva ao topo da pagina */
#vai_pro_topo {width:50px; height:20px; background-color:#666; position:fixed; left:90%; bottom:0; text-align:center;}
#vai_pro_topo a {color:#FFF; text-decoration:none;}
/*hack para ie6 do position fixed */
* html #vai_pro_topo {position:absolute; top:expression(document.compatMode == "CSS1 Compat"? document.documentElement.scrollTop+100+"px": body.scrollTop+100+"px");}
* html #vai_pro_topo {
	right: auto; bottom: auto;
  left: expression( ( -20 - vai_pro_topo.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( -10 - vai_pro_topo.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/*página extras*/
#wallpapers_list li {text-align:center; color:#00ffff;  list-style:none; margin:10px 20px 40px 0; }
#wallpapers_list li img {width:215px; height:160px; border:1px solid #fff;}
#wallpapers_list li a {color:#FFF; margin-right:10px; }

/*página the artist*/
#about_me p:first-letter {margin-left:10px; }
#about_me p {width:790px; *width:680px; }
#about_me img {float:left; margin-right:10px; width:184px; height:142px; _height:132px; padding:5px; }

/*página shop*/
#produto_shop img {float:left;  width:380px; margin-right:10px; padding-right:10px; border-right: 1px solid #ccc;}
#produto_shop p:first-letter {margin-left:10px;}
#produto_shop p {width:550px; float:right;}
#produto_shop hr {clear:both; }