/*-------------------------------------------------------------------------------

	TEMPLATE

	Data:				00/00/0000
	Descricao:			Arquivo com os templates (grids) do projeto
	Autor:				Johny Krauss
	E-mail: 			johny_krauss@hotmail.com
	Twitter:			@JohnyKrauss

	Observacoes:		Nenhuma observação

-------------------------------------------------------------------------------*/
html, body{ height:100%; }
/*body{ font:13px/120% Arial, Helvetica, sans-serif; color:#999999; background:#F2F2F2 url(../img/bg-pagina.png) repeat-x 0 3px; }*/
body{ font:13px/120% Arial, Helvetica, sans-serif; color:#666666; background:#F2F2F2 url(../img/bg-pagina.png) repeat-x 0 3px; }

#pagina{
	width:100%;
	min-width:1000px;
	min-height:100%;
	padding-bottom:240px;
	position:relative;
}
#conteudo{ width:912px; margin:0 auto; padding:15px 20px 50px; background-color:#FFFFFF; border-radius:5px; position:relative; z-index:10; }
#principal{ width:680px; float:left; padding:10px; }
#secundario{ width:280px; float:right; padding:10px; }

/*--------------------
		TOPO
--------------------*/
#topo{ width:100%; height:130px; margin-bottom:25px; border-top:3px solid #FC3200; position:relative; z-index:15; }
#topo .centralizar{
	background:url(../img/bg-topo.png) no-repeat 24px 20px;
	width:952px;
	height:130px;
	padding:0 24px;
	margin:0 auto;
	position:relative;
}

/*- Logo -*/
#logo{ float:left; margin:15px 0 0 18px; }
#logo img{ display:block; }

/*- Menu Global -*/
#menu-global{ float:left; margin:45px 0 0 65px; }
#menu-global li{ float:left; position:relative; padding:0 25px; }
#menu-global li a{
	font:18px "Oswald", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:12px 0 13px;
}
#menu-global .separador{
	position:absolute;
	top:19px; right:0;
	width:1px;
	height:15px;
	background-color:#FFFFFF;
	opacity:0.3;
	filter:alpha(opacity=30);
}

#menu-global .ultimo{ border:none }

/*--- Submenu ---*/
#menu-global .submenu{ position:absolute; top:48px; left:25px; display:none; width:545px; background:url(../img/bg-submenu.png) no-repeat 40px 0; }
#menu-global .submenu ul{ background-color:#FC3200; margin-top:8px; overflow:hidden; border-radius:5px; }
#menu-global .submenu li{ padding:13px 20px; }
#menu-global .submenu a{ font-size:14px; color:#FEC2B3; padding:0; }
#menu-global .submenu .separador{ top:16px; }

/*-- Hover --*/
#menu-global .ativo .lkPai,
#menu-global li .lkPai:hover,
#menu-global .hover .lkPai{ color:#FC3200; }
#menu-global .hover .submenu{ display:block; }

#menu-global .submenu .ativo a,
#menu-global .submenu a:hover{ color:#FFFFFF; }


/*- Area do Cliente -*/
#topo .area-cliente{ position:absolute; top:-180px; right:23px; z-index:25; }
#topo .area-cliente form{ background-color:#FC3200; border-radius:0 0 0 5px; padding:15px 15px 10px; height:155px; }
#topo .area-cliente fieldset{ overflow:hidden; }
#topo .area-cliente form li{ margin-bottom:13px; }
#topo .area-cliente form label{ font-weight:700; font-size:13px; color:#FFFFFF; display:block; margin-bottom:5px; }
#topo .area-cliente form li input{
	width:223px;
	height:30px;
	padding:0 5px;
	background-color:#F8F9FA;
	border:none;
	border-radius:5px;
	line-height:30px;
	font-size:12px;
	font-weight:normal;
}
#topo .area-cliente .bt-padrao{ float:right; }

/*--- Hover ---*/
#topo .area-cliente .bt-padrao:hover .bg-left{ background-position:0 -135px; }
#topo .area-cliente .bt-padrao:hover .bg-right{ background-position:-13px -135px; }
#topo .area-cliente .bt-padrao:hover .bg-middle{ background-position:0 -108px; margin:0 51px 0 13px; }

#topo .area-cliente .lk-area-cliente{
	background-color:#FC3200;
	border-radius:0 0 5px 5px;
	display:block;
	float:right;
	font-weight:700;
	font-size:11px;
	color:#FFFFFF;
	padding:5px 10px;
}

#topo #overlayAreaCliente{
	position:fixed;
	top:0; left:0;
	z-index:20;
	border-top:3px solid #FC3200;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:none;
}

/*-----------------------
	RODAPÉ
----------------------*/
#rodape{
	background:#E5E8EB url(../img/bg-rodape.jpg) no-repeat center 0;
	width:100%;
	height:190px;
	clear:both;
	padding:110px 0 0;
	position:absolute;
	bottom:0; left:0;
	z-index:5;
}
#rodape .centralizar{ width:910px; height:190px; padding:0 45px; margin:0 auto; position:relative; }

#rodape .phone{ float:left; padding-bottom:40px; }
#rodape .phone span{ font:18px "Oswald", Arial, Helvetica, sans-serif; color:#AA0000; display:block; }
#rodape .phone a{ font-weight:700; color:#AA0000; text-decoration:underline; }

#rodape .redes-sociais{ float:right; margin-top:10px }
#rodape .redes-sociais span{ font:15px/27px "Oswald", Arial, Helvetica, sans-serif; color:#000000; float:left; margin-right:12px; }
#rodape .redes-sociais a{ float:left; margin-right:7px; }

#rodape .clearRodape{
	display:block;
	clear:both;
	overflow:hidden;
	width:100%;
	height:1px;
	border-bottom:1px solid #FFFFFF;
	background-color:#F1F1F1;
	margin-bottom:20px;
}

#rodape .copyright{ font-size:11px; margin-top:15px; float:left; }
#rodape .logo-rodape{ float:right; }