/* CSS Document */

/*INCLUDE CSS FILES*/
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");

/*GLOBAL*/
* {
	margin:0 auto;
	padding:0px;
	padding-left: 5px;
	}
	
body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	min-width:960px;
	text-align:center;
	background:url(../img/background.jpg);
	background-repeat:repeat-y;
}

#container {
	position:relative;
	width:928px;
	margin:0 auto;
	padding:0px;
	height: 3845px;
}

#logotipo{
	position:absolute;
	left:9px;
	top:14px;
	width:331px;
	height:91px;
	z-index:1;
}

#links {
	position:absolute;
	left:421px;
	top:38px;
	width:469px;
	height:16px;
	border: 1px;
	border-style: dotted;
	background-color: #FFFFFF;
	padding-right: 14px;
	z-index: 25;
}
#nossahist1 {
	position:absolute;
	left:31px;
	top:134px;
	width:280px;
	height:466px;
	z-index:5;
	background-color: #7BB700;
	border: 1px;
	border-style:dashed;
	padding: 20px;
}
#nossahist2 {
	position:absolute;
	left:348px;
	top:149px;
	width:562px;
	height:452px;
	z-index:6;
	background-color: #FFFFFF;
	border: 1px;
	border-style: dashed;
	padding: 10px;
}
#nossatrab{
	position:absolute;
	left:47px;
	top:650px;
	width:90%;
	z-index:25;
	background-color: #FFFFFF;
	border: 1px;
	border-style: dashed;
	padding: 10px;
	padding-top: 30px;
	height: 463px;
}
#clientes1 {
	position:absolute;
	left:56px;
	top:1170px;
	width:280px;
	height:630px;
	z-index:5;
	background-color: #BFBF00;
	border: 1px;
	border-style:dashed;
	padding: 16px;
}
#clientes2 {
	position:absolute;
	left:357px;
	top:1183px;
	width:570px;
	height:659px;
	z-index:25;
	border: 1px;
	border-style:dashed;
	padding: 11px;
	background-color: #FFFFFF;
	padding-top: 25px;
}
#nova_tonanet {
	position:absolute;
	left:35px;
	top:122px;
	width:894px;
	height:528px;
	z-index:3;
}

#serv2 {
	position:absolute;
	left:553px;
	top:1931px;
	width:320px;
	height:279px;
	z-index:5;
	background-color: #DCFDC8;
	border: 1px;
	border-style:dashed;
	padding-left: 34px;
	padding-right: 20px;
	border-color: #333333;
}

#equipefla {
	position:absolute;
	left:83px;
	top:2307px;
	width:373px;
	height:458px;
	z-index:26;
	background-color: #DAE9B2;
	border: 1px;
	border-style: dashed;
	padding-left: 16px;
	padding-right: 25px;
}
#equipebru {
	position:absolute;
	left:504px;
	top:2309px;
	width:350px;
	height:458px;
	z-index:26;
	background-color: #B8CF87;
	border: 1px;
	border-style: dashed;
	padding-left: 16px;
	padding-right: 25px;
}
#equipe {
	position:absolute;
	left:57px;
	top:2242px;
	width:821px;
	height:503px;
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px;
	border-style: dashed;
	z-index: 25;
}

#proce_cria {
	position:absolute;
	left:56px;
	top:1898px;
	width:465px;
	height:315px;
	z-index:25;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-left: 22px;
	border: 1px;
	border-style: dashed;
	padding-right: 22px;
}

#contato {
	position:absolute;
	left:0px;
	top:563px;
	width:821px;
	height:495px;
	z-index:25;
	padding: 20px;
	background-color: #FFFFFF;
	border: 1px;
	border-style: dashed;
}

#form {
	position:absolute;
	left:48px;
	top:78px;
	width:440px;
	height:387px;
	z-index:3;
	background-color: #FFFFFF;
	border: 1px;
	border-style: dashed;
}
#falecom {
	position:absolute;
	left:494px;
	top:103px;
	width:283px;
	height:349px;
	z-index:2;
	background-color: #00CCCB;
	border: 1px;
	border-style: dashed;
	padding-left: 20px;
	padding-right: 20px;
}

#container_menu{
	position:fixed;
	width:99%;
	z-index:22;
}
#menu_absoluto {
	position:relative;
	width:45px;
	height:234px;
	background-color: #FFFFFF;
	float: left;
	border: 1px;
	border-style: dashed;
	top: 134px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#irvoltar {
	position:relative;
	left:310px;
	top:510px;
	width:117px;
	height:37px;
	z-index:50;
	background-color: #FFFFFF;
}

#irvoltar2 {
	position:relative;
	left:250px;
	top:1000px;
	width:117px;
	height:37px;
	z-index:50;
	background-color: #FFFFFF;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #999999;
	text-decoration: none;
}

a, a:visited{
	text-decoration:none;
	text-align: left;
}

.style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: right;
}


a.linkum:link {
color: #999900;
text-decoration:none;
font-size: 0.8em;
font-family:"Trebuchet MS";

}
a.linkum:visited {
color: #999900;
text-decoration:none;
font-size: 0.8em;
font-family:"Trebuchet MS";
}
a.linkum:hover {
color: #999900;
text-decoration:underline;
font-size: 0.8em;
font-family:"Trebuchet MS";
}
a.linkum:active {
color: #333333;
text-decoration:underline;
font-size: 0.8em;
font-family:"Trebuchet MS";
}

.textfield
{
	BORDER-RIGHT: #00CCCB 1px solid;
	BORDER-TOP: #00CCCB 1px solid;
	/*FILTER: Alpha(Opacity=50);*/
	FONT: 11px Verdana, Arial, Helvetica, sans-serif;
	TEXT-TRANSFORM: none;
	BORDER-LEFT: #00CCCB 1px solid;
	COLOR: #666666;
	BORDER-BOTTOM: #00CCCB 1px solid;
	TEXT-DECORATION: none
}

.textfield2
{
	BORDER-RIGHT: #00CCCB 1px solid;
	BORDER-TOP: #00CCCB 1px solid;
	/*FILTER: Alpha(Opacity=50);*/
	FONT: 11px Verdana, Arial, Helvetica, sans-serif;
	TEXT-TRANSFORM: none;
	BORDER-LEFT: #00CCCB 1px solid;
	COLOR: #666666;
	BORDER-BOTTOM: #00CCCB 1px solid;
	TEXT-DECORATION: none
}

.textfieldfocus
{
    BORDER-RIGHT: #333333 2px solid;
    BORDER-TOP: #333333 2px solid;
    /*FILTER: Alpha(Opacity=70);*/
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #333333 2px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #333333 2px solid;
    TEXT-DECORATION: none
}


/* ETC */ 
#etc{width:100%; height:313px; background:url(../gui/bg_etc.gif) repeat-x; overflow:hidden;}
#etc_container{margin:auto; width:960px; height:313px; position:relative; text-align:left;}
#etc_highlight{width:528px; height:267px; position:absolute; top:45px; left:350px; background:url(../gui/highlight_etc.gif) no-repeat;}
#etc_secret{width:276px; height:273px; position:absolute; top:0px; left:-4px; background:url(../gui/secret.gif) no-repeat; text-indent:-9999px;}
#etc_tweet_title{text-indent:-9999px;}
#etc_tweet{width:238px; height:170px; position:absolute; top:0px; left:0px; padding:140px 18px 0px 16px; background:url(../gui/twitter.gif) no-repeat;}
#etc_tweet li{color:#403F41; font-size:1.4em; line-height:1.5em;}
#etc_tweet li a{font-size:1em; text-transform:none; padding:0px; display:inline; border-bottom:1px dashed #2A2B2C;}
#etc_tweet li a:hover{border-bottom:1px dashed #2A2B2C; color:#403F41; background:none;}
#etc_tweet li .date{color:#6c6d70;}
#etc a#etc_tweet_link{display:block; color:#CFE795; font-size:1.4em; position:absolute; top:264px; left:16px; background:#414143 url(../gui/bg_link2.gif) no-repeat top right; text-transform:lowercase; padding:6px 10px 7px 10px;}
#etc a#etc_tweet_link:hover{background:#28282a url(../gui/bg_link2.gif) no-repeat right -50px;}
#etc_love{width:142px; position:absolute; top:68px; left:346px;}
#etc_love h3{width:88px; height:35px; background:url(../gui/title_love.gif) no-repeat top right; text-indent:-9999px;}
#etc_learn{width:152px; position:absolute; top:68px; left:516px;}
#etc_learn h3{width:152px; height:35px; background:url(../gui/title_learn.gif) no-repeat top right; text-indent:-9999px;}
#etc_inspired{width:180px; position:absolute; top:68px; left:704px;}
#etc_inspired h3{width:180px; height:35px; background:url(../gui/title_inspired.gif) no-repeat top right; text-indent:-9999px;}
#etc a{display:block; height:14px; color:#403F41; font-size:1.4em; text-transform:lowercase; padding:4px 8px 5px 8px;}
#etc a:hover{color:#FFFFFF; background-color:#565656;}
#etc_btn{display:block; width:45px; height:35px; position:absolute; top:-1px; right:30px; background:url(../gui/btn_etc.gif) no-repeat; text-indent:-9999px; cursor:pointer;}

#background{margin:auto; width:100%; height:100%; background:url(../gui/bg_header.gif) repeat-x 0px 67px; position:relative;}
#highlight{margin:auto; width:100%; height:514px; background:url(img/back.jpg) no-repeat center top; position:absolute; top:0px; left:-80px;}
#lines{
	margin:auto;
	width:98%;
	height:2349px;
	background:url(../gui/lines.gif) no-repeat center top;
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(img/back.jpg);
}
#line_left{display:block; width:1px; height:1807px; position:absolute; top:21px; left:0px; background:url(../gui/line_left.gif) no-repeat;}
#line_touch{display:block; width:1px; height:567px; position:absolute; top:1302px; left:35px; background:url(../gui/line_touch.gif) no-repeat;}
#line_middle{display:block; width:1px; height:2056px; position:absolute; top:187px; right:273px; background:url(../gui/line_middle.gif) no-repeat;}
#line_right{display:block; width:1px; height:1942px; position:absolute; top:170px; right:0px; background:url(../gui/line_right.gif) no-repeat;}

#logo a{display:block; width:270px; height:68px;}
#tagline{display:block; width:165px; height:29px; position:absolute; top:138px; left:106px; background:url(../gui/tagline.gif) no-repeat; text-indent:-9999px;}


#top{position:absolute; top:0px; left:0px;}
#arrow1{display:block; width:106px; height:25px; position:absolute; top:928px; left:694px; background:url(../gui/arrow_top.gif) no-repeat; text-indent:-9999px;}
#arrow2{display:block; width:106px; height:25px; position:absolute; top:1836px; left:568px; background:url(../gui/arrow_top.gif) no-repeat; text-indent:-9999px;}
#arrow1:hover, #arrow2:hover{background:url(../gui/arrow_top.gif) no-repeat 0px -25px;}

#work{display:block; width:685px; height:541px; position:absolute; top:257px; left:1px; background:url(../gui/bg_work.jpg) no-repeat;}
#work_title{display:block; width:392px; height:46px; position:absolute; top:20px; left:26px; background:url(../gui/title_work.gif) no-repeat; text-indent:-9999px;}
#work_web, #work_print, #work_interactive{display:block; width:685px; height:480px; position:absolute; top:80px; left:0px; overflow:auto;}
#work_web{z-index:50;}
#work_print{z-index:40;}
#work_interactive{z-index:40;}
#web{display:block; width:15000px;}/*WIDTH VALUE SHOULD CHANGE BASED ON NUMBER OF ITEMS IN PORTFOLIO (686 x Number of Items)*/
#print{display:none; width:10000px;}
#interactive{display:none; width:10000px;}
#work_web li, #work_print li, #work_interactive li{display:block; width:686px; height:460px; float:left; position:relative;}
#work_web li a, #work_print li a, #work_interactive li a{display:block; color:#CFE795; font-size:1.6em; position:absolute; top:416px; left:14px; background:#28292a url(../gui/bg_link.gif) no-repeat top right; text-transform:lowercase; padding:8px 12px 9px 12px;}
#work_web li a:hover, #work_print li a:hover, #work_interactive li a:hover{background:#101011 url(../gui/bg_link.gif) no-repeat right -50px;}
#work_menu{display:block; width:293px; height:33px; position:absolute; top:496px; right:0px; background:url(../gui/bg_workmenu.jpg) no-repeat right; z-index:60;}
#arrow_left{display:block; width:62px; height:77px; position:absolute; top:500px; left:-22px; background:url(../gui/arrow_left.gif) no-repeat; cursor:pointer; z-index:70; display:none;}
#arrow_right{display:block; width:62px; height:77px; position:absolute; top:500px; left:647px; background:url(../gui/arrow_right.gif) no-repeat; cursor:pointer; z-index:70; display:none;}

#story{display:block; width:273px; height:732px; position:absolute; top:188px; left:686px; background:url(../gui/bg_story.jpg) no-repeat; overflow:hidden;}
#story_title{display:block; width:177px; height:86px; position:absolute; top:21px; left:18px; background:url(../gui/title_story.gif) no-repeat; text-indent:-9999px;}
#story_text{display:block; width:206px; height:604px; position:absolute; top:104px; left:46px; font-size:1.4em; line-height:1.52em; z-index:20;}

#clients{display:block; width:685px; height:449px; position:absolute; top:824px; left:1px; background:url(../gui/bg_clients.jpg) no-repeat; overflow:hidden;}
#clients_helped{display:block; width:285px; height:71px; position:absolute; top:20px; left:26px; background:url(../gui/title_helped.gif) no-repeat; text-indent:-9999px;}
#clients_column1{width:155px; position:absolute; top:104px; left:22px;}
#clients_column2{width:165px; position:absolute; top:104px; left:194px;}
#clients_column1 a, #clients_column2 a{display:block; height:14px; color:#ffffff; font-size:1.4em; padding:4px 8px 4px 8px;}
#clients_column1 a:hover, #clients_column2 a:hover{background-color:#34373b;}
#clients_saying{display:block; width:219px; height:34px; position:absolute; top:57px; left:407px; background:url(../gui/title_saying.gif) no-repeat; text-indent:-9999px;}
#clients_quotes{display:block; width:289px; height:301px; position:absolute; top:95px; left:381px; background:url(../gui/bg_saying.gif) no-repeat left bottom; overflow:hidden; font-size:1.6em; line-height:1.46em;}
blockquote{display:block; width:247px; height:264px; padding:16px 24px 20px 24px; position:absolute; top:0px; left:1px; background:url(../gui/bg_quotes.jpg) no-repeat; overflow:hidden;}
.credit{display:block; color:#CFE795; padding-top:12px; line-height:1.36em;}
#clients_numbers{display:block; width:176px; height:29px; position:absolute; top:395px; left:408px;}

#process{display:block; width:273px; height:1006px; position:absolute; top:1068px; left:686px; background:url(../gui/bg_process.jpg) no-repeat; overflow:hidden;}
#process_title{display:block; width:192px; height:65px; position:absolute; top:21px; left:18px; background:url(../gui/title_process.gif) no-repeat; text-indent:-9999px;}
#process_text{display:block; width:210px; height:604px; position:absolute; top:108px; left:41px; font-size:1.4em; line-height:1.52em; z-index:20;}

#touch{display:block; width:650px; height:526px; position:absolute; top:1301px; left:36px; background:url(../gui/bg_touch.jpg) no-repeat; overflow:hidden;}
#touch_visit{display:block; width:168px; height:77px; position:absolute; top:20px; left:26px; background:url(../gui/title_visit.gif) no-repeat; text-indent:-9999px;}
#touch_address{display:block; width:228px; position:absolute; top:114px; left:46px; font-size:1.6em; line-height:1.6em;}
#touch a#map{display:block; margin-top:8px; width:228px; height:185px; background:url(../gui/map.gif) no-repeat; text-indent:-9999px;}
#touch a#map:hover{background:url(../gui/map.gif) no-repeat 0px -185px;}
#touch_phone{display:block; width:163px; height:19px; position:absolute; top:402px; left:46px; background:url(../gui/title_phone.gif) no-repeat; text-indent:-9999px;}
#touch_numbers{display:block; width:228px; position:absolute; top:432px; left:46px; font-size:1.6em; line-height:1.5em;}
#touch_email{display:block; width:127px; height:15px; position:absolute; top:78px; left:372px; background:url(../gui/title_email.gif) no-repeat; text-indent:-9999px;}
#touch_emailaddress{font-size:1.6em; color:#FFFFFF; position:absolute; top:105px; left:354px; text-indent:20px; line-height:1.66em;}
#touch #form{display:block; width:127px; height:15px; position:absolute; top:102px; left:350px; display:none;}
#touch #form input, #touch #form textarea{display:block; width:218px; border:1px solid #c3c3c3; margin:11px 0px 0px 22px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif;  font-size:1.5em; line-height:1.18em; color:#8FBC40;}
#touch #message{height:176px;}
#touch input#submit{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:14px 0px 0px 22px; padding:0px;}
#touch input#submit:hover, #touch input#submit.over{background:url(../gui/submit.gif) no-repeat 0px -33px;}

#touch_human{display:block; width:227px; height:237px; position:absolute; top:114px; left:373px; background:url(../gui/human.gif) no-repeat; display:none;}
#touch_human p{text-indent:-9999px;}
#touch #validation{display:block; width:127px; height:15px; position:absolute; top:120px; left:16px;}
#touch #validation input{display:block; width:178px; border:1px solid #c3c3c3; margin:6px 0px 0px 0px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif;  font-size:1.5em; line-height:1.18em; color:#8FBC40;}
#touch input#submit2{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:34px 0px 0px 0px; padding:0px;}
#touch input#submit2:hover, #touch input#submit2.over{background:url(../gui/submit.gif) no-repeat 0px -33px;}
#touch_loader{width:24px; height:24px; position:absolute; top:307px; left:476px; background:url(../gui/loader.gif) no-repeat; display:none;}
#touch_thanks{display:block; width:227px; height:147px; position:absolute; top:114px; left:373px; background:url(../gui/thanks.gif) no-repeat; text-indent:-9999px; display:none;}

#submenu{position:absolute; top:1838px; left:52px; color:#898B8C; font-size:1.4em; line-height:1.52em;}
#submenu a{color:#898B8C;}
#submenu a:hover{border-bottom:1px dashed #898B8C;}
#copyright{position:absolute; top:2082px; left:697px; color:#898B8C; font-size:1.4em; line-height:1.52em;}

#cost{display:block; width:685px; position:absolute; top:20px; left:20px; border:1px dashed #323335; overflow:hidden;}
#cost_factors{display:block; width:241px; height:70px; position:absolute; top:20px; left:26px; background:url(../gui/title_cost.gif) no-repeat; text-indent:-9999px; z-index:20;}
#cost_text{display:block; width:605px; padding:116px 40px 60px 40px; position:relative; font-size:1.4em; line-height:1.52em; text-align:left; background:#515153;}

.green{
	color:#CFE795;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
}





/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}



/*"HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLTStd-Lt", "Helvetica Neue", */
#nossahist1 table tr td .style3 .style3 .style4 {
	text-align: right;
}
.style14 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	text-align: left;
	color: #B0CA7B;
}
.style15 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	text-align: left;
	color: #000000;
}
.style35 {
	font-size: 13px;
	color: #000000;
	font-family: "Trebuchet MS";
}
#nossahist2 div table tr .style14 {
	color: #7BB700;
	font-size: 22px;
}
#nossahist1 table tr td .style3 {
	font-style: italic;
	text-align: right;
}
#nossahist1 table tr td .style3 .style4 {
	font-weight: normal;
}
#nossahist1 table tr td .style3 .style4 {
	font-style: normal;
}
.boldwhite {
	color: #FFF;
	font-weight: bold;
}
#nossahist1 table tr td {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: small;
	font-style: italic;
}.style3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	text-indent: 3px;
	text-align: right;
}
.style8 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	text-align: justify;
}
.style4 {
	color: #FFFFFF;
	font-weight:bold;
	text-align: right;
}
.style20 {
	color: #666600;
	font-style: italic;
	font-weight: bold;
}
.style21 {
	color: #AAAA00;
	font-weight: bold;
}
.style23 {
	color: #333333;
	font-size: large;
	font-family: "Trebuchet MS";
}
.style24 {color: #90C445}
.style31 {
	
}
.erro {
	color: #FF0000;
	font-size: 13px;
	font-family: "Trebuchet MS";
	font-weight: bold;
}
.acerto {
	color: #00FF00;
	font-size: 13px;
	font-family: "Trebuchet MS";
	font-weight: bold;
}