@charset "utf-8";

/***** basic website structure *****/

body{margin:0px; font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size:12px; background-color:#91CE86; background-image:url(../imagens/bg-leaves.png);}

div#wrapper{position:fixed; width:100%; height:100%; display:table;}
div#center{position:relative; display:table-cell; vertical-align: middle; }
div#container{position:relative; width:955px; height:580px; margin:-100px auto auto auto; background-image:url(../imagens/container-bg.png); padding:110px 20px 0 20px}
div#logo{position:absolute; margin-top:0px; z-index:2;}

.tab-content{position:relative; width:906px; margin-top:20px; float:left; }
.text-left{position:relative; width:500px; float:left;}
.home-photo{position:relative; width:330px; height:360px; background-image:url(../imagens/home-photo.jpg); float:right; background-position:center -80px;}

#flash-esc{position:relative; float:right;}
#flash-esc .title{position:relative; font-size:12px; font-weight:bold; text-decoration:underline; color:#4EA140; margin-bottom:10px;}
#flash-esc .text{position:relative; width:300px; padding:5px 10px;}
#flash-esc .contactos{position:relative; margin-top:5px; background-color:#BAE0B4; padding:5px; border:1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.noticia-items{position:relative; width:910px; height:380px; overflow:auto;}
.noticia-img-r{position:relative; float:right; margin:0 20px 0 20px; padding:5px; border:1px solid #4EA140; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#contactos-container{position:relative; padding:10px; width:885px; background-color:#BAE0B4; border:1px solid #4EA140;}
#contactos-container .text{position:relative; width:270px; padding:10px; color:#000; float:right;}
#map_canvas{position:relative; width:575px; height:345px; background-image:url(../imagens/mapa.jpg); float:left;}

ul#servicos{position:relative; list-style-type:square;}
ul#servicos li{color:#000; font-size:14px; font-variant:small-caps;}

.section-title{position:absolute; width:300px; font-size:30px; color:#84C978; top:85px; margin-left:600px; font-weight:bold; text-transform:uppercase; text-align:right;}

/***** highlights *****/

.highlight1{font-weight:bold;}


/***** portfolio *****/

#accordion .pane .item{position:relative; width:75px; height:120px; padding:5px 10px; border:1px solid #4EA140; background-color:#B3DEAB; float:left; margin-left:10px; margin-bottom:10px;}
#accordion .pane .item .main-img{position:relative; width:75px; height:75px; border:1px solid #4EA140;}
#accordion .pane .item .title{position:relative; width:75px; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:5px; font-size:9px;}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {position:relative; margin:0; background:#fff; width:905px; border:1px solid #4EA140; -background:#666;}

/* accordion header */
#accordion h2 {background:#B3DEAB; margin:0; padding:2px 15px; font-size:14px; font-weight:normal; border:1px solid #fff;
	border-bottom:1px solid #ddd; cursor:pointer;}

/* currently active header */
#accordion h2.current {cursor:default; background-color:#4EA140; color:#fff;}

/* accordion pane */
#accordion div.pane {border:1px solid #fff; border-width:0 2px;	display:none; padding:5px; font-size:12px;}

/* a title inside pane */
#accordion div.pane h3 {font-weight:normal; margin:0 0 -5px 0; font-size:16px; color:#999;}

/* portfolio show item */
#accordion .pane .item:hover{cursor:pointer; background-color:#fff;}
#portfolio-show{position:absolute; width:865px; height:330px; background-color:#fff; border:1px solid #4EA140; z-index:100; margin-left:auto; margin-right:auto; display:none; padding:20px;}
#portfolio-show #close{position:absolute; right:5px; top:5px; background-color:#009933; border:1px solid #003300; color:#fff; padding:5px 10px; cursor:pointer;}
#portfolio-show #close:hover{background-color:#FFFFFF; color:#003300;}
#portfolio-show .item{display:none;}
#portfolio-show .item .title{font-size:16px; color:#4EA140; margin-bottom:20px; }

#portfolio-show .img{position:relative; height:125px; float:left; margin:0 10px 10px 0; background-color:#B3DEAB;
border:1px solid #4EA140; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.before, .twoyearslater{position:absolute; padding:2px 5px; background-color:#fff;
 border:1px solid #4EA140; text-align:center; z-index:10; font-weight:bold; text-transform:capitalize;}
.before{top:172px; left:130px; width:100px;}
.twoyearslater{top:320px; left:120px;}

.workdone{position:absolute; bottom:10px; right:10px; background-color:#B3DEAB; border:1px solid #003300; padding:5px 25px 5px 0px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;}

/***** navigation ******/

#scroll {position:relative; height:510px; overflow:hidden; width:910px; padding:0px;}
#tools {width:9999em; position:absolute; height:400px;}
.tool {float:left; width:1000px; height:380px; background-repeat:no-repeat; background-position:0 -40px; margin-top:130px;}
#thumbs {height:90px; position:absolute; top:0px; width:990px; left:-8px; z-index:20;}
.t a {background:transparent url(../imagens/menu.png) no-repeat scroll 0px 0px;	margin-left:10px; display:block; width:106px; float:left; height:75px;
	cursor:pointer;}
.t a.active {cursor:default !important;}
.navi {margin-left:330px; _margin-left:195px;}

/* CSS sprite for the navigation */

#t1			{ background-position:0px -160px; }
#t1:hover 	{ background-position:0px -80px; }
#t1:active	{ background-position:0px -80px; }
#t1.active	{ background-position:0px 0px !important; }

#t2			{ background-position:-108px -160px; }
#t2:hover 	{ background-position:-108px -80px; }
#t2:active	{ background-position:-108px -80px; }
#t2.active	{ background-position:-108px 0 !important; }

#t3			{ background-position:-217px -160px; }
#t3:hover 	{ background-position:-217px -80px; }
#t3:active	{ background-position:-217px -80px; }
#t3.active	{ background-position:-217px 0 !important; }

#t4			{ background-position:-326px -160px; }
#t4:hover 	{ background-position:-326px -80px; }
#t4:active	{ background-position:-326px -80px; }
#t4.active	{ background-position:-326px 0 !important; }

#t5			{ background-position:-435px -160px; }
#t5:hover 	{ background-position:-435px -80px; }
#t5:active	{ background-position:-435px -80px; }
#t5.active	{ background-position:-435px 0 !important; }

/* pedro stadler */
#pedrostadler{position:absolute; width:100%; text-align:center; font-size:10px; color:#fff; bottom:0; z-index:999;}
#pedrostadler a{color:#fff; text-decoration:none;}
#pedrostadler a:hover{text-decoration:underline;}