/*CSS Mundo das Bandeiras*/

/*Geral*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, Geneva, sans-serif;
	background: url(img/bg.jpg) fixed repeat-y center;
}

a {
	text-decoration: none;
	color: #000;
}

img {
	position: relative;
	float: left;
	display: inline;
	border: none;
}

#center_site {
	width: 900px;
	margin: auto;
}

/*font-face*/
@font-face {
    font-family: 'HoratioD';
    src: url('horatiol-webfont.eot');
    src: url('horatiol-webfont.eot?iefix') format('eot'),
         url('horatiol-webfont.woff') format('woff'),
         url('horatiol-webfont.ttf') format('truetype'),
         url('horatiol-webfont.svg#webfontQ3Cbstlo') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*titulos*/
h1 {
	position: relative;
	float: left;
	font-family: HoratioD, sans-serif;
	font-size: 280%;
	font-weight: normal;
	letter-spacing: -2.3px;
	line-height: 100%;
}

h2 {
	position: relative;
	float: left;
	font-family: Trebuchet MS, sans-serif;
	font-size: 170%;
	font-weight: normal;
	letter-spacing: -1.5px;
	line-height: 100%;
}

h3 {
	position: relative;
	float: left;
	font-family: HoratioD, sans-serif;
	font-size: 260%;
	font-weight: normal;
	letter-spacing: -2.3px;
	line-height: 100%;
}

h4 {
	position: relative;
	float: left;
	font-family: HoratioD, sans-serif;
	font-size: 240%;
	font-weight: normal;
	letter-spacing: -2.3px;
	line-height: 100%;
}

h6 {
	position: relative;
	float: left;
	font-family: Tahoma, sans-serif;
	font-size: 105%;
	font-weight: normal;
	line-height: 100%;
}

/*parágrafos*/
p {
	position: relative;
	float: left;
	font-family: Tahoma, sans-serif;
	font-size: 70%;
	line-height: 110%;
}

/*miscelânias*/
span.bold {
	font-weight: bold;
}

span.italic {
	font-style: italic;
}

.fright {
	float: right;
}

.tright {
	text-align: right;
}

/*Topo da página*/
#topo_home {
	position: relative;
	float: left;
	width: 900px;
	height: 139px;
	display: inline;
	background: #e9e9e9;
}

	div.logo {
		position: relative;
		float: left;
		width: 256px;
		height: 139px;
		margin-right: 54px;
	}

	div.menuTopo {
		position: relative;
		float: left;
		width: 590px;
		height: 48px;
		background: #036;
		z-index: 100;
	}

	div.busca {
		position: relative;
		float: left;
		width: 256px;
		height: 31px;
		margin-left: 334px;
		display: inline;
		z-index: 50;
	}
	
	div.busca1 {
		position: relative;
		float: left;
		width: 25px;
		height: 31px;
		background: url(img/bg_busca1.png);
	}
	
	div.busca2 {
		position: relative;
		float: left;
		width: 231px;
		height: 31px;
		background: #ccc;
	}
	
	div.busca2 p {
		font-size: 80%;
		color: #036;
		margin-top: 9px;
	}
	
	.input {
		margin-left: 5px;
	}
	
/*Menu Drop-Down*/
ul.menubar{
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF; /* IE6 Bug */
  font-size: 80%;
}
 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #FFFFFF;
  float:left;
}

#home {
	width: 98px;
	height: 48px;
	background: url(img/bg_home.png);
}

#linkHome {
	padding-top: 20px;
	width: 98px;
	height: 28px;
}

#home:hover {
	background: url(img/bg_linkHome.png);
}

#pesquisa {
	width: 99px;
	height: 48px;
	background: url(img/bg_pesquisa.png);
}

	#linkPesquisa {
		padding-top: 20px;
		width: 98px;
		height: 28px;
	}

	#pesquisa:hover {
		background: url(img/bg_linkPesquisa.png);
	}

		#menuPesquisa li.topom, li.topom a {
			width: 144px;
			height: 32px;
		}

		#menuPesquisa li.meiom, li.meiom a {
			width: 144px;
			height: 20px;
		}
		
		#menuPesquisa li.baixom, li.baixom a {
			width: 144px;
			height: 35px;
		}
		
		li.topom {
			background: url(img/bg_topom.png);
		}
		
		li.topom:hover {
			background: url(img/bg_linkTopom.png);
		}
		
		li.meiom {
			background: url(img/bg_meiom.png);
		}
		
		li.meiom:hover {
			background: url(img/bg_linkMeiom.png);
		}
		
		li.baixom {
			background: url(img/bg_baixom.png);
		}
		
		li.baixom:hover {
			background: url(img/bg_linkBaixom.png);
		}
		
		li.topom a {
			padding: 17px 0 0 23px;
		}
		
		li.meiom a {
			padding: 5px 0 0 23px;
		}
		
		li.baixom a {
			padding: 5px 0 0 23px;
		}

#loja {
	width: 98px;
	height: 48px;
	background: url(img/bg_lojam.png);
}

	#linkLoja {
		padding-top: 20px;
		width: 98px;
		height: 28px;
	}

	#loja:hover {
		background: url(img/bg_linkLoja.png);
	}

		#menuLoja li.topom, li.topom a {
			width: 144px;
			height: 32px;
		}

		#menuLoja li.meiom, li.meiom a {
			width: 144px;
			height: 20px;
		}
		
		#menuLoja li.baixom, li.baixom a {
			width: 144px;
			height: 35px;
		}

#catalogo {
	width: 98px;
	height: 48px;
	background: url(img/bg_catalogo.png);
}

	#linkCatalogo {
		padding-top: 20px;
		width: 98px;
		height: 28px;
	}

	#catalogo:hover {
		background: url(img/bg_linkCatalogo.png);
	}

		#menuCatalogo li.topom, li.topom a {
			width: 144px;
			height: 32px;
		}

		#menuCatalogo li.meiom, li.meiom a {
			width: 144px;
			height: 20px;
		}
		
		#menuCatalogo li.baixom, li.baixom a {
			width: 144px;
			height: 35px;
		}

#comprar {
	width: 99px;
	height: 48px;
	background: url(img/bg_comprar.png);
}

	#linkComprar {
		padding-top: 20px;
		width: 98px;
		height: 28px;
	}

	#comprar:hover {
		background: url(img/bg_linkComprar.png);
	}

#contato {
	width: 98px;
	height: 48px;
	background: url(img/bg_contato.png);
}

	#linkContato {
		padding-top: 20px;
		width: 98px;
		height: 28px;
	}

	#contato:hover {
		background: url(img/bg_linkContato.png);
	}
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
}
 
ul.menubar a{
	text-align: center;
	display: block;
	text-decoration: none;
	color: #fff;
}
 
ul.menu, ul.menu ul{
  margin: 0;
  padding: 0;
  width: 144px; /* Width of Menu Items */
}
 
ul.menu li{
  position: relative;
  list-style: none;
  border: 0px;
}
 
ul.menu li a{
	font-size: 85%;
	display: block;
	text-decoration: none;
	border-bottom: 0px;
	color: #666;
	text-align: left;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 143px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }

/*Rodapé*/
#sombra {
	position: relative;
	float: left;
	width: 900px;
	height: 40px;
	background: url(img/sombraRodape.png);
}

#rodape {
	position: relative;
	float: left;
	width: 900px;
	height: 102px;
	display: inline;
	background: white;
}

	span.color {
		color:#036;
	}

	div.atend {
		position: relative;
		float: left;
		width: 239px;
		height: 61px;
	}
	
		p.txtatend {
			font-size: 75%;
			text-align: center;
			margin: 30px 5px 0 0;
		}
	
	div.tel {
		position: relative;
		float: left;
		width: 264px;
		height: 61px;
	}
	
	div.email {
		position: relative;
		float: left;
		width: 397px;
		height: 61px;
	}
	
		p.txtemail {
			font-size: 75%;
			text-align: center;
			margin: 30px 0 0 125px;
		}
	
	div.end {
		position: relative;
		float: left;
		width: 900px;
		height: 41px;
	}
		
		p.txtend {
			width: 900px;
			font-size: 75%;
			text-align: center;
			margin-top: 13px;
			color: #036;
		}

