/*
Montagem:	Hudson Marinho (rosaleao.com.br);
Contato: 	hudson@rosaleao.com.br
Ano:		2008
*/

*{ margin: 0; padding: 0; list-style: none; text-decoration:none; }
address,th{ font-style: normal; font-weight: normal; }
table{ border-collapse: collapse; border-spacing: 0; }
caption,th{ text-align: left; }
img,fieldset{ border: none; }
ol,ul{ list-style: none; font-size: inherit; }
a{ border: 0; text-decoration: none; color: #333; }
a:hover{ text-decoration: underline; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; display: block; }
p{ display: block; }
ul,li{ display: block; }
label{ display: block; cursor: pointer; }


/* html & body */
html,body{ height:100%; }
html{}
body{ background: #f4f1d2; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }


/* Layout */
#laySuporte{ width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative; }
#layTopo{ width: 100%; height: 175px; }
#ctdTopo{ width: 378px; height: 170px; padding: 7px 0 0 390px; margin: 0 auto; }
#layFlashTopo{ width: 100%; height: 350px; position: absolute; top: 0; left: 0; }
#layPrincipal{ width: 100%; padding: 0 0 100px 0; }
#layPrincipal:after{ height: 0; display: block; clear: both; font: 1px/0px serif; content: "."; visibility: hidden; }

#indexPrincipal{ width: 100%; padding: 0 0 100px 0; }
#indexPrincipal:after{ height: 0; display: block; clear: both; font: 1px/0px serif; content: "."; visibility: hidden; }

#layConteudo{ width: 770px; margin: 0 auto; padding: 10px 0 25px 0; }
#layColunaEsq{ width: 175px; min-height: 200px; padding: 15px 0 0 0; float: left; }
#layColunaDir{ width: 595px; min-height: 200px; padding: 10px 0 0 0; float: right; }
#layColunaUnica{ width: 770px; min-height: 200px; margin: 0 auto; padding: 10px 0 0 0;}
#layFoot{ width: 100%; height: 110px; padding: 0 0 0 0; background: #dfdcb3; position: absolute; bottom: 0 !important; bottom: -1px; }
#ctdFoot{ width: 770px; height: 110px; margin: 0 auto; }
#ctdFootEsq{ width: 220px; height: 60px; padding: 20px 40px; float: left; background: url(../imagens/bg_ctdfootesq.gif) 0 0 no-repeat; }
#ctdFootDir{ width: 360px; height: 60px; padding: 20px 50px 20px 60px; float: left; background: url(../imagens/bg_ctdfootdir.gif) 0 0 no-repeat; }
.bottom{ background: #f0f0f0; width: 100px; height: 25px; position: fixed; left: 10px; bottom: 0; }


/* Internas */
#layColunaDir h1,
#layColunaUnica h1{ width: 535px; height: 30px; padding: 0 0 0 60px; margin: 0 0 5px 0; background: url(../imagens/bg_h1.gif) no-repeat 27px center; }

#layColunaDir h2,
#layColunaUnica h2{ width: 565px; height: 24px; padding: 0 0 0 30px; margin: 0 0 10px 0; background: url(../imagens/bg_h2.gif) no-repeat left center; }

p.Texto{ width: 465px; padding: 0 100px 15px 30px; }
p.Texto strong{ color: #7c110e; text-transform: uppercase; }


/* Foot */
#ctdFootEsq h3{ width: 220px; height: 20px; background: url(../imagens/bg_title_informativo.gif) no-repeat; display: block; text-indent: -30000px; }
#ctdFootEsq label{ width: 220px; height: 16px; background: url(../imagens/bg_texto_news.gif) no-repeat; display: block; text-indent: -30000px; }
#ctdFootEsq input{ width: 216px; height: 16px; margin: 2px auto 1px auto; display: block; border: solid 1px #f3f1e1; font-size: 100%; color: #999; }
#ctdFootEsq p{ width: 220px; text-align: right; }
#ctdFootEsq a{ width: 54px; height: 22px; background: url(../imagens/bg_btn_enviar.gif) no-repeat 0 0; display: block; float: right; }
#ctdFootEsq a span{ display: none; }
#ctdFootEsq a:hover{ background: url(../imagens/bg_btn_enviar.gif) no-repeat 0 -22px; }

#ctdFootDir h3{ width: 360px; height: 20px; background: url(../imagens/bg_title_localizacao.gif) no-repeat; display: block; text-indent: -30000px; }
#ctdFootDir strong{ width: 360px; padding: 0 0 3px 0; color: #7a896d; display: block; text-transform: uppercase; }
#ctdFootDir p{ width: 360px; color: #97a080; font-size: 9px; }
#ctdFootDir a{ color: #97a080; font-size: 9px; }


/* -- Menu -- */
#layMenu{ width: 175px; }

a.Menu-RosaleaoDesignWeb,
a.Menu-DesignWeb,
a.Menu-DesignGrafico,
a.Menu-DesignConceitual,
a.Menu-Portfolio,
a.Menu-QuemSomos,
a.Menu-Clientes,
a.Menu-Parceiros,
a.Menu-Fale,
a.SubMenu-Equipe,
a.SubMenu-Trabalhe,
a.SubMenu-DesignWeb,
a.SubMenu-DesignGrafico,
a.SubMenu-Vemporai,
a.SubMenu-Foradoar{ width: 175px; height: 16px; display: block; background-repeat: no-repeat; background-position: 0 0; text-indent: -30000px; }

a.Menu-RosaleaoDesignWeb:hover,
a.Menu-DesignWeb:hover,
a.Menu-DesignConceitual:hover,
a.Menu-DesignGrafico:hover,
a.Menu-Portfolio:hover,
a.Menu-QuemSomos:hover,
a.Menu-Clientes:hover,
a.Menu-Parceiros:hover,
a.Menu-Fale:hover,
a.SubMenu-Equipe:hover,
a.SubMenu-Trabalhe:hover,
a.SubMenu-DesignWeb:hover,
a.SubMenu-DesignGrafico:hover,
a.SubMenu-Vemporai:hover,
a.SubMenu-Foradoar:hover{ background-position: 0 -16px; }

a.Menu-RosaleaoDesignWeb	{ background-image: url(../imagens/menu/rosaleao_designweb.gif);		}
a.Menu-DesignWeb			{ background-image: url(../imagens/menu/designweb.gif);					}
a.Menu-DesignConceitual		{ background-image: url(../imagens/menu/designconceitual.gif);			}
a.Menu-DesignGrafico		{ background-image: url(../imagens/menu/designgrafico.gif);				}
a.Menu-Portfolio			{ background-image: url(../imagens/menu/portfolio.gif);					}
a.Menu-QuemSomos			{ background-image: url(../imagens/menu/quemsomos.gif);					}
a.Menu-Trabalhe				{ background-image: url(../imagens/menu/trabalhe.gif);					}
a.Menu-Clientes				{ background-image: url(../imagens/menu/clientes.gif);					}
a.Menu-Parceiros			{ background-image: url(../imagens/menu/parceiros.gif);					}
a.Menu-Fale					{ background-image: url(../imagens/menu/fale.gif);						}

a.SubMenu-DesignWeb			{ background-image: url(../imagens/menu/int_designweb.gif);				}
a.SubMenu-DesignGrafico		{ background-image: url(../imagens/menu/int_designgrafico.gif);			}
a.SubMenu-Vemporai			{ background-image: url(../imagens/menu/int_vemporai.gif);				}
a.SubMenu-Foradoar			{ background-image: url(../imagens/menu/int_foradoar.gif);				}

a.SubMenu-Equipe			{ background-image: url(../imagens/menu/int_equipe.gif);				}
a.SubMenu-Trabalhe			{ background-image: url(../imagens/menu/int_trabalheconosco.gif);		}


/* -- Portfolio -- */



/* -- Trabalhe Conosco -- */
form#FormTrabalheConosco{ width: 450px; padding: 10px 115px 25px 30px; }
form#FormTrabalheConosco fieldset{ padding: 0 0 30px 0; }
/*form#FormTrabalheConosco fieldset legend{ display: none; }*/
form#FormTrabalheConosco fieldset legend{ color: #6d6a3c; margin: 0 0 0 -7px; padding: 0; font-size: 12px; text-transform: uppercase; }
form#FormTrabalheConosco fieldset p.FormColUnica{ width: 350px; padding: 0 0 5px 0; }
form#FormTrabalheConosco fieldset p.FormColDupla{ width: 165px; float: left; padding: 0 0 5px 0; }
form#FormTrabalheConosco fieldset p label{ width: auto; }
form#FormTrabalheConosco fieldset p span{ display: block; padding: 3px 0 0 0; font-size: 9px; font-family: tahoma, arial, verdana; }
form#FormTrabalheConosco fieldset p input{ width: 100%; padding: 3px; background: #fffde9; border: solid 1px #c1be95; font-size: 100%; color: #6d6a3c; }
form#FormTrabalheConosco fieldset div textarea,
form#FormTrabalheConosco fieldset p textarea{ width: 100%; padding: 3px; background: #fffde9; border: solid 1px #c1be95; font-size: 100%; color: #6d6a3c; font-family: tahoma, arial, verdana; }
form#FormTrabalheConosco fieldset p select{ width: 100%; padding: 1px; background: #fffde9; border: 0; border: solid 1px #c1be95; font-size: 100%; color: #6d6a3c; }
form#FormTrabalheConosco fieldset p select option{ width: 100%; padding: 0; background: #fffde9; border-bottom: dashed 1px #c1be95; font-size: 100%; color: #6d6a3c; }
form#FormTrabalheConosco fieldset p input.Inline{ width: auto; display: inline; }
.ctdFCAssunto label{ padding: 0 0 2px 0; }
.NoBlockLabel label{ display: inline; }

/* -- Clientes -- */
#layClientes{ width: 563px; padding: 10px 0 0 32px; }
#layClientes ul{ width: 250px; margin: 0 10px 0 0; float: left; }
#layClientes ul li{ width: 250px; height: 15px; /*background-color: #DFDCB3; border: dashed 1px #F4F1D2;*/ margin: 0 0 3px 0; padding: 0px; }
#layClientes ul li a{ cursor: text;  padding: 0 5px 0 17px; background: url(../imagens/bg_seta.gif) no-repeat left center; }
#layClientes ul li a:hover{ cursor: text; /*background: url(../imagens/bg_seta.gif) #eee4ae no-repeat left center;*/ text-decoration: none; }

/* -- Equipe -- */
#layEquipe{ width: 563px; padding: 0 0 0 32px; }
#layEquipe h2{ width: 563px; height: 24px; padding: 0 0 0 30px; margin: 0 0 10px 0; background: url(../imagens/bg_h2.gif) no-repeat left center #FF0000; }

#layEquipe dl.ctdEquipe{ width: 465px; height: 100px; margin: 0 0 0px 0; }
#layEquipe dl.ctdEquipe dt.ctdEquipeFoto{ width: 100px; height: 100px; margin: 0 10px 0 0; float: left; }
#layEquipe dl.ctdEquipe dt{ font-size: 11px; font-weight: bold; color: #8c302a; }
#layEquipe dl.ctdEquipe dd{}
.ctdBgColor{ background: #e4e1ba; }
.ctdEquipePadding{ padding: 10px 0 0 0; }

/* -- jquery menu -- */
.treeview, .treeview ul{ padding: 0; margin: 0; list-style: none; }
.treeview .hitarea{ cursor: pointer; }


/* fix for IE6 */
* html .hitarea{ display: inline; float: none; }

.treeview li{ margin: 0; padding: 0; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { cursor: pointer; }
.treeview li { margin: 0 0 5px 0; }

.filetree li { padding: 0; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 0px; display: block; }



/* -- scroll -- */
.holder{ float: left; margin: 10px; }
.scroll-pane{ width: 460px; overflow: auto; /*background: #ccc;*/ float: left; }
#pane3{ height: 280px; }
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom{ bottom: -1px; }
/* /IE SPECIFIC HACKED STYLES */