/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#D6DEF0;
}
form{padding:0;margin:0}

h1{
	font-size:12px;
	padding:2px;
	background:#D6DEF0;
	color: #000000;
	display:block;
	margin:10px 0;
}
.margem{
    margin:10px;
}
.header{
	background-image: url(../imagens/gfx/bg_header.png);
	background-repeat: repeat-x;
}
.end_header{
    background:url(../imagens/gfx/bg_end_header.png);
	height:10px;
	font-size:1px
}
/* BORDAS AZUIS ************************************/
h1,.galeria h2,.galeria h2 a,.galeria .box h3,.headers,.switchcontent,#contactos .formulario .submit,.area_marcas h3,.detalhes h4{
    border-top:1px solid #e8ebfc;
    border-bottom:1px solid #657FC3;
    border-left:1px solid #e8ebfc;
    border-right:1px solid #657FC3;
}

/* MODULOS PERSONALIZADOS ************************************/

div#portofolio{
	text-align:center;
	width:auto;
	margin-left:190px;
}
.menu_marcas{
    background:#E8F3FF;
	width:180px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:12px;
	float:left;
	display: block;
	border-bottom:1px solid #537099;
	border-left:1px solid #bfd3f0;
	border-right:1px solid #537099;
}
.menu_marcas ul{
	margin:0 auto;
	padding:4px;


}
.menu_marcas h2{
    background:#84A6D6;
	margin:0;
	padding:2px;
	font-size:12px;
	color: #FFFFFF;
	border-bottom:1px solid #5D73AF;
	border-top:#b4c9e7;
}
.menu_marcas li{
    list-style:inside;
	color:#bedbf3;
}
.menu_marcas .selected{
    list-style:inside;
	color: #000000;
	background:#dbecfe;
}

.menu_marcas li a{
    color:#4157A8;
	text-decoration:none;
}
.menu_marcas li a:hover{
    color: #FF6600;
}

.area_marcas h3{
    background: #E8F3FF;
	margin:0 0 6px 0;
	text-transform:uppercase;
	font-size:14px;
	width:99.7%;
	float:left;
	margin:0 0 10px 0;
	color:#5286ce;
}
.detalhes h4{
    background: #E8F3FF;
    text-align:left;
	text-transform:capitalize;
	font-size:11px;
	padding:2px;
	font-weight:bold;
	margin-bottom:5px;
}
.detalhes table{
    border:0;
	width:100%;
}
.detalhes th{
    background: #CCCCCC
}
.detalhes .r1{
    background:#f9f2db
}
.detalhes .r2{
    background:#fce8a1;
}
.detalhes .vertical{
    width:180px;
	text-align:center;
	float:left;
	border:2px solid #D6DEF0;
	margin-bottom:30px;

}

.detalhes .vertical th{
    background:#fce8a1;
}
.detalhes .vertical td{
    background:#F9F2DB;
}
.detalhes .vertical .imagem{
    width:160px;
    border:10px solid #E8F3FF;
}
.galeria{
	background: #d9e1f2;
    margin:0 0 0 190px;
	border:1px solid #84A6D6
	
}
.galeria h2{
	background:#F0F6FC;
	font-size:12px;
	padding:2px;
	color: #000000;
	display:block;
	height:20px;
	margin:0 0 10px 0;
}
.galeria h2 a{
    float:right;
	font-size:12px;
	padding:2px;
	background:#D6DEF0;
	color: #000000;
	text-decoration:none;
}
.galeria h3{
	background: #c0d6f5;
	font-size:12px;
	padding:2px;
	color: #000000;
	display:block;
	margin:0;
}
.galeria .box{
	margin:0 10px 10px 10px;
	background:#E8F3FF; 
	border:1px solid #FFFFFF;

}

.galeria a img{
	padding:2px;
    border:1px outset #657FC3;
	margin:4px;
	background:#FFFFFF
}
.galeria a:hover img{
	background:#D6DEF0
}

/* CONTACTOS ************************************/
#contactos{}

#contactos .info,#contactos .formulario{float:left}
#contactos .info {
    background:#CBDCEC;
	border-bottom:1px solid #537099;
	border-left:1px solid #bfd3f0;
	border-right:1px solid #537099;

}
#contactos .formulario{
    margin-left:10px
}
#contactos .formulario .a{
    width:300px; 

}
#contactos .formulario select{
    width:305px; 

}
#contactos .formulario textarea{
    width:300px; vertical-align:top

}
#contactos .formulario .submit{
    margin-left:70px;
	width:305px;
	letter-spacing:1px;
	background:#CBDCEC;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	color: #467086;
}
#contactos .formulario .erro{
	color: #FF0000; font-weight:bold; padding-left:70px;

}

/* MENU ************************************/

.menu{
	padding:4px 0 0 0;
	margin:0;
	list-style-type: none;
	text-align: left;
	background: #000000 url(../imagens/gfx/conta_kms.png) right no-repeat;
	font-family: Verdana;
	font-size: 9px;
	text-transform: uppercase;
	height: 19px;
	text-indent:70px;
}

.menu li{
display:inline;
margin: 0 60px 0 0;
padding:0;
}

.menu a,.menu a:visited{
text-decoration: none;
color: #E3E4F2;
border-bottom:4px solid #000000;
}


.menu a:hover{
color: #E3E4F2;
border-bottom:4px solid #FF6600
}

.menu .selected a,.menu .selected a:visited{
border-bottom:4px solid #445DAC
}


#footer{
	background: url(../imagens/gfx/footer_bg.png) repeat-x;
	height:42px;
	width:100%;
	display:block;
	clear:both;
	margin-top:30px;
}

/* HL DISPLAY ************************************/
.HLD_Aberto {
	background-color:#e9f1f9;
	border-bottom:1px solid #939fc0;
	border-right:1px solid #939fc0;
	color:#333333;
}
.HLD_Fechado {
	background-color:#F0F6FC;
	border-bottom:2px solid #a2acc7;
	border-right:2px solid #a2acc7;
	color:black;
}
.HLD_Aberto,.HLD_Fechado {
	cursor: pointer;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-indent:10px;
	line-height:18px;
}
.conteudo{
    display:none;
	background:#d9e3ee;
	border-width:0 1px 1px 1px;
	border-color:#939FC0;
	border-style:solid;
	padding:5px;
	margin:0 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
