/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");


/*GLOBAL*/
html{
	width:99%;
	height:100%;
	color:#44332B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body{width:100%; height:100%; min-width:960px; text-align:center; background:#ffffff url(../gui/mesa.jpg) repeat-y top; 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}
a, a:visited{text-decoration:none; color:#0A5D7E;}
.img_left{margin:4px 12px 0px 0px; padding:0px; display:block; float:left;}
.img_right{margin:4px 0px 0px 12px; padding:0px; display:block; float:right;}

/* MAIN LAYOUT */
#background{
	margin:auto;
	width:100%;
	background:url() no-repeat center 321px;
	position:relative;
}
#container{margin:auto; padding:0px; width:960px; height:100% !important; min-height:900px; height:1444px; position:relative; text-align:left;}
#shadow{
	position:absolute;
	top:91px;
	left:4px;
	width:962px;
	height:1837px;
	background: url("../gui/shadow2.png") no-repeat !important;
	background:none;







filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/shadow2.png');}
#notebook{
	position:absolute;
	top:102px;
	left:37px;
	width:906px;
	height:1109px;
	background: url("../gui/notebook2.jpg") no-repeat;
}
#card{
	position:absolute;
	top:1212px;
	left:477px;
	width:430px;
	height:258px;
	background: url("../gui/card.jpg") no-repeat;
	background-color: #F7F0E6;
}

#logo{
	position:absolute;
	top:-3px;
	left:-18px;
	width:364px;
	height:238px;
	text-indent:-9999px;
	background-image: url(../gui/marca.png);
}
#logo a{
	display:block;
	width:366px;
	height:211px;
	position:absolute;
	left:-79px;
	top:-90px;
	z-index: 12;
}
#menu{
	position:absolute;
	top:92px;
	right:29px;
	width:565px;
	height:70px;
	
}
#login a{
	position:absolute;
	top:179px;
	right:503px;
	width:147px;
	height:40px;
	text-indent:-9999px;
	background:url(../gui/login.png) no-repeat !important;
	background:url(../gui/login.gif) no-repeat;
}
#login a:hover{background:url(../gui/login.png) no-repeat 0px -30px !important; background:url(../gui/login.gif) no-repeat 0px -30px;}
#blog a{position:absolute; top:26px; right:160px; width:208px; height:30px; text-indent:-9999px;  background:url(../gui/blog.png) no-repeat !important; background:url(../gui/blog.gif) no-repeat;}
#blog a:hover{background:url(../gui/blog.png) no-repeat 0px -30px !important; background:url(../gui/blog.gif) no-repeat 0px -30px;}

/* HOMEPAGE */
#email{
	display:block;
	width:412px;
	height:236px;
	position:absolute;
	left:477px;
	top:1214px;
	background-repeat: no-repeat;
	background-position: 20px 18px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
input{border:1px; background: #ffffff; color:#c84738; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-top:6px; }
#submit{
	width:97px;
	height:62px;
	background:url(../gui/btn_submit.gif) no-repeat;
	top:76px;
	left:321px;
	position:absolute;
	z-index:4;
}
#submit:hover, #submit.over{background:url(../gui/btn_submit.gif) no-repeat 0px -39px;}

#why13{
	position:absolute;
	top:223px;
	left:71px;
	width:245px;
	height:295px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.64em;
	background-image: url();
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 14px;
	line-height: 110%;
}
#why13 h2{height:0px; text-indent:-9999px; display:none;}
#why13 p{padding-bottom:10px;}
a#meet{display:block; width:103px; height:38px; background:url(../gui/meet.gif) no-repeat; text-indent:-9999px;}
a#meet:hover{background:url(../gui/meet.gif) no-repeat 0px -38px;}

#frame{
	display:block;
	width:583px;
	height:322px;
	position:absolute;
	left:330px;
	top:180px;
	z-index:5;
	background-image: none;
	background-repeat: no-repeat;
	border: 7px groove #666;
	background-color: #FFFFFF;
}
#frame2 {
	display:block;
	width:843px;
	height:639px;
	position:absolute;
	left:70px;
	top:533px;
	z-index:10;
	background-image: none;
	background-repeat: no-repeat;
	border: 0px groove #666;












	background-color: ;
}	
#framemenu {
	display:block;
	width:552px;
	height:45px;
	position:absolute;
	left:375px;
	top:116px;
	z-index:5;
	background-image: none;
	background-repeat: no-repeat;
	border: 0px groove #666;
	background-color: ;
}	

#framecartoes{
	display:block;
	width:363px;
	height:223px;
	position:absolute;
	left:599px;
	top:1701px;
	z-index:5;
	background-image: none;
	background-repeat: no-repeat;
	border: 0px groove #666;


























	background-color: ;
}

#framebusca{
	display:block;
	width:579px;
	height:38px;
	position:absolute;
	left:365px;
	top:17px;
	z-index:5;
	background-image: none;
	background-repeat: no-repeat;
	border: 0px groove #666;
	background-color: ;
}

#slideshow{display:block; width:562px; height:450px; position:absolute; left:344px; top:200px;}
#slideshow img{position:absolute; top:0; left:0; z-index:2; opacity:0.0}
#slideshow img.active{z-index:4; opacity:1.0;}
#slideshow img.last-active{z-index:3;}
a#view{
	display:block;
	width:595px;
	height:318px;
	background:url(../gui/view.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:541px;
	right:34px;
	z-index:6;
}
a#view:hover{background:url(../gui/view.gif) no-repeat 0px -38px;}

#copyright{
	position:absolute;
	top:1429px;
	left:518px;
	width:364px;
	height:36px;
	background:url(../gui/copyright.png) no-repeat;
	text-indent:-9999px;
}
#copyright a{
	display:block;
	width:189px;
	height:30px;
	position:absolute;
	left:44px;
	top:-500px;
}




/* CONTENT PAGES */
#portfolio_menu{position:absolute; top:200px; left:78px; width:138px; height:245px;}
#portfolio{position:absolute; top:182px; left:232px; width:681px; height:461px; z-index:5;}
#portfolio p{padding:20px 0px 10px 3px; font-size:1.2em; line-height:1.8em; width:240px;}
#column1{position:absolute; top:208px; left:82px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column2{position:absolute; top:200px; left:366px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column3{position:absolute; top:200px; left:650px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column1 h2{height:72px; text-indent:-9999px; padding-bottom:28px;}
h2#about{background:url(../gui/title_about.gif) no-repeat;}
h2#quotations{background:url(../gui/title_quotations.gif) no-repeat;}
h2#whereabouts{background:url(../gui/title_whereabouts.gif) no-repeat;}
h2#thanks{background:url(../gui/title_thanks.gif) no-repeat;}
h2#client{background:url(../gui/title_login.gif) no-repeat;}

#column1 p, #column2 p, #column3 p{padding:0px 0px 10px 3px;}
#column1 blockquote{padding:0px 0px 10px 3px; line-height:1.65em; }
#column1 form{padding:6px 0px 4px 0px;}
#column1 input{display:block; width:218px; border:1px dashed #877873; margin-bottom:10px; padding:4px 4px 5px 6px; font-size:1.3em; line-height:1.18em; background:#ffffff; color:#877873;}
#column1 #message{height:176px;}
#submit_btn{background:url(../gui/btn_submit2.gif) no-repeat; width:108px; height:38px; border:none; padding:0px; display:block; position:absolute; top:186px; cursor:pointer;}
#submit_btn:hover{background:url(../gui/btn_submit2.gif) no-repeat 0px -38px;}
#alert{color:#39877C; font-style:italic; display:block; line-height:1.6em; position:absolute; top:80px; display:none;}

.credit{color:#39877C; font-style:italic; display:block; padding:7px 0px 26px 0px; line-height:1.6em;}
.end{display:block; padding:8px 0px 0px 0px;}

#column1 a, #column2 a, #column3 a{color:#39877C;}
#column1 a:hover, #column2 a:hover, #column3 a:hover{border-bottom:1px dashed #39877C;}
#column3 p#caption{padding:224px 0px 10px 3px; font-size:.9em; line-height:1.5em; font-style:italic; text-align:justify; color:#877873;}

#about1_pic{position:absolute; top:340px; left:698px; width:251px; height:303px;  background:url(../gui/pic_about1.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_about1.png');}
#about2_pic{position:absolute; top:176px; left:620px; width:332px; height:242px;  background:url(../gui/pic_about2.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_about2.png');}
#whereabouts_pic{position:absolute; top:210px; left:552px; width:404px; height:304px;  background:url(../gui/pic_whereabouts.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_whereabouts.png');}
#whereabouts_pic a{display:block; position:absolute; width:404px; height:304px;}

p#contact_info{padding:18px 0px 10px 3px; font-size:1.25em; line-height:1.4em;}
.smallcaps{font-variant:small-caps; text-transform:lowercase; color:#877873; font-size:.95em; display:block;}

#btn_questionnaire{position:absolute; top:481px; left:76px; width:141px; height:162px; background:url(../gui/btn_form.gif) no-repeat; text-indent:-9999px;}
#btn_questionnaire:hover{background:url(../gui/btn_form.gif) no-repeat -141px 0px;}

/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}
