/*   
Theme Name: Electronic Graphics Solutions
Theme URI: http://eii.com.br/
Description: 
Author: Erika Sarti
Author URI: http://erikasarti.net/
Version: 1.0
*/

/* Tabela de cores */

/*
Amarelo		#fcd022
Azul mais claro	#d7e6ec
Azul claro	#84c2d8
Azul escuro	#056081
*/

	*			{margin: 0; padding: 0;}

	body			{background: #FFF url(images/background.png) center 30px no-repeat; color: #444;
				font: 12px/140% Verdana,sans-serif;}

	a:link, a:visited	{color: #056081; text-decoration: none;}

	a:hover, a:active	{color: #056081; text-decoration: underline;}

	h1			{font-size: 36px; margin: 0 0 40px; font-weight: normal;}

	h2			{font-size: 24px; margin: 0 0 20px; font-weight: normal;}

	h3			{font-size: 18px; margin: 20px 0 8px; font-weight: normal;}

	h4			{font-size: 12px; margin-bottom: 30px; color: #999;}

	h5			{font-size: 12px;}

	h6			{font-size: 12px;}

	hr			{margin: 10px 0;}

	p			{margin-bottom: 12px;}

	blockquote		{}

	blockquote blockquote	{}

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

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

	.clear			{clear: both;}


	#main			{width: 980px; margin: 0px auto;}


	#header			{clear: both;}

		#header h1 a		{width: 335px; height: 110px; display: block; text-indent: -100000px;
					background: url(images/logo.png) no-repeat 0 20px; margin: 10px 0 0 0;
					padding-top: 30px; *margin-top: 10px;}

		#header h1 a		{_display: none;}

		#header .h1_ie6		{display: none; _display: block; _width: 335px; _height: 110px;
					_margin: 20px 0 68px 0;}

	#searchform		{width: 200px; height: 50px; float: right; font-size: 11px; color: #056081;}

		#searchform input	{border: 1px #fcd022 solid; font: 11px Verdana,sans-serif;
					color: #056081; padding: 2px; width: 140px;}

		#searchform #searchsubmit	{background: url(images/search.png) no-repeat; font-weight: bold;
						width: 41px; height: 22px; padding: 0; border: none;}


	#menu			{margin: -48px 0 80px 250px; _margin-left: 200px; height: 35px; *margin-top: -55px;}


		#menu ul		{float: left; list-style: none;}
	
		#menu li		{float: left; list-style: none; margin: 0;}
	
		#menu li a,
		#menu li a:link,
		#menu li a:visited	{color: #FFF; display: block; margin: 8px 0; padding: 0 17px;
					text-decoration: none; text-align: center; font-weight: bold;
					border-left: 1px #84c2d8 solid;}

		#menu li a.home		{border-left: none; padding-left: 0;}

		#menu li a:hover,
		#menu li a:active	{color: #fcd022 !important; text-decoration: none;}
	
		#menu li li a,
		#menu li li a:link,
		#menu li li a:visited	{background: #056081; color: #FFF; width: 140px; text-align: left;
					float: none; margin: 0px; padding: 5px 7px 4px 7px;
					border-top: 1px #84c2d8 solid;}
	
		#menu li li a:hover,
		#menu li li a:active	{background: #84c2d8; color: #056081 !important;}

		#menu li ul		{z-index: 9999; position: absolute; left: -999em; height: auto;
					width: 170px; margin: 0px; padding: 0px;}

		#menu li ul a		{width: 140px;}

		#menu li ul ul		{margin: -32px 0 0 170px;}

		#menu li:hover ul ul,
		#menu li:hover ul ul ul, 
		#menu li.sfhover ul ul,
		#menu li.sfhover ul ul ul {left: -999em;}

		#menu li:hover ul,
		#menu li li:hover ul,
		#menu li li li:hover ul,
		#menu li.sfhover ul,
		#menu li li.sfhover ul,
		#menu li li li.sfhover ul {left: auto;}

		#menu li:hover,
		#menu li.sfhover	{position: static;}

	#content		{width: 710px; float: left;}

	#content, #content2	{*padding-top: 5px;}

	#logos				{text-align: center; margin-top: 50px;}

		#logos img		{margin: 0px 5px; vertical-align: middle;}

	.inicial			{width: 230px; height: 420px; background: #d7e6ec; float: left; margin: 0 5px;
					font-size: 11px;}

		.inicial a:link,
		.inicial a:visited	{color: #056081; font-weight: bold;}

		.inicial a:hover,
		.inicial a:active	{text-decoration: underline;}

		.inicial h2		{font-size: 12px; font-weight: bold; margin: 0 10px 10px;}

		.inicial h3		{font-size: 11px; font-weight: bold; margin: 10px;}

		.inicial p		{margin: 0 10px 10px;}

		.inicial ul		{margin: 5px 0 5px 20px;}

		.inicial li		{margin-bottom: 1px;}

		.inicial ul ul		{}

		.inicial .curva_topo	{background: #d7e6ec url(images/curva.gif) no-repeat -10px 0px;
					display: block; width: auto; height: 10px; overflow: hidden;}

		.inicial .curva_topo .curva	{background: #d7e6ec url(images/curva.gif) no-repeat top left;
						float: right; display: block; width: 10px; height: 10px; overflow: hidden;}

		.inicial .curva_fim	{background: #d7e6ec url(images/curva.gif) no-repeat -10px -10px;
					display: block; width: auto; height: 10px; overflow: hidden; position: relative; top: 400px; left: 0;}

		.inicial .curva_fim .curva	{background: #d7e6ec url(images/curva.gif) no-repeat 0px -10px;
						float: right; display: block; width: 10px; height: 10px; overflow: hidden;}

	#slideshow		{list-style: none; margin: 20px 0 40px 10px; padding: 0;
				display: block; height: 200px !important; overflow: hidden !important;}

		#slideshow img		{width: 940px; height: 200px; border: none;}

	.post			{margin-bottom: 40px;}

	.metadata		{margin: 15px 0 25px;
				font-size: 11px; color: #666;}


		/* alinhamento das imagens */

		.wp-caption			{display: block;}

		.wp-caption img			{border: none;}

		.aligncenter			{margin: auto;}

		.alignleft			{float: left; margin-right: 5px;}

		.alignright			{float: right; margin-left: 5px;}

		.wp-caption-text		{color: #666; font-size: 11px; text-align: center;}


	.navigation		{font-size: 11px;}

		.alignleft			{width: 49%; float: left;}

		.alignright			{width: 49%; float: right; text-align: right;}

	.e404			{margin: 50px 0 300px; text-align: center;}

	#erika			{font-size: 11px; font-weight: bold; text-align: right;}

	.child			{margin: 30px 0 30px 40px; list-style: square;}


	#sidebar		{width: 230px; padding: 0 0 20px 20px; border-left: 1px #84c2d8 dotted; float: right; font-size: 11px;}


		#sidebar ul			{list-style-type: square; margin-left: 20px;}


	#footer			{background: #056081; color: #FFF; margin-top: 20px; padding: 10px;
				border-top: 1px #84c2d8 solid; text-align: center; font-size: 11px;}

		#footer address			{font-style: normal;}

		#footer h3			{display: block; width: 980px; margin: 3px auto; text-align: left;
						font-size: 11px; font-weight: bold;}

		#footer div			{display: block; width: 980px; margin: 0px auto; text-align: left;
						font-size: 10px;}

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

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