* {
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	border: 0px;
	vertical-align: middle;
	color:#fff;
}
html {
	height: 100%;
}
body {
	text-align: left;
	height: 100%;
	width: 100%;	
	overflow-x: hidden;
	background: #f0f0f0;
}
#page{
	min-height: 100%;
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
}
.page {
    padding-bottom: 153px !important;
    position: relative;
}
.pag_brindes .page {
	 padding-bottom:146px !important;
}
.clear {
	clear: both;
}
li.clear {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    clear: both !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    border:none !important;
}
*:focus {
	outline: 0 none;
}
a:hover {
	/*text-decoration: underline;*/
}
b, strong {
	font-weight: bold;
	vertical-align: baseline;
}
em {
	font-style: italic;
	vertical-align: baseline;	
}
textarea {
	resize: none;
}
#tudo {
	width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 0;
	min-width: 944px;
	background: url("../imagens/bg_topo.jpg") no-repeat scroll center top;
}
.body-pag{
	background: url("../imagens/bg.jpg") no-repeat center center fixed;
	background-size: cover !important;
}
/* ================================ HEADER ===========================*/
#menu-mobile{
	display:none;
}
.topo{
	background: url("../imagens/bg-topo.png") repeat-x center center;
	width:100%;
	height:186px;
	position:relative;
	z-index:1;
}
.logo{
	width: 221px;
	height: 141px;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}
.centro-topo{
	width: 940px;
	paddin-left:10px;
	padding-right:10px;
	margin:0 auto;
}
.endereco-topo{
	float: left;
	margin-left: 10px;
	padding-left:34px;
	margin-top: 20px;
}
.centro-topo p,.box-iso p a{
	font-size:16px;
	color:#444444;
}
.box-iso p{
	text-align: right;
    width: 90px;
}
.centro-topo .telefone{
	font-size:20px;
	font-weight:bold;
}
.centro-topo span{
	font-size:20px;
	color:#444444;
	font-weight: normal;
	vertical-align: top;
}
.box-iso{
	width: 163px;
	float:right;
	margin-top: 20px;
}
.box-iso img{
	float: right;
    margin-top: -63px;
}
.menu{
	float:right;
	background:url("../imagens/bg-menu.jpg") repeat-x center center;
	height:65px;
	margin-right: -326px;
	width: 106%;
	padding-left: 20px;
	margin-top: -36px;
	position: relative;
	z-index:2;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.51);
}
.menu ul li{
	float:left;
	padding-left:25px;
	padding-right:25px;
	padding-top: 21px;
}
.menu ul li:hover{
	background:url("../imagens/hover-menu.png") repeat-x center top;
}
.menu ul li a{
	font-size:15px;
	color:#fff;
}
.selecionado{
	background:url("../imagens/bg-selecionado.png") repeat-x center center;
	opacity: 0.4;
	height: 44px;
}
.selecionado a{
	color:#fff;
}
/* ================================ HOME ===========================*/
.content-home{
	 margin-top: 0px;
}
.cycle-slideshow{
	z-index: 0;
	width:100%;
	margin-top: -10px;
}
.cycle-slideshow img{
	width:100%;
}
.conteudo-baixo-slider{
	background:url("../imagens/bg-meio-conteudo.jpg") repeat;
	height:311px;
}
.meio-conteudo{
	width: 940px;
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
}
.meio-conteudo-baixo-slider{
	width: 821px;
}
.box{
	float:left;
	width:271px;
	text-align: center;
	margin-top:34px;
}
.box img{
	margin-bottom:15px;
}
.box h1{
	color:#9a5b21;
	font-size:25px;
	margin-bottom:0;
}
.box span{
	font-size:20px;
	color:#9a5b21;
	font-weight:bold;
	margin-bottom:13px;	
}
.box p{
	font-size:14px;
	color:#9a5b21;
	padding-left: 50px;
	padding-right: 50px;
}
.borda{
	background:url("../imagens/bg-borda.jpg") repeat-y center center;
	width:4px;
	height:262px;
	float:left;
	border-radius: 2px;
	margin-top: 34px;
}
.conteudo-baixo{
	background:url("../imagens/bg-conteudo-baixo.jpg") no-repeat center center;
	min-height:432px;
	height:auto;
	margin-bottom: 15px;
	box-shadow:0 3px 3px #000;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
.conteudo-baixo .left h1,.conteudo-baixo .left strong{
	font-size:25px;
	color:#fff;
}
.conteudo-baixo p{
	color:#fff;
	font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
.conteudo-baixo a{
	font-size:17px;
	color:#fff;
}
.conteudo-baixo .left{
	float:left;
	width:620px;
	margin-right:10px;
	padding-top: 40px;
	text-align: justify;
}
.conteudo-baixo .left h1{
	margin-bottom:40px;
	font-weight: normal;
}
.conteudo-baixo .right{
	float:right;
	width: 100%;
	height:432px;
	opacity: 0.4;
	background:#000;
	margin-right: -630px;
}
.right h1{
	font-size:25px;
	color:#fff;
}
.dentro-right{
	width: 297px;
	margin-left: 37px;
	padding-top: 40px;
}
.dentro-right > li{
	float:none !important;
	height:40px !important;
}
#progress { 
	position: absolute; 
	bottom: 0; 
	height: 1%; 
	width: 0px; 
	background: #ff7800; 
	z-index: 500; 
}
.texto-baixo-carrossel{
	font-size: 12px !important;
	width: 251px;
  	margin-top: 20px;
  	margin-left: 37px;
}
.faixa{
	background:url("../imagens/bg-faixa-baixo-carrossel.png") repeat-x center center;
	width:198px;
	height:7px;
	margin-left: 37px;
	margin-top: 15px;
}
/*Carrossel*/
.jcarousel-skin-tango{
	margin-top: 27px;
}
.jcarousel-skin-tango .jcarousel-container {
   
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 249px;
    height: 235px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  249px;
    height: 233px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100%;
    height: 33px;
    background:#6a5c47;
    margin-bottom:7px;
    text-align: left;
    padding-left: 16px;
    padding-top: 10px;
}
.jcarousel-skin-tango .jcarousel-item:hover{
	background:#ce7421;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -37px;
    left: 222px;
    width: 35px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../imagens/next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover{
	background: transparent url(../imagens/next-vertical-hover.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 240px;
    left: 201px;
    width: 35px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../imagens/prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover{
	background: transparent url(../imagens/prev-vertical-hover.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* ================================ A EMPRESA ===========================*/
.content{
	 background: url("../imagens/bg-meio-conteudo.jpg") repeat;
	 margin-bottom: 30px;
	 margin-top: -10px;
	 box-shadow:0 3px 3px rgba(0, 0, 0, 0.51);
}
.faixa-topo img{
	margin-top: -10px;
}
.sidebar{
	width:229px;
	height: 314px;
	border-right:solid 1px #c87a32;
	float:left;
	margin-top: 60px;
	margin-bottom: 48px;
}
.sidebar li{
	height: 36px;
    padding-top: 10px;
	margin-bottom:7px;
	text-align: center;
	cursor: pointer;
}
.side-selecionado{
	background:#c87a32;
}
.side-selecionado a{
	color:#fff !important;
	text-decoration: none !important;
}
.sidebar li a{
	font-size:17px;
	text-decoration: underline;
	color:#c87a32;
}
.conteudo-empresa{
	padding-left: 20px;
    width: 690px;
	float:left;
	text-align: justify;
	margin-top: 60px;
}
.conteudo-empresa p{
	font-size:16px;
	color:#c87a32;
	margin-bottom:42px;
}
.conteudo-baixo-empresa{
	text-align: center;
	height: 250px;
	margin-bottom:70px;
}
/* ================================ PRODUTOS E SERVIÇOS===========================*/
.faixa-topo{
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.5);
}
.faixa-topo-produtos{
	margin-bottom: 30px;
	position: relative;
}
.busca label{
	color: #d3853e;
    font-size: 18px;
    font-weight: bold;
    margin-right: 12px;
    vertical-align: baseline;
}
#campo-busca{
	background:#fff;
	width: 320px;
	height:21px;
	border-left:solid 5px #d3853e;
	border-right:none;
	border-top:none;
	border-bottom:none;
	font-size: 16px;
    font-style: italic;
    color:#d3853e;
    float: none !important;
}
.btn-busca{
	width: 30px;
	height:35px;
	padding:0;
	border:none;
	float:none !important;
}
.conteudo-list-pordutos{
	border-top:solid 1px #c0c0c0;
	padding-top: 18px;
	padding-bottom: 50px;
	margin-top: 15px;
}
.conteudo-list-pordutos ul{
	margin-left: -20px;
}
.list_produtos{
	width: 220px;
	height:196px;
	float:left;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.prod-imagem{
	height:146px;
}
.prod-nome{
	height: 38px;
    padding-top: 11px;
	background:#7d7063;
	text-align:center;
	border-left: solid 5px #685a4c;
}
.prod-nome:hover a{
	text-decoration:underline;
}
.prod-nome a{
	font-size:18px;
}
.conteudo-view-porduto{
	border-top:solid 1px #c0c0c0;
	margin-top: 15px;
	padding-top: 28px;
	padding-bottom: 60px;
}
.conteudo-view-porduto h1{
	font-size: 30px;
	color:#d3853e;
	margin-bottom: 15px;
}
.conteudo-view-porduto p {
	font-size: 16px;
	color:#726150;
}
.conteudo-baixo-view-prod li{
	float:left;
	width: 138px;
	height:126px;
	margin-left:20px;
	margin-top:12px;
	margin-bottom:12px;
	background-size:cover;
	border:solid 1px #c0c0c0;
}
.conteudo-baixo-view-prod{
	/* background: url("../imagens/bg-gal-prod.jpg") repeat;*/
}
.meio-conteudo-baixo-view-prod{
	width: 960px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 40px;
}
.meio-conteudo-baixo-view-prod ul{
	margin-left: -10px;
}
.conteudo-baixo-view-prod li img{
	width: 100%;
}
#nenhumP{
	color:#726150;
    font-size: 20px;
}
.margin-normal{
	margin-left:0px;
}
/* ================================ CLIENTES ===========================*/
.content-clientes{
	padding-bottom: 40px;
}
.login-area-restrita{
	border:solid 1px #b3b3b3;
	height:289px;
    margin-top: 45px;
}
.login-area-restrita input{
	width:246px;
	height:20px;
}
.login-area-restrita label{
	color: #726150;
    font-size: 16px;
}
.login-area-restrita .btn-enviar{
	width:80px;
	height:32px;
}
.login-area-restrita table{
	margin: 0 auto;
}
#formLogin{
	margin-top: 70px;
}
.icon-login{
	float:left;
	margin-right:15px;
}
.meio-conteudo-login{
	padding-bottom:60px;
}
.meio-conteudo-login h1,.meio-conteudo-clientes h1{
	font-size:25px;
	color:#9a5b21;
}
.meio-conteudo-login p,.meio-conteudo-clientes p{
	font-size:16px;
	color:#726150;
}
.meio-conteudo-login a,.meio-conteudo-clientes a{
	font-size:16px;
	color:#726150;
	text-decoration:underline;
	vertical-align: top;
}
.meio-conteudo-login td{
	width: 322px;
}
.box-area-clientes{
	border:solid 1px #c3a68a;
	margin-top: 37px;
	padding-bottom: 40px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 31px;
}
.topicos{
	font-size:16px;
	font-weight:bold;
	color:#726150;
	line-height: 30px;
}
.topicos-comentario{
	margin-bottom: 0px !important;
}
.fase{
	font-size:20px !important;
	color:#726150;
	font-weight:bold;
	margin-bottom: 35px;
}
.fase span{
	color:#9a5b21;
	font-weight:bold;
	font-size:20px !important;
	vertical-align: top;
}
.status-projeto{
	float:right;
	padding-left: 10px;
    width: 774px;	
	color: #726150;
}
.box-area-clientes ul{
	padding-left: 8px;
    padding-right: 8px;
    margin-left: -15px;
}
.box-area-clientes li{
	width: 128px;
	height:128px;
	float:left;
	border:solid 1px #726150;
	margin-left:15px;
	margin-bottom:30px;
	text-align:center;
}
.box-area-clientes p{
	margin-bottom: 30px;
}
.msg-login{
	font-size: 16px;
    text-align: center;
    color:#726150;
}
/* ================================ ORÇAMENTOS ===========================*/

/* ================================ CONTATO ===========================*/

.content-contato{
	padding-bottom: 50px;
}
.conteudo-contato h1{
	margin-bottom: 0px;
}
.conteudo-contato p{
	font-size:15px;
	float: left;
}
.form-contato{
	width: 460px;
	margin-left: 0;
    padding-top: 0;
    float:left;
    margin-right: 20px;
}
.form-contato img{
	float: left;
	margin-right: 15px;
}
.form-contato h1{
	font-size:25px;
	color:#9a5b21;
}
.form-contato p,.form-contato label {
	font-size:16px;
	color:#726150;	
}
.form-contato form{
	margin-top: 37px;	
}
.form-input{
	margin-bottom: 15px;
	height: 36px;
}
input{
    height: 20px;
    width: 353px;
    padding: 7px;
    color:#757575;
    margin-bottom: 12px;
    border: 1px solid #d4d4d4;
    float:right;
    
}
input.nome:focus,
input.news-nome:focus,
input.email:focus,
input.telefone:focus,
input.cidade:focus,
textarea.mensagem:focus{
	background: #eeeeee;
}
textarea{
	width: 353px;
	height: 256px;
	border: 1px solid #d4d4d4;
	padding: 7px;
	color:#757575;
	border-radius: 2px;
	margin-bottom: 10px;
	float: right;
}
.btn-enviar{
	width:82px;
	height:33px;
	margin-top: 8px;
	padding:0;
	float: right;
}
.right-contato{
	width:470px;
	height:600px;
	float:right;
	margin-right: -10px;
	margin-top: -30px;
	box-shadow:2px 0px 5px #000;
}
.show-errors{
	border: 1px solid #5D5C5C;
    padding: 5px;
    text-align: center;
    margin-top: 10px;
}
.show-errors p{
	color:#5D5C5C;
	float:none;
}
.termo-busca{
	color: rgb(211, 133, 62);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 28px;
}
.termo-busca strong{
	color: rgb(211, 133, 62);
    font-size: 25px;
    text-transform: capitalize;
}
/* ================================ FOOTER ===========================*/
.rodape{
	width:100%;
	height: 152px;
	background:url("../imagens/bg-footer.jpg") repeat-x center center;
	bottom: 0;
    position: absolute;
}
.meio-rodape{
	width: 940px;
	paddin-left:10px;
	padding-right:10px;
	margin:0 auto;
}
.meio-rodape p{
	font-size: 16px;
	margin-left: 60px;
}
.meio-rodape p:last-child{
	margin-bottom: 22px;
}
.meio-rodape a{
	font-size: 16px;
	 vertical-align: top;
}
.footer-left{
	width: 400px;
	float:left;
	padding-top: 23px;
}
.footer-left img,.footer-right img{
	float:left;
}
.footer-right{
	width: 380px;
	float:left;
	padding-top: 23px;
}
.link_footer{
	text-decoration:underline;
}
.footer-bottom-mapa-site{
	border-top: solid 1px #e5bd97;
  	height: 32px;
    padding-top: 11px;
}
.footer-bottom-mapa-site li{
	float:left;
}
.footer-bottom-mapa-site li:hover{
	border-bottom:solid 1px;
}
.assinatura{
	width:150px;
	height:15px;
	float:right;
	margin-top: -17px;
}
.pipe{
	width:1px;
	height:14px;
	margin-left:9px;
	margin-right:9px;
	margin-top: 3px;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,#cboxOverlay,#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	border-radius: 5px;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background-color: #000;
	opacity:0.9;
}
#cboxContent {
	margin-top: 20px;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	/*background: #f9f9f9;*/
	padding: 5px;
}
#cboxTitle {
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}

#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}
#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}
#cboxPrevious {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -32px;
	background: url(../colorbox/images/controls.png) no-repeat top left;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxPrevious.hover {
	background-position: bottom left;
}

#cboxNext {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -32px;
	background: url(../colorbox/images/controls.png) no-repeat top right;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxNext.hover {
	background-position: bottom right;
}

#cboxLoadingOverlay {
	background: #000;
}
#cboxLoadingGraphic {
	background: url(../colorbox/images/loading.gif) no-repeat center center;
}
#cboxClose {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(../colorbox/images/controls.png) no-repeat top center;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
}
#cboxClose.hover {
	background-position: bottom center;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 100%;
	background: url(../imagens/bg-scroll.png) no-repeat center center;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 11px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: url("../imagens/borda-scrollpanel.jpg") repeat-x left center;
	position: relative;
}


.jspDragTop{
	background: url("../imagens/scroll-top.png") no-repeat center center;
	width:13px;
	height:5px;
}
.jspDrag
{
	background: url("../imagens/scroll-center.png") repeat-y center center;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspDragBottom{
	background: url("../imagens/scroll-bottom.png") no-repeat center center;
	width:13px;
	height:5px;
	bottom: 0;
    position: absolute;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/**************************************************
*
*	CONTAINER STYLES
*
**************************************************/

#horiz_container_outer
{
	width:800px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	height:310px;
	margin:5px auto;
	
	border:1px solid #cccccc;
}

#horiz_container
{
	width:4040px;
	margin:0px;
	padding:0px;
	height:300px;
}

#horiz_container ul
{
	margin:0px; padding:0px;
	float:left;
}

#horiz_container_inner
{
	padding:5px;
	padding-left:0px;
}

#horiz_container li
{
	list-style:none;
	display: inline-table;
	margin:0px;
}

#horiz_container li img
{
	padding:0px;
	margin:0px;
}

/**************************************************
*
*	SCROLLING STYLES
*
**************************************************/

#scrollbar 
{ 
    position:relative; 
    width:815px; height:12px;
    display:block;
    font-size:1px;
    top:0px;
    margin:0px auto;
}

#track 
{ 
    position:absolute; left:0px; top:0;
    width:815px; height:12px; 
    background: #676767;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#dragBar 
{
    position:absolute; left:0px; top:0px;
    width:20px; height:10px; 
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.39, rgb(229,229,229)),
    color-stop(0.7, rgb(245,245,245))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(229,229,229) 39%,
    rgb(245,245,245) 70%
);

}  
  
#left_scroll
{ 
	position:absolute; 
	border-color: transparent gray transparent transparent;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0px;
	cursor:pointer;
	top:1px;
	left:-15px;
}  

#right_scroll 
{ 
	position:absolute; 
	right:-15px; 
	top:1px;
	border-color: transparent transparent transparent gray;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0px;
	cursor:pointer;
}

/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/*Inicio - Configuração dos campos de texto (ckeditor) - não remover */

.box-txt *{vertical-align: baseline;}
.box-txt h1,.box-txt h2,.box-txt h3,.box-txt h4,.box-txt h5,.box-txt h6 {font-size: 18px;padding: 10px 0;}
.box-txt b, .box-txt strong {font-weight: bold;vertical-align: baseline;}
.box-txt em {font-style: italic;vertical-align: baseline;}
.box-txt u {text-decoration: underline;}
.box-txt strike {text-decoration: line-through;}
.box-txt sup {font-size:xx-small; vertical-align:top;} 
.box-txt sub {font-size:xx-small; vertical-align:bottom;} 
.box-txt ol {margin-bottom: 10px;margin-left: 23px;} 
.box-txt ol li {list-style: decimal;}
.box-txt ul {margin-bottom: 10px;margin-left: 19px;} 
.box-txt ul li {list-style: disc;}
.box-txt p {margin-bottom: 10px}
.box-txt a {color: #4C5BF5;text-decoration: underline;}
.box-txt table {border-collapse: collapse;}
.box-txt table tr td {border: 1px solid #666666;}
.box-txt hr {background-color: #666; height: 2px;}
.box-txt address, .box-txt pre, .box-txt blockquote {font-size: 18px;padding: 10px 0;}

/*Fim - Configuração dos campos de texto (ckeditor)*/

/* Inicio Responsivo*/

@media only screen and (min-width: 768px) and (max-width: 1240px) {
	.content-home .meio-conteudo{
		margin-bottom:0;
	}
	.content{
		margin-bottom:40px;
	}
	.centro-topo{
		width: 711px;
		padding-left:20px;
		padding-right:20px;
	}
	.topo{
		height:246px;
		background: url("../imagens/bg-meio-conteudo.jpg") repeat;
	}
	.endereco-topo {
		float: right;
	 	text-align: right;
	}
	.menu{
	 	float:none;
	 	margin-left: -20px;
	 	margin-right: 0;
    	margin-top: 14px;
    	width:103%;
	 }
	.meio-conteudo{
		width: 711px;
		padding-left:20px;
		padding-right:20px;
	}
	.cycle-slideshow{
		width: 100%;
	}
	.cycle-slideshow img{
		width: 100%;
	}
	.meio-conteudo-baixo-slider{
		width: 751px;
		padding-left:0px;
		padding-right:0px;
	}
	.box {
		width: 247.6px;
	}
	.conteudo-baixo .left{
		width: 387px;
	} 	
	.conteudo-baixo .right{
		margin-right: -415px;
	}
	.rodape {
		height: 258px;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
	}
	.meio-rodape {
		width: 711px;
		padding-left:20px;
		padding-right:20px;
	}
	.footer-left {
    	float: none;
    	width: 100%;
    	border-bottom:solid 1px #e5bd97;
	}
	.page {
		padding-bottom: 248px !important;
	}
	/*Empresa*/
	.conteudo-empresa{
		 width: 461px;
		 
	}
	.conteudo-baixo-empresa{
		background-image:none;
		height: auto;
		min-height:1px;
	}
	.conteudo-baixo-empresa img{
		 width: 100%;
	}
	/*Produtos*/
	.meio-conteudo-baixo-view-prod ul{
	    margin-left: 20px;
	}
	/*Clientes*/
	.box-area-clientes ul{
	 	margin-left: -16px;
		padding:0;
	}
	.frase-cliente{
		text-align:center;
    	width: 699px;
	}
	.meio-conteudo-login{
		width: 751px;
		padding-left: 0px;
		padding-right: 0px;		
	}
	.icon-login {
		margin-left: 20px;
	}
	.box-area-clientes {
		padding-left: 20px;
		padding-right: 20px;	
	}
	.status-projeto{
		width: 609px;
	}
	/*Contato*/
	.form-contato{
		float: none;
		margin:0 auto;
	}
	.right-contato{
		width: 100%;
		height:300px;
		float: none;
	  	margin-top: 50px;
	}
	
}
@media only screen  and (max-width: 767px) {
	.menu{
		display:none;
	}
	#menu-mobile{
		display: block;
    	background: url("../imagens/bg-menu-480.jpg") repeat-x scroll center center;
    	width: 100%;
    	height:65px;
    	margin-top: 18px;
	}
	.bg-menu-mobile{
		background:#000;
		opacity:0.25;
	    height: 65px;
	    overflow: hidden;
	    width: 157px;
	    margin: 0 auto;
	    text-align: center;
	}
	.select_menu {
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    color: #FFFFFF;
	    font-size: 16px;
	    height: 57px;
	    padding:20px 4px 4px 4px;
	    text-align: left;
	    width: 174px;
	    text-align: center;
	}
}	
@media only screen and (min-width: 480px) and (max-width: 767px) {	
	.topo{
		height: 322px;
		background: url("../imagens/bg-meio-conteudo.jpg") repeat;
	}
	.centro-topo {
	    padding-left: 20px;
	    padding-right: 20px;
	    width: 423px;
	}
	.endereco-topo {
	 	margin-left: -79px;
	 	text-align: right;
	}
	.centro-topo p, .box-iso p a{
		font-size: 13px;
	}
	.conteudo-baixo-slider{
		height:auto;
	}
	.box{
		float:none;
		width: 100%;
	}
	.borda{
		float:none;
		background: #fff;
		width:100%;
		height:1px;
		border-top: solid 1px #b0b0b0;
	}
	.box img {
		float:left;
	}
	.meio-conteudo{
		padding-left: 20px;
	    padding-right: 20px;
	    width: 423px;
	}
	.meio-conteudo-clientes{
		padding-left: 0px;
	    padding-right: 0px;
	    width: 463px;
	}
	.meio-conteudo-baixo-slider{
	 	padding-bottom: 38px;
	}
	.conteudo-baixo .left{
		float:none;
		 width: 100%;
	}
	.conteudo-baixo .right{
		float: none;
	}
	.dentro-right,.texto-baixo-carrossel,.faixa{
		margin-left: 88px;
	}
	.rodape {
		height: 269px;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
	}
	.meio-rodape {
		padding-left: 20px;
	    padding-right: 20px;
	    width: 423px;
	}
	.meio-rodape .footer-bottom-mapa-site a{
		font-size: 13px;
	}
	.footer-left {
    	float: none;
    	width: 100%;
    	border-bottom:solid 1px #e5bd97;
	}
	.footer-bottom-mapa-site{
		height: 46px;
	}
	.assinatura {
		margin-top:0;
	}
	.page {
		padding-bottom: 269px !important;
	}	
	.sidebar {
		border:none;
		float:none;
	    height: 75px;
	}
	.conteudo-empresa{
		float: none;
	    margin-top: 0px;
	    padding-left: 0px;
	    width: 100%;
	}
	.conteudo-baixo-empresa{
		background:none;
		height:auto;
		min-height:0;
	}
	.conteudo-list-pordutos {
		width: 440px;
	}	
	.conteudo-list-pordutos ul {
    	margin-left: -30px;
    	width: 490px;
	}
	.meio-conteudo-baixo-view-prod ul{
		margin-left: -38px;
		width: 480px;
	}
	/*clientes*/
	.meio-conteudo-login{
		width: 463px;
		padding-left:0px;
	 	padding-right:0px;
	}
	.box-area-clientes{
	 	padding-left:20px;
	 	padding-right:20px;
	}
	.status-projeto{
	  	width: 100%;
	  	float:none;
	  	padding-left:0;
	}
	.box-area-clientes ul{
		margin-left: -28px;
		width: 440px;
	}
	.box-area-clientes ul li{
		margin-left: 16.6px;
	}
	/*Contato*/
	.form-contato{
		float:none;
		width: 100%;
		margin-right:0;
	}
	textarea,.form-contato input{
	 	width: 323px;
	}
	.btn-enviar{
		width: 80px !important;
		height:32px;
	}
	.right-contato{
		float:none;
		width: 100%;
		height:296px;
		margin-right: 0px;
    	margin-top: 0px;
	}
}
@media only screen and (min-width: 544px) and (max-width: 767px) {
	
}
@media only screen and (max-width: 479px) {
	.topo {
		background: url("../imagens/bg-meio-conteudo.jpg")repeat;
		height:311px;
		padding-top:28px
	}
	.centro-topo {
		padding-left:20px;
		padding-right:20px;
		width: 263px;
	}
	.logo {
		margin:0 auto;
		float: none;
	}
	.endereco-topo{
		margin-left: -10px;
	 	padding-left: 0px;
	 	width: 174px;
	}
	.box-iso{
		margin-right: -10px;
    	margin-top: -60px;
	}
	.centro-topo p, .box-iso p a{
		font-size: 13px;
	}
	.centro-topo span,.centro-topo .telefone{
		font-size: 16px;
	}
	.conteudo-baixo-slider{
		height:auto;
	}
	.box{
		float:none;
		width: 100%;
		text-align: left;
	}
	.borda{
		float:none;
		background: #fff;
		width:100%;
		height:1px;
		border-top: solid 1px #b0b0b0;
	}
	.box img {
		display:none;
	}
	.box p {
		padding:0;
		margin-top: 10px;
	}
	.meio-conteudo{
		padding-left:20px;
		padding-right:20px;
		width: 263px;
	}
	.meio-conteudo-baixo-slider{
	 	padding-bottom: 38px;
	}
	.conteudo-baixo .left{
		float:none;
		width: 263px;
		padding-left: 20px;
    	padding-right: 20px;
	}
	.meio-conteudo-carrossel{
		padding-left:0px;
		padding-right:0px;
		width: 303px;
	}
	.conteudo-baixo .right{
		float: none;	
	}
	.dentro-right,.texto-baixo-carrossel,.faixa{
		margin-left: 31px;
	}
	.rodape {
		height: 289px;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
	}
	.meio-rodape {
	    width: 303px;
	}
	.footer-bottom-mapa-site > ul {
    	display: none;
	}
	.footer-left {
    	float: none;
    	width: 100%;
    	border-bottom:solid 1px #e5bd97;
	}
	.footer-left img,.footer-right img{
		display:none;
	}
	.footer-right {
		width: 100%;
		float: none;
	}
	.meio-rodape p{
		margin-left:0;
	  	text-align: center;
	}
	.footer-bottom-mapa-site{
		height: 46px;
	}
	.assinatura {
		margin-top:0;
		margin-right: 10px;
	}
	.page {
		padding-bottom: 289px !important;
	}
	/*Empresa*/
	.sidebar {
		border:none;
		float:none;
	    height: 75px;
	    margin:60px auto 48px;
	}
	.conteudo-empresa{
		float: none;
	    margin-top: 0px;
	    padding-left: 0px;
	    width: 100%;
	}
	.conteudo-baixo-empresa{
		background:none;
		height:auto;
		min-height:0;
	}
	/*Produtos*/
	.busca label {
		display: table;
		margin:0 auto 10px;
	}
	#campo-busca{
		width: 211px;
	}
	.conteudo-list-pordutos ul{
		margin-left:0px;
	}
	.meio-conteudo-baixo-view-prod{
		padding-left:0px;
		padding-right:0px;
		width: 303px;
	}
	.meio-conteudo-baixo-view-prod ul{
	 	margin-left: -19px;
	}
	/*Clientes*/
	.login-area-restrita input{
		margin-top:12px;
		width: 94%;
		float:none
	}
	.meio-conteudo-login{
		padding-left:20px;
		padding-right:20px;
		width: 263px;
	}
	.meio-conteudo-clientes{
		padding-left:0px;
		padding-right:0px;
		width: 303px;
	}
	.login-area-restrita{
		padding-left:15px;
		padding-right:15px;
	}
	.status-projeto{
		width: 100%;
	}
	.box-area-clientes ul{
		margin-left: -40px;
    	width: 290px;
	}
	.icon-login {
		margin-left: 20px;
	}
	.meio-conteudo-login p{
		text-align:center;
	}
	input,textarea {
		float:none;
		width: 95%;
		margin-top:12px;
	}
	.form-contato{
		float:none;
		width: 100%;
	}
	.form-input {
    	height: 70px;
    }
    .right-contato{
    	float:none;
    	width: 100%;,
    	height:296px;
    	margin-top: 70px !important;
    	margin:0;
    }	
}

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(153,204,51,0.9);
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../imagens/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	font-size:35px;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #e3fcb1;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}