/* #Site Styles
================================================== */

/* Page Styles */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.edgeLine {
	height: 10px;
	background-color: #1c1c1c;
}

.sepBorder {
	clear: both;
	display: block;
	height: 8px;
	width: 100%;
	background: url(../images/sepBorder.png) repeat-x left top;
}

.clearfix {
	clear: both;
	visibility: hidden line-height: 0;
	height: 0;
}

figure {
	background-color: #FFF;
	line-height: 0;
	padding: 2px;
	border: 3px solid #efefef;
	position: relative;
}

figure img {
	width: 100%;
}

.no-margin-top {
	margin-top: 0px !important;
}

.empty_column {
	height: 10px;
	width: 100%;
}

div.status {
	padding-left: 24px;
	font-family: 'Droid Serif', Arial, sans-serif;
	margin-top: 10px;
	font-size: 13px;
}

div.status.error {
	color: #F00;
	background: url(../images/status_error.png) no-repeat left center;
}

div.status.success {
	color: #093;
	background: url(../images/status_success.png) no-repeat left center;
}

/* Site Element Styles */

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.responsive {
	display: none;
	width: 100%;
	padding: 10px;
	margin: 5px 0px 10px 0px;
}

/* Text Styles */

.smooth {
	color: #8e8e8e;
}

.sharp {
	color: #444444;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.font-required {
	color: #f2472d;
}

/* Table */

table tr td,
table tr th {
	border: 1px solid #EBEBEB;
	padding: 5px 10px;
	text-align: left;
}

table tr th {
	font-weight: bold;
	background-color: #F6F6F6;
	text-align: center;
}

table tfoot tr td {
	background-color: #FAFAFA;
}

/* Highlight */

.highlight {
	padding: 0.125em 0.25em 0.125em 0.25em;
	background-color: #013772;
	color: #FFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* #Top
================================================== */

.top {
	background: #fff;
}

/* #Logo
================================================== */

.top .logo {
	margin: 20px 0px 10px 0px;
}

.top .logo h1 {
	font-size: 3em;
	color: #f2472d;
	text-transform: uppercase;
	margin: 0px;
	line-height: 1em;
}

.top .logo h5 {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #8d8d8d;
	font-weight: bold;
	margin: 0px;
}

.top .logo img {
	width: 100%;
	max-width: 180px;
}

.top .social {
	margin: 40px 0px 30px 0px;
}

.top .social .social_text {
	float: right;
	margin-right: 15px;
}

.top .social ul {
	float: right;
	display: inline;
}

.top .social ul li {
	margin: 5px;
	font-size: 17px;
}


.top .social ul li img {
	width: 28px;
	margin-bottom: -9px;
}

.top .social ul li a img {
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.top .social ul li a img:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

/* #Navigation
================================================== */

.nav_menu {
	padding: 18px 0px 16px 0px;

	background: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#2a2a2a));
	background: -moz-linear-gradient(top, #393939, #2a2a2a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#393939', endColorstr='#2a2a2a');
}

.nav_menu ul {
	margin: 0px;
	text-align: center;
	font-family: 'Droid Serif', Arial, sans-serif;
	text-transform: uppercase;
}

.nav_menu ul li {
	display: inline;
	padding: 0px 40px;
	border-right: 1px solid #444;
}

.nav_menu ul li:last-child {
	border-right: 0px;
}

.nav_menu ul li a {
	color: #D6D6D6;
}

.nav_menu ul li a:hover {
	color: #FFF;
}

.nav_menu.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	border-bottom: 1px solid #000;
}

/* #Main
================================================== */

.main {
	margin: 0 auto 60px auto;
	background: #fff;
}

.main .header {
	background-color: #013772;
	position: relative;
	text-align: center;
	height: 16px;
	margin-bottom: 50px;
}

.main .header h4 {
	text-transform: uppercase;
	background-color: #013772;
	position: relative;
	display: inline;
	padding: 10px 30px;
	top: 8px;
	color: #FFF;
}

/* #Slider
================================================== */

.slider {
	text-align: center;
}

.slider > h2 {
	margin-bottom: 20px;
}

.slider.flexslider ul.slides {
	margin: 0px;
}

.slider.flexslider ul.slides li {
	position: relative;
}

.slider.flexslider ul.slides li .text {
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	padding: 15px;
	background: url(../images/baseSlider.png) repeat;
	color: #C1C1C1;
}

.slider.flexslider ul.slides li .text h4 {
	margin-bottom: 5px;
	color: #FFF;
	font-size: 1.25em;
	text-transform: uppercase;
}

.slider.flexslider ul.slides li .text p {
	margin-bottom: 10px;
}

.slider.flexslider ul.slides li .button {
	margin-bottom: 5px;
}

.slider.flexslider ul.slides li .text a {
	color: #FFF;
}

.slider.flexslider ul.slides li .text a:hover {
	color: #C1C1C1;
}


.slider.flexslider ul.slides li .text2 h4 {
	background-color: #2E2E2E;
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Droid Serif', serif;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	display: inline-block;
	margin-top: 1px;
}

.slider.flexslider ul.slides li .text2 p {
	margin-bottom: 10px;
}

/* #Features
================================================== */

.features {
	display: inline-block;
	margin-top: 60px;
	text-align: center;
}

.features h4 {
	margin-bottom: 10px;
	text-transform: uppercase;
}

.features p {
	margin-bottom: 10px;
}

/* #Latest Projects
================================================== */

.latest_projects {
	display: inline-block;
	margin-top: 30px;
}

.latest_projects .intro h4 {
	text-transform: uppercase !important;
}

.latest_projects p {
	font-size: 13px;
	margin-bottom: 10px;
}

.latest_projects ul,
.latest_projects ul li {
	margin: 0px;
}

.latest_projects ul li {
	float: left;
	margin: 0px 3px;
	height: 228px !important;
	width: 228px !important;
}

/* #Our Teams
================================================== */

.our_teams {
	display: inline-block;
	text-align: left;
}

.our_teams div.profile {
	position: relative;
	margin-bottom: 10px;
}

.our_teams .photo {
	width: 40%;
	float: left;
	line-height: 0;
	margin-right: 10px;
	position: relative;
	text-align: center;
}

.our_teams .desc {
	float: left;
	width: 55%;
}

.our_teams .desc h5 {
	color: #595959;
	font-size: 1.125em;
	text-transform: uppercase;
}

.our_teams .desc h6 {
	color: #9fb14e;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.our_teams .desc p {
	line-height: 1.5em;
	margin-bottom: 10px;
	font-size: 0.925em;
}

.our_teams .social {
	position: absolute;
	left: 0;
	bottom: -40px;
	width: 100%;
}

.our_teams .social ul {
	margin: 0px;
	text-align: center;
	width: 100%;
}

.our_teams .social ul li {
	margin: 0px;
	display: inline;
}

.our_teams .social ul li img {
	width: 24px;
}

.our_teams .social ul li a img {
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.our_teams .social ul li a img:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.our_teams ul {
	padding-left: 10px;
	list-style: disc;
}

.our_teams li {
	margin-bottom: 0;
}

.our_teams .columns {
	margin-left: 0;
}

/* #Testimonials
================================================== */

.testimonials {
	margin-top: 60px;
	display: inline-block;
}

.testimonials p {
	margin: 0px;
}

.testimonials .flexslider {
	margin-bottom: 20px;
}

.testimonials .flexslider .base_text {
	background-color: #e8e8e8;
	color: #5e5e5e;
	padding: 10px;
	text-align: center;
}

.testimonials .flexslider .arrow_down {
	height: 29px;
	background: url(../images/arrowDown.png) no-repeat top center;
	margin-bottom: 10px;
}

.testimonials .flexslider .name {
	font-family: 'Droid Serif', Arial, sans-serif;
	color: #595959;
	text-decoration: underline;
	text-align: center;
}

.testimonials .flexslider .flex-control-nav {
	bottom: -20px;
}

.testimonials .flexslider .flex-control-paging li a {
	width: 15px;
	height: 15px;
}

/* #Client Lists
================================================== */

.client_lists {
	display: inline-block;
	margin-top: 60px;
	width: 100%;
	position: relative;
}

.client_lists ul {
	margin: 0px;
	text-align: center;
	border: 1px solid #e1e5e9;
	background: #F9F9F9;
}

.client_lists ul li {
	margin: 0px;
	display: inline-block;
	margin: 20px 25px;
	position: relative;
}

.client_lists ul li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
}

.client_lists .back-hover {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: .6;
	-webkit-backface-visibility: hidden;

	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-oute;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.client_lists .back-hover:hover {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* #Contact
================================================== */

.contact {
	display: inline-block;
	margin-top: 60px;
	text-align: left;
}

.contact p {
	margin-bottom: 10px;
}

.contact .intro {
	margin-bottom: 20px;
}

.contact .form form input[type="text"] {
	width: 80%;
}

.contact .form form textarea {
	width: 100%;
}

.contact .details .additional {
	margin: 5px 0px 15px 0px;
	display: inline-block;
	width: 100%;
}

.contact .details .additional img {
	margin-right: 10px;
	width: 48px;
	float: left;
}

.contact .details .additional .desc p {
	margin-bottom: 5px;
}

/* ========================= #Footer ====================== */

.footer {
	background: url(../images/stitch_large.png) left top repeat-x, url(../images/bg_bottom_1.png) repeat, #232324;
	padding-top: 40px;
	color: #C1C1C1;
	font-size: 0.925em;
}

.footer p {
	margin: 0px;
}

.footer div {
	padding-bottom: 20px;
}

.footer a {
	color: #FFF;
}

.footer a:hover {
	color: #C1C1C1;
}

.footer .header {
	background-color: #191919;
	margin: 10px 0px 36px;
	padding: 0px;
	height: 1.125em;
	line-height: 0;
}

.footer .header h4 {
	background: url(../images/bg_bottom_1.png) repeat;
	color: #e0e0e0;
	text-transform: uppercase;
	display: inline;
	padding: 2px 10px;
	margin-left: 15px;
	letter-spacing: 0.1em;
	line-height: 1.125em;
}

/* #About
================================================== */

.about p {
	margin-bottom: 20px;
}

/* #Tweets
================================================== */

.footer .tweets {
	padding: 0px 0px 20px 0px !important;
}

.footer .tweets .tweetText {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/stitch_staggered.png) repeat-x left bottom;
}

.footer .tweets .tweetText .text {
	display: block;
	margin-bottom: 5px;
}

.footer .tweets .tweetText .date {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #777;
	font-size: 0.925em;
	display: block;
}

/* #Uptodate
================================================== */

.footer .uptodate {
	padding: 0px 0px 20px 0px !important;
}

.footer .uptodate p {
	margin-bottom: 10px;
}

.footer .uptodate b {
	font-weight: bold;
}

.footer .uptodate input[type="text"] {
	width: 100%;
	padding: 10px;
	margin-top: 10px;
}

/* ========================= #Bottom ========================= */

.bottom {
	background: url(../images/stitch_staggered.png) left top repeat-x, url(../images/bg_bottom_2.png) repeat, #1a1a1a;
	padding: 20px 0px 15px 0px;
	color: #C1C1C1;
	font-size: 0.925em;
	font-family: 'Droid Serif', Arial, sans-serif;
}

.bottom a {
	color: #FFF;
}

.bottom a:hover {
	color: #C1C1C1;
}

.bottom .copyright {
	line-height: 24px;
	float: left;
}

.bottom ul {
	margin: 0px;
	display: inline;
}

.bottom ul li {
	display: inline;
	margin: 0px 2px;
}

.bottom ul.social {
	float: right;
}

.bottom ul.social li img {
	width: 24px;
}

.bottom a img {
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.bottom a img:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

/* ========================= #Hacks ========================= 
	
/*ie multiple background image fallbacks*/

.ie .footer {
	background: url(../images/bg_bottom_1.png) repeat left 2px #343434;
}

.ie .bottom {
	background: url(../images/bg_bottom_2.png) repeat #343434;
}

/* ========================= #Additionals ========================= 

/* #Image Overlay
================================================== */

.overlay.zoom-hover {
	background: url(../images/icon/overlay-zoom.png) black center no-repeat;
}

.overlay.photo-hover {
	background: url(../images/icon/overlay-photo.png) black center no-repeat;
}

.overlay.movie-hover {
	background: url(../images/icon/overlay-video.png) black center no-repeat;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	body {
		font-size: 13px;
	}

	.top .logo {
		margin: 30px 0px 20px 0px;
	}

	.top .social {
		margin: 35px 0px 20px 0px;
	}

	.top .social .social_text {
		margin-right: 10px;
	}

	.nav_menu ul li {
		padding: 0px 25px;
	}

	.da-slide h2 {
		font-size: 1.25em !important;
	}

	.client_lists ul li {
		margin: 12px 0px;
	}

	.footer div .header {
		height: 1em;
		margin-bottom: 30px;
	}

	.footer div .header h4 {
		font-size: 1em;
		line-height: 1em;
		margin-left: 10px;
	}

	.footer .logo {
		padding-bottom: 10px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.top,
	.bottom,
	.main {
		text-align: center;
	}

	.top .logo {
		margin-bottom: 20px;
	}

	.top .social {
		margin: 0px 0px 20px 0px;
	}

	.top .social .social_text {
		margin-right: 10px;
	}

	.nav_menu .container ul {
		display: none;
	}

	.nav_menu .responsive {
		display: inline-block;
	}

	.slider.flexslider ul.slides li .text p {
		display: none;
	}

	.slider.flexslider ul.slides li .button {
		margin: 10px 0px 5px 0px;
	}

	.da-slide .da-img {
		display: none;
	}

	.da-slide h2 {
		font-size: 1em !important;
		text-align: center;
		width: 100%;
	}

	.da-slide p {
		width: 100% !important;
		font-size: 12px;
		text-align: center;
	}

	.latest_projects div.columns {
		margin-bottom: 10px;
	}

	.client_lists ul li {
		margin: 12px 0px;
	}

	.contact .form form input[type="text"] {
		width: 100%;
	}

	.bottom .copyright {
		float: none;
		display: block;
		margin-bottom: 10px;
	}

	.bottom ul.social {
		float: none;
		display: block;
		margin-bottom: 10px;
	}

	.bottom ul.social li img {
		width: 32px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.top,
	.bottom,
	.main {
		text-align: center;
	}

	.top .logo {
		margin-bottom: 20px;
	}

	.top .social {
		margin: 0px 0px 20px 0px;
	}

	.top .social .social_text {
		display: none;
	}

	.top .social ul {
		float: none;
	}

	.nav_menu .container ul {
		display: none;
	}

	.nav_menu .responsive {
		display: inline-block;
	}

	.slider {
		display: none;
	}

	.features {
		margin-top: 0px;
	}

	.latest_projects div.columns {
		margin-bottom: 10px;
	}

	.client_lists ul li {
		margin: 12px 0px;
	}

	.contact .form form input[type="text"] {
		width: 100%;
	}

	.bottom .copyright {
		float: none;
		display: block;
		margin-bottom: 10px;
	}

	.bottom ul.social {
		float: none;
		display: block;
		margin-bottom: 10px;
	}

	.bottom ul.social li img {
		width: 32px;
	}

}

.produtos div {
	margin: 0 10px !important;
}