/*
@ Type: CSS DOCUMENT
@ Description: Styles of general
@ Website: fechine.com (V2)
@ Author: Joćo Paulo Fechine Sette
*/

/* Imports */
@import url(menu.css);
@import url(intern.css);
@import url(lightbox.css);
	
	/* General Styles */
	* {margin:0; padding:0; border:0; outline:none; text-decoration:none; font-size:11px; font-family:'Trebuhcet Ms', Helvetica, sans-serif; list-style-type:none; color:#8f8f8f}


		html {background: black url(../images/general/html-bg.jpg) no-repeat fixed top left;}
		body {position:relative; min-width:1000px}
		
		
		.clear {width:1px; height:1px; display:block; clear:both; overflow:hidden}
		a:hover {background:url(../images/general/a-link.gif) no-repeat right bottom}
		.fechine {font-family:'trebuchet ms'!important; color:#c3caa2!important; margin:0 3px;}
		.orce {padding:2px 15px 2px 15px; color:#d2ff00; background:url(../images/general/a-orce-setinha.gif) no-repeat center left}
			.orce:hover {background-position:left}
		span.separador {border:1px solid black; display:block; height:0px; width:0px; clear:both; float:none; text-indent:-9000px}
		p#topo {display:block; height:0px; width:0px; text-indent:-9000px; outline:none}
		
		/* Headers */
		h2, h1 {display:none}
		h3{background:url(../images/general/h3-cases.gif) top left; float:left; width:13px; height:148px; text-indent:-9000px}
		h5 {display:none}
		h6 {text-transform:uppercase; font-weight:normal; font-size:24px; color:#000; margin:10px 0 20px 0}
		
		/* Flash */
		.flash {margin:20px 0 0 15px; float:left}
		
		
		/* Destaque (versao 1) */
		div.headlines {clear:both; margin:0 0 0 20px; width:974px; height:209px; background:url(../images/general/div-headlines.png) no-repeat top left}
			div.headlines img {width:175px; height:175px; margin:20px 12px 0 11px; float:left; background-position:center}
			div.headlines h3 {text-indent:0; width:auto; height:auto; background:none;}
			div.headlines h3 a {font-size:24px; width:730px; float:left; color:#FFF; margin:30px 0 0 15px}
			div.headlines h3 a:hover {color:#d2ff00;}
			div.headlines div.destaque {width:340px; overflow:hidden; text-align:justify; height:95px; float:left; margin:30px 0 0 15px; line-height:17px;}
				div.headlines p a {display:block; height:91px; color:#000; font-size:12px; padding:3px 5px}
				div.headlines p a:hover {color:#000; background-color:#add200;}
			
			div.headlines div.others {float:left; margin:37px 0 0 16px}
				div.headlines div.others p {height:auto; width:auto; margin:0; float:none}
					div.headlines div.others p a {color:#000; height:auto; font-size:12px; margin-left:22px; font-weight:bold}
					div.headlines div.others p a:hover {background:none}
				div.headlines div.others ul {margin:2px 0 0 0; width:405px}
					div.headlines div.others ul li {height:22px; margin-top:2px}
						div.headlines div.others ul li a {color:#000; font-size:11px; display:block; padding:3px 0 0 30px;}
						div.headlines div.others ul li a:hover {color:#d2ff00; background-color:#000; padding:3px 2px 2px 30px;  background:url(../images/general/a-lupa-seta.gif) no-repeat 7px 2px}
		
		
		/* Destaque (versao 2) */
		div.headlines2 {clear:both; margin:10px 0 30px 0; width:auto; height:227px; background:url(../images/general/div-headlines2.png) no-repeat top left}
			div.headlines2 img {width:207px; height:165px; margin:33px 12px 0 15px; float:left; background-position:center!important}
			div.headlines2 h3 {text-indent:0; width:70%; height:auto; background:none; margin:15px 0 0 30px}
			div.headlines2 h3 a {font-size:24px; width:710px; float:left; color:#d2ff00; margin:30px 0 0 15px}
			div.headlines2 h3 a:hover {color:#fff;}
			div.headlines2 div.destaque {width:340px; overflow:hidden; text-align:justify; height:95px; float:left; margin:25px 0 0 5px; line-height:17px;}
				div.headlines2 p a {display:block; height:91px; color:#000; font-size:13px; font-weight:bold; padding:3px 5px}
				div.headlines2 p a:hover {color:#000; background-color:#add200;}
			
			div.headlines2 div.others {float:left; margin:30px 0 0 16px}
				div.headlines2 div.others p {height:auto; width:auto; margin:0; float:none}
					div.headlines2 div.others p a {color:#000; height:auto; font-size:12px; margin-left:22px; font-weight:bold}
					div.headlines2 div.others p a:hover {background:none}
				div.headlines2 div.others ul {margin:2px 0 0 0; width:405px}
					div.headlines2 div.others ul li {height:22px; margin-top:2px}
						div.headlines2 div.others ul li a {color:#000; font-size:11px; display:block; width:350px; padding:3px 0 0 30px;}
						div.headlines2 div.others ul li a:hover {color:#d2ff00; background-color:#000; padding:3px 2px 2px 30px;  background:url(../images/general/a-lupa-seta.gif) no-repeat 7px 0}
			
		
		/* Destaque (versao 3) */
		div.headlines3 {width:95%; height:270px; position:relative; margin:20px 0 50px 25px; background: url(../images/general/div-headlines3.png) no-repeat top left; clear:both}
			div.headlines3 h3 {text-indent:0; width:100%; height:auto; background:none;}
			div.headlines3 h3 a {font-size:24px; width:900px; float:left; color:#d2ff00; margin:13px 0 10px 10px}
			
			div.headlines3 div.destaque {float:left; width:570px}
				div.headlines3 div.destaque img {height:180px ;margin:15px 10px 0 15px; float:left; border:5px solid #bae200; background-position:center!important}
				div.headlines3 div.destaque p {color:#0000; margin-top:20px; text-align:justify}
					div.headlines3 div.destaque p a {color:#000!important; font-size:13px}
					div.headlines3 div.destaque p.descricao a {font-weight:bold; display:block; padding:3px 6px; background-color:#bae200; font-size:14px}
						div.headlines3 div.destaque p a strong,div.headlines3 div.destaque p a em {color:#000!important}
			
			div.headlines3 div.others {float:left; width:350px; margin:10px 0 0 10px}
				div.headlines3 div.others p {height:auto; width:auto; margin:10px 0 0 10px;}
					div.headlines3 div.others p a {color:#000; height:auto; font-style:italic; font-size:16px; padding:3px 6px; float:none; background-color:#bae200; margin-left:10px; font-weight:bold}
				div.headlines3 div.others ul {margin:10px 0 0 0;}
					div.headlines3 div.others ul li {height:22px; margin-top:2px}
						div.headlines3 div.others ul li a {color:#000; font-size:11px; display:block; padding:3px 0 0 20px;}
						div.headlines3 div.others ul li a:hover {padding:3px 2px 2px 20px; font-weight:bold;  background:url(../images/general/a-seta.gif) no-repeat 7px 0}
							div.headlines3 div.others ul li a span.date {font-size:9px!important; color:#4b5c00; border-right:3px solid #677e00; padding:2px 8px; background-color:#bae200}
		
		
		/* Page */
		div.page {width:1000px}
		
		/* Cases */
		div.cases {width:960px; height:265px; margin:20px 0 0 25px}
			div.cases h3 {margin:23px 0 0 0}
			div.cases p {margin:-40px 0 0 40px}
				div.cases p a {padding-right:20px}
		
		
		/* Quem somos */
		div.quemsomos {width:310px; height:265px; float:left; margin:0 0 0 15px; border:8px solid transparent; padding:10px}
			div.quemsomos:hover p {color:#FFF}
			div.quemsomos h3 {background:url(../images/general/h3-quem.gif) no-repeat top left; height:240px; margin-right:23px}
			div.quemsomos p {margin:0 0 10px 0; text-indent:20px; font-size:11px; letter-spacing:1px}
	
		
		/* Parceiros */
		div.parceiros {width:225px; height:265px; margin:0 0 0 15px; border:8px solid transparent; float:left; padding:10px}
			div.parceiros h3 {background:url(../images/general/h3-parceiros.gif) top left; height:220px; width:17px; margin-right:15px}
			div.parceiros a {display:block; width:49px; height:49px; padding:1px; text-indent:-9000px; border:1px solid #383838; padding:1px; margin:0 8px 8px 0; float:left}
				div.parceiros a:hover {background-position:bottom left}
		
			a.aspecto {background:url(../images/friends/aspecto.png) no-repeat top left}
			a.formfacil {background:url(../images/friends/formfacil.png) no-repeat top left}
			a.hampel {background:url(../images/friends/hampel.png) no-repeat top left}
			a.completa {background:url(../images/friends/completa.png) no-repeat top left}
			a.argos {background:url(../images/friends/argos.png) no-repeat top left}
		
		/* Clientes e Parceiros */
		div.clientespp {float:left; width:590px; margin:0 0 0 15px;}
			div.clientespp h3 {background:url(../images/general/h3-parceirosclientes.gif) top left; height:540px; width:17px; margin-right:15px}
				div.clientespp ul li {border:1px solid #141414; padding:5px; display:block; width:165px; height:40px; overflow:hidden; margin:3px; float:right}
					div.clientespp ul li h4 {color:#d2ff00}
				
		/* HOVER: Contato, Quem somos */
		div.quemsomos:hover, form.contato:hover, div.parceiros:hover {/*border:8px solid #d2ff00;*/border:8px solid transparent;}
		
		
		/* Tecnologia */
		div.tecnologia {float:left; clear:both}
		
		/* Address */
		div.assinatura {background: #0e0e0e url(../images/general/address-logoBW.gif) no-repeat center left; border-top:1px solid #000; padding:20px 0 0 0; height:33px; width:100%; position:fixed; bottom:0; left:0}
			div.assinatura a.up {display:block; width:20px; height:18px; background: url(../images/general/a-up.gif) no-repeat top left; text-indent:-9000px; right:0; margin:-50px 18px 0 0; position:fixed}
			div.assinatura p {color:#d2ff00; font-style:normal; display:inline; background-position:top left; background-repeat:no-repeat; padding:0 0 0 20px; margin:5px 20px 0 0}
			div.assinatura p.colors {font-size:9px; color:#8f8f8f; height:30px; display:block; float:right; margin-top:-4px}
				div.assinatura p.colors img {margin-right:2px}
				div.assinatura p.colors img.selecionado {border:3px solid #515151; padding:4px; margin:0 0 -6px 0}
			div.assinatura p.email {background-image:url(../images/general/p-mail.gif); margin-left:100px}
			div.assinatura p.phone {background-image:url(../images/general/p-phone.gif)}
			div.assinatura p.validation {position:absolute; top:10px; right:200px;}
				div.assinatura p.validation a {margin-left:5px; padding-right:15px}
			
		p.final {height:80px; clear:both; text-indent:-9000px}