body {background:url(../images/bg-body-black-new.jpg) center 5px #7c7c7c repeat-x; color:#444444; font-family:"Trebuchet MS",Arial;font-size:12px;margin:0px; padding:0px;border-top:#E82B2F 5px solid;;}

br {margin:0px; padding:0px;}
a {text-decoration:none;color:#C61F29;font-weight:bold; margin:0; padding:0; border:0 none}
a:hover {text-decoration:underline;color:#FFFFFF;font-weight:bold;}

em {font-family:Georgia, "Times New Roman", Times, serif; font-size:95%; font-style:normal}
blockquote {margin:10px 30px; font-style:italic; font-size:11px; color:#444444;}

label {color:#FFFFFF; font-weight:bold}

fieldset {background:#416C95; border:14px solid #28465E; border-top:none}
input, textarea {font-size:11px; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif}
textarea {/*width:300px;*/ width:99%}

fieldset.sobreprj { border:1px solid #acc4db; padding:10px 5px 10px 5px; margin:0}
fieldset.sobreprj legend {margin:0 5px; padding:0 5px; font-size:14px; font-weight:bold; color:#C61F29; background:#acc4db}
fieldset.sobreprj textarea {width:280px;}
.botao {padding:0 30px; letter-spacing:2px; margin:auto; text-align:center}

.depoimento {background:url(../images/depoimento.gif) top left no-repeat; text-align:left; padding:0 0 0 55px; margin:20px 30px 0 6px; color:#000000; line-height:12px}
.depoimento em {font-size:100%; font-style:italic}
.assinatura {text-align:right; margin-right:25px; color:#28465E}

.title404 { display:block; width:auto; height:100px; float:left; font-size:50px; font-style:oblique; color:#acc4db; font-family:"Arial Black", Arial, Tahoma; padding:20px 0 6px 0; margin-left:16px; margin-right:36px; margin-top:0px;}
.txt404 {font-size:16px; display:block; width:600px; font-style:normal; color:#acc4db; padding:0; margin-top:0; background-color:#28465E; border:4px double #acc4db; font-weight:normal; margin:auto; text-align:left}


.clearfix {clear:both; margin:0; padding:0; height:0}

.clear-sites {clear:both; padding:10px 0 10px 0; margin:0; color:#000000; text-align:center; margin-right:20px}
.clear-sites a {padding:0px 4px; background:#C61F29; font-weight:bold; color:#FFFFFF; text-decoration:none}
.clear-sites a:hover {background:#78247D}

.pleft {float:left; padding:0px; margin:0px}
.pright {float:right; padding:0px; margin:0px}
.pleft5 {float:left; padding:4px; margin:0 0 0 6px; color:#6389a8}
.pright5 {float:right; padding:4px; margin:0 6px 0 0; color:#6389a8}
.pright-exemplos {float:right; padding:2px; margin:2px 6px 0 0;}
.pleft-exemplos {float:left; padding:2px; margin:2px 0 0 6px;}
.pright-exemplos a, .pleft-exemplos a {color:#FFFFFF; border:2px solid #28465E; background:#416C95; padding:4px !important}
.pright-exemplos a:hover, .pleft-exemplos a:hover {text-decoration:none; background:#C61F29; border:2px solid #C61F29}
.atualizado {float:right; font-size:11px; color:#FFFFFF; margin:5px 0 0 0; padding:0px}

#main {width:990px; margin:auto; position:relative; background:url(../images/bg-content-blue.jpg) top center no-repeat}
.content {width:770px; margin:auto; position:relative}

#menutop { width:990px; margin:0 auto}

h1#logorho {height:auto; width:auto; text-indent:-9000em; z-index:100}
h1#logorho a {background:url(../images/logo-rhodesign.png) no-repeat 0 0; width:235px; height:128px; display:block; position:absolute; top:21px; left:40px; text-indent:-9000em; color:#8B8D9A}
h1#logorho a:hover {background:url(../images/logo-rhodesign.png) no-repeat 0 -128px;}
h2#logochamada a {background:url(../images/logo-chamada.png) no-repeat 0 0; width:295px; height:82px; display:block; position:absolute; top:42px; left:279px; text-indent:-9000em; color:#8B8D9A}
h2#logochamada a:hover {background:url(../images/logo-chamada.png) no-repeat 0 -82px;}

#destaques {width:990px; height:340px; display:block; margin:0 auto; margin-top:70px; float:left; position:relative}

	a.btntwitter, a.btnfacebook {display:block; position:absolute; text-indent:-9000em; color:#8B8D9A}
	a.btntwitter {display:block; width:49px; height:52px; background:url(../images/share-twitter.png) no-repeat 0 0;  top:8px; right:281px}
		a:hover.btntwitter {background:url(../images/share-twitter.png) no-repeat 0 -52px;}
	a.btnfacebook {display:block; width:44px; height:59px; background:url(../images/share-facebook.png) no-repeat 0 0; top:1px; right:252px}
		a:hover.btnfacebook  {background:url(../images/share-facebook.png) 0 -59px;}

a.destaq1 {position:absolute; width:881px; height:241px; background:#FFF; top:62px; left:56px; background:url(../images/bn-destaque1.jpg) no-repeat}

.imgdestaque {position:absolute; width:881px; height:241px; background:#FFF; top:62px; left:56px; background:url(../images/bn-destaque1.jpg) no-repeat}


#columnD {width:100%; height:auto; margin:4px 0 16px 0; float:left; position:relative}
h2.titleportifa {background:url(../images/title-portfolio.png) no-repeat; width:243px; height:48px; display:block; clear:both; text-indent:-9000em; margin-left:10px;}
h2.btnorcamento a {background:url(../images/btn-orcamento.png) no-repeat 0 0; width:207px; height:69px; text-indent:-9000em; position:absolute; top:-15px; right:0}
h2.btnorcamento a:hover {background:url(../images/btn-orcamento.png) no-repeat 0 -69px}

h2.titlecontato {background:url(../contato-orcamento-web/titles/title-contato.png) no-repeat; width:343px; height:55px; display:block; clear:both; text-indent:-9000em; margin-left:10px;}
h2.btnchatonline a { background:url(../contato-orcamento-web/titles/btn-chatonline.png) no-repeat 0 0; width:168px; height:49px; text-indent:-9000em; position:absolute; top:3px; right:0}
h2.btnchatonline a:hover {background:url(../contato-orcamento-web/titles/btn-chatonline.png) no-repeat 0 -49px;}

ul#menu {float:right; color:#FFFFFF; clear:both; width:auto; margin-top:0; height:47px; margin-right:34px}
ul#menu li {display:inline;}
ul#menu li a { background-color:#4a6b86; display:block; color:#FFFFFF; border-top:0px; border-left:5px solid #E82B2F; border-right:5px solid #E82B2F; border-bottom:5px solid #E82B2F; margin:0 10px 10px 10px; float:left; padding:4px; text-decoration:none}
ul#menu li a.active {background:#4a6b86; display:block; color:#FFFFFF; border-top:0px; border-left:5px solid #E82B2F; border-right:5px solid #E82B2F; border-bottom:5px solid #E82B2F; margin:0 10px 10px 10px; float:left; padding:24px 4px 4px 4px}
ul#menu li a:hover {background:#4a6b86; display:block; color:#FFFFFF; border-top:0px; border-left:5px solid #E82B2F; border-right:5px solid #E82B2F; border-bottom:5px solid #E82B2F; margin:0 10px 10px 10px; float:left; padding:24px 4px 4px 4px}

	a.topmenuhome {}
	a.topmenusobre {}
	a.topmenuservicos {}
	a.topmenucontato {}


#faleconosco {width:920px; position:absolute; left:70px; top:209px; clear:both; z-index:10; display:none}
/*#faleconosco a {display:block; width:145px; height:54px; text-indent:-9000em}
#faleconosco a:hover{ display:block; width:145px; height:54px;}*/
#faleconosco a {display:block; width:145px; height:54px; background:url(../images/faleconosco-black-on.jpg) no-repeat; text-indent:-9000em}
#faleconosco a:hover{ display:block; width:145px; height:54px; background:url(../images/faleconosco-black-off.jpg) no-repeat}


#columnA, #columnB {width:380px; height:auto; margin-top:138px}
#columnA {float:left;}
#columnB {float:right;}
#columnC {width:760px; height:auto; margin-top:138px; float:left;}

h1{font-size:14px; margin:auto; font-weight:bold; text-align:center; width:250px; height:60px; text-indent:-9000em}
h1.web_h1 {margin:42px 0 0 10px; background:url(../images/h1-web-blue.png) bottom center no-repeat; width:368px}
h1.graphic_h1 {margin:42px 0 0 0; background:url(../images/h1-graphic-blue.png) bottom center no-repeat; width:368px}
h1.sobre_h1int {margin:42px 0 0 0; background:url(../empresa-de-webdesign-rj/titles/h1-sobre-blue.png) bottom left no-repeat; width: auto; margin-left:120px}
h1.services_h1int {margin:42px 0 0 0; background:url(../servicos-de-webdesign/titles/h1-servicos-blue.png) bottom left no-repeat; width: auto; margin-left:80px}
h1.contato_h1int {margin:42px 0 0 0; background:url(../contato-orcamento-web/titles/h1-contato-blue.png) bottom center no-repeat; width: auto; margin-left:20px}
h1.portfolio {margin:42px 0 0 0; background: url(../portfolio/h1-portfolio-blue.png) bottom center no-repeat; width:auto;}
h1.services_h1 {background: url(../images/h1-services.png) no-repeat bottom left; width:770px; height:59px; text-align:center; margin:20px 0 0 0; padding:0px 0 0 0}

h2 {font-style:normal; font-size:12px;}
h3 {font-size:14px; font-style:normal; color:#acc4db; padding:4px 0 6px 0; margin-left:6px; margin-right:6px; margin-top:0; background-color:#28465E; border-bottom:4px double #acc4db; font-weight:normal}

/*h2.web-on {background:#c86bc9; margin:0 0 0 15px; height:30px; text-align:center; display:inline; color:#FFFFFF; padding:4px 4px 0 4px}
h2.menu-off {height:30px; text-align:center; display:inline; color:#cd8dc7;}
h2.menu-off a{background:#934b8c; margin:0 0 0 15px; height:30px; text-align:center; display:inline; color:#cd8dc7; padding:4px 4px 0 4px}
h2.menu-off a:hover{background:#c86bc9; color:#FFFFFF; text-decoration:none}*/

/*h2.web-on {margin:0 0 0 15px; height:30px; text-align:center; display:inline; padding:4px 4px 0 4px}*/
h2.menu-btn {height:30px; text-align:center; display:inline; color:#cd8dc7;}
h2.menu-btn a {margin:0 0 0 15px; height:30px; text-align:center; display:inline; color:#fff; padding:2px 4px 1px 4px}
h2.menu-btn a:hover {text-decoration:none}

h2.voltar {height:30px; text-align:center; display:inline; color:#cd8dc7;}
h2.voltar a {margin:0 0 0 15px; height:30px; text-align:center; display:inline; color:#FFFFFF; padding:2px 4px 2px 4px; background:#C61F29; border:3px solid #C61F29}
h2.voltar a:hover {background:#28465E}

/*h2.flyers-on {background:#c86bc9; margin:0 0 0 15px; height:30px; text-align:center; display:inline; color:#FFFFFF; padding:4px 4px 0 4px}
h2.flyers-off {height:30px; text-align:center; display:inline; color:#cd8dc7;}
h2.flyers-off a{background:#934b8c; margin:0 0 0 15px; height:30px; text-align:center; display:inline; color:#cd8dc7; padding:4px 4px 0 4px}
h2.flyers-off a:hover {background:#c86bc9; color:#FFFFFF; text-decoration:none}*/


#sites, #emails, #flash, #banners, #flyers, #impressos, #idvisual {text-align:center; padding:0 4px 4px 4px; font-family: "Trebuchet MS", Verdana, Arial; font-size:11px; font-style:normal;}

#sites img, #emails img, #flash img, #banners img, #flyers img, #impressos img, #idvisual img
	{border-left:#28465E 14px solid; border-right:#28465E 14px solid; border-bottom:#28465E 4px solid; border-top:#28465E 14px solid}

.boxhome{margin:0 0 12px 0; padding:4px 0 4px 0; color:#444444; float:left; width:380px; height:auto;}
.boxhome:hover{margin:0 0 12px 0; padding:4px 0 4px 0; color:#444444; background:#375a77}
.boxhome img {border:0 none; padding:0px; margin:-4px}

div.boxhome h3 a {font-size:14px; font-style:normal; color:#acc4db !important; font-weight:normal}

.boxhomeduplo{margin:12px 0 12px 0; padding:4px 0 4px 0; color:#444444; float:left; width:760px; height:auto;}
.boxhomeduplo:hover{margin:12px 0 12px 0; padding:4px 0 4px 0; color:#444444; background:#375a77}
.boxhomeduplo img {border:0 none; padding:0px; margin:-4px}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* PÁGINA DE DETALHE DE PEÇA */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/*
background:#8D6EA9; border:14px solid #28465E
*/
#detail-page {text-align:center; padding:0 4px 4px 4px; font-family: "Trebuchet MS", Verdana, Arial; font-size:11px; font-style:normal;}
#detail-page h2 {background:#8db1d4; border-bottom:#28465E 4px solid; text-align:center; font-size:18px; color:#28465E; margin:0; width:100%}
#detail-page img {border-left:#28465E 14px solid; border-right:#28465E 14px solid; border-bottom:#28465E 14px solid; border-top:#28465E 14px solid; margin:6px 0 0 6px}

.detail-page-img {width:375px; height:auto; float:left}
.detail-page-txt {width:375px; height:auto; /*background:url(../images/bg-transp-blue.png);*/ float:right}

/*.detail-page {margin:0 0 12px 0; padding:4px 0 4px 0; color:#444444; float:left; width:380px; height:auto;}*/
.txt_detail {background:#416c95; border:14px solid #28465E; margin:6px}
/*.txt_detail {text-align:left; font-size:12px; padding:4px 0 0 0; margin-left:6px; margin-right:6px; margin-top:0; background-color:#8D6EA9; border-bottom:4px double #acc4db; font-weight:normal; height:auto}*/
.txt_detail p {line-height:15px; color:#FFF; margin:4px 10px 14px 10px; text-align:left}
.txt_detail a {color:#f2aaaa; text-decoration:none}
.txt_detail a:hover {text-decoration:underline}
.tecnologia {background:#375f86; padding:10px}
.link-acesse {background:#CCCCCC; width:748px; height:25px; margin:0 6px 0 6px; float:right}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* PÁGINA DE SERVICOS */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

#servicos_webdesign {text-align:center; padding:0 4px 4px 4px; font-family: "Trebuchet MS", Verdana, Arial; font-size:11px; font-style:normal;}
#servicos_webdesign img {border-left:#28465E 14px solid; border-right:#28465E 14px solid; border-bottom:#28465E 14px solid; border-top:#28465E 14px solid}
.boxservicos, .boxquantocusta {margin:0 0 12px 0; padding:4px 0 4px 0; color:#444444; float:left; width:380px; height:auto;}

.boxservicos h2 {border-left:#28465E 14px solid; border-right:#28465E 14px solid; border-bottom:#28465E 14px solid; border-top:#28465E 14px solid; width:340px; height:50px; margin-top:0; padding-top:0}
.boxservicos h2.servXsite {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-de-sites.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxservicos h2.servXflash {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-de-sites-flash.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxservicos h2.servXotimi {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/otimizacao-de-sites-para-buscas.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxservicos h2.servXemail {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-emails-marketing.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxservicos h2.servXbanner {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-web-banners.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxservicos h2.servXprint {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-impressos.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxservicos h2.servXflyer {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-de-flyers.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}


/* PAGINA QUANTO CUSTA */
.boxquantocusta h2 {border:#28465E 14px solid; color:#28465E; width:340px; height:50px; margin-top:-5px; padding-top:0;}
.boxquantocusta h2.tipos_projetos {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-de-sites.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxquantocusta h2.possibilidades {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-de-sites.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}
.boxquantocusta h2.tipos_projetos {text-indent:-9000em; background:url(../servicos-de-webdesign/titles/criacao-de-sites.jpg) no-repeat; margin:auto; margin-bottom:10px; margin-top:0; padding-top:0}

.boxquantocusta ul.tools {color:#28465E; margin-left:15px; font-weight:bold; clear:both; display:block; list-style:none; margin-top:-10px; font-size:11px}
.boxquantocusta ul.tools li {float:left; width:100px; margin:10px 10px 10px 0; background:#eaeaea; text-align:center; line-height:15px; padding:2px}
.imgonly {border:0 none !important}

.boxquantocusta ul {color:#28465E; font-weight:bold; clear:both; display:block; margin:-10px 0 10px 40px; font-size:11px}

.escolhaquantocusta {background:#C61F29; color:#FFFFFF; font-size:16px; padding:8px 5px 8px 0px; width:90px; display:block; float:left; text-align:right; line-height:9px; text-transform:uppercase; height:55px}

.tabnavprecos {margin:1px 0 1px 0; padding:7px 0;}
/*.tabnavprecos {margin:0 0 10px 0; padding:0; border-top:8px solid #C61F29; border-bottom:8px solid #C61F29;}*/
.tabnavprecos li {
	list-style: none;
	float:left;
	display:block;
	margin:0 0 15px 0;
	}
.tabnavprecos li a {
		text-decoration: none;
		color: #FFFFFF;
		background:#28465e;
		border-right:3px solid #28465E;
		border-left:3px solid #28465E;
		font-size:10px;
		margin:15px 0 15px 5px;
		}
.tabnavprecos li a:active {
		background: #C61F29;
		color: #FFFFFF;
		text-decoration: none;
		border-bottom:3px solid #C61F29;
		border-top:3px solid #C61F29;
		border-left:3px solid #C61F29;
		border-right:3px solid #C61F29;
		}
.tabnavprecos li a:hover, .tabnavprecos li .active a {
		background: #C61F29;
		color: #FFFFFF;
		text-decoration: none;
		border-bottom:3px solid #C61F29;
		border-top:3px solid #C61F29;
		border-left:3px solid #C61F29;
		border-right:3px solid #C61F29;
		}
/* FIM DA PAGINA QUANTO CUSTA */

.boxservicos:hover {margin:0 0 12px 0; padding:4px 0 4px 0; color:#444444; background:#BBB; height:auto;}

.txt_servico {text-align:left; font-size:12px; color:#acc4db; padding:0; margin-left:6px; margin-right:6px; margin-top:0; background-color:#EEE; border-bottom:4px double #acc4db; font-weight:normal; height:205px}
.txt_servico p {line-height:15px; margin:4px 14px 14px 14px; color:#000}

.txt_sobre {text-align:left; font-size:12px; color:#acc4db; padding:4px 0 0 0; margin-left:6px; margin-right:6px; margin-top:0; background-color:#F4F8FC; border-bottom:4px double #acc4db; font-weight:normal; height:auto}
.txt_sobre p {line-height:15px; margin:4px 14px 14px 14px; color:#111111}

.txt_contato {text-align:left; font-size:12px; color:#acc4db; padding:0 2px 4px 2px; margin:0 6px 6px 10px; font-weight:normal; height:auto}
.txt_contato p {line-height:15px; color:#FFF; background:#416C95}
.txt_contato p.infos_contato {background:url(../images/bg-contato-details.gif) top center no-repeat #416c95; height:75px}
.txt_contato a {color:#e8b4ec}
.txt_contato a:hover {color:#ffbdc3}

.links-site {background:#375A77; width:368px; height:25px; margin:0 0 0 6px;}
.links-veja-exemplos {background:#A2A2A2; width:368px; height:25px; margin:0 0 0 6px}

#sites a, #emails a, #flash a, #banners a, #flyers a, #impressos a, #idvisual a {color:#f2aaaa; font-weight:normal}
#servicos_webdesign a {font-weight:bold; margin:0; padding:0}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

a.maisprojetos {width:360px; height:20px; background:url(../images/mais-projetos-off.png) top center no-repeat; display:block; text-align:center; margin:auto; text-indent:-9000em}
a:hover.maisprojetos {width:360px; height:20px; background:url(../images/mais-projetos-on.png) top center no-repeat; display:block; text-align:center; margin:auto; text-indent:-9000em}


/*#services h3 {height:10px; color:#FFFFFF; margin:2px 0 2px 0}*/
#services h3 {color:#28465E;font-size:30px;font-weight:bold;line-height:23px;margin:2px 0;background:none}
#services ul {padding:0px 10px 10px 10px; list-style:none; margin:0px;}
#services ul li { margin:0px; line-height:14px; padding:10px 0px 5px 0px; color:#FFF}
.web-services, .graphic-services {width:350px; height:auto; line-height:14px; /*background:url(../images/bg-transp-blue.png)*/}
.web-services p, .graphic-services p, .bg-contatoEsq p, .bg-contatoDir p {padding:0px 10px 0px 10px;}
.web-services {float:left; padding:0 10px 0 10px}
.graphic-services {float:right; padding:0 10px 0 10px}


.bg-contatoEsq {width:375px; height:auto; line-height:14px; /*background:url(../images/bg-transp-blue.png);*/ float:left}
.bg-contatoDir {width:375px; _width:360px; *width:360px; height:auto; line-height:14px; /*background:url(../images/bg-transp-blue.png);*/ float:right;}

#quem  {background:url(../images/bg-quem-blue.jpg) bottom center no-repeat}
#gostou {background:url(../images/bg-gostou-blue.jpg) bottom center no-repeat}
#quem, #gostou  {width:770px; height:293px; position:relative; margin-top:10px}
#quem p.quem, #gostou p.quem {position:absolute; top:100px; left: 285px; right:110px; color:#000000; text-align:justify; line-height:14px}
#quem p.msn, #gostou p.msn{position:absolute; bottom:20px; left: 60px; right:110px; color:#000000; text-align:justify; line-height:14px}
#quem p.msn strong, #gostou p.msn strong {color:#FFFFFF; font-size:14px; font-weight:bold; font-family:Verdana, Arial;}
#gostou a {margin:-4px; padding:0 4px 0 4px; color:#C61F29}
#gostou a:hover {background-color:#78247D; margin:-4px; padding:0 4px 0 4px; color:#FFFFFF}


#splash {z-index:100; position:absolute; top:0; right:0}
.splashlink {width:257px; height:425px; display:block; background:url(../images/splash.png) no-repeat}



.tabwebcontato {width:100%; margin:0; padding:0;}