@import url("designer.css");

/*ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
	Project
  ooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

	/*oooooooooooooooooooooooooooooooo
		Typography
	  oooooooooooooooooooooooooooooooo*/
		/*
		Color Index
		-------------------------------------------------------
		Cinza Escuro                              | #666666
		Azul									  | #0000FF
		Vermelho								  | #FF0000
		Roxo									  | #6633FF
		Cinza Claro								  | #CCCCCC
		Cinza Amarelado							  | #C3C3C3
		Amarelo Claro							  | #FFFFCC
		*/

		/*oooooooooooooooooooooooooooooooo
			Texts
		  oooooooooooooooooooooooooooooooo*/
		html,body {
	font-size: 16px;
	font-family: "Segoe UI", Verdana, Arial;
	line-height:1.4em;
	color:#999;	/* Default Text Color */
		}

		p { margin: 0 0 5px; } /* Margins for Text */

		blockquote  { margin: 10px; font-style: italic; }
		strong      { font-weight: bold; }
		em,dfn      { font-style: italic; }
		dfn         { font-weight: bold; }
		sup, sub    { line-height: 0; }

		abbr, 
		acronym     { border-bottom: 1px dotted #666; }
		address     { margin: 0 0 5px; font-style: italic; }
		del         { color:#666; }

		pre,code    { margin: 10px 0; white-space: pre !important; }
		pre,code,tt { font-family: 'andale mono', 'lucida console', monospace; line-height: 1.5; }

		/*oooooooooooooooooooooooooooooooo
			Titles
		  oooooooooooooooooooooooooooooooo*/
		h1,h2,h3,h4,h5,h6 {
			font-weight: bold;	/* Title Style: Normal, Bold */
			margin-bottom:15px;
			line-height:1em;
			color:#333;
		}
		h1 { font-size: 32px;  }
		h2 { font-size: 26px;  }
		h3 { font-size: 20px;  }
		h4 { font-size: 16px;  }
		h5 { font-size: 14px;  }
		h6 { font-size: 12px;  }

		/*oooooooooooooooooooooooooooooooo
			Links
		  oooooooooooooooooooooooooooooooo*/
		a {
			color: #E42502;
			text-decoration: none;
		}
		a:focus {
			color: #E42502;
			text-decoration: none;
		}
		a:visited {
			color: #AD1B01;
		}
		a:hover {
			color: #2C81BB;
			text-decoration:underline;
		}
		h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus {
			color:#E42502 !important;
			text-decoration:none;
		}
		h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
			color:#2C81BB !important;
			text-decoration:underline !important;
		}
		h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {
			color:#2C81BB;
			text-decoration:none;
		}
		
		a.external,a.external:visited,a.external:focus {
			color:#666666;
		}
		a.external:hover { color:#333333; }
		

		/*oooooooooooooooooooooooooooooooo
			Lists
		  oooooooooooooooooooooooooooooooo*/
		ul li { line-height:1.5em; padding-left:15px; background:url('/layout/imagens/icon-ul.gif') no-repeat 0px 4px; display:block; }
		li ul, ul ul,
		li ol       { margin:0px 0px 0px 10px !important}
		ul, ol      { margin: 0px 0px 10px 10px; }
		ul          { list-style-type: none; position:relative }
		ol          { list-style-type: decimal; }
		dl          { margin: 0 0 1.5em 0; }
		dl dt       { font-weight: bold; }
		dd          { margin-left: 1.5em;}

	/*oooooooooooooooooooooooooooooooo
		Buttons
	  oooooooooooooooooooooooooooooooo*/
	
	/*oooooooooooooooooooooooooooooooo
		Content Management
	  oooooooooooooooooooooooooooooooo*/
	.edit_class {background-color:#FFFFCC}

	/*oooooooooooooooooooooooooooooooo
		Divider
	  oooooooooooooooooooooooooooooooo*/
	.hr {
		display:block;
		height:16px;
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
		background:url('/layout/imagens/hr.gif') repeat-x;
	}
	.hr hr {display:none;}

	/*oooooooooooooooooooooooooooooooo
		Forms
	  oooooooooooooooooooooooooooooooo*/
	.form label {
		clear:both;
		display:block;
		margin-top:10px;
		cursor:pointer;
		color:#000;
		font-weight:normal;
		font-size:18px;
	}
	.form .input-box {
		margin-right:20px;
		float:left;
	}
	.form .input-container {
		clear:both;
		float:left;
		border-top:1px solid #999;
	}
	* html .form .input-container {
		margin-bottom:0px;
	}

	*:first-child+html .form .input-container {
		margin-bottom:0px;
	}
	.form input,.form textarea {
		border:1px solid #C3C3C3;
		border-right:1px solid #DDD;
		border-bottom:1px solid #DDD;
		font-size:16px;
		padding:2px;
		margin:0px;
		font-family:Arial; /* Form Inputs Font */
	}
	.form .large {
		width:440px;
	}
	.form .medium {
		width:207px;
	}
	.form .small {
		width:90px;
	}
	.form .bimg {
		border:none
	}
	.form .bimg:focus {
		background:none;
		border:none;
	}
	* html .form input,* html .form textarea {
		margin-top:-1px;
	}
	*:first-child+html .form input,*:first-child+html .form textarea {
		margin-top:-1px;
	}
	.form input:focus,.form textarea:focus,.form .focused {
		border:1px solid #C3C3C3;
		border-right:1px solid #DDD;
		border-bottom:1px solid #DDD;
		background:#FFFFCC;
		color:#000;
	}
	.form .field-error, .form .field-error {
		border:3px solid #FF0000;
	}
	.form .required {
		background:#FFFFCC;
	}
	.form .required:focus {
		background:#FFFF99;
	}
	.form label img {
		margin-left:5px;
	}

	/*oooooooooooooooooooooooooooooooo
		Images
	  oooooooooooooooooooooooooooooooo*/
	img.default { }
	img.left { float:left; margin: 0em 10px 10px 0; }
	img.right { float:right; margin: 0em 0em 10px 10px; }

	/*ooooooooooooooooooooooooooooooooooooooooooo
		Structure
		---------------------------------------
		page
			page-wrapper
				block
					block-wrapper
						branding
							branding-logomarca
							branding-tag
							branding-banner
						nav
						content
						sidebar
						footer
	  oooooooooooooooooooooooooooooooooooooooooooo*/
	.sub-titulo-caixa-marron {
	font-family: "Segoe UI", Verdana, Arial;
	font-size: 18px;
	color: #89C912;
}
	.branco {color:#FFF}
	.cinza {color:#333}
	.m0 {margin:0px}
	.barra-bloco {
	position:absolute;
	left:0px;
	top:-10px;
	height:10px;
	width:940px;
	background-color: #1A1612;
}
	.rodape {
		font-size:12px;
		border-top:1px solid #D3D3D3;
		padding-top:10px;
		margin-top:10px;
		color:#666
	}
	.w450 {width:450px}
	.ml85 { margin-left:85px }
	.laranja { color:#5F7925; font:bold; font-size:14px}
	.laranja-escuro { color:#333 }
	.balao { background:url('/imagens/balao-topo.gif') no-repeat; margin-bottom:15px; }
	.balao div { width:400px;height:auto; background:url('/imagens/balao-fundo.gif') no-repeat left bottom;padding-bottom:20px;padding-top:10px;padding-left:0px;padding-right:0px;font:14px; color:#333}
	.caixa-portifolio { float:left;width:305px;height:200px;background:url('/imagens/bloco-ultimos-trabalhos.gif') no-repeat }
	.caixa-portifolio div div { height:180px;width:270px;background:#000 }
	.nome { float:left;height:20px;width:305px;color:#444 }
	#seta-esquerda { display:block;position:absolute;left:-30px;top:88px;width:27px;height:55px; }
	#seta-direita { display:block;position:absolute;right:-30px;top:88px;width:27px;height:55px; }

	/*oooooooooooooooooooooooooooooooo
		Tables
	  oooooooooooooooooooooooooooooooo*/
	table       { margin-bottom: 1.4em; width:100%; }
	table td	{ font-size:1em }
	thead		{}
	thead th,thead td { font-weight:bold; background: #666666 !important; color:#FFFFFF;  }
	th          { font-weight: bold; background: #666666; color:#FFFFFF }
	th,td       { padding: 4px 10px 4px 5px; }
	thead td { border:1px solid #CCCCCC }
	tbody td { border:1px solid #CCCCCC }
	tr.impar td  { background: #FFFFCC; }
	tfoot       { font-style: italic; }
	caption     { background: #666666; }