/** GLOBAL RESET**/

@import url('reset.css');

/** Reset das tags HTML5 **/
section, article, aside, header, footer, nav, dialog, figure {display:block;}

/*
** TIPOGRAFIA
*/

@font-face {
	font-family:'CenturyGothicRegular';
	src: url('fontes/gothic-webfont.eot');
	src: local('☺'), url('fontes/gothic-webfont.woff') format('woff'), url('fontes/gothic-webfont.ttf') format('truetype'), url('fontes/gothic-webfont.svg#webfontVl7a8qc6') format('svg');
	font-weight:normal;
	font-style:normal;
}

/*
** ESTRUTURA
*/

body {background:#fff; color:#888; font:13px Arial, Verdana, Helvetica, Sans-Serif; margin-top:5px;}

#page {width:960px; margin:0 auto;}

header {height:139px; position:relative;}

	header h1 a {background:url(../imagens/logo.png) no-repeat left top; width:190px; height:139px; display:block;}
	header h1 span {display:none;}

	.menu_topo {background:url(../imagens/menu_topo_background.png) no-repeat left top; width:700px; height:40px; position:absolute; top:65px; right:10px;}
	.menu_topo ul {background:url(../imagens/menu_topo_background_2.png) no-repeat right top; height:40px; padding:0 12px;}
	.menu_topo li {display:inline;}
	.menu_topo a {color:#999 !important; font-family:'CenturyGothicRegular'; font-size:17px; text-decoration:none; padding:8px 17px; display:block; float:left;}
	
	.banners {height:262px; overflow:hidden;}
	.banners img {vertical-align:middle;}

#content {width:700px; margin:0 10px; float:right;}
#content.wide {width:940px !important; float:none !important;}
	
	.title {background:#f78d1e url(../imagens/title_background.jpg); height:44px; margin:0 10px; padding:13px 20px; margin-bottom:20px;}
	.title h2 {color:#fff; font:28px 'CenturyGothicRegular'; letter-spacing:-1px;}
	
	h3 {color:#f78d1e; font:24px 'CenturyGothicRegular'; margin-bottom:20px;}
	h4 {color:#777; font-size:13px; font-weight:bold; margin-bottom:1em;}
	
	.menu {background:url(../imagens/menu_background.png) no-repeat left bottom; width:220px; margin-left:10px; padding-bottom:60px; float:left;}
		.menu ul {background:url(../imagens/menu_header.png) no-repeat left top; padding:15px;}
		.menu ul span {color:#f78d1e; font:bold 15px 'CenturyGothicRegular'; letter-spacing:-1px;}
		.menu ul ul {background:none; padding:12px 0px;}
		.menu ul ul li {margin-bottom:3px;}
		.menu ul ul a {background:url(../imagens/dot.gif) no-repeat left center; color:#888; font:13px Arial, Verdana, Helvetica, Sans-Serif !important; text-decoration:none; letter-spacing:0; padding-left:10px;}
	
	/*
	** HOME
	*/
	
	.atalhos {background:#f7891d url(../imagens/atalhos_background.png) no-repeat left top; width:940px; height:89px;}
	.atalhos li {display:inline;}
	.atalhos a {background:url(../imagens/atalhos_flexa.png) no-repeat 190px center; color:#fff !important; font:16px 'CenturyGothicRegular'; text-decoration:none; line-height:1em; width:195px; height:39px; padding:25px 20px; display:block; float:left;}
	
	.atalho_1 a{}
	.atalho_2 a,
	.atalho_3 a,
	.atalho_4 a {height:19px; padding:35px 20px;}
	
	/*
	** EMPRESA
	*/
	
	.empresa {margin:0 20px; float:right;}
	
	/*
	** EVENTOS
	*/
	
	.eventos li {border-bottom:2px solid #ebebeb; padding:17px; height:100px;}
	.evento_detalhes {width:730px; float:right;}
	.evento_detalhes h4 {color:#f78d1e; font-size:14px; font-weight:bold;}
	.evento_foto {width:150px; float:left;}
	
	/*
	** PRODUTOS
	*/
	
	.produtos li {height:180px; border-bottom:2px solid #ebebeb; padding:17px;}
	
	.prod_foto {width:100px; float:left;}
	.prod_foto img {width:100px; vertical-align:middle;}
	
	.prod_detalhes {width:545px; float:right;}
	.prod_detalhes h4 a {color:#f78d1e; font-size:14px; font-weight:bold; margin-bottom:.5em;}
	.prod_detalhes p {line-height:1.4em; margin-bottom:20px;}

	
	/*
	** PRODUTO
	*/
	
	#fotos {width:180px; border:1px solid #e3e3e3; margin:0 0 20px 20px; padding:5px; float:right;}
	.thumbs {text-align:center;}
	
	article p {line-height:1.7em; margin-bottom:2em;}
	article ul {margin-left:3em; margin-bottom:2em;}
	article ul li {margin-bottom:.4em; list-style-position:inside; list-style:disc;}
	
	.arquivos a {display:block;}
	.pdf {background:url(../imagens/ico_pdf.png) no-repeat left top; padding:15px 0 15px 60px;}
	
	/*
	** CONTATO
	*/
	
	.contato {position:relative;}
	
	.subtitle {color:#f78d1e; font:bold 19px 'CenturyGothicRegular';}
	
	.contatos {border-top:2px solid #e1e1e1; overflow:auto;}
	.contatos div {width:205px; padding:20px 15px 20px 40px; float:left;}
	.contatos div span {display:block;}
	
	.tel {background:url(../imagens/ico_tel.png) no-repeat left 14px;}
	.email {background:url(../imagens/ico_email.png) no-repeat left 22px;}
	
/*----------------------------------------------------------------------------------------------------------*/
	
	/*
	** RESTRITO
	*/
	
	form {background:#f1f1f1; border:1px solid #e1e1e1; padding:17px;}
	form div {margin-bottom:15px;}
	form label {font-weight:bold; padding:6px 0; display:block;}
	form label span {color:#999; font-weight:normal !important; font-size:10px;}
	form input,
	form textarea {color:#888; font:11px Arial, Verdana, Helvetica, Sans-Serif; border:1px solid #999; padding:5px 7px;}
	
	form .data {width:165px; height:56px; float:left;}
	
	form table {width:515px; border:1px solid #e1e1e1; border-collapse:collapse;}
	form th,
	form td {border-bottom:1px solid #e1e1e1; padding:3px;}
	
	form th {background:#444; color:#c1c1c1;}
	form td {background:#fff;}
	
	form .codigo {width:330px;}
	form .qtd {}
	form .acoes {}
	
	form tfoot input[type=button]{padding:3px;}
	
	form .submit {margin-top:20px;}
	form .submit input {width:140px;}
	
	.input_grande {width:500px;}
	.input_medio {width:200px;}
	.input_pequeno {width:130px;}
	
/*----------------------------------------------------------------------------------------------------------*/
	
	a:link,
	a:active,
	a:visited {color:#f78d1e;}

aside {background:#111; width:200px; height:200px; float:left;}

footer {height:50px; clear:both;}

/*
** MENSAGENS E ALERTAS
*/

.msg_alerta {background:#fff7d9; border:1px solid #ffcc00; padding:12px;}
.msg_sucesso {background:#bfefbf; border:1px solid #00c000; padding:12px;}
.msg_erro {background:#fff7d9; border:1px solid #ffcc00; padding:12px;}
.msg_alerta,
.msg_sucesso {margin-bottom:10px;}

/*
** BOTOES
*/

.btn {background:url(../imagens/btn_background.png) no-repeat left center; color:#fff; text-align:center; text-decoration:none; width:87px; height:15px !important; padding:5px 0; display:block; float:right;}
.branco {color:#fff !important;}

/*
** EXTRA
*/

.right {float:right;}

.clear {display:block; height:1px; overflow:hidden; clear:both;}

.clearfix {
    overflow:auto;
}

.hidden {display:none;}
