/*   
Theme Name: Kobama
Theme URI: http://www.kobama.com.br/
Description: 
Author: Erika Sarti
Author URI: http://erikasarti.net/
Version: 1.0
*/

/* Tabela de cores */

/*
Azul fundo	#0077bf
Azul claro	#4fa6db
Azul escuro	#1d5180
*/


	*			{margin: 0; padding: 0;}

	body			{font: 12px/160% Verdana,sans-serif;
				background: #0077bf url(images/footer_fundo.png) center bottom repeat-x;
				height: auto; color: #333; *padding-top: 20px;}

	a:link, a:visited	{color: #1d5180;}

	a:hover, a:active	{color: #4fa6db;}

	h1			{font-size: 42px;}

	h2			{color: #1d5180; font-size: 36px; font-weight: normal; margin: 0 0 30px; line-height: 120%;}

	h3			{color: #0077bf; font-size: 24px; font-weight: normal; margin: 20px 0 20px;}

	h4			{font-size: 16px;}

	h5			{font-size: 14px;}

	h6			{font-size: 12px;}

	hr			{background: #1d5180; color: #1d5180; width: 90%; height: 1px; border: none;
				margin: 40px auto 15px; text-align: center;}

	p			{margin-bottom: 15px; text-align: justify;}

	blockquote		{margin: 10px 0 10px 40px; border-left: 3px #4fa6db solid; padding-left: 10px; font-style: italic;}

	ul, ol			{margin: 10px 0 10px 20px;}

	ul li, ol li		{margin-bottom: 2px;}

	ul li			{list-style: outside square;}

	ul li ul li		{list-style: outside circle;}

	input, textarea		{font: 12px/140% Verdana,sans-serif; padding: 2px; *padding: 0px 2px 4px;}

	.clear			{clear: both;}


	#main			{background: #FFF; width: 880px; margin: 20px auto 0px;}

	#curva1			{background: url(images/curva.png) no-repeat; height: 10px; overflow: hidden;}

	#curva2			{background: url(images/curva.png) no-repeat 0px -10px; height: 10px; overflow: hidden;}


	#header			{height: 130px; overflow: hidden;}

		#header h1 a		{background: url(images/logo.png) no-repeat; 
					width: 410px; height: 60px; display: block;
					float: left; margin: 10px 80px 20px 10px;
					text-align: center; text-indent: -10000px;}

	#header h2		{font: italic bold 28px "Arial",sans-serif; color: #000; margin: 30px 0 -30px;}


	#searchform		{color: #000; width: 250px; height: 30px; overflow: hidden;
				margin-top: 10px; float: right; font-size: 11px;}

		#searchform #s		{width: 100px; font: 11px Verdana,sans-serif; padding: 2px;
					background: #FFF; border: 1px #0077bf solid;}

		#searchform 
		#searchsubmit		{font: 11px Verdana,sans-serif; color: #000; padding: 6px 4px;
					background: none; border: none;}


	#barra			{background: url(images/barra.png) repeat-x; height: 40px; overflow: hidden;}


	#menu			{width: 650px; float: left;}

		#menu ul		{margin: 0; padding: 0;}

		#menu ul li		{display: inline;}

		#menu ul li a		{background: url(images/menu.png); float: left; height: 40px;
					margin: 0 7px; text-indent: -10000px;}

		#menu .inicial		{background-position: -1px 0; width: 116px; margin-left: 17px;}
		#menu .inicial:hover	{background-position: -1px -40px;}

		#menu .sobre		{background-position: -112px 0; width: 146px;}
		#menu .sobre:hover	{background-position: -112px -40px;}

		#menu .fabri		{background-position: -252px 0; width: 104px;}
		#menu .fabri:hover	{background-position: -252px -40px;}

		#menu .contato		{background-position: -479px 0; width: 73px;}
		#menu .contato:hover	{background-position: -479px -40px;}

		#menu .home		{background-position: -1px -80px; width: 56px; margin-left: 17px;}
		#menu .home:hover	{background-position: -1px -120px;}

		#menu .about		{background-position: -53px -80px; width: 128px;}
		#menu .about:hover	{background-position: -53px -120px;}

		#menu .linecard		{background-position: -176px -80px; width: 79px;}
		#menu .linecard:hover	{background-position: -176px -120px;}

		#menu .contact		{background-position: -252px -80px; width: 69px;}
		#menu .contact:hover	{background-position: -252px -120px;}

		#menu .acerca		{background-position: -317px -80px; width: 163px;}
		#menu .acerca:hover	{background-position: -317px -120px;}

		#menu .contacto		{background-position: -476px -80px; width: 80px;}
		#menu .contacto:hover	{background-position: -476px -120px;}

		#menu .download		{background-position: -551px -80px; width: 91px;}
		#menu .download:hover	{background-position: -551px -120px;}




	#bandeiras		{width: 100px; height: 40px; overflow: hidden; margin: -60px -20px 0 0; _margin-right: -10px;
				float: right; text-align: center;}

		#bandeiras img		{border: 1px #0077bf solid; width: 16px; height: 11px; margin: 12px 5px 0;}

		#bandeiras img:hover	{border: 1px #FFF solid;}


	#content		{background: #FFF; padding: 20px;}

		#content .slogan	{width: 840px; height: 220px;}

		#content .hidden	{display: none;}

		#content .proposta	{font-size: 16px;}

		#content .linecard	{margin-top: 20px;}

		#content .linecard,
		#content .linecard p	{text-align: center;}

			#content .linecard img		{margin: 10px 30px; border: none;}

		#content .googlemaps	{width: 425px; float: right;}

		#content .fabri		{width: 90%; margin: 30px auto 0;}

		#content #e404		{text-align: center; margin: 100px 0 300px;}

		#content form		{margin: 50px 0 30px 30px;}

		#content .imgfab	{margin: -20px 20px 20px 20px; border: none;
					float: right; display: block; *margin-bottom: -40px;}

		#content .imgfab2	{margin: -20px 20px 10px 20px; border: none;
					float: right; display: block;}


		#content h1#erika	{font-weight: normal; font-size: 11px; text-align: right;
					color: #000; margin-right: 10px;}

		#content h1#erika a:link,
		#content h1#erika a:visited	{font-weight: bold;}


	#footer			{background: #0077bf url(images/footer_fundo.png) 0px 30px repeat-x;
				color: #FFF; padding-top: 20px; height: 80px; line-height: 140%; overflow: hidden;}

		#footer .largura	{font-size: 11px; margin: 0 auto; clear: both;}

		#footer .esquerda	{width: 40%; padding: 10px 0; float: left;}

		#footer .direita	{width: 40%; padding: 10px 0; float: right; text-align: right;}
		#footer .direita p	{text-align: right;}

		#footer a:link,
		#footer a:visited	{color: #4fa6db; text-decoration: none; font-weight: bold;}

		#footer a:hover,
		#footer a:active	{color: #4fa6db; text-decoration: underline;}