@charset "UTF-8";
/* CSS Document */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* INICIO CSS :: */
html{width:100%; height:100%; background:url(../img/fundo_site.gif) left repeat-y #D6E9C0;}
body{width:100%; height:100%; }
* { font-family: Arial, Helvetica, sans-serif; color:#666; }


#geral{background-color:#F2F2F2; width:1000px; margin: 0px auto; height:100%; }

#geral #esquerdo { width:768px; vertical-align:top; float:left; background-color:#f2f2f2;} 

#geral #direito { background:#D6E9C0; width:232px; float:right; height:100%;}

#topo{ }
#tp_direito{ float:right;  margin:10px 5px 0px 0px; width:418px; }
#tp_logo{ padding-top:25px; float:right;}
#tp_slogan{ float:right; padding-right:8px;}

#menu { text-align:right; clear:both; padding: 10px 0px 10px 10px; }
ul.menu { margin:0;	padding:0;}
ul.menu li {list-style:none; display:inline;}
ul.menu li a {font-size: 12px; color:#666; text-decoration:none; font-weight:normal; float:right; margin-right:19px; vertical-align:middle; height:25px;}
ul.menu li a:hover{ color:#888; }
ul.menu img {float:right; padding-top:5px; margin-right:19px;}

#conteudo{ clear:both;}
#conteudoArea{border:1px #ccc solid; float:right; min-width:723px; text-align:justify;min-height:310px;}
#conteudoAreaConteudo {border:1px #ccc solid; float:right; width:723px; text-align:justify; padding:20px 0px; background-color:#fff;min-height:310px;}
#conteudoAreaConteudoTexto { margin-right:200px;}
#conteudoAreaConteudoTexto p { font-size: 12px; margin:5px 20px;}
#conteudoAreaConteudoTexto p a { text-decoration:none;}
#conteudoAreaConteudoTexto p a:hover { text-decoration:underline; color:#000;}
#conteudoAreaConteudoTexto h2 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 20px; font-weight:200;}
#conteudoAreaConteudoTexto h3 { font-size: 12px; margin:5px 20px;}
#conteudoAreaConteudoTexto h3 a { text-decoration:none;}
#conteudoAreaConteudoTexto h3 a:hover { text-decoration:underline; color:#000;}

/*PAGINA NOTICIAS*/
#ConteudoAreaNoticias p { font-size: 12px; margin:5px 20px;}
#ConteudoAreaNoticias p a { text-decoration:none;}
#ConteudoAreaNoticias p a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaNoticias h2 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 20px; font-weight:200;}
#ConteudoAreaNoticias h3 { font-size: 12px; margin:5px 20px; font-weight:bolder;}
#ConteudoAreaNoticias h3 a { text-decoration:none;}
#ConteudoAreaNoticias h3 a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaNoticias h4 { font-size: 14px; margin:20px 20px; font-weight:bolder;}
#ConteudoAreaNoticias h5 { font-size: 12px; margin:5px 20px; font-weight:bolder;}
#ConteudoAreaNoticias #thumbs {margin: 0px 20px 10px 20px;}
#ConteudoAreaNoticias #thumbs h4 { font-size: 14px; margin:15px 0px 0px 0px; font-weight:bolder;}
#ConteudoAreaNoticias #thumbs h3 { font-size: 12px; margin:5px 0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#ConteudoAreaNoticias ul.thumbs { margin:0;	padding:0;}
#ConteudoAreaNoticias ul.thumbs li {list-style:none; float:left; margin: 15px 14px 0px 0px;}
#ConteudoAreaNoticias ul.thumbs li a {border:0px #666 solid;}
#ConteudoAreaNoticias ul.thumbsDireito li a:hover{ color:#888; }

/*PAGINA CONTATO*/
#ConteudoAreaContato p { font-size: 12px; margin:5px 20px;}
#ConteudoAreaContato p a { text-decoration:none;}
#ConteudoAreaContato p a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaContato h2 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 20px; font-weight:200;}
#ConteudoAreaContato h3 { font-size: 12px; margin:5px 20px; font-weight:bolder;}
#ConteudoAreaContato h3 a { text-decoration:none;}
#ConteudoAreaContato h3 a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaContato h4 { font-size: 14px; margin:20px 20px; font-weight:bolder;}
#ConteudoAreaContato h5 { font-size: 12px; margin:5px 20px; font-weight:bolder;}
.formulario{ margin:25px 50px; font-size:12px;}
.formulario td{ vertical-align:middle;}
.formulario .campo {height:18px; border:1px solid #ccc; margin:5px 0px; width:450px; font-size:11px;}
.formulario textarea {height:70px; border:1px solid #ccc; margin:5px 0px; width:450px; padding:1px; font-size:12px;}
.formulario .botao {font-size: 8pt; color: #FFFFFF; background-color: #7A896C; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #666666; border-left: 1px solid #666666; padding: 3px 6px; margin-top:5px;}

/*PAGINA LOJA DOS CABELOS*/
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_topoLogo { float:left; margin: 0px 20px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_topo {float:left; margin: 0px 20px 0px 0px; width:468px; height:170px}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_topo h3 { font-size: 14px; font-weight:Normal; margin: 0px;height:170px}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_esquerdo { float:left; width:170px; margin:0px 20px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_esquerdo h2 {color:#900;  font-weight:500; font-family: 'Droid Sans', arial, serif; font-size:19px; margin-bottom:10px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_esquerdo h3 {font-size:12px; font-weight:bold; padding:0px; background:url(../img/marcador_s1.jpg) no-repeat; padding-left:15px; margin:0px 0px 5px 0px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_esquerdo h4 {font-size:12px; padding-left:15px; margin:0px 0px 5px 0px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_esquerdo ul.thumbs { margin:0;	padding:0;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_esquerdo ul.thumbs li {list-style:none; float:left; margin: 0px 15px 15px 15px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_esquerdo ul.thumbs li a { border:0px #666 solid;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_direito{ float:left; width: 488px;margin:0px 20px 0px 0px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_direito #categorias {margin:0px; }
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_direito #categorias h2 {color:#900;  font-weight:500; font-family: 'Droid Sans', arial, serif; font-size:19px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_direito #categorias p {font-size: 12px; margin:20px; text-align:center;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_direito #categorias ul.thumbs { margin:0;	padding:0;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_direito #categorias ul.thumbs li {list-style:none; float:left; margin: 15px 14px 0px 0px;}
#ConteudoAreaLojaCabelos #ConteudoAreaLojaCabelos_direito #categorias ul.thumbs li a { border:0px #666 solid;}

#ConteudoAreaLojaCabelos #formasPagamento {margin:0px; }
#ConteudoAreaLojaCabelos #formasPagamento h2 {color:#900;  font-weight:500; font-family: 'Droid Sans', arial, serif; font-size:19px;}
#ConteudoAreaLojaCabelos #formasPagamento p {font-size: 12px; margin:20px; text-align:center;}


/*PAGINA LOOKS*/
#ConteudoAreaLooks p { font-size: 12px; margin:5px 20px;}
#ConteudoAreaLooks p a { text-decoration:none;}
#ConteudoAreaLooks p a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaLooks h2 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 20px; font-weight:200;}
#ConteudoAreaLooks h3 { font-size: 12px; margin:5px 20px; font-weight:normal;}
#ConteudoAreaLooks #thumbs {margin:0px 20px 20px 20px;}
#ConteudoAreaLooks ul.thumbs { margin:0;	padding:0;}
#ConteudoAreaLooks ul.thumbs li {border:0px #666 solid;list-style:none; float:left; margin: 15px 14px 0px 0px;}
#ConteudoAreaLooks ul.thumbs li a {}
#ConteudoAreaLooks ul.thumbsDireito li a:hover{ color:#888; }
#ConteudoAreaLooks #paginacao{ clear:both;  padding: 20px 0px;}

/*PAGINA TRANSFORMAÇOES*/
#ConteudoAreaTransformacoes p { font-size: 12px; margin:5px 20px;}
#ConteudoAreaTransformacoes p a { text-decoration:none;}
#ConteudoAreaTransformacoes p a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaTransformacoes h2 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 20px; font-weight:200;}
#ConteudoAreaTransformacoes h3 { font-size: 12px; margin:5px 20px; font-weight:normal;}
#ConteudoAreaTransformacoes #thumbs {margin:0px 20px 20px 20px;}
#ConteudoAreaTransformacoes ul.thumbs { margin:0;	padding:0;}
#ConteudoAreaTransformacoes ul.thumbs li {list-style:none; float:left; margin: 15px 14px 0px 0px;}
#ConteudoAreaTransformacoes ul.thumbs li a {border:0px #666 solid;}
#ConteudoAreaTransformacoes ul.thumbsDireito li a:hover{ color:#888; }
#ConteudoAreaTransformacoes #paginacao{ clear:both;  padding: 20px 0px;}

/*PAGINA TRABALHO*/
#ConteudoAreaTrabalho p { font-size: 12px; margin:5px 20px;}
#ConteudoAreaTrabalho p a { text-decoration:none;}
#ConteudoAreaTrabalho p a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaTrabalho h2 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 20px; font-weight:200;}
#ConteudoAreaTrabalho h3 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 15px; font-weight:200;}
#ConteudoAreaTrabalho h4 { font-size: 12px; margin:5px 20px;}
#ConteudoAreaTrabalho h4 a { text-decoration:none;}
#ConteudoAreaTrabalho h4 a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaTrabalho h5 { font-size: 12px; margin:20px 20px 5px 20px; font-weight:bolder;}
#ConteudoAreaTrabalho h6 { font-size: 12px; margin:5px 0px; font-weight:bolder;}
#ConteudoAreaTrabalho ul.itensTrabalho { margin:0px 40px;	padding:0; font-size: 12px;}
#ConteudoAreaTrabalho ul.itensTrabalho li {float:left;list-style: disc; margin:15px; padding:0px;  width:45%; }
#ConteudoAreaTrabalho ul.itensTrabalho li a { margin:0px 0px 0px 0px;text-decoration:none;}
#ConteudoAreaTrabalho ul.itensTrabalho li a:hover { color:#888; text-decoration:underline;}
#ConteudoAreaTrabalho #thumbs {margin:0px 20px 0px 20px;}
#ConteudoAreaTrabalho #thumbs h3 { font-size: 12px; margin:5px 0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#ConteudoAreaTrabalho ul.thumbs { margin:0;	padding:0;}
#ConteudoAreaTrabalho ul.thumbs li {list-style:none; float:left; margin: 15px 14px 0px 0px;}
#ConteudoAreaTrabalho ul.thumbs li a { border:0px #666 solid;}
#ConteudoAreaTrabalho #paginacao{ clear:both;  padding: 20px 0px 0px 0px;}


/*PAGINA ITEM TRABALHO*/
#ConteudoAreaItemTrabalho p { font-size: 12px; margin:5px 20px;}
#ConteudoAreaItemTrabalho p a { text-decoration:none;}
#ConteudoAreaItemTrabalho p a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaItemTrabalho h2 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 20px; font-weight:200;}
#ConteudoAreaItemTrabalho h3 { font-family: 'Droid Sans', arial, serif;  margin:0px 20px 10px 20px; font-size: 15px; font-weight:200;}
#ConteudoAreaItemTrabalho h4 { font-size: 12px; margin:5px 20px;}
#ConteudoAreaItemTrabalho h4 a { text-decoration:none;}
#ConteudoAreaItemTrabalho h4 a:hover { text-decoration:underline; color:#000;}
#ConteudoAreaItemTrabalho h6 { font-size: 12px; margin:5px 0px; font-weight:bolder;}
#ConteudoAreaItemTrabalho #thumbs {margin:0px 20px 0px 20px;}
#ConteudoAreaItemTrabalho #thumbs h3 { font-size: 12px; margin:5px 0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#ConteudoAreaItemTrabalho ul.thumbs { margin:0;	padding:0;}
#ConteudoAreaItemTrabalho ul.thumbs li {list-style:none; float:left; margin: 15px 14px 0px 0px;}
#ConteudoAreaItemTrabalho ul.thumbs li a {border:0px #666 solid;}
#ConteudoAreaItemTrabalho #paginacao{ clear:both;  padding: 20px 0px 0px 0px;}

/*OUTROS*/
.paginacao {font-size: 11px; margin:0px 10px;}
.paginacao a {text-decoration:none;}
.paginacao a:hover { text-decoration:underline; color:#000;}
.traco { margin: 8px 20px 12px 20px; height:1px; background-color:#ccc; clear:both}
.separador { margin: 8px 20px 12px 20px; height:20px; clear:both}

#thumbsDireito{float:right; width:220px;}
ul.thumbsDireito { margin:0;	padding:0;}
ul.thumbsDireito li {list-style:none;}
ul.thumbsDireito li  {float:left; margin:20px; border:0px #666 solid;}


#menuL{ margin-top:106px; background: url(../img/mnL_fundo.gif) repeat-y left; width:184px !important }
ul.menuL_meio { margin:0px;	padding:0; width:184px; }
ul.menuL_meio li {list-style:none; display:inline;}
ul.menuL_meio li a {margin:7px 34px 7px 34px; width:110px;  float:left; }
ul.menuL_meio li a:hover{ }
ul.menuL_meio img { border:0px;}
.menuL_traco{background: url(../img/mnL_separador.gif) repeat-x left; height:4px; margin:0px 34px 0px 34px; width:110px; float:left;}

#menuL ul.itensTrabalho { margin:0px;	padding:0px;}
#menuL ul.itensTrabalho li {float:left;list-style: disc; margin:0px 0px 5px 35px; }
#menuL ul.itensTrabalho li a { margin:0px 0px 0px 0px;text-decoration:none; font-size: 12px; font-family:'Droid Sans', arial, serif}
#menuL ul.itensTrabalho li a:hover { color:#888; text-decoration:underline;}

.menuL_subMenus p a { text-decoration:none; width:110px; float:left; font-family: ; font-size: 12px;}


#rodape{ font-size:11px; color:#333; clear:both;}
#rodape h3{ float:right; margin:50px 10px 10px 0px;}
#rodape h3 a{ text-decoration:none;color:#333}
#rodape h3 a:hover{color:#888}
#rodape p {  float:left; margin:50px 0px 10px 10px;}
#rodape p a{ text-decoration:none;color:#333}
#rodape p a:hover{color:#888}