@font-face{font-family:SourceSansPro; src:url('fonts/SourceSansPro.ttf');}
		@font-face{font-family:Berlina; src:url('fonts/Berlina.ttf');}
		
		* {margin:0;padding:0;}
		a { color:#777;}
		
		hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top:1px dashed #c40000;}

		body {
			height: 100%;
			font-family: SourceSansPro,Helvetica,Arial,sans-serif;
			font-size: 18px;
			-webkit-font-smoothing: antialiased;
			-webkit-text-size-adjust: 100%;
			transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
			-moz-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
		}
		img {
			max-width: 100%;
			height: auto;
		}
		.page-header {
			padding: 0px 0px 0px 0px;
			margin: 60px 0px 10px 0px;
			line-height:50px;
			vertical-align:middle;
			letter-spacing:3px;
			color:#fff;
			font-size:26px;
			font-weight:700;
			text-align: left;
			border-bottom: 3px solid #eee;
			text-align:center;
			font-family:Berlina;
			background-color:#777;
			width: 300px;
			text-align:center;
		}
		.bradius{
			border-radius: 5px;
		}
		.border-radius5{
			border-radius: 5x;
			-webkit-border-radius: 5px; 
			-moz-border-radius: 5px; 
			-o-border-radius: 5px; 
			-ms-border-radius: 5px; 
			
		}		
		.grad {
			background: white; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(bottom right, #777, #9a9a9a); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(bottom right, #777, #9a9a9a); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(bottom right, #777, #9a9a9a); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to bottom right, #777, #9a9a9a); /* Standard syntax */
		}
		.navbar-inverse .navbar-brand {color: #ccc;}
		
		footer {
			background: #212B36 url('images/footer.png') scroll;
			border-top: 6px solid #E2341D;
			margin: 40px auto 0;
			position: relative;
			color: #FFFFFF;
			font-size: 13px;
			text-align: center;
			padding: 0;
		}
		#copyright {color: #6D6D6D;background:#000000;padding:20px 0;border-top:1px solid #1D1D1D;font-size:18px;}	
		#top {position: relative;}
		.topHome { position: fixed;bottom: 10px;right: 20px;z-index: 5;}	
		.navbar-nav>li>a {line-height: 24px;}
		

#contatoFundo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, #8b86a3, #322e40);
    opacity: 0.8;
}
	
		
.flex-control-nav li {
    margin: 0 6px;
    display: none;
    zoom: 1;
    cursor: pointer;
    font-size: 20px;
}

	
header {
	height: 50px !important;
	background: rgba(255,255,255,1) !important;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
	        box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

.nav-collapse.collapse {
    height: auto \9 !important;
    overflow: visible \9 !important;
	position: relative;
	z-index: 9999;
}

.navigation {
	padding: 6px;
	height: 38px !important;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}


.navbar-fixed-top .navbar-inner {
	background: #777 !important;
}

.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	background: #777 !important;
	filter: none !important;
	border: none;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.navbar .nav,
.navbar .nav > li {
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	*zoom:1; /* hasLayout ie7 trigger */
	vertical-align: top;
}

.navbar .nav > li > a {
	color: #ddd;
	border-top: 0px solid transparent;
	text-shadow: none;
	font-size: 16px;
	padding: 12px 20px;
	padding: 12px 10px \9;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;

}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  	background: #080808 !important;		
  	color: #fff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
  	color: #080808 !important;	
  	text-decoration: none;
  	background-color: transparent !important;	
  	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
}

.navbar .nav > .active > a:hover {
  	background: #080808 !important;		
  	color: #fff !important;
  	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
}

.navbar .nav .active a:hover > .caret {
  	border-top-color: #fff !important;	
  	border-bottom-color: #fff !important;	
}

.navbar .btn-navbar {
	border: none;
	background: #fbfbf9;
	color: #222222 !important;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	   -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
		    box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	text-shadow: none;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
	margin: 0px !important;		
}

.navbar .btn-navbar:hover {
	background: #fbfbf9;
	text-shadow: 0 0 1px #222222;
	color: #222222 !important;
	-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	   -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
		    box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;	
}

.nav .active .dropdown-toggle .caret {
  	border-top-color: #080808 !important;	
  	border-bottom-color: #080808 !important;	
}


/*Custom scrollbar CSS*/
#mcs_container{
    clear:both;
    width:950px;
    padding:10px 0 0 0;
    position:relative;
}
#mcs_container .customScrollBox{position:relative; width:940px; margin-left:10px; overflow:hidden;}
#mcs_container .customScrollBox .horWrapper{position:relative; }
#mcs_container .customScrollBox .container{position:relative; display:inline-block; *display:inline;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .dragger_container_image{position:absolute; top:120px; height:6px; width:930px;  margin:5px 0; background:#dddddd;}
#mcs_container .dragger_container{position:relative; height:22px; width:880px; margin:-7px 25px 5px 25px;}
#mcs_container .dragger{position:absolute; width:141px; height:15px; cursor:e-resize; background:url('../images/dragger.png') no-repeat; margin:2px 0;background-position:0 100%;}
#mcs_container .dragger:hover{background-position:0 0;}
#mcs_container .dragger_pressed{position:absolute; width:141px; height:15px; cursor:e-resize;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:block;}
#mcs_container .scrollUpBtn{background:url(../images/scrollLeft.png) no-repeat; width:27px; height:27px; top:124px; left:-10px;}
/*.ie7 #mcs_container .scrollUpBtn, .ie7 #mcs_container .scrollDownBtn{top:174px;}*/
#mcs_container .scrollUpBtn:hover, #mcs_container .scrollDownBtn:hover{background-position:0 100%;}
#mcs_container .scrollDownBtn{background:url(../images/scrollRight.png) no-repeat; width:27px; height:27px; top:124px; right:-10px;}


/*//////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
	.navbar-inner > .btn-overlay {display: none !important;}
	.collapse {display:block;}
	#quem img {width:15%;}
	#servicos img {width:17%;}
}
@media only screen and (min-width: 980px) and (max-width: 1199px){
	.navbar-inner > .btn-overlay {display: none !important;}
	.collapse {display:block;}
	.navbar .nav > li > a {
		padding: 12px 15px;
		padding: 12px 15px \9;
	}
	#quem img {width:15%;}
	#servicos img {width:15%;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) { /*Tablet Portrait (devices and browsers)*/
	.navbar-brand {display:none}
	.navbar, .navbar-inner, .nav,.navbar-inverse {float: none !important;}
	.navbar .nav > li > a {
		padding: 10px 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#quem img {width:15%;}
	#servicos img {width:15%;}
}
@media only screen and (max-width: 767px) {/* All Mobile Sizes (devices and browser)*/
	.navbar .nav > li > a {
		color: #fff;
		border-top:4px solid transparent;
		text-shadow: none;
		font-size: 12px;
		padding: 5px 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#quem img {width:15%;}
	#servicos img {width:15%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {/* Mobile Landscape Size to Tablet Portrait*/
	body {padding-bottom: 20px;}
}
@media only screen and (max-width: 479px) {/* Mobile Portrait Size to Mobile Landscape Size */
	body {padding: 0px;}
}