/*-- Geral -------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, form, fieldset {
	padding: 0;
	margin: 0; }

body {
	color: #66523a;
	background: #ebe8dd url("../img/bg.gif") top center repeat-y;
	font: small "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
	line-height: 110%; }

p {	margin: 0 0 1em 0; }
a { color: #1873a2; }
a:hover { color: #333; }
a img { border: none; }
em.color { font-style: normal; color: #ff8b00; }

/*-- Forms -------------------------------------------------------------------*/

.input {
	padding: 3px;
	border: 1px solid #a18e77;
	font: 1em "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }

.input:focus { border: 1px solid #666; }

textarea.input { height: 120px; }

label, .label {
	color: #a18e77;
	font-weight: bold; }

/*-- Top ---------------------------------------------------------------------*/

#top {
	width: 100%;
	background: url("../img/stripe1.gif") bottom center repeat-x; }

#top div {
	position: relative;
	width: 750px;
	height: 85px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	font-size: 0.85em;
	color: #66523a;
	background: url("../img/stripe2.gif") bottom center no-repeat; }

	/*-- Logo ----------------------------------------------------------------*/

	#top h1 { float: left; }

	#top h1 img { display: none; }

	#top h1 span,
	#top h1 a {
		border: none;
		display: block;
		width: 150px;
		height: 85px; }

	#top h1 span { background: url("../img/logo-dclick-screen.gif") 0 0 no-repeat; }
	
		#top #lang
	{
		position: absolute;
		top: 3px;
		left: 10px;
		font-size: 10px;
	}
		#top #lang a
		{
			color: #66523a;
			text-decoration: none;
		 	float: left;
		 	padding-left: 20px;
		 	padding-right: 10px;
		 	line-height: 15px;
		 	background: url("../img/flags.gif") no-repeat 0 0;
		 	font-weight: bold;
		 
		
		}
		#top #lang a.pt
		{
				background-position: 0 -22px;
			
		}
			#top #lang a:hover.pt, #top #lang a.pt_selected
			{
				background-position: 0 0;
			}
			#top #lang a:hover.pt
			{
				color: #ffbd38;
			}
		#top #lang a.en
		{
			background-position: 0 -66px;
		}
			#top #lang a:hover.en,  #top #lang a.en_selected
			{
				background-position: 0 -44px;
			}
			#top #lang a:hover.en
			{
				color: #ffbd38;
			}

	/*-- Menu ----------------------------------------------------------------*/

	#top ul {
		float: right;
		list-style: none;
		padding: 5px 2px 0 0;
		background: url("../img/menu-top.gif") top left repeat-x; }

	#top ul li {
		float: left; }
	
	#top ul li a {
		display: block;
		text-indent: -9999em;
		overflow: hidden;
		height: 80px;
		margin: 0 0 0 2px;
		background: url("../img/menu.png"); }
		
		/*-- Menu states -----------------------------------------------------*/

		#top #mhome a { width: 54px; background-position: -2px 0; }
		#top #msobre a { width: 54px; background-position: -58px 0; }
		#top #mservicos a { width: 69px; background-position: -114px 0; }
		#top #mdemos a { width: 60px; background-position: -185px 0; }
		#top #mcases a { width: 55px; background-position: -247px 0; }
		#top #mblog a { width: 45px; background-position: -304px 0; }
		#top #mcontato a { width: 64px; background-position: -351px 0; }
		
		body.home #top #mhome a, #top #mhome a:hover { background-position: -2px -80px; }
		body.sobre #top #msobre a, #top #msobre a:hover { background-position: -58px -80px; }
		body.servicos #top #mservicos a, #top #mservicos a:hover { background-position: -114px -80px; }
		body.demos #top #mdemos a, #top #mdemos a:hover { background-position: -185px -80px; }
		body.cases #top #mcases a, #top #mcases a:hover { background-position: -247px -80px; }
		body.blog #top #mblog a, #top #mblog a:hover { background-position: -304px -80px; }
		body.contato #top #mcontato a, #top #mcontato a:hover { background-position: -351px -80px; }

/*-- Banners -----------------------------------------------------------------*/

#banner {
	clear: both;
	width: 100%;
	min-width: 750px;
	padding: 65px 0 10px 0;
	background: url("../img/banner-bg.jpg") top center repeat-x; }

#banner div {
	height: 55px; }

#banner div img { display: none; }

.sobre #banner div { background: url("../img/banner-sobre.gif") top center no-repeat; }
.servicos #banner div { background: url("../img/banner-servicos.gif") top center no-repeat; }
.demos #banner div { background: url("../img/banner-demos.gif") top center no-repeat; }
.cases #banner div { background: url("../img/banner-cases.gif") top center no-repeat; }

.home #banner {
	height: auto;
	padding: 0;
	background: url("../img/stripe3.gif") bottom center repeat-x; }

.home #banner div {
	height: 205px;
	padding: 0 0 60px 0;
	background: url("../img/stripe4.gif") bottom center no-repeat; }

/*-- Content -----------------------------------------------------------------*/

#content {
	clear: both;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.85em; }

.home #content {
	margin-top: -30px;
	color: #85735d; }

.demos #content { font-size: 1em; }

.demos #content div.demo { font-size: 0.85em; }

.demomobile #content { width: 650px; }
	
	/*-- Breadcrumbs ---------------------------------------------------------*/

	#breadcrumbs {
		clear: both;
		width: 100%;
		background: url("../img/stripe3.gif") top center repeat-x; }

	#breadcrumbs ul {
		width: 750px;
		height: 19px;
		list-style: none;
		font-size: 0.85em;
		color: #4a3b3d;
		margin: 0 auto;
		padding: 6px 0 35px 0;
		background: url("../img/stripe4.gif") top center repeat-x; }
	
	#breadcrumbs ul li { display: inline; }

	#breadcrumbs ul li a {
		padding: 0 12px 0 0;
		margin: 0 7px 0 0;
		color: #fff;
		background: url("../img/breadcrumbs-div.gif") center right no-repeat; 
		text-decoration: none; }
	
	#breadcrumbs ul li a:hover {
		color: #eee;
		text-decoration: underline; }

	/*-- Colunas home --------------------------------------------------------*/

	#col1,
	#col3 {
		float: left;
		width: 210px; }
	
	#col2 {
		float: left;
		width: 275px;
		margin: 0 25px 0 20px; }

	div.coltitle {
		float: left;
		width: 100%;
		margin: 22px 0 15px 0;
		padding: 0 0 4px 0;
		border-bottom: 1px solid #ccc1b0; }

	div.coltitle h2 {
		float: left;
		height: 19px;
		font-size: 1.9em; }

	div.coltitle a {
		float: right;
		font-size: 0.8em;
		text-decoration: none;
		margin: 2px 0 0 0;
		padding: 0 15px 0 0;
		background: url("../img/icon-todos.gif") 100% 60% no-repeat; }

	div.coltitle a:hover {
		background: url("../img/icon-todos-hover.gif") 100% 60% no-repeat;; }

		/*-- Beneficios home -------------------------------------------------*/
		
		#col1 h2 {
			text-indent: -9999em;
			overflow: hidden;
			width: 200px;
			height: 200px;
			margin: 22px 0 0 0;
			background: url("../img/beneficios.gif") top left no-repeat; }

		#col1 ul { display: none; }

		#col1 a {
			display: block;
			text-indent: -9999em;
			overflow: hidden;
			width: 200px;
			height: 17px;
			margin: 15px 0 0 0;
			background: url("../img/button-muitomais.gif") top left no-repeat; }
		
		#col1 a:hover { background-position: 0 -17px; }

		/*-- Cases / Demos ---------------------------------------------------*/
		
		div.case,
		div.demo {
			clear: both;
			float: left;
			width: 275px;
			margin: 0 0 20px 0; }

		div.case img,
		div.demo img {
			float: left;
			width: 92px;
			height: 72px;
			margin: 0 10px 0 0;
			padding: 3px;
			background: #fcfaf4;
			border: 1px solid #cac8c3; }

		div.case h4,
		div.demo h4 {
			font-size: 1.3em;
			font-weight: bold;
			margin: 5px 0 0 0; }

		div.case p,
		div.demo p { margin: 0 0 5px 0; }

		div.case a.mais,
		div.demo a.mais {
			display: block;
			text-indent: -9999em;
			overflow: hidden;
			width: 90px;
			height: 11px;
			background: url("../img/button-mais.gif") 0 0 no-repeat; }

		div.demo a.mais { background: url("../img/button-demo.gif") 0 0 no-repeat; }

		div.case a.mais:hover,
		div.demo a.mais:hover { background-position: 0 -11px; }

		.demos div.demo {
			width: 350px;
			padding: 20px 0 0 0; }

		#leftcol, #rightcol {
			float: left;
			margin: 20px 0 0 0;
			width: 350px; }

		#rightcol { float: right; }

		#leftcol h2, #rightcol h2 {
			clear: both;
			float: left;
			height: 19px;
			width: 350px;
			border-bottom: 1px solid #ccc1b0; }

		.demomobile #content { margin-top: 50px; }

		.demomobile #leftcol {
			width: 176px;
			height: 208px;
			padding: 105px 47px 215px 47px;
			background: url("../img/mobile.jpg") 0 0 no-repeat; }

		.demomobile #leftcol {}

		.demomobile #rightcol {
			font-size: 1.15em;
			width: 300px;
			padding: 80px 0 0 0; }

		.demomobile #rightcol ol li { margin: 0 0 15px 0; }

		.demomobile #rightcol ul {
			list-style: none;
			margin: 10px 0 0 0; }

		.demomobile #rightcol ul li {
			margin: 0 0 10px 0;
			padding: 0 0 0 15px;
			background: url("../img/bullet.gif") 0 2px no-repeat; }

		/*-- Blog home -------------------------------------------------------*/
    	
		div.blogrecent {
			float: left;
			clear: both;
			width: 210px;
			margin: 0 0 0 0; }

		div.blogrecent dl {
			float: left;
			width: 20px;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			text-align: center;
			background: url("../img/blogdate-div.gif") 100% 60% no-repeat; }

		div.blogrecent dl dt {
			font-size: 1.7em;
			margin: 5px 0 -1px 0; }

		div.blogrecent div {
			float: left;
			width: 166px;
			margin: 2px 0 0 0; }

		div.blogrecent div p { margin: 0 0 2px 0; }
		div.blogrecent a.blogtitle { font-weight: bold; }
		div.blogrecent p.bloginfo { font-size: 0.9em; }

		/*-- Training home -------------------------------------------------------*/
		
		div.trainingrecent {
			float: left;
			clear: both;
			width: 210px;
			margin: 0 0 15px 0; }

		div.icontraining {
			float: left;
			width: 20px;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			text-align: center; }
			
		div.trainingrecent div.desc {
			float: left;
			width: 166px;
			margin: 2px 0 0 0; }

		div.trainingrecent div.desc p { margin: 0 0 2px 0; }
		div.trainingrecent a.trainingtitle { font-weight: bold; }
		div.trainingrecent p.traininginfo { font-size: 0.9em; }



/*-- Internas ----------------------------------------------------------------*/

.cases #content p { font-size: 1.15em; }

h2.sectiontitle {
	height: 26px;
	margin: 0 0 20px 0;
	font-size: 2em;
	color: #ff8b00; }

#maincol {
	width: 510px;
	float: right;
	font-size: 1.15em;
	line-height: 1.3em; }

#maincol div {
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc1b0; }

#maincol div img { margin: 0 0 2em 0; }

#maincol div ul {
	list-style: none;
	margin: 0 0 1em 0; }

#maincol div ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url("../img/bullet.gif") 0 2px no-repeat; }
	
#maincol h3 {
	color: #ff8b00;
	font-weight: normal;
	font-size: 1.3em ;
	margin: 30px 0 10px 0; }

#sidecol {
	width: 210px;
	float: left; }

	/*-- Submenus ------------------------------------------------------------*/

	#sidecol ul {
		list-style: none; }

	#sidecol ul li,
	#sidecol ul li {
		margin: 0 0 5px 0; }

	.servicos #sidecol ul li a,
	.sobre #sidecol ul li a {
		display: block;
		text-indent: -9999em;
		overflow: hidden;
		width: 210px;
		height: 15px;
		background: url("../img/submenu.gif") top left no-repeat; }

	#sidecol #mfabrica a { background-position: 0 0; }
	#sidecol #mconsulting a { background-position: 0 -15px; }
	#sidecol #mmobile a { background-position: 0 -30px; }
	#sidecol #mtreinamentos a { background-position: 0 -45px; }
	#sidecol #mweb20 a { background-position: 0 -180px; }
	#sidecol #mbeneficios a { background-position: 0 -195px; }
	#sidecol #mt1 a { background-position: 0 -60px; }
	#sidecol #mt2 a { background-position: 0 -75px; }
	#sidecol #mt3 a { background-position: 0 -90px; }
	#sidecol #mt4 a { background-position: 0 -105px; }
	#sidecol #mt5 a { background-position: 0 -120px; }
	#sidecol #mt6 a { background-position: 0 -135px; }
	#sidecol #mt7 a { background-position: 0 -150px; }
	#sidecol #mt8 a { background-position: 0 -165px; }

	.sfabrica #sidecol #mfabrica a, #sidecol #mfabrica a:hover { background-position: -210px 0; }
	.sconsulting #sidecol #mconsulting a, #sidecol #mconsulting a:hover { background-position: -210px -15px; }
	.smobile #sidecol #mmobile a, #sidecol #mmobile a:hover { background-position: -210px -30px; }
	.streinamentos #sidecol #mtreinamentos a, #sidecol #mtreinamentos a:hover { background-position: -210px -45px; }
	.sweb20 #sidecol #mweb20 a, #sidecol #mweb20 a:hover { background-position: -210px -180px; }
	.sbeneficios #sidecol #mbeneficios a, #sidecol #mbeneficios a:hover { background-position: -210px -195px; }
	.st1 #sidecol #mt1 a, #sidecol #mt1 a:hover { background-position: -210px -60px; }
	.st2 #sidecol #mt2 a, #sidecol #mt2 a:hover { background-position: -210px -75px; }
	.st3 #sidecol #mt3 a, #sidecol #mt3 a:hover { background-position: -210px -90px; }
	.st4 #sidecol #mt4 a, #sidecol #mt4 a:hover { background-position: -210px -105px; }
	.st5 #sidecol #mt5 a, #sidecol #mt5 a:hover { background-position: -210px -120px; }
	.st6 #sidecol #mt6 a, #sidecol #mt6 a:hover { background-position: -210px -135px; }
	.st7 #sidecol #mt7 a, #sidecol #mt7 a:hover { background-position: -210px -150px; }
	.st8 #sidecol #mt8 a, #sidecol #mt8 a:hover { background-position: -210px -165px; }
/*-- Treinamentos ------------------------------------------------------------*/
p.features {
	height: 13px;
	clear: both;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	color: #836c5c;
	border-bottom: 1px solid #e7dbc8;
}	
p.section {
	height: 18px;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	color: #563c35;
}	

a.emcontato,
span.emcontato {
	float: right;	
}

/*-- Tela contato ------------------------------------------------------------*/

.contato #maincol {
	width: 450px;
	float: left; }

.contato #sidecol {
	width: 235px;
	float: right; }

.contato #sidecol h3 {
	height: 16px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	color: #a18e77;
	background: url("../img/icon-contato-h3.gif") center left no-repeat; }

.contato #sidecol address {
	margin: 0 0 60px 0;
	font-style: normal; }

.contato #sidecol address,
.contato #sidecol p {
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc1b0; }

/*-- Form contato ------------------------------------------------------------*/

.contato form {
	float: left;
	width: 380px;
	font-size: 0.85em; }

.contato form .input {
	width: 362px;
	margin: 2px 0 8px 0; }

.contato form #email { margin-bottom: 18px; }
.contato form .button { float: right; }

/*-- Blog main column --------------------------------------------------------*/

.blog #maincol {
	width: 505px;
	padding: 0 0 50px 0;
	float: left;
	font-size: 1.1em; }

.blog #maincol div {
	border: none;
	padding: 0;
	margin: 0; }

.blog #maincol h3 {
	margin: 0; }

.blog #maincol h3 a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none; }

.blog #maincol h3 a:hover {
	text-decoration: underline; }

.blog #maincol .relatedCategories {
	font-size: 0.8em;
	font-weight: bold;
	padding: 8px 0 13px 0; }

.blog #maincol p.continue {
	text-align: right; }

	/*-- Post footer ---------------------------------------------------------*/

	.blog #maincol dl {
		float: left;
		width: 100%;
		font-size: 0.9em;
		margin: 10px 0 55px 0;
		padding: 8px 0 0 0;
		background: url("../img/div-postfooter.gif") 0 0 repeat-x; }

	.blog #maincol dl dt { float: left; }
	.blog #maincol dl dd {
		float: left;
		margin: 0 0 0 6px;
		padding: 0 0 0 7px;
		background: url("../img/div-pipe.gif") 0 50% no-repeat; }
	
	/*-- Comments ------------------------------------------------------------*/

	.blog #maincol #comentarios,
	#formcomentarios {
		font-size: 0.9em;
		margin: 10px 0 50px 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #a18e77; }
	
	.blog #comentarios p { margin-left: 15px; }

	.blog #comentarios p.byline {
		padding: 0 0 11px 0;
		background: url("../img/div-postfooter.gif") 0 100% repeat-x; }

	/*-- Form comments -------------------------------------------------------*/

	#formcomentarios table { margin: 0 0 0 15px; }
	#formcomentarios table td { vertical-align: top; }
	#formcomentarios table td.label {
		width: 120px;
		padding: 3px 10px 0 0;
		text-align: right; }

	#formcomentarios .input { width: 350px; }
	#formcomentarios #addcomment { margin: 10px 0 0 0; float: right; }

/*-- Blog side column --------------------------------------------------------*/

.blog #sidecol {
	width: 195px;
	float: right; }

.blog #sidecol li { margin: 0 0 5px 0; }

.blog #maincol h4,
.blog #sidecol h4 {
	clear: both;
	height: 16px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	color: #a18e77;
	background: url("../img/icon-contato-h3.gif") center left no-repeat; }

.blog #sidecol h4.feeds { background: url("../img/icon-feed.gif") center left no-repeat; }

.blog #sidecol .calendar,
.blog #sidecol form,
.blog #sidecol ul,
.blog #sidecol p {
	margin: 2px 0 36px 0;
	padding: 14px 0 0 0;
	border-top: 1px solid #a18e77; }

.blog #sidecol .calendar {
	margin-top: 0;
	padding: 0;
	border: none; }

.blog #sidecol ul.arquivos,
.blog #sidecol p {
	font-size: 1.1em;
	font-weight: bold; }

.blog #sidecol ul.arquivos li { margin: 0 0 6px 0 ;}

	/*-- Form busca ----------------------------------------------------------*/

	#sidecol form { float: left; }
	#sidecol form input { float: left; }
	#sidecol form input#search { width: 140px; font-size: 0.95em; }
	#sidecol form input#submit { margin: 3px 0 0 2px; }

	/*-- Calendario ----------------------------------------------------------*/

	#sidecol .calendar ul { margin: 0 0 0 2px; }
	.calendar ul li { float: left; }

	.calendar ul li.nextmonth a,
	.calendar ul li.prevmonth a {
		display: block;
		text-indent: -9999em;
		overflow: hidden;
		width: 13px;
		height: 13px; }

	.calendar ul li.nextmonth a { background: url("../img/button-next.gif") 0 0 no-repeat; }
	.calendar ul li.prevmonth a { background: url("../img/button-prev.gif") 0 0 no-repeat; margin: 0 2px 0 6px; }

	.calendar table th { text-transform: uppercase; }

	.calendar table { clear: both; }

	.calendar table th,
	.calendar table td {
		padding: 0 5px 0 0; }
		
	.calendar table th.domingo,
	.calendar table td.domingo {
		color: #a18e77; }
		
	.calendar a {
		font-weight: bold;
		text-decoration: none; }
	
	.calendar a:hover { text-decoration: underline; }

/*-- Footer ------------------------------------------------------------------*/

#wrapper {
	float: left;
	width: 100%;
	padding: 0 0 25px 0; }

#footer {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	height: 4em;
	font-size: 0.75em;
	color: #a18d77;
	background: #e4dfd3 url("../img/footer-bg.gif") top center repeat-y; }

#footer div {
	width: 750px;
	margin: 0 auto;
	padding: 10px 0;
	background: url("../img/footer-div.gif") top center no-repeat; }

#footer div p {
	float: left; }

#footer div a {
	float: right; }
	
/*-- SIFR --------------------------------------------------------------------*/

.sIFR-flash { visibility: visible !important;
	margin: 0; }

.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden; }

.contato .sIFR-hasFlash h2,
#col2 .sIFR-hasFlash h2,
#col3 .sIFR-hasFlash h2,
#leftcol .sIFR-hasFlash h2,
#rightcol .sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -2px; }