/* Desenvolvido por Guilherme Augusto Madaleno - zatec@ymail.com */@charset "utf-8";

/* FONTES TRUETYPE - Descobriu meu segredinho, hein? hehehe... */

@font-face 
{
	font-family: FuturaLight;
	src: url("http://zatec.us/fonts/futural.ttf")
}

@font-face 
{
	font-family: FuturaLight;
	src: url("http://zatec.us/fonts/futural.eot")
}

@font-face 
{
	font-family: Futura;
	src: url("http://zatec.us/fonts/futura.ttf")
}

@font-face 
{
	font-family: Futura;
	src: url("http://zatec.us/fonts/futura.eot")
}

/* TOOLTIP */

#tooltip 
{
	position: absolute; 
	z-index: 3000; 
	padding: 3px 5px 3px 5px; 
	color: #FFFFFF; 
	font-family: Tahoma, Arial;
	font-size: 14px;
	background-color: #a1ba00;
}

#tooltip h3, #tooltip div 
{ 
	margin: 0; 
	padding: 6px;  
}

/* CORPO */

body, html
{
	width: 100%;
	height: 100%;	
}

body
{
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Verdana;
	font-size: 12px;
	color: #666;
	background-color: #f8f8f8;
	background-image: url("http://zatec.us/images/body.jpg");
	background-repeat: no-repeat;
}

a
{
	color: #a1ba00;
	text-decoration: none;
}

	a:hover
	{
		color: #333;
	}
	
	a:active
	{
		color: #777;
	}
	
a.button
{
	width: auto;
	overflow: hidden;
	background-color: #a1ba00;
	background-image: url("http://zatec.us/images/green/button.png");
	background-repeat: repeat-x;
	margin: 0 20px 0 0;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	color: white;
	cursor: pointer;
}

	a.button:hover
	{
		background-color: #849800;
		background-image: url("http://zatec.us/images/green/button_active.png");
	}
	
	a.button:active
	{
		filter: alpha(opacity=50);
		opacity: 0.5;
		-moz-opacity: 0.5;
		padding: 5px 10px 5px 10px;
	}
	
	a.button img
	{
		margin-top: 4px;	
	}


textarea 
{
    resize: none;
}

small
{
	font-size: 10px; 
	font-family: Verdana; 
	color: #777; 
	letter-spacing: normal;	
}
	
.fields
{
	border: 1px solid #ddd;
	background-color: #ffffff;
	background-image: url("http://zatec.us/images/fields.png");
	background-repeat: repeat-x;
	margin: 0;
	padding: 3px;
	font-family: Trebuchet MS, Tahoma, Arial;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	color: #777;
}

.fields:hover
{
	border: 1px solid #849800;
}

.fields:focus
{
	border: 1px solid #a1ba00;
}

	/* ESTRUTURA */
	
	div#main
	{
		position: relative;
		width: 710px;
		left: 50%;
		margin: 0 0 0 -390px;
		border-left: 80px solid #cccccc;
		display: inline-block;
		border-bottom: 1px solid #ddd;
	}
	
		/* BARRA VERDE */
		
		div#bar
		{
			width: 100%;
			left: 0;
			right: 0;
			top: 0px;
			position: fixed;
			background-color: #a1ba00;
			z-index: 2147483647;
		}
	
		/* BIG Z */
		
		div#bigz
		{
			width: 348px;
			height: 348px;
			position: fixed;
			left: -120px;
			top: 80px;
			background-image: url("http://zatec.us/images/green/bigz.png");
			background-repeat: no-repeat;
			cursor: pointer;
		}
	
		/* TOPO */
	
		div#main div#top
		{
			position: relative;
			width: 700px;
			height: 40px;
		}
		
			div#main div#top div#sbar
			{
				position: absolute;
				width: 700px;
				height: 20px;
				top: 10px;
				left: 0;
				background-color: #f1f1f1;
				border-right: 10px solid #cccccc;
				overflow: hidden;
			}
			
				div#main div#top div#sbar ul
				{
					position: absolute;
					width: 190px;
					height: 20px;
					margin: 0;
					padding: 0;
					right: 0;
					top: 0;
					background-color: white;
					overflow: hidden;
				}
					
					div#main div#top div#sbar ul li
					{
						margin: 0;
						padding: 0;
						list-style: none;
						float: right;
					}
					
						div#main div#top div#sbar ul li input#search
						{
							border: none;
							background: none;
							margin: 0;
							padding: 0;
							font-family: Arial;
							font-weight: bold;
							font-size: 14px;
							width: 170px;
							height: 20px;
							color: #777;
						}
					
				div#main div#top div#sbar div#login
				{
					float: left;
					font-family: Verdana, Arial;
					font-size: 11px;
					margin: 4px;
				}
				
					div#main div#top div#sbar div#login span
					{
						color: #ccc;	
					}
				
					div#main div#top div#sbar div#login a
					{
						text-decoration: none;
						font-family: Verdana, Arial;
						font-size: 11px;
						color: #777;
					}
					
						div#main div#top div#sbar div#login a:hover
						{
							color: #a1ba00;
						}
						
			div#main div#top div#menu
			{
				position: absolute;
				width: 70px;
				height: 500px;
				top: 110px;
				left: -70px;
			}
			
				div#main div#top div#menu ul
				{
					width: 70px;
					margin: 0;
					padding: 0;
				}
				
					div#main div#top div#menu ul li
					{
						width: 70px;
						height: 60px;
						margin: 0;
						padding: 0;
						list-style: none;
					}
					
					div#main div#top div#menu ul li#on
					{
						background-color: #ffffff;
					}
					
					div#main div#top div#menu ul li#itau
					{
						width: 32px;
						height: 32px;
						margin: 20px 14px 0 14px;
					}
					
			div#main div#top div#icons
			{
				position: absolute;
				width: 40px;
				height: 240px; 
				top: 100px;
				right: -50px;
				overflow: hidden;
				background-image: url("http://zatec.us/images/trans25.png");
				background-color: white;
			}
			
				div#main div#top div#icons ul
				{
					margin: 0;
					padding: 0;
				}
				
					div#main div#top div#icons ul li
					{
						margin: 0;
						padding: 0;
						list-style: none;
						width: 40px;
						height: 40px;
					}
		
		/* CABEÇALHO */
		
		div#main div#head
		{
			position: relative;
			width: 700px;
			height: 60px;
			border-right: 10px solid #cccccc;
			background-color: #ffffff;
		}
		
			div#main div#head ul
			{
				position: relative;
				width: 700px;
				height: 60px;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}
			
				div#main div#head ul li
				{
					position: relative;
					float: left;
					list-style: none;
				}

				div#main div#head ul li#title
				{
					width: 509px;
					height: 60px;
					overflow: hidden;
					text-align: left;
					border-right: 1px solid #e5e5e5;
				}
				
					div#main div#head ul li#title h1
					{
						margin: 15px 0 0 15px;
						padding: 0 0 0 5px;
						font-family: Trebuchet MS, Tahoma, Arial;
						font-weight: bold;
						font-size: 28px;
						color: #999;
						letter-spacing: -2px;
					}

				div#main div#head ul li#logo
				{
					width: 190px;
					height: 60px;
					overflow: hidden;
					text-align: right;
					background-image: url('http://zatec.us/images/content.png'); 
					background-repeat: no-repeat; 
					background-position: right bottom;
				}
				
		/* CONTEÚDO */
		
		div#main div#mid
		{
			position: relative;
			display: inline-block;
			width: 700px;
			min-height: 600px;
			border-right: 10px solid #cccccc;
			background-color: #ffffff;
		}
		
			div#main div#mid ul#content
			{
				margin: 0;
				padding: 0;
				position: relative;
				width: 700px;
			}
			
				div#main div#mid ul#content li
				{
					position: relative;
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
				/* DEFINIÇÕES PADRÕES DE CONTEÚDO */
				
				div#main div#mid ul#content li#left h2, 
				div#main div#mid ul#content li#right h2, 
				div#main div#mid ul#content li#center h2
				{
					font-family: Trebuchet MS, Tahoma, Arial;
					font-weight: bold;
					letter-spacing: -1px;
					font-size: 20px;
					color: #a1ba00;
					margin: 20px;
				}
				
				div#main div#mid ul#content li#left h3, 
				div#main div#mid ul#content li#right h3, 
				div#main div#mid ul#content li#center h3
				{
					font-family: Trebuchet MS, Tahoma, Arial;
					font-weight: bold;
					letter-spacing: -1px; 
					font-size: 18px;
					margin: 20px 20px 10px 20px;
				}
				
				div#main div#mid ul#content li#left h6, 
				div#main div#mid ul#content li#right h6, 
				div#main div#mid ul#content li#center h6
				{
					font-family: Trebuchet MS, Tahoma, Arial;
					font-size: 14px;
					margin: 0 20px 10px 20px;
					color: #999;
				}
				
					div#main div#mid ul#content li#left h6 a, 
					div#main div#mid ul#content li#right h6 a, 
					div#main div#mid ul#content li#center h6 a
					{
						font-family: Trebuchet MS, Tahoma, Arial;
						color: #849800;
						font-weight: bold;
					}
					
						div#main div#mid ul#content li#left h6 a:hover, 
						div#main div#mid ul#content li#right h6 a:hover, 
						div#main div#mid ul#content li#center h6 a:hover
						{
							color: #849800;
							text-decoration: underline;
						}
						
						div#main div#mid ul#content li#left h6 a:active, 
						div#main div#mid ul#content li#right h6 a:active, 
						div#main div#mid ul#content li#center h6 a:active
						{
							color: #333;
						}
				
				div#main div#mid ul#content li#left hr, 
				div#main div#mid ul#content li#right hr, 
				div#main div#mid ul#content li#center hr
				{
					width: 100%;
					height: 1px;
					margin: 20px 0 20px 0;
					padding: 0;
					border: none;
					border-bottom: 1px solid #e5e5e5;
					background: none;
				}
				
				div#main div#mid ul#content li#left p, 
				div#main div#mid ul#content li#right p, 
				div#main div#mid ul#content li#center p
				{
					margin: 0 20px 20px 20px;
					line-height: 22px;
				}

				/* CONTEÚDO CENTRO */
				
				div#main div#mid ul#content li#center
				{
					float: left;
					width: 700px;
					border-top: 10px solid #eaeaea;
					overflow: hidden;
				}
				
				/* CONTEÚDO ESQUERDA */
				
				div#main div#mid ul#content li#left
				{
					float: left;
					width: 509px;
					border-right: 1px solid #e5e5e5;
					border-top: 10px solid #eaeaea;
				}
				
					div#main div#mid ul#content li#left ul#links, 
					div#main div#mid ul#content li#right ul#links,
					div#main div#mid ul#content li#center ul#links
					{
						position: relative;
						display: inline-block;
						width: 509px;
						margin: 0 0 20px 0;
						padding: 0;
					}
					
						div#main div#mid ul#content li#left ul#links li,
						div#main div#mid ul#content li#right ul#links li,
						div#main div#mid ul#content li#center ul#links li
						{
							list-style-image: url("http://zatec.us/images/green/arrow.png");
							list-style-position: 4px 2px;
							margin: 0 0 6px 40px;
							padding: 0;
							font-family: Trebuchet MS, Tahoma, Arial;
							font-weight: bold;
							font-size: 18px;
							letter-spacing: -1px;
						}
						
							div#main div#mid ul#content li#left ul#links li:hover,
							div#main div#mid ul#content li#right ul#links li:hover,
							div#main div#mid ul#content li#center ul#links li:hover
							{
								list-style-image: url("http://zatec.us/images/arrow.png");
							}
						
						div#main div#mid ul#content li#left ul#links li.gray,
						div#main div#mid ul#content li#right ul#links li.gray,
						div#main div#mid ul#content li#center ul#links li.gray
						{
							list-style-image: url("http://zatec.us/images/arrow.png");
							margin-bottom: 10px;
						}
						
							div#main div#mid ul#content li#left ul#links li.gray:hover,
							div#main div#mid ul#content li#right ul#links li.gray:hover,
							div#main div#mid ul#content li#center ul#links li.gray:hover
							{
								list-style-image: url("http://zatec.us/images/green/arrow.png");	
							}
						
							div#main div#mid ul#content li#left ul#links li.gray a,
							div#main div#mid ul#content li#right ul#links li.gray a,
							div#main div#mid ul#content li#center ul#links li.gray a
							{
								color: #666;	
							}
							
								div#main div#mid ul#content li#left ul#links li.gray a:hover,
								div#main div#mid ul#content li#right ul#links li.gray a:hover,
								div#main div#mid ul#content li#center ul#links li.gray a:hover
								{
									color: #a1ba00;	
								}
													

				/* CONTEÚDO DIREITA */
				
				div#main div#mid ul#content li#right
				{
					float: right;
					width: 190px;
					border-top: 1px solid #e5e5e5;
				}
						
		/* RODAPÉ */
		
		div#main div#bot
		{
			position: relative;
			width: 700px;
			height: 59px;
			border-right: 10px solid #cccccc;
			background-color: #ffffff;
			background-image: url('http://zatec.us/images/content.png'); 
			background-repeat: no-repeat; 
			background-position: right bottom;
		}
			
			div#main div#bot ul
			{
				position: relative;
				width: 700px;
				height: 59px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				border-top: 1px solid #e5e5e5;
			}
			
				div#main div#bot ul li
				{
					position: relative;
					float: left;
					margin: 0;
					padding: 0;
					list-style: none;
				}
				
				div#main div#bot ul li#logos
				{
					width: 100px;
					height: 60px;
					text-align: left;
				}
				
					div#main div#bot ul li#logos p
					{
						margin: 18px 0 0 18px;	
					}
				
				div#main div#bot ul li#copy
				{
					font-family: Verdana, Arial;
					width: 409px;
					height: 60px;
					border-right: 1px solid #e5e5e5;
					line-height: 14px;
				}
				
					div#main div#bot ul li#copy p
					{
						font-size: 11px;
						color: #999;
						margin: 15px 0 0 12px;	 
					}
					
						div#main div#bot ul li#copy p span
						{
							color: #ddd;	
						}
				
					div#main div#bot ul li#copy a
					{
						font-family: Verdana, Arial;
						font-weight: normal;
						font-size: 11px;
						color: #999;
						text-decoration: none;
					}
					
					div#main div#bot ul li#copy a:hover
					{
						color: #a1ba00;
						text-decoration: underline;
					}
					
					div#main div#bot ul li#copy a:active
					{
						color: #849800;
					}
					
				div#main div#bot ul li#rss
				{	
					width: 190px;
					height: 60px;
					float: right;
				}
				
					div#main div#bot ul li#rss ul
					{
						width: 170px;
						height: 20px;
						margin: 20px 0 20px 0;
						border: none;
					}
						
						div#main div#bot ul li#rss ul li
						{
							float: right;
							margin-left: 10px;
						}
						
		/* CAIXA DE MENSAGENS */
		
		div#msg,
		div#billingInput
		{
			margin: 10px;
			padding: 10px;
			border: 1px solid #ddd;
			background-image: url("http://zatec.us/images/msg.png");
			background-repeat: repeat-x;
			background-color: #f5f5f5;
		}
			div#msg p,
			div#billingInput p
			{
				margin: 10px;
			}
			div#msg p#text,
			div#billingInput p#text
			{
				font-family: Tahoma, Arial;
				font-size: 20px;
				font-weight: bold;
				color: #849800;
				letter-spacing: -1px;
			}
			
			div#msg p#button,
			div#billingInput p#button
			{
				margin-top: 20px;	
			}
			
				div#msg p#button a.button,
				div#billingInput p#button a.button
				{
					margin: 0;	
				}
				
		/* BOTÕES BBCODE */
		
		.bbcode 
		{
			padding: 2px 4px 2px 4px; 
			font-weight: bold;
			border: 1px solid #ddd; 
			margin: 0 2px 6px 0; 
			color: #333; 
		}
		
			.bbcode:hover
			{
				background-color: #a1ba00;
				color: white;	
			}
			
			.bbcode:active
			{
				background-color: #849800;
				color: white;	
			}