* {
	margin: 0px;
	padding: 0px;
}

@font-face {
    font-family: 'FlamaBasic';
    src: url('../font/flama-basic-webfont.eot');
    src: url('../font/flama-basic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/flama-basic-webfont.woff') format('woff'),
         url('../font/flama-basic-webfont.ttf') format('truetype'),
         url('../font/flama-basic-webfont.svg#FlamaBasic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FlamaBold';
    src: url('../font/flama-bold-webfont.eot');
    src: url('../font/flama-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/flama-bold-webfont.woff') format('woff'),
         url('../font/flama-bold-webfont.ttf') format('truetype'),
         url('../font/flama-bold-webfont.svg#FlamaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FlamaLight';
    src: url('../font/flama-light-webfont.eot');
    src: url('../font/flama-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/flama-light-webfont.woff') format('woff'),
         url('../font/flama-light-webfont.ttf') format('truetype'),
         url('../font/flama-light-webfont.svg#FlamaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	color: #58585a;
	font-size: 14px;	
	margin: 0px;
	font-family: 'FlamaBasic', Arial, Helvetica, sans-serif;
	height: 100%;
	background: url(/images/background.jpg) top center no-repeat;
	background-color: #249dda;
}	

html {
	height: 100%;
}

p {
	line-height: 14px;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover, a.link_bold:hover {
	color: #FFF;
}

a:visited, a:link {
	color: expression(this.parentNode.currentStyle.color ? this.parentNode.currentStyle.color : '#FFF');
}	

:focus { outline: 0; }

img { border: 0px; }

div.clear {
	clear: both;
}

span.bold {
	font-family: 'FlamaBold';	
}

#main {
	margin: 20px auto 15px auto;
	width: 940px;	
}

#header {
	margin-bottom: 20px;
	font-size: 13px;
	color: #FFF;	
}

div.header-logo {
	float: left;
	width: 245px;	
	height: 68px;
	margin-top: 30px;
}

div.header-menu {
	float: left;
	width: 560px;	
	margin-top: 80px;
}

div.header-lang {
	float: right;
	width: 80px;
	text-align: right;
	margin-top: 80px;
	font-size: 13px;
	margin-right: 8px;
}

div.menu-item, div.menu-item-sel, div.menu-item:hover  {
	background: url(/images/menu_sep.png) left no-repeat;
	padding: 3px 27px 3px 27px;	
	font-family: 'FlamaLight';
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	float: left;
}

div.menu-item-sel {
	font-family: 'FlamaBold';
			
}

#middle, #middle-home {
	height: 508px;
	overflow: hidden;
	background-color: #FFF;	
}

#middle-home {
	background: transparent;
}

span.hp_title {
	color: #FFF;
	font-size: 30px;
	padding: 0px 0px 0px 40px;	
	position: relative;
	top: -140px;
	float: left;	
	font-family: 'FlamaBold';	
}

span.hp_subtitle {
	font-size: 28px;
	color: #FFF;
	padding: 0px 0px 0px 40px;
	position: relative;
	top: -140px;	
	float: left;	
	width: 440px;
	font-family: 'FlamaLight';
}

div.home-footer {
	float: left; width: 240px;	
}

div.home-footer p{
	font-size: 11px;
	line-height: 14px;
}

div.content {
	height: 508px;		
}

div.content-left {
	float: left;
	width: 220px;	
}

div.content-center {
	float: left;
	width: 570px;	
}

div.content-right {
	float: right;
	width: 90px;
}

h1.text-title {
	font-size: 16px;
	color: #0072bc;
	margin: 30px 0px 25px 0px;
	font-family: 'FlamaBold', Helvetica, sans-serif;
	font-weight: normal;
}

div.text-description p{
	line-height: 22px;
}

div.contact-description p {
	font-size: 12px;
	line-height: 18px;	
}

div.right-arrow {
	width: 20px;
	padding: 220px 60px 0px 0px;
	float: right;	
}

div.left-arrow {
	width: 20px;
	padding: 220px 0px 0px 60px;	
}

div.empresa {
	background: url(/images/bg_empresa.jpg) bottom left no-repeat;	
}

div.servicos {
	background: url(/images/bg_servicos.jpg) bottom center no-repeat;	
}

div.projectos {
	background: url(/images/bg_projectos.jpg) bottom right no-repeat;	
}

div.content-top-shadow {
	background: url(/images/top_shadow.png) top center no-repeat;
	height: 16px;
}

div.projects-item {
	margin-bottom: 20px;	
}

div.projects-item a:hover {
	color: #58585a;
}

div.project-thumbs {
	float: left;
	width: 116px;
	margin: 0px 3px 3px 0px;	
	cursor: pointer;
}

#footer {
	
}

div.footer-line, div.content-line {
	background: #0072bc; /* Old browsers */
	background: -moz-linear-gradient(top, hsla(204,100%,37%,1) 0%, hsla(204,94%,38%,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(204,100%,37%,1)), color-stop(100%,hsla(204,94%,38%,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, hsla(204,100%,37%,1) 0%,hsla(204,94%,38%,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, hsla(204,100%,37%,1) 0%,hsla(204,94%,38%,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, hsla(204,100%,37%,1) 0%,hsla(204,94%,38%,1) 100%); /* IE10+ */
	background: linear-gradient(top, hsla(204,100%,37%,1) 0%,hsla(204,94%,38%,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072bc', endColorstr='#0672b9',GradientType=0 ); /* IE6-9 */
	height: 6px;
}

div.content-line {
	height: 7px;	
}

div.footer-container {
	background: #c4c4c4; /* Old browsers */
	background: -moz-linear-gradient(top,  hsla(0,0%,77%,1) 0%, hsla(240,33%,100%,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,77%,1)), color-stop(100%,hsla(240,33%,100%,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  hsla(0,0%,77%,1) 0%,hsla(240,33%,100%,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  hsla(0,0%,77%,1) 0%,hsla(240,33%,100%,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  hsla(0,0%,77%,1) 0%,hsla(240,33%,100%,1) 100%); /* IE10+ */
	background: linear-gradient(top,  hsla(0,0%,77%,1) 0%,hsla(240,33%,100%,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#fdfdfe',GradientType=0 ); /* IE6-9 */
	height: 130px;
}

div.footer-middle-shadow {
	background: url(/images/middle_shadow.png) top center no-repeat;
	height: 20px;
	margin-top: -130px;
	position:relative;
	z-indez: 100;
}

div.footer-bottom-shadow {
	background: url(/images/bottom_shadow.png) top center no-repeat;
	height: 25px;
}

div.footer-image {
	width: 188px;
	float: left;
}

div.footer-images-container {	
	margin-top: 0px;
	position:relative;
	z-indez: 90;
}