﻿body {
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    /*color: #666;*/
    color: #336;
    background-image: url(../Images/bg_top.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0px;
}

/* GERAL */

h2
{
    font-size: 1.4em;
    color: #b73513;
}

.outer {
    position: relative;
    width: 760px;
    margin: 0 auto;
}

.clear
{
    clear: both;
}

.border {
    border: 0;
}

/* GERAL */

/* HEADER */

.header {
    position: relative;
    width: 760px;
    height: 205px;
    margin: 0 auto;
}

.logo_header {
    margin-top: 15px;
    margin-left: 20px;
    border: none;
    float: left;
}

.img_logo {
    border: 0;
    width: 355px;
    height: 100px;
}

/* HEADER */

/* MENU */

#menu
{
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    margin-top: 50px;
    padding-bottom: 10px;
    margin-left: 90px; /* se colocar mais itens no menu, diminua esse valor, aqui ele tá centralizando o menu */
    display: inline; /* pra consertar o erro do IE 6.0 que duplica o margin-left http://www.cssnewbie.com/double-margin-float-bug */
	clear: both;
}
#menu li
{
    float: left;
    font: 90% "Trebuchet Unicode MS" , "Lucida Sans Unicode" , "Bitstream Vera Sans" , "Lucida Grande" , "Verdana" , "Helvetica" , "sans-serif";
    margin: 0;
    padding: 0;
    overflow: hidden; 
	height: 30px;
}

#menu a, #menu span
{
    background: url("../Images/seperator.gif") bottom right no-repeat;
    float: left;
    clear: both;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    margin: 0;
    color: Blue;
    color: #1ab8dd;
    color: #b73513;
}

#menu a{
	background: #2c94bc url("../Images/hover.gif") bottom center no-repeat;
	background: #b73513;
	border: 0;
    padding-bottom: 8px;
    color: #FFF;
}

/* MENU */

/* PAGINAS */

.tituloPagina
{
    margin-top: 0px;
    margin-top: -30px;
}

.fotoPagina
{
    float: left;
    text-align: left;
    padding-right: 10px;
    margin-left: 10px;
    font-size: 1.1em;
}

/* PAGINAS */

/* PAGINA HOME */

.chamada_home001
{
    width: 734px;
    height: 265px;
    margin: -50px 0 auto;
    background-image: url(../Images/chamada_home001.png);
    background-repeat: no-repeat;
}

.txt_chamada_home001
{
    margin-top: 150px;
    margin-left: 220px;
    display: inline;
    float: left;
    font-weight: bold;
}

.colunas_home
{
    float: left;
    width: 228px;
    height: 169px;
    font-size: 0.9em; /* Se quiser deixar o tamanho do texto, como os outros é só deletar essa linha  */
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    background-image: url(../Images/bg_box_rounder.png);
}

.img_colunas
{
    float: left;
    margin-top: 5px;
}

.side_colunas
{
    width: 90px;
    margin-top: 35px; /* margem padrao FF */ 
    *margin-top:50px;/* margem para IE 6 e 7*/
    float:left;
    text-align:right;
}

.txt_colunas
{
    width: 90px;
    font-size: 0.75em;
    text-align: right;
    line-height: 1.1em;
}

.txt_colunas a
{
    text-decoration: none;
    color: Gray;
}

.mcp_home
{
    margin-left: 45px;
    margin-top: 35px;
    font-size: 0.75em;
    line-height: 1.2em; /*width: 80%;*/
    width: 163px;
    height: 84px;
}

.separa
{
    /* só criei esse marda pra separar o rodape, pra funcionar no IE 6.0*/
    width: 760px;
    height: 10px;
    margin: 0 auto;
    clear: both;
}


/* PAGINA HOME */

/* PERFIL */

.foto01
{
    float: left;
    text-align: left;
    padding-right: 10px;
    margin-left: 10px;
    font-size: 1.1em;
}

.foto01_right
{
    float: right;
    text-align: left;
    padding-right: 10px;
    margin-left: 10px;
    padding-bottom: 10px;
}

/* PERFIL */

/* DOWNLOAD */

/* Accordion */

.accordion
{
    float: right;
    width: 550px;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    background-color: #b83111;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    background-color: #b83111;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    /*background-color: #D3DEEF;
    background-color: #fbdfae;*/
    background-color: White;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.linkAccordion
{
    text-decoration: none;
    float: right;
    color: #b73513;
}

.linkAccordionContato
{
    text-decoration: none;
    color: #b73513;
}


/* DOWNLOAD */

/* PORTFOLIO */

.body img { float:left; margin:0; padding:20px; margin-bottom: 20px;}
.body h4 { font:normal 18px Tahoma, Geneva, sans-serif; color:#4f4f4f; padding:10px 10px; margin:10px 20px 10px 20px;}
.body p  { font:normal 11px Tahoma, Geneva, sans-serif; color:#4a4a4a; padding:0 15px; margin:10px 0;}
.body a { color:#d34600; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.clr { clear:both;}
.bg1 { width:90%; height:1px; background:#b73513; padding:0 20px; margin:0;}


/* PORTFOLIO */

/* SERVIÇOS */

.sub_left { width:760px; float:left; margin:0; padding: 0px 30px 10px 30px;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #b73513; padding:0; margin:15px 0 15px 30px; background:none; width:95%; float:left;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
img.one { float: left; margin:5px 20px 10px 5px; padding:0;}

/* SERVIÇOS */

/* CONTATO */

label
{
    width: 60px;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}

.highlight
{
    border: solid 1px #b73513;
}

/* CONTATO */

/* FOOTER */

#footer {
    position: relative;
    clear: both;
    margin: 0 auto;
    font-size: 0.70em;
    background-color: #fff;
    width: 740px;
    padding-top: 40px;
    border-top-style: solid;
    border-top-color: #b73513;
    border-top-width: 1px;
}


#footer .left {
    position: absolute;
    left: 2.0em;
    bottom: 0.8em;
}

#footer .right {
    position: absolute;
    right: 2.0em;
    bottom: 1.2em;
}

#footer .right a {
    color: Black;
}

/* FOOTER */
