@charset "utf-8";
/* CSS Document */

/* Configuração Base do site ////////////////////////////////////////////*/

*{list-style:none;}

body{
	margin:0 auto;
	padding:0;
}

h1{font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:24px; color:#484848; text-transform:uppercase;
padding:0; margin:0;}

h1 span{color:#dc002e}

h2{font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:37px; color:#bdbdbd; font-weight:bold;
padding:0; margin:0; line-height:1;}

h3{font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px; color:#dc002e; font-weight:bold; text-transform:uppercase; padding:0; margin:0; line-height:1;}

h4{font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; color:#484848; font-weight:bold; text-transform:uppercase; padding:0; margin:0; line-height:1;}

h5{font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px; color:#484848; font-weight:bold; text-transform:uppercase; padding:0; margin:0; line-height:1;}

h6{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:0; margin:0; text-align:justify; font-weight:normal;}

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:0; margin:0; text-align:justify}
	

/*//////////////////////////////////////////////////////////////////////*/


/* Configuração do HEADER ////////////////////////////////////////////*/

header{
	clear:both;
}

#wrapper{
width: 1281px;
margin: 0px auto;
position: relative;
}

#slider_area{
	
	width: 1281px;
}

#cabecalho{
	position:absolute;
	width:1000px;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
	top:0;
	z-index:999;
}

#marca{
	position:absolute;
	width:100%;
	background:url(../images/marca.png) no-repeat;
        background-position: center;
	height:151px;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
	bottom:-20px;
	z-index:999;
}

#logo{
	float:left;
	background:url(../images/logo.png) no-repeat;
	width:295px;
	height:104px;
	margin-top:5px
}


#vertmenu {
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
	display:inline;
}
#vertmenu ul li a {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:3;
color:#ffffff;
text-transform:uppercase;
padding: 15px 10px 3px 10px;
text-decoration: none;
}

#vertmenu ul li a:hover, #vertmenu .active {
background:rgba(0,0,0,0.27);
}

#top{
	position:relative;
	width:100%;
	height:334px;
	z-index:-1;
}

.t1{
	background:url(../images/top1.jpg) no-repeat;
        background-position: center;
}

/* ///////////////////////////////////////////////////////////////////////////*/


/* AREA CONTEUDO //////////////////////////////////////////////////////////*/

#container{
	width:1000px;
	margin:0 auto;
	margin-top:50px;
}

#box_area{
	clear:both;
	height:191px;
}

#boxesq{
	float:left;
	width:309px;
	height:191px;
	margin:0;
	padding:0;
}

#boxdir{
	float:left;
	width:309px;
	height:191px;
	margin-left:36px;
	padding:0;
}

#boxtop{
	width:309px;
	height:163px;
	border:none;
	margin:0;
	padding:0;
}

.boxbutton{
	background:url(../images/btn_base1.jpg) no-repeat;
	width:197px;
	height:28px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:2;
	padding-left:10px;
	text-transform:uppercase;
	border:none;
	text-decoration:none;
}

.boxbutton:hover{
	background:url(../images/btn_base2.jpg) no-repeat;
	width:197px;
	height:28px;
	padding-left:10px;
	border:none;
	text-decoration:none;
	cursor:pointer;
}

#content{
	clear:both;
	margin-top:40px;
}

#txttotal{
	float:left;
	width:1000px;
}

#txtesq{
	float:left;
	width:640px;
}

#txtdir{
	float:left;
	margin-left:50px;
	width:310px;
}

#txtesq2{
	float:left;
	width:244px;
}

#txtdir2{
	float:left;
	/* margin-top:49px; */
	margin-left:40px;
	width:716px;
}

#base_menu{
	float:left;
	width:244px;
	background:rgba(122,122,122,0.1);
}

#titulo_oficina{
	margin:0 27px 40px 33px;
}
	
/*//////////////////////////////////////////////////////////////////////*/

/* FOOTER //////////////////////////////////////////////////////////////*/

#separador{
	clear:both;
	height:40px;
}

footer{ clear:both; height:100px; background:#484848; padding-top:20px;}

#fcontent{
	width:1000px;
	margin:0 auto;
}

#fleft{
	float:left;
	width:500px;
}

#fright{
	float:right;
	width:500px;
}

.ftxt{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#959595}

.ftxt a:link, .ftxt a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#dc002e; text-decoration:none}

.ftxt a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none}



.twitter{
	float:right;
	background:url(../images/twitter1.png) no-repeat;
	width:31px;
	height:31px;
	border:none;
	margin-left:5px;
	padding:0;
}

.twitter:hover{
	background:url(../images/twitter2.png) no-repeat;
	width:31px;
	height:31px;
	border:none;
	margin-left:5px;
	padding:0;
	cursor:pointer;
}

.facebook{
	float:right;
	background:url(../images/facebook1.png) no-repeat;
	width:31px;
	height:31px;
	border:none;
	padding:0;
}

.facebook:hover{
	background:url(../images/facebook2.png) no-repeat;
	width:31px;
	height:31px;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
}

#prodesq{
	float:left;
	width:197px;
	height:214px;
	background:#e5e5e5;
	margin-bottom:40px;
}

#prodesq{
	float:left;
	width:197px;
	height:214px;
	background:#e5e5e5;
	margin-bottom:40px;
}

#prodesq2{
	float:left;
	width:352px;
	height:309px;
	background:#e5e5e5;
}

#proddir{
	float:left;
	width:197px;
	height:214px;
	background:#e5e5e5;
	margin-left:32px;
	margin-bottom:40px;
}

#proddir2{
	float:left;
	width:330px;
	margin-left:32px;
	margin-bottom:20px;
}

#prodtop{
	padding:16px;
	padding-bottom:5px;
}

#prodbottom{
	padding-left:16px;
	padding-right:16px;
	text-align:center;
}

.produto a:link, .produto a:visited{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:11px; color:#dc002e; text-transform:uppercase; line-height:1; text-decoration:none;
}

.produto a:hover{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:11px; color:#999999; text-transform:uppercase; line-height:1; text-decoration:none;
}

.notification {
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 14px 40px 14px 18px;
    position: relative;
	text-align: left;
}
.notification p {
    margin: 0;
}
.notification span {
    font-weight: bold;
}
.notification.success {
    background-color: #ebf6e0;
    border: 1px solid #b3dc82;
    color: #5f9025;
}
.notification.error {
    background-color: #ffe9e9;
    border: 1px solid #fbc4c4;
    color: #de5959;
}
.notification.warning {
    background-color: #fbfadd;
    border: 1px solid #ded58a;
    color: #8f872e;
}
.notification.notice {
    background-color: #e9f7fe;
    border: 1px solid #b6d7e8;
    color: #5091b2;
}
.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close {
    display: block;
    height: 8px;
    padding: 0 14px;
    position: absolute;
    right: 0;
    top: 20px;
}
.notification.success .close {
    background: url("../images/alert_boxes_close_ico.png") no-repeat scroll 0 -8px rgba(0, 0, 0, 0);
}
.notification.error .close {
    background: url("../images/alert_boxes_close_ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.notification.warning .close {
    background: url("../images/alert_boxes_close_ico.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
}
.notification.notice .close {
    background: url("../images/alert_boxes_close_ico.png") no-repeat scroll 0 -24px rgba(0, 0, 0, 0);
}


.table_title{
    font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:16px; color:#ffffff; text-transform:uppercase; line-height:1; font-weight:bold;
	padding:15px;
}

.table_content{
  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:7px;
}

.titulo_preto{
    font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:16px; color:#333333; text-transform:uppercase; line-height:1; font-weight:bold;
}

.titulo_vermelho{
    font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:13px; color:#c80000; text-transform:uppercase; line-height:0.8; font-weight:bold;
}

.titulo_branco{
    font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:11px; color:#ffffff; text-transform:uppercase; line-height:0.8; font-weight:bold; padding:4px;
}