/*****************************************************/
/*   Author:  Gabriel M Dias (gabrielmd@gmail.com)   */
/*   Date:    Sep 06, 2009                           */
/*****************************************************/

body {font-size: 62.5%; margin: 0; padding: 0px; font-family: arial, tahoma, verdana, sans-serif;  background-color:#fff; color:#141414;}
form{ margin:0; padding:0; }
img { border:none; }

li{font-size:1.2em; line-height:1.8em;}
label{float:left; width:215px; text-align:right; margin-right:5px;}
label.right-label{float:none; display:inline; width:auto;}

input[type="checkbox"], input[type="submit"].page-form { margin-left:220px; }

.page-container {width: 770px; margin: 0px auto; padding: 0px; clear:both;}


.img-header {background:#436692 url(header-square.gif) repeat-x left top; height:65px;}
#header {background:url(bg-menu.gif) no-repeat right top; height:100%;}

#main-position, #box-list-position, #footer-position{ clear:both; }

#bottom-position { background:#fff url(../arquivos/bg-bottom-position.gif) repeat-x top left; color:#909090; margin:0; }
#bottom-position a { color:#dedede; }

#header-position { background-color:#436692; margin:0; height:60px; }
#main-position { background:#fff url(../arquivos/bg-all-content-position.gif) repeat-x top left; padding:10px 0 0 0; }
#box-list-position { padding:20px 0;}
#footer-position {  padding:20px 0 10px 0; }

/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/
.nav-sub {clear: both; float: left; width: 143px; min-height: 200px; height: auto !important; height: 200px; margin: 0px; padding: 0px;}
.nav-sub ul {float: left; list-style: none; width: 143px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);}	
.nav-sub li {margin: 0px; padding: 0px;}
.nav-sub li.title {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 0px 0px 40px; border-top: 0px;  color: rgb(50,50,50); font-weight: bold; font-size: 120%;}
.nav-sub li.group a {display: block; min-height: 2.1em; height: auto !important; height: 2.1em; line-height: 2.1em; margin: 1px 0px 1px 0px; padding: 0px 7px 0px 20px;  background:#F3F5F7 url(seta.gif) no-repeat 10px center; color: rgb(50,50,50); font-weight: bold; font-size: 120%;}
.nav-sub li a {display: block; min-height: 2.1em; height: auto !important; height: 2.1em; line-height: 2.1em; margin: 1px 0px 1px 0px; padding: 0px 7px 0px 20px; background-color:#F7F7F7; color: rgb(100,100,100); text-decoration: none; font-size: 120%;}
.nav-sub li a:hover, .nav-sub li a.selected {color: rgb(0,0,0); text-decoration: none; background-color:#C8D6E4;}

/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/
.content {margin: 0 auto; padding:0; }

/*---------------------*/
/* Text */
/*---------------------*/
/* Heading */

h1 { float:left; margin:auto 0px; padding: 12px 0 0 0px;  font-size: 1.1em; } /*Meu H1, e H2*/
h2 { clear:left; margin: 5px 0 0 0; font-size: 100%; padding: 0px; font-size: 1.3em; border:0pt; line-height:1.6em; color:#ff9a37; }
h3 { font-family:"Trebuchet MS","Times New Roman",Times,serif; margin: 0px; font-size: 1.3em; line-height:1.6em; color:#afafaf; }
h4 { margin: 0px; font-weight:normal; font-size: 100%; }
h5 {clear: left; margin: 0px; font-weight: bold; font-size: 130%;}
h6 {clear: left; margin: 0px;	font-weight: bold; font-style: italic; font-size: 130%;}

#header h1 a { color:#e1e1e1; text-decoration:none; float:left; text-transform:uppercase; }


/* Paragraph */
p {font-family:Arial,Helvetica,sans-serif; margin: 0px 0px 1em 0px; padding: 0px; line-height: 1.5em; font-size: 1.2em; }

/**********************/
/* FOOTER */
/**********************/
.footer { padding-top:5px; border-top:1pt #aaa solid ; }
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
.footer address {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

/***************************************************/
/* HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
.content a {color: rgb(80,112,140); text-decoration: underline; font-weight:bold;}
.content a:hover {color: rgb(118,165,207); text-decoration: none;}
.content a:visited {color: rgb(80,112,140);}
.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}


/*******************************/
/* MY CLASSES      */
/*******************************/
.div_conteudo { margin-top:15px; min-height:300px;}
.div_conteudo p {color: #333333; }

.clear { clear:both; }

p.checked{ padding-left:20px; background: url(../arquivos/check-yes.gif) left top no-repeat; font-size:100%}
p.no-checked{ padding-left:20px; background: url(../arquivos/check-no.gif) left top no-repeat; font-size:100%}

.box-list{ }
.box-list .box{float:left; width:30%; margin:0px; padding: 0 12px; min-height:110px; }
.box h3{ padding: 0px 0px 0px 20px; background: url(../arquivos/item.gif) no-repeat 0px 2px; margin-bottom:5px; }

.main-form{ width:95%; }
.newsletter-text { width:75%; }

p.middle-form { margin-left:200px; }
p.at-form, div.at-form { margin-left:220px; }

#acesso-restrito {  }

#acesso-restrito, #porque-a-empresa{ background:url(../arquivos/low-divider.gif) right top no-repeat; }
#porque-a-empresa p { line-height:1.6em; }

.formError { border:1pt red solid;}

h2 .highlight{ color:#ff9a37; }

/* titles */
h2#nossos-servicos{ text-indent:-9000px; background:url(../arquivos/title-nossos-servicos.gif) no-repeat top left; }
h2#sobre-a-empresa{ text-indent:-9000px; background:url(../arquivos/title-sobre-a-empresa.gif) no-repeat top left; }
h2#nossos-clientes{ text-indent:-9000px; background:url(../arquivos/title-nossos-clientes.gif) no-repeat top left; }
h2#solicitar-orcamento{ text-indent:-9000px; background:url(../arquivos/title-solicitar-orcamento.gif) no-repeat top left; }
h2#entrar-em-contato{ text-indent:-9000px; background:url(../arquivos/title-entrar-em-contato.gif) no-repeat top left; }
h2#mensagem-enviada{ text-indent:-9000px; background:url(../arquivos/title-mensagem-enviada.gif) no-repeat top left; }
h2#alterar-senha{ text-indent:-9000px; background:url(../arquivos/title-alterar-senha.gif) no-repeat top left; }
h2#todas-as-propostas{ text-indent:-9000px; background:url(../arquivos/title-todas-as-propostas.gif) no-repeat top left; }
h2#seja-bem-vindo{ text-indent:-9000px; background:url(../arquivos/title-seja-bem-vindo.gif) no-repeat top left; margin-bottom:10px; height:30px; }
h2#propostas-pendentes{ text-indent:-9000px; background:url(../arquivos/title-propostas-pendentes.gif) no-repeat top left; margin-bottom:10px; }
h2#todas-as-mensagens{ text-indent:-9000px; background:url(../arquivos/title-todas-as-mensagens.gif) no-repeat top left; margin-bottom:10px; }
h2#mensagens-pendentes{ text-indent:-9000px; background:url(../arquivos/title-mensagens-pendentes.gif) no-repeat top left; margin-bottom:10px; }
h2#cadastrar-funcionario{ text-indent:-9000px; background:url(../arquivos/title-cadastrar-funcionario.gif) no-repeat top left; margin-bottom:10px; }
h2#pagina-nao-encontrada{ text-indent:-9000px; background:url(../arquivos/title-pagina-nao-encontrada.gif) no-repeat top left; margin-bottom:10px; }
/* end-titles */

/* menu li */
.nav-main {float:right; margin:13px 0 0 0; width:450px;  position:relative;}
.nav-main ul {list-style: none; margin: 0px; padding:0; font-weight: bold;text-indent:-9000px; }	
.nav-main li {float: left;}
.nav-main li a{display:block; width:100%;  height:24px; top:0; }
.nav-main li a:hover{z-index:1000;}
#li-home a{ background:url(../arquivos/menubutton-home.gif) no-repeat 0 0; width:60px;}
#li-home a:hover{ background:url(../arquivos/menubutton-home.gif) no-repeat 0 -23px;}
#li-sobre-a-empresa a{ background:url(../arquivos/menubutton-sobre-a-empresa.gif) no-repeat 0 0; width:90px;}
#li-sobre-a-empresa a:hover{ background:url(../arquivos/menubutton-sobre-a-empresa.gif) no-repeat 0 -23px;}
#li-nossos-clientes a{ background:url(../arquivos/menubutton-nossos-clientes.gif) no-repeat 0 0; width:75px;}
#li-nossos-clientes a:hover{ background:url(../arquivos/menubutton-nossos-clientes.gif) no-repeat 0 -23px;}
#li-nossos-servicos a{ background:url(../arquivos/menubutton-nossos-servicos.gif) no-repeat 0 0; width:75px;}
#li-nossos-servicos a:hover{ background:url(../arquivos/menubutton-nossos-servicos.gif) no-repeat 0 -23px;}
#li-solicitar-orcamento a{ background:url(../arquivos/menubutton-solicitar-orcamento.gif) no-repeat 0 0; width:146px;}
#li-solicitar-orcamento a:hover{ background:url(../arquivos/menubutton-solicitar-orcamento.gif) no-repeat 0 -23px;}