@charset "UTF-8";
/* CSS Document */

/* Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow:hidden;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------- Fontes-------*/

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

}




@font-face {
    font-family: 'lato_black';
    src: url('../fonts/lato-black-webfont.eot');
    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black-webfont.woff') format('woff'),
         url('../fonts/lato-black-webfont.ttf') format('truetype'),
         url('../fonts/lato-black-webfont.svg#lato_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*@import url(http://fonts.googleapis.com/css?family=Lato);*/

/*----------- Estrutura --------------*/

.left_image_red {
	background-image:url(../images/image_left_01.jpg);
	background-repeat:no-repeat;
	background-position:-220px center;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:1;
}

.left_image_blue{
	background-image:url(../images/image_left_02.jpg);
	background-repeat:no-repeat;
	background-position:-180px center;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:1;
}

.left_image_yellow{
	background-image:url(../images/image_left_03.jpg);
	background-repeat:no-repeat;
	background-position:-180px center;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:1;
}

.container {
	
	display:block;
	width:100%;
	height:100%;
	background-position:-70px center;
	position:absolute;
	z-index:100;
	
}

.red_bg{
background-image: url(../images/bg_03.png);	
}

.yellow_bg{
background-image:url(../images/bg_02.png);	
}

.blue_bg{
background-image:url(../images/bg_01.png);	
}

.image_right{
	height:100%;
	width:100%;
	min-width:960px;
	display:block;
	position:absolute;
	z-index:200;
}

.image_right .image{
	width:200px;
	height:100%;
	background-position:-40px center;
	float:right;
	display:block;	
}

.image_right .red{
	background-image:url(../images/image_right_01.jpg);
}

.image_right .servicos{
	background-image:url(../images/image_right_02.jpg);
}

.image_right .parceiros{
	background-image:url(../images/image_right_03.jpg);
}

.image_right .contato{
	background-image:url(../images/image_right_04.jpg);
}

.image_right .trabalhe{
	background-image:url(../images/image_right_05.jpg);
}


.menu{
	width:100%;
	height:130px;
	background-image:url(../images/menu_bg.png);
	background-position:0px -15px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:300;
	
	
}

.menu .line{
	width:100%;
	height:10px;
	
	display:block;
	position:relative;
	top:0px;
	left:0px;
	z-index:300;
	
}

.menu .red{
	background-color:#620034;

}

.menu .blue{
	background-color:#004765;

}

.menu .yellow{
	background-color:#666000;

}





.menu .logo {
	width:140px;
	height:76px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	position: relative;
	top:20px;
	left:20px;
	display:block;
	z-index:300;
	
	
}

/*MENU PÁGINAS: HOME e CONTATO*/

.menu .links_red {
	position:absolute;
	top:10px;
	width:800px;
	height:120px;
	left:220px;
	padding-left:39px;
	}

.menu .links_red li{
	display: block;
	float:left;
	padding-right:15px;
	padding-left:15px;	
	height:100px;
	line-height:100px;
	
	
}

.menu .links_red .ativo{
	background-image:url(../images/arrow_red.png);
	background-repeat:no-repeat;
	background-position:center -0px;
}

.menu .links_red .ativo a{
	color:#620034;

}

.menu .links_red a{
	width:300px;
	text-decoration:none;
	font-family: 'lato_black';
	font-size:13px;
	color:#4d4d4d;
	text-transform:uppercase;
	
	/*Efeito menu*/
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	
}

.menu .links_red a:hover{
	color:#620034;
}

/*MENU PÁGINAS: SERVIÇOS e TRABALHE CONOSCO*/	

.menu .links_blue {
	position:absolute;
	top:10px;
	width:800px;
	height:120px;
	left:220px;
	padding-left:39px;
	}

.menu .links_blue li{
	display: block;
	float:left;
	padding-right:15px;
	padding-left:15px;	
	height:100px;
	line-height:100px;
	
	
}

.menu .links_blue .ativo{
	background-image:url(../images/arrow_blue.png);
	background-repeat:no-repeat;
	background-position:center -0px;
}

.menu .links_blue .ativo a{
	color:#004765;
}

.menu .links_blue a{
	width:300px;
	text-decoration:none;
	font-family: 'lato_black';
	font-size:13px;
	color:#4d4d4d;
	text-transform:uppercase;
		/*Efeito menu*/
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.menu .links_blue a:hover{
	color:#004765;
}

.sublinks {
	position:absolute;
	top:100px;
	width:800px;
	height:40px;
	left:220px;
	padding-left:54px;
	}

.sublinks  a{
	width:300px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif ;
	font-size:11px;
	color:#4d4d4d;
	
		/*Efeito menu*/
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	}	


.sublinks a:hover{
	color:#004765;
}

.sublinks li{
	
	float:left;
	padding-right:30px;
	padding-left:0px;	
	height:100px;
	list-style:square;
	}
	
.sublinks li:first-child{
	list-style:none;	
}	

/*MENU PÁGINAS: PARCEIROS E CLIENTES*/	

.menu .links_yellow {
	position:absolute;
	top:10px;
	width:800px;
	height:120px;
	left:220px;
	padding-left:39px;
	}

.menu .links_yellow li{
	display: block;
	float:left;
	padding-right:15px;
	padding-left:15px;	
	height:100px;
	line-height:100px;
	
	
}

.menu .links_yellow .ativo{
	background-image:url(../images/arrow_yellow.png);
	background-repeat:no-repeat;
	background-position:center -0px;
}

.menu .links_yellow .ativo a{
	color:#666000;
}

.menu .links_yellow a{
	width:300px;
	text-decoration:none;
	font-family: 'lato_black';
	font-size:13px;
	color:#4d4d4d;
	text-transform:uppercase;
		/*Efeito menu*/
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.menu .links_yellow a:hover{
	color:#666000;
}


/*Content*/

.content{
	z-index:3000;
	width:50%;
	min-width:450px;	
	height:310px;
	display:block;
	position:absolute;
	top:185px;
	left:275px;
	border-left:#999999 solid 1px;
	
		
}


.text {
	
	height:300px;
	margin-left:35px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size:13px;
	line-height:20px;
	z-index:2000;

	
}

.text a{
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:800;
	/*font-size:13px;*/
	text-decoration:none;
	color:#4d4d4d;
}

.curto {
	height:auto !important;
	
}

.text b{
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:800;
	color:#4d4d4d;
}


.text ul{
	list-style:disc;
	margin-left:15px;
	
}


.titulo_red{
	z-index:1100;
	width:44%;
	min-width:450px;	
	height:350px;
	display:block;
	position:relative;
	top:50px;
	left:275px;
	font-family: 'lato_black';
	font-size:13px;
	color:#620034;

}

.titulo_blue{
	z-index:1100;
	width:44%;
	min-width:450px;	
	height:350px;
	display:block;
	position:relative;
	top:50px;
	left:275px;
	font-family: 'lato_black';
	font-size:13px;
	color:#004765;

}

.titulo_yellow{
	z-index:1100;
	width:44%;
	min-width:450px;	
	height:350px;
	display:block;
	position:relative;
	top:50px;
	left:275px;
	font-family: 'lato_black';
	font-size:13px;
	color:#666000;

}

/*Form*/

form {
	width:460px;
	margin-top:-20px;

}

input { 
	border: none; 
	background-color:#CCC; 
	color:#000; 
	width:190px; 
	height:18px; 
	line-height:18px; 
	font-size:13px; 
	padding-left:10px; 
	margin-right:20px; 
	margin-bottom:5px; 
	float:left;
	} 

textarea { 
	resize:none; 
	width:410px; 
	height:40px; 
	border: none; 
	background-color:#CCC; 
	display:block; 
	margin-bottom:10px; 
	line-height:15px; 
	font-size:12px; 
	padding-left:10px; 
	padding-top:5px; 
	}

label { 
	border: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:12px; 
	color:#000; 
	width:200px; 
	height:15px; 
	line-height:15px; 
	font-size:13px; 
	margin-right:20px; 
	margin-top:5px; 
	margin-bottom:5px; 
	float:left;
	} 

.assunto { 
	border: none; 
	background-color:#CCC; 
	color:#000; 
	width:410px; 
	height:18px; 
	line-height:18px; 
	font-size:12px; 
	padding-left:10px; 
	padding-top:1px; 
	padding-bottom:0px; 
	margin-right:20px; 
	margin-bottom:5px; 
	float:left;
	} 


.submit {
	width:120px;
	height:27px;
	line-height:25px;
	float:right;
	margin-right:37px;
	z-index:3000;
	}

#status {
	float:left;
	font-size:13px;
	width:420px;
	font-family: 'lato_black';
	
}

.file {
	height:25px;
	line-height:25px;
	float:right;
}
	






/*Footer*/

.footer {
	width: 100%;
	height: 45px;
	background-image:url(../images/footer_bg.png);
	
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1000;
	
	float: left;
}

.endereco {
	width:800px;
	height:45px;
	line-height:45px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size:13px;
	margin:0 auto;
	text-align:center; 	
	
}

.tamanho_texto{
	position:relative;
	top:30px;	
	width:100px;
	float:right;
	margin-right:210px;

	font-family: 'lato_black';
	size:13px;
	color:#4d4d4d;
	text-align:right;
	
}

.tamanho_texto a{
	text-decoration:none;	
	color:#4d4d4d;
	
}

.download{
	position:relative;
	top:0px;	
	width:100px;
	float:right;
	margin-right:50px;

	
}
