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

/* CSS RESET START */
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%; vertical-align: baseline; text-decoration:none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
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; }
/* CSS RESET END */

/* TIPOGRAFIA */
*{
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	color:#666;
}

/* BODY */
body{
	background:#EEE;
}

/* ENVELOPE */
.envelope{
	width:100%;
}

/* TITULOS */
h1{
}
.titulo{
	font-size:70px;
	padding-top:30px;
	text-indent:-9999em;
	overflow:hidden;
}
h2{
}
.subtitulo{
	display:block;
	width:980px;
	text-align:center;
	padding:20px 0 20px 0;
	font-size:50px;
	color:#BBB;
}
h3{
}

/* CABECALHO */
.cabecalho{
	width:100%;
	background:#FFF;
}
.cabecalho-conteudo{
	width:980px;
	height:130px;
	margin:auto;
	text-align:center;
	background:url(images/layout_cabecalho_conteudo.png);
}

/* MENU */
.menu{
	width:100%;
	background:#EEE;
	background:url(images/layout_menu.png);
}
.menu-conteudo{
	width:980px;
	height:95px;
	margin:auto;
	text-align:center;
	background:url(images/layout_menu_conteudo.png);
}
.menu-conteudo ul{
}
.menu-conteudo li{
	display:inline-block;
}
.menu-conteudo li a{
	display:block;
	font-size:40px;
	padding:18px 14px 0 14px;
	color:#FFF;
}
.menu-conteudo li a:hover{
	color:#999;
}

/* CORPO */
.corpo{
	width:100%;
	background:#EEE;
}
.corpo-conteudo{
	width:980px;
	margin:auto;
}

/* DESTAQUE */
.destaque{
	width:980px;
	height:380px;
	margin-top:20px;
}

/* SOBRE */
.sobre{
}
.sobre p{
	width:980px;
	font-size:24px;
	line-height:26px;
	text-align:justify;
	color:#999;
	margin-bottom:15px;
}
/* SEPARADOR */
.separador{
	width:980px;
	height:15px;
	background:url(images/separador.png);
	margin:20px 0 10px 0;
}


/* QUADRO */
.quadro-esq{
	width:480px;
	height:340px;
	float:left;
	clear:none;
	margin:0 20px 5px 0;
}
.quadro-dir{
	width:480px;
	height:340px;
	float:left;
	clear:none;
	margin:0 0 5px 0;
}
.quadro-link{
	position:absolute;
	display:block;
	width:480px;
	height:340px;
	margin-top:-342px;
	background:url(images/transparente.png);
}
.quadro-link:hover span{
	color:#333;
}
.quadro-titulo{
	display:block;
	width:470px;
	font-size:30px;
	margin:235px 0 0 10px;
}
.quadro-descricao{
	display:block;
	width:470px;
	font-size:14px;
	margin:5px 0 0 10px;
}
.quadro-cliente{
	display:block;
	width:470px;
	font-size:14px;
	margin:15px 10px 0 0;
	text-align:right;
	color:#999;
}

/* MAIS */
.mais{
	width:980px;
	height:75px;
	margin:auto;
	background:url(images/mais.png);
	clear:both;
}
.mais a{
	display:inline-block;
	font-size:20px;
	padding:20px 10px 0 10px;
	color:#999;
}
.mais a:hover{
	color:#666;
}
.mais span{
	display:inline-block;
	font-size:20px;
	padding:20px 10px 0 20px;
	color:#999;
}

/* TOPO */
.topo-link{
	display:block;
	width:70px;
	height:80px;
	margin:auto;
	background:url(images/topo_a.png);
}
.topo-link:hover{
	background:url(images/topo_b.png);
}

/* RODAPE */
.rodape{
	width:100%;
	background:#EEE;
	background:url(images/layout_rodape.png);
	clear:both;
	margin-top:20px;
}
.rodape-conteudo{
	width:980px;
	height:300px;
	margin:auto;
	text-align:center;
	background:url(images/layout_rodape_conteudo.png);
}
.rodape-conteudo a{
	display:block;
	font-size:40px;
	padding:30px;
	color:#FFF;
}
.rodape-conteudo a:hover{
	color:#999;
}