body{
	list-style-type: none;
	margin:0;
	padding:0;
	font-family: 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 20px;
	color: #333;
	height:100%;
	background: url(../images/geral/assinatura_background.png) no-repeat top center;
}

li{
	list-style-type: none;
}

em{
	font-style: italic;
}

a{
	color: #e27403;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

h1,h2{
	font-family: 'TeXGyreHerosBold',Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

h1{
	font-size: 20px;
	margin-bottom: 25px;
}

h2{
	font-size: 14px;
}

html{
	height: 100%;
	background: url(../images/geral/textura_fundo.png) repeat;
}



.clear{
	clear:both;
	float:none;
}

.col1{
	float:left;
}

a#logo{
	width: 225px;
	height: 110px;
	display:block;
	position: absolute;
	z-index: 3;
	margin-top: 50px;
	margin-left: 57px;
}

a#logo.home{
	margin-top:75px;
}

a.rss{
	width: 16px;
	height: 16px;
	background: url(../images/geral/Feed_16.png) no-repeat;
	display:block;
	float:right;
	margin-top:6px;
}

#outerContainer{
	margin: auto;
	min-height: 100%;
	position: relative;
	background: url(../images/geral/sombra_pagina.png) repeat-y;
	width: 940px;
	padding: 0px 15px 0px 15px;
}

#outerContainer > .conteudo{
	padding-bottom: 180px;
}

#outerContainer > .conteudo > .col1{
	width: 460px;
	margin-right:20px;
	background: url(../images/fotos/imagem_home.jpg) no-repeat bottom;
	min-height: 400px;
}

#outerContainer > .conteudo > .col2{
	width: 220px;
	margin-right: 20px;
	float:left;
}

#outerContainer > .conteudo > .col2 ul li{
	margin-bottom:10px;
}

#outerContainer > .conteudo > .col2 ul li .data{
	font-family: 'TeXGyreHerosBold',Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
}

#outerContainer > .conteudo > .col2 a{
	font-family: 'TeXGyreHerosBold',Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
}


#outerContainer > .conteudo > .col2 h2{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
	height: 28px;
	line-height: 28px;
}

#outerContainer > .conteudo > .col3 h2{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
	height: 28px;
	line-height: 28px;
}

#outerContainer > .conteudo > .col2 h2.blog{
	margin-top:40px;
}

#outerContainer > .conteudo > .col3{
	width: 220px;
	float:left;
}

#outerContainer > .conteudo > .col3 ul{
	margin-left:-5px;
}

#outerContainer > .conteudo > .col1 > p{
	width: 260px;
	font-size: 14px;
}

#banner{
	height: 180px;
	width: 960px;
	margin-left:-10px;
	padding-top:10px;
	background: url(../images/geral/fundo_banner_pequeno.png) no-repeat;
}

#banner img{
	margin-left: 10px;
}

ul#listaBanners{
	height: 330px;
	width: 960px;
	margin-left:-10px;
	position:relative;
	padding-top:10px;
	background: url(../images/geral/fundo_banner_grande.png) no-repeat;
}
ul#listaBanners li{
	margin-left:10px;
}

ul#listaBanners li.wrapperBotoes{
	height:10px;
	position:absolute;
	z-index:4;
	margin-top:-25px;
	margin-left: 10px;
}

ul#botoesBanner li{
	float:left;
	width: 50px;
	height:10px;
	margin-right:10px;
}

ul#botoesBanner li a:hover{
	background-position: 0px 0px;
	background: url(../images/geral/indicador_banner_45_10.png);
}

ul#botoesBanner li a{
	width: 50px;
	height:10px;
	display:block;
	background: url(../images/geral/indicador_banner_45_10.png);
	background-position: 50px 0px;
}

ul#botoesBanner li a.activo{
	background-position: 0px 0px;
}

ul#idiomas{
	width: 45px;
	z-index:4;
	position:absolute;
	top: 15px;
	right:15px;
}

ul#idiomas li,
ul#idiomas li a{
	height: 30px;
	width: 45px;
	display:block;
}

ul#idiomas li a{
	background-position: 45px 0px;
}

ul#idiomas li a.activo,
ul#idiomas li a:hover{
	background-position: 0px 0px;
}

#colconteudo{
	float:right;
	width: 600px;
	margin-right: 60px;
	font-size: 14px;
	padding-bottom: 60px;
}

#colconteudo.semMenu{
	width: 880px;
}

#colconteudo p{
	margin-bottom: 20px;
	line-height: 20px;
}

ul#menuprincipal{
	width: 940px;
	height: 42px;
	background: url(../images/geral/linha_menu.png) bottom center no-repeat;
	margin-bottom: 40px;
}

ul#menuprincipal li{
	height: 40px;
	float:left;
	display:none;
}

ul#menuprincipal li#pesquisageral{
	display: block;
}

ul#menuprincipal.nivel0 > li{
	display: block;
}

ul#menuprincipal .selected a,
ul#menuprincipal a:hover{
	background-position: 0px 40px;
}

ul#menuprincipal a{
	display: block;
	height: 40px;
}

ul#menuprincipal li#pesquisageral{
	float:right;
	border:1px solid #d7d6d6;
	background-color: #f8f7f7;
	width: 220px;
	height: 23px;
	margin-top:6px;
}

ul#menuprincipal li#pesquisageral input[type=text]{
	background-color: transparent;
	border:none;
	line-height:22px;
	display:block;
	float:left;
	width: 190px;
}

ul#menuprincipal li#pesquisageral input[type=submit]{
	border:none;
	width: 24px;
	height: 25px;
	background: url(../images/geral/pesquisa.png) no-repeat;
	cursor: pointer;
	border: none;
}

ul#menulateral{
	width: 220px;
	border-top: 1px solid #ccc;
	float:left;
	margin-right: 60px;
	margin-top: 50px;
	padding-bottom: 60px;
	font-size:14px;
}

ul#menulateral > li{
	width: 220px;
}

ul#menulateral ul.nivel1 > li{
	margin-left: 20px;
}

ul#menulateral ul.nivel1 > li.expandido > a{
	background: url(../images/menu/menu_lateral_pagina_aberta.png) bottom right no-repeat;
}

ul#menulateral ul.nivel2{
	border-bottom: 1px solid #ccc;
}

ul#menulateral ul.nivel2 > li > a{
	border-bottom: none;
	background-color: #f2f2f2;
	font-size: 11px;
	line-height: 25px;
	height: 25px;
}

ul#menulateral ul.nivel2 > li.selected > a{
	background-image: none;
}

ul#menulateral li a{
	/*height: 39px;*/
	line-height: 39px;
	display:block;
	font-family: 'TeXGyreHerosCnBold',Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #ccc;
	padding-left: 12px;
	text-transform: uppercase;
}

ul#menulateral li.selected > a{
	background: url(../images/menu/menu_lateral_pagina_aberta.png) bottom right no-repeat;
}

ul#menulateral li.selected > a,
ul#menulateral li.expandido > a{
	color: #000;
}

ul#menulateral li{
	background: url(../images/menu/menu_lateral_item_link.png) no-repeat top left;
}

ul#menulateral li.pai{
	background: url(../images/menu/menu_lateral_fechado.png) no-repeat top left;
}

ul#menulateral li.pai ul{
	display: none;
}

ul#menulateral li.pai.expandido,
ul#menulateral li.pai.selected{
	background: url(../images/menu/menu_lateral_aberto.png) no-repeat top left;
}

ul#menulateral li.pai.expandido > ul,
ul#menulateral li.pai.selected > ul{
	display: block;
}

ul#menulateral li.selected{
	background: url(../images/menu/menu_lateral_item_select.jpg) no-repeat top left;
}


#social{
	height: 80px;
	width: 940px;
	margin-left: -10px;
	background: url(../images/geral/barra_social.png) repeat-x;
	position: absolute;
	bottom: 50px;
	z-index:2;
	padding: 20px 10px 10px 10px;
}

#social .col1{
	float:left;
	width: 470px;
}

#social .col1 input[type=text]{
	width: 200px;
}

#social .col1 input[type=submit]{
	height: 25px;
}

#social .col2{
	padding-left:10px;
	float:right;
	width: 460px;
}

#social .col2 .twitter{
	float:left;
	width: 220px;
	margin-right: 20px;
}

/*#social .col2 .twitter a,
#social .col2 .facebook a{
	font-size: 14px;
	line-height: 14px;
	font-family: 'TeXGyreHerosBold',Helvetica, Arial, sans-serif;
}

#social .col2 .twitter a img,
#social .col2 .facebook a img{
	float:left;
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
}

#social .col2 .facebook{
	float:right;
	width: 220px;
}*/

#social .facebook{
	float:left;
	width: 220px;
	margin-left:-10px;
}

#social .col1 h2,
#social .col2 h2{
	margin-bottom: 0px;
}
#social .col1 h2{
	margin-bottom: 15px;
}

input[type=text]{
	height: 22px;
	border: 1px solid #d7d6d6;
	font-size:12px;
	line-height: 22px;
	padding-left: 5px;
	background-color: #f8f7f7;
}

input[type=submit]{
	font-size:12px;
}

#footer{
	position:absolute;
	height:50px;
	bottom:0;
	width: 960px;
	left:5px;
	background: url(../images/geral/barra_rodape.png) repeat-x;
	font-size:12px;
	text-align: center;
	color: #999;
	line-height: 50px;
	z-index:1;
}

#footer .col1{
	width: 150px;
	height:100%;
}


#footer .col1 a img{
	display: block;
}

#footer .col2{
	float:right;
	margin-right: 10px;
	height:100%;
	line-height: 50px;
	font-size:12px;
}

ul#distribuidores li,
ul#estabelecimentos li{
	border-bottom: 1px solid #ccc;
	padding-bottom:15px;
	margin-bottom: 15px;
}

ul#distribuidores li h2,
ul#estabelecimentos li h2{
	margin-bottom: 10px;
}

ul#distribuidores li .col2,
ul#estabelecimentos li .col2{
	float:right;
	width: 350px;
	height: 235px;
}

.textoLoja{
	width: 650px;
}

#imgWrapper{
	margin-top:10px;
	border:1px solid #333;
	width:650px;
	height:435px;
	float:left;
	margin-right:36px;
}

#mapa{
	float:left;
	width:220px;
	height:220px;
	border:1px solid #333;
	margin-top:10px;
	overflow: 
}

#infoMapa{
	width: 220px;
	float:left;
	margin-top:10px;
	font-size: 12px;
	line-height:15px;
}

.infoWindow{
	text-align:left;
	font-size:10px;
	line-height:12px;
	overflow:visible;
	height: 50px;
}

ul#noticias{
	width: 600px;
	float:left;
}

ul#noticias_arquivo{
	width:600px;
	background-color: #efefef;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	min-height: 40px;
	margin-bottom:25px;
}
ul#noticias_arquivo li{
	float:left;
	font-weight: bold;
	margin-left:15px;
	margin-top:10px;
}
ul#noticias_arquivo li.selected{
	border-bottom: 2px solid #333;
}

ul#noticias li{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:30px;
}

ul#noticias li .col1{
	float:left;
	width: 390px;
	margin-right:10px;
}

ul#noticias li .col1.larga{
	width: 600px;
	margin-right:0;
}

.fonte_data{
	font-size:12px;
	margin-bottom:20px;
}

ul#noticias li .col2{
	width: 200px;
	float:left;
}

img.imgNoticia{
	margin-bottom:20px;
	display:block;
}

ul#resultadosPesquisa li.tipo{
	border-bottom:1px solid #ccc;
	margin-top: 30px;
	margin-bottom:10px;
}

ul#resultadosPesquisa li{
	margin-bottom:20px;
}

ul#resultadosPesquisa li .breadcrumb{
	font-size:10px;
	color: #666;
}

/******************* MEDIA QUERIES *******************************/

@media (max-width:960px) and (min-width:680px) {
	img { max-width: 100%;   height: auto;} 

	#submenu_resize{
		font-size: 15px;
		display: block !important;
	}
	
	#listaBanners, #banner{
		max-width: 100%;
		height: auto !important;
		margin-left: 0px !important;
	}
	
	#banner img{
		margin-left: 0px;
	}
	
	ul#listaBanners li{
		margin-left: 0px !important;
	}
	
	#outerContainer{
		width: 97%;
		padding-left: 1.5%;
		padding-right: 1.5%;
		background: #FFF;
		min-width: 340px;
		font-size: 12px;
	}
	
	#social{
		width: 98%;
		padding-left: 2%;
		padding-right: 0px;
	}
	
	#social .col1 {
	  /* float: left; */
	  width: 100%;
	  margin-top: -85px;
	   padding-left: 1%; 
	}
	
	#social .col2 {
	   padding-left: 1%; 
	  /* float: right; */
	  width: 100%;
	}

	#footer{
		width: 100%;
	}
	
	#footer  .col2{
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	
	#footer  .col1{
		margin-left: -10px;
		float: none;
	}
	
	a#logo.home{
		margin-top: 11%;
		margin-left: 5%;
	}
	
	a#logo{
		width: 23.94%;
		height: auto !important;
		margin-top: 5%;
		margin-left: 5%;
	}
	#gmap{
		margin-right: 0px !important;
		width: 100% !important;
	}
	
	#colconteudo.semMenu{
		width: 100% !important;
	}	
	
	.textoLoja{
		width: 100%;
	}
	
	#imgWrapper{
		width: 100%;
	}
	
	.slideshow-images{
		width: 100% !important;
	}
	
	#imgWrapper > div > a > img{
		left: 0 !important;
	}
	
	ul#noticias_arquivo{
		width: 100%;
	}
	
	ul#noticias{
		width: 100%;
	}
	
	ul#noticias li .col1.larga{
		width: 100%;
	}
	
	ul#noticias li .col1{
		width: 100%;
	}
	
	#colconteudo{
		width: 100% !important;
		margin-right: auto;
		margin-left: auto;
	}
	
	ul#menulateral{
		margin-top: 0px;
		width: 50%;
	}
	
	ul#menuprincipal{
		margin-bottom: 40px;
	}
	
	ul#menulateral > li{
		width: 60%;
	}
	
	ul#menuprincipal.nivel0 > li {
		display: block;
	}	
	
	ul#menulateral li.pai.expandido > ul, ul#menulateral li.pai.selected > ul{
		margin-left: 70px;
		width: 100%;
	}
	
	ul#botoesBanner li a{
		height: 60%;
		width: auto;
	}
	
	ul#listaBanners li.wrapperBotoes{
		margin-top: -10px;
		margin-left: 4px !important;
	}
	
	ul#menuprincipal li#pesquisageral{
		margin-top: -30px;
		position: absolute;
		right: 2%;
	}
	
	ul#menulateral{
		display: none;
	}
	

	
}

#submenu_resize{
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 40px;
	cursor: pointer;
	width: 150px;
	display: none;
}

#colconteudo > table{
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 680px) {

	ul#menulateral{
		display: none;
	}
	
	#submenu_resize{
		font-size: 15px;
		display: block;
	}
	
	#menuShow{
		display: block !important;
	}
	
	#listaBanners, #banner{
		max-width: 100%;
		height: auto !important;
		margin-left: 0px !important;
	}
	
	#banner img{
		margin-left: 0px;
	}
	
	ul#listaBanners li{
		margin-left: 0px !important;
	}
	
	#outerContainer{
		width: 97%;
		padding-left: 1.5%;
		padding-right: 1.5%;
		background: #FFF;
		min-width: 340px;
		font-size: 12px;
	}
	
	#outerContainer > .conteudo > .col1 > p{
		width: 60%;
	}
	
	p{
		font-size: 12px !important;
	}
	
	a#logo.home{
		margin-top: 11%;
		margin-left: 5%;
	}
	
	a#logo{
		width: 23.94%;
		height: auto !important;
		margin-top: 5%;
		margin-left: 5%;
	}
	
	ul#botoesBanner li a{
		height: 60%;
		width: auto;
	}
	
	ul#listaBanners li.wrapperBotoes{
		margin-top: -10px;
		margin-left: 4px !important;
	}
	
	ul#idiomas{
		width: 45px;
		top: 8px;
		right: 0%;
	}
	
	#outerContainer > .conteudo > .col1{
		width: 100% !important;
		float: none;
		margin-bottom: 5%;
	}
	
	#outerContainer > .conteudo > .col2{
		width: 45% !important;
	}
	
	#outerContainer > .conteudo > .col3{
		width: 45% !important;
	}
	
	#social{
		width: 98%;
		padding-left: 2%;
		padding-right: 0px;
	}
	
	#social .col1 {
	  /* float: left; */
	  width: 100%;
	  margin-top: -85px;
	   padding-left: 1%; 
	}
	
	#social .col2 {
	   padding-left: 1%; 
	  /* float: right; */
	  width: 100%;
	}

	#footer{
		width: 100%;
	}
	
	#footer  .col2{
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	
	#footer  .col1{
		margin-left: -10px;
		float: none;
	}
	
	#outerContainer > .conteudo{
		margin-top: 5%;
	}
	
	ul#menuprincipal{
		width: 10%;
		position: absolute;
		margin-top: 35px;
		background: none;
	}
	
	#menuprincipal > li:first-child{
		padding-left: 18px;
	}
	
	ul#menuprincipal.nivel0 > li{ 
		display: none;
	}
	
	ul#menuprincipal li#pesquisageral{
		position: absolute;
		right: -873%;
		margin-top: 4px;
		top: -82%;
	}
	
	ul#menuprincipal a{

	}
	
	#colconteudo{
		width: 100% !important;
		margin-right: auto;
		margin-left: auto;
	}
	
	img { max-width: 100%;  height: auto; }  
	
	ul#menulateral{
		margin-top: 0px;
		width: 100%;
	}
	
	ul#menuprincipal{
		margin-bottom: 0px;
	}
	
	ul#menulateral > li{
		width: 100%;
	}
	
	ul#menulateral li.pai.expandido > ul, ul#menulateral li.pai.selected > ul{
		margin-left: 50px;
		width: 95%;
	}
	
	#gmap{
		margin-right: 0px !important;
		width: 100% !important;
	}
	
	#colconteudo.semMenu{
		width: 100% !important;
	}	
	
	.textoLoja{
		width: 100%;
	}
	
	#imgWrapper{
		width: 100%;
	}
	
	.slideshow-images{
		width: 100% !important;
	}
	
	#imgWrapper > div > a > img{
		left: 0 !important;
	}
	
	ul#noticias_arquivo{
		width: 100%;
	}
	
	ul#noticias{
		width: 100%;
	}
	
	ul#noticias li .col1.larga{
		width: 100%;
	}
	
	ul#noticias li .col1{
		width: 100%;
	}
		
/* Styles */  
}  

