
/* General CSS Style
================================================== */
	html { height: 100%; }
	body {
		height: 100%;
		background: url('../images/background.png') repeat;
		font-family: "Source Sans Pro";
	}

	.full-width    { width: 100%; }
	.section-title { text-align: center; }
	
	p { 
		font-family: "Source Sans Pro"; 
		font-size: 16px;
		line-height: 24px;
	}

	span.bold-text { font-weight: bold; }
	p.justify	   { text-align: justify; }
	
	input[type="text"],
	textarea {
		margin-bottom: 5px;
		width: 300px;
	}

	textarea { height: 100px; }
	input[type="button"] { 
		width: 70px;
		margin-bottom: 10px;
	}

	span.required { color: #B0221B; }

/* Top Menu 
================================================== */
	#flags {
		margin-top: 5px;
		float: right;
	}
	
	#logo-wrapper {
		height: 90px;
		margin-top: 10px;	/* remover quando tiver flags */
		margin-bottom: 20px;
		padding-top: 7px;
		background-color: #5DA361;
		opacity: 0.7;
		filter: alpha(opacity=70);	/* for IE8 and earlier */
		
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
		box-shadow: 10px 10px 5px #888;
	}
	
	#logo { 
		position: absolute; 
		top: 18px;
		/*top: 35px;*/
	}
	#logo img { width: 200px; }
	
/* Services Section 
================================================== */
	#services-desktop { display: block; }
	#services-mobile  { display: none; }
	
	.slide-background {	
		height: 400px;
		background-size: 100%; 
	}
	
	#process-analysis {	background: url('../images/process-analysis.jpg') no-repeat center; }
	#project-develop  { background: url('../images/project-develop.jpg') no-repeat center; }
	#consulting 	  { background: url('../images/consulting.jpg') no-repeat center;	}
	
	.slide-text-background {
		width: 460px;
		height: 280px;
		margin: 40px 0 0 40px;
		padding: 20px;
		background-color: #000;
		opacity: 0.7;
		filter: alpha(opacity=70);	/* for IE8 and earlier */
		color: #FFF;
	}

	.services h3 { 
		text-align: center; 
		margin-bottom: 12px;
		color: #FFF;
	}
	
	.services p { text-align: justify; }

/* Clients Section 
================================================== */ 
	#clients { 
		text-align: justify;
		margin-bottom: 20px; 
	}
	
	#clients .partners { text-align: center; }
	#clients .partners img { }
	
/* Testimonials Section 
================================================== */ 
	#testimonials { 
		text-align: justify;
		margin-bottom: 20px; 
	}
	
	#testimonials .testimonial { 
		display: block; 
		background: url('../images/open-quote.png') top left no-repeat;
		margin-bottom: 5px;
	}
	
	#testimonials .testimonial p { 
		font-size: 14px;
		line-height: 16px;
		padding: 10px 25px 10px 30px;
		background: url('../images/close-quote.png') bottom right no-repeat;
	}
	
	#testimonials .testimonial span.cite {
		display: block;
		margin-top: -7px;
		text-align: right;
		font-size: 12px;
		font-style: oblique;
		color: #BE4A4A;
	}
	
/* Footer Section 
================================================== */
	#footer-top { 
		margin-top: 20px;
		background: url('../images/contact-top.png') repeat-x;
		height: 20px;
	}
	
	#footer { 
		padding: 20px 0 5px 0;
		background: url('../images/contact-background.png') repeat; 
	}
	
	#footer h3 { 
		margin-bottom: 20px;
		color: #DFDFDF; 
	}
	
	#footer p {
		font-size: 16px;
		color: #DFDFDF;
	}

	/* ------------- About column ---------------- */
	#footer .about p { 
		text-align: justify; 
		font-size: 14px;
	}
	
	#footer .about img { 
		width: 108px;
		height: 108px;
		border: 5px solid #FFF; 
		margin-right: 10px;
		float: left;
	}
	
	/* ------------- News column ----------------- */
	#footer .news p { 
		text-align: justify; 
		font-size: 14px;
	}
	
	#footer .news p span { 
		font-size: 12px;
		color: #AAA; 
		display: block;
	}
	
	/* ------------- Contacts column -------------- */
	#footer .contacts .contact { 
		height: 48px; 
		margin-bottom: 5px;
	}
	
	#footer .contacts .contact img {
		width: 48px;
		height: 48px;
		margin-right: 10px;
		float: left;
	}

	#footer .contacts .contact a,
	#footer .contacts .contact p {
		padding-top: 15px;
		font-size: 16px;
		display: block;
		color: #4F9DD1;
	}

	#footer .contacts .contact a.image-link 	{ padding-top: 0; }
	#footer .contacts .contact a.image-link img { margin-right: 0; }
	
/* Copyright 
================================================== */
	#copyright {
		padding: 10px 0 5px 0;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
	}

/* SlideJS CSS Style 
================================================== */
	#slides { display: none }
	
	a.slidesjs-next,
	a.slidesjs-previous,
	a.slidesjs-play,
	a.slidesjs-stop {
		background-image: url('../images/btns-next-prev.png');
		background-repeat: no-repeat;
		display:block;
		width:12px;
		height:18px;
		overflow: hidden;
		text-indent: -9999px;
		float: left;
		margin-right:5px;
	}

	a.slidesjs-next {
		margin-right:10px;
		background-position: -12px 0;
	}

	a:hover.slidesjs-next 	  { background-position: -12px -18px; }
	a.slidesjs-previous 	  { background-position: 0 0; }
	a:hover.slidesjs-previous { background-position: 0 -18px; }

	a.slidesjs-play {
		width:15px;
		background-position: -25px 0;
	}

	a:hover.slidesjs-play {
	  	background-position: -25px -18px;
	}

	a.slidesjs-stop {
		width:18px;
		background-position: -41px 0;
	}

	a:hover.slidesjs-stop {
	  	background-position: -41px -18px;
	}

	.slidesjs-pagination {
		margin: 7px 0 10px 0;
		float: right;
		list-style: none;
	}

	.slidesjs-pagination li {
		float: left;
		margin: 0 1px;
	}

	.slidesjs-pagination li a {
		display: block;
		width: 13px;
		height: 0;
		padding-top: 13px;
		background-image: url('../images/pagination.png');
		background-position: 0 0;
		float: left;
		overflow: hidden;
	}

	.slidesjs-pagination li a.active,
	.slidesjs-pagination li a:hover.active { 
	  	background-position: 0 -13px
	}

	.slidesjs-pagination li a:hover {
	  	background-position: 0 -26px
	}

	#slides a:link,
	#slides a:visited { 
		color: #333
	}

	#slides a:hover,
	#slides a:active {
	  	color: #9E2020
	}
	
	.navbar { overflow: hidden }
