/* CSS Document */

/* Cores amarelo - #fc0 (footer / apresenta home / servicos h4 e li:hover / dadosdecontato li / portfolio / contato)  #cea702 (atendimento home / ) */
/* Cor LOGO DOURADO - #bb9d5f --> #debc76  -|-   #605f5d --> #d1d1d1 */  /* Corel d2ab67 fffcd5 */  /* CardNew d5b16e f7e8bc */

/* ALTERAÇÃO DE FC0 --> DAA520 */

* {margin:0; padding:0; text-decoration:none; border:0;}

body {background:url(../image/bg_header.jpg) repeat-x; background-color:#17140a;}

.clear {clear:both;}

acronym, abbr {border-bottom:1px dotted #f00; cursor:help;}


/***************************************/
/*        ESTRUTURA PRINCIPAL          */

#header {position:relative; width:960px; height:129px; margin:0 auto; padding-top:10px;}

		#header h1 {background:url(../image/goldfox_logo.png) no-repeat; width:314px; height:101px; float:left;}
			#header h1 span {display:none;}
		
		.login {position:relative; width:150px; height:30px; float:right;}
		
		#menu {position:relative; width:560px; height:25px; margin:40px 16px 0 0; float:right; padding-top:3px;}

#content_main {position:relative; width:100%; height:auto; background:url(../image/bg_contentmain.jpg) repeat-x -150px -40px; background-color:#fff; padding-top:10px; padding-bottom:15px;}
		
		#content {position:relative; width:960px; margin:0 auto; border:1px solid #b6b6b6; background:#fff;}
		#contente_right {position:relative; float:left;}

#footer_main {position:relative; width:960px; height:60px; margin:0 auto; background:url(../image/goldfox_footer.gif) no-repeat 20px 10px;}
	.footer {position:relative; width:640px; margin:20px 0 0 240px;}
	.footer ul li{display:inline; margin:0 40px 0 5px; list-style-type:none; font-family:Verdana; font-size:8pt; font-weight:bold;}
	.footer li a {color:#fff;}
	.footer li a:hover {text-decoration:underline; color:#daa520;}
	.footer p {font-family:Arial; font-size:8pt; color:#585858; padding-top:10px;}
	.footer p span {margin-left: 20px;}
	.footer p span a, .footer p span a:visited {text-decoration:none; color:#06f;}
	.footer p span a:hover {text-decoration:underline;}


/***************************************/
/*             LOGIN                   */

#login p {clear:left; margin-bottom:8px;}

#login label {width:60px; float:left; padding-top:5px; font-family:Verdana; font-size:9px; color:#b6b6b6;}

#login input {width:80px; height:12px; border:1px solid #b6b6b6; padding:1px 2px; background-color:#666; font-family:Verdana; font-size:8pt; color:#fff;}

#login .submit {border:1px outset #CCC; width:50px;}


/***************************************/
/*            MENU SUPERIOR            */

#menu ul li {display:inline; margin:0 18px 0 18px; list-style-type:none; font-family:Verdana; font-size:13px; font-weight:bold; text-transform:uppercase;}
#menu li a {color:#fff;}
#menu li a:hover, #menu li a:active, #menu li a.active {color:#000; background:#fff;}


/***************************************/
/*            HOME PAGE                */

.home_left {float:left; width:420px; height:auto; margin-left:30px;}

.apresenta {width:380px; height:auto; padding:4px;}
	.apresenta p {font-family:Verdana; font-size:14px; color:#585858; line-height:1.8em;}
		.apresenta p span {color:#daa520; font-weight:bold;}

.atendimento {width:380px; height:85px; margin:20px 0 10px 0; padding:10px 4px; background-color:#f7f7e9;}
	.atendimento {font-family:Verdana; font-size:12px; color:#585858;}
	
	div.atendimento_dados {position:relative; float:left; width:250px;}
		div.atendimento_dados h4 {font-family:Arial; font-size:1.4em; font-weight:bold; color:#cea702; padding-bottom:5px;}
		table#atende tr td {padding:6px;}
		table#atende td.modo {font-weight:bold;}
		table#atende td.dados {text-align:right;}
	
	div.atendimento_vcard {position:relative; float:left; width:100px; padding:25px 0 0 20px; background:url(../image/home_div_line.gif) repeat-y;}
		div.atendimento_vcard p {line-height:1.6em;}

/* lista de serviços e soluções */
.servico {position:relative; width:250px; height:auto; float:left; padding:4px 0 0 30px; background:url(../image/home_div_line.gif) repeat-y;}
	.servico h4{font-family:Arial; font-size:16px; color:#daa520; padding-bottom:4px;}
	.servico ul li {display:block; padding:0 0 4px 26px !important; line-height:1.8em; list-style:none !important; background:url(../image/home_listgoldfox.gif) no-repeat; font-family:Verdana; font-size:12px;}
	.servico li a {color:#585858;}
	.servico li a:hover {color:#daa520;}

.news_home {position:relative; width:158px; height:200px; margin-left:30px; float:left; background:url(../image/bg_news.png) no-repeat;}
	.news_home h4 {font-family:Arial; font-size:14px; color:#585858; font-weight:bold; margin:7px 12px 12px 12px;}
	.transp p {margin:0 10px 3px 12px; line-height:1.4em; font-family:Verdana; font-size:0.7em;}
	.transp p a,.trans p a:visited {text-decoration:none; color:#333;}
	.transp p a:hover {text-decoration:underline;}
	
	#hcard-GoldFox-Informatica {display:none;}
	

/***************************************/
/*               DIVS                  */

.banner {width:900px; height:200px; margin:20px 30px;}
	.nobanner {margin:20px 30px; clear:both;}

.empresa {position:relative; width:590px; margin:0 30px; float:left;}
	.sobrenos {position:relative; width:250px; height:auto; margin:20px 0 20px 30px;}

.service, .suporte, .materia {position:relative; width:590px; margin:0 30px; float:left;} /* portfolio galeria abaixo */
	img.voip, img.camip {float:right; margin-left:10px; padding:2px; border:1px solid #c0c0c0;}
	
	.sub_materia {position:relative; width:250px; height:auto; margin:20px 0;} 

.contato, .contato_confirma {position:relative; width:520px; margin:0 30px; float:left;}
.dadosdecontato {position:relative; width:340px; height:auto; float:left; padding:4px;}
	.dadosdecontato ul {padding:15px;}
	.dadosdecontato ul li {list-style-type:none;}
	.dadosdecontato ul li.fone, .dadosdecontato ul li.email, .dadosdecontato ul li.localiza {
		font-family:Arial; font-size:1.2em; margin:10px 0 15px 6px; color:#daa520;}
	.dadosdecontato ul li {font-family:Verdana; font-size:0.9em; margin:5px 0 22px 0; color:#585858;}

/* Portfolio galeria de sites */
.gallery {position:relative; width:590px; margin:0 30px; float:left;}
	.gallery div {position:relative; width:134px; float:left; margin:20px 46px 10px 0; font-family:Arial; font-size:0.7em;}
		.gallery div img {border:2px solid #17140a; margin-bottom:10px;}
		.gallery div span {font-size:120%; color:#daa520; font-weight:bold;}
		.gallery div p {color:#585858; padding:6px 0;}
		.gallery div p a {background:#17140a; color:#daa520; display:block; padding:2px;}


/* Telefone de atendimento dentro do quadro amarelo */
.phone_all {position:relative; width:280px; height:45px; margin:20px 0; background:url(../image/bg_phone.jpg) repeat-x #fc0; font-family:Verdana; font-size:1.3em; color:#fff;}
	.phone_all span {font-size:0.7em; color:#585858; margin:3px 0 0 160px;}

/* Portfolio coluna direita, ultimos sites */
.portfolio {position:relative; width:280px; margin-bottom:20px; padding-bottom:10px; background:url(../image/bg_stripe_portfolio.png) repeat #17140a;}
	.portfolio .cliente {position:relative; width:100%; height:auto; margin:15px 5px;}
	.portfolio .thumbs {position:relative; float:left; width:134px; margin-right:5px;}
		.thumbs img {border:2px solid #fff;}
	.portfolio .descri {position:relative; float:left; width:130px; color:#fff; font-family:Arial; font-size:0.7em;}
		.descri .name {color:#daa520; font-weight:bold;}
		.descri a, .descri a:visited {background:#17140a; color:#06f; display:block; margin-top:5px;}
	
	.portfolio div.abregallery  {margin:15px 5px; font-family:Arial; font-size:0.8em; font-weight:bold;}
	.portfolio div.abregallery a, .portfolio div.abregallery a:visited {color:#daa520;}
	.portfolio div.abregallery a:hover {color:#fff;}


/***************************************/
/*  ESTRUTURA GERAL TEXTOS E TITULOS   */

h3 {font-family:Verdana; font-size:22px; font-weight:normal;}
	.empresa h3, .service h3, .materia h3, .sub_materia h3, .contato_confirma h3, .suporte h3, .gallery h3 {border-bottom:1px dotted #c0c0c0; padding:10px 4px 3px 4px; margin-bottom:15px;}
	.portfolio h3 {padding:8px; color:#daa520;} /* Portfolio coluna direita, ultimos sites */
	h3.gfweb_logo {background:url(../image/gfweb_logo.png) no-repeat 0 10px; padding-left:56px;}

.empresa p, .sobrenos p, .service p, .materia p, .sub_materia p, .contato_confirma p, .suporte p
{font-family:Arial; font-size:0.8em; line-height:1.4em; text-align:justify; padding-bottom:8px; color:#585858;}
	p.subtit {padding-bottom:6px; margin-top:8px; font-weight:bold; font-size:0.9em; color:#454545;}
		
	div.service ul, div.service ol {font-family:Arial; font-size:0.8em; line-height:1.4em; color:#585858; margin-bottom:10px; list-style-position:inside;}
		div.service ul li {list-style-type:square; padding:3px 4px;}
		div.service ol li {padding:3px 0; list-style-type:decimal;}

.gfweb {font-size:110%; font-weight:bold; color:#06f;}
	.gfweb a {color:#06f;}
	.gfweb a:hover, .gfweb a:visited {color:#e10;}

.suporte dt {font-family:Arial; font-size:1.2em; margin:14px 0 15px 16px; color:#daa520;}
.suporte dd {font-family:Arial; font-size:0.85em; margin:3px 0 5px 50px;}
.suporte dd a {color:#000;}
.suporte dd a:hover {color:#000; margin-left:15px;}


/***************************************/
/*            FORM CONTATO             */

.contato form {margin:0;}

.contato fieldset {margin-bottom:10px;}

.contato legend {font-family:Verdana; font-size:1.2em; color:#daa520; letter-spacing:0.2em;padding-bottom:15px;} 

.contato form p {clear:both; margin-bottom:8px; font-family:Verdana;}
	.contato form p span {font-size:0.7em; color:#ccc;}

.contato label {display:block; float:left; margin:2px 5px 0 0; width:120px; font-family:Verdana; font-size:0.8em; text-align:right; color:#585858; padding-top:4px;}
.contato input, select, textarea {font-family:Arial; font-size:0.9em; background:#f0f0f0; border:1px solid #ccc; padding:2px 1px; margin:2px 0 2px 5px;}

	.contato input {width:350px}
	.contato input.fone {width:200px;}
	.contato textarea {width:350px; overflow:auto;}
	.contato select {width:200px;}
	input.envio {border:inset 1px #585858; color:#daa520; width:80px; margin-right:310px; float:right; font-weight:bold; background:url(imagens/bg_button.gif) repeat-x left top;}


/***************************************/
/*              TUTORIAIS              */

#white {background:#fff; margin:10px 20px;}
.tuto {width:700px;}
.tuto h3 {margin-bottom:15px; font-size:20px;}
.tuto h4 {font-family:Arial; font-size:16px; color:#585858; font-weight:bold; margin:15px 12px;}
.tuto p {font-family:Arial; font-size:0.8em; line-height:1.4em; padding-bottom:8px; color:#585858;}
.tuto img {margin:10px 0 25px 90px;}