@charset "utf-8";



/* CSS Document */















img, div {



	behavior: url(iepngfix.htc)



}



body {



	margin:0;



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



}



#bodyb gHome {



	width:100%;



	height:720px;



	background: #006e3e url(../images/bgBodyHome.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgHome {



	width:100%;



	height:720px;



	background: #006e3e url(../images/bgBodyHome2.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgPalmeiras {



	width:100%;



	height:auto;



	background: #006e3e url(../images/bgPalmeirasNativas.jpg) no-repeat center top;



	padding-top:33px;



	display:table;



}



#bodybgJardins {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgJardins.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgIrrigacao {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgIrrigacao.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgIluminacao {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgIluminacao.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgBigpots {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgBigpots.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgEventos {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgJardins.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgPortfolio {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgJardins.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgEmpresa {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgEstrutura.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgComoChegar {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgComoChegar.jpg) no-repeat center top;



	padding-top:33px;



}



#bodybgContato {



	width:100%;



	height:700px;



	background: #006e3e url(../images/bgContato.jpg) no-repeat center top;



	padding-top:33px;



}



#bgSite {



	background:url(../images/bgHome.png);



	width:926px;



	height:482px;



	margin: 0 auto 0 auto;



	z-index:1000;



}



#bgSitePalmeiras {



	background:url(../images/bgHome.png);



	width:926px;



	height:482px;



	margin: 0 auto 0 auto;



	z-index:1000;



}



#bgSiteInternas {



	background:url(../images/bgHome.png);



	width:926px;



	height:auto;



	display:table;



	margin: 0 auto 0 auto;



	z-index:1000;



}



.titInternas {



	color:#FFF;



	text-align:right;



	font-size:36px;



	padding-right:20px;



}



#leftBar {



	width:160px;



	height:auto;



	float:left;



}



#logo {



	width:160px;



	height:76px;



	padding-bottom:4px;



}



#logo img {



	border: none;



}



#footer {



	width:919px;



	height:21px;



	margin: 0 auto 0 auto;



	background:url(../images/bgFooter.png);



	font-family:"Times New Roman", Times, serif;



	padding:0 3px 0 3px;



}



.eng {



	color:#FFF;



	float:left;



	background:url(../images/iconFolhaEng.gif) no-repeat left;



	padding-left:20px;



}



.eng a:link, .eng a:active, .eng a:visited {



	color:#FFF;



	text-decoration:none;



}



.eng a:hover {



	color:#C4FD00;



	text-decoration:underline;



}



#gallery {



	list-style:none;



	width:730px;



	height:auto;



	margin-bottom:10px;



	display:table;



}



#gallery ul {



	padding:0;



	margin:0;



	list-style:none;



	float:left;



	display:inline;



	width:144px;



}



#gallery li {



	padding:0 0 0 0;



	margin:0;



	height:auto;



	width:144px;



	float:left;



	display:table;



}



#gallery ul li {



	margin:0;



}



#gallery span {



	background:#05716b;



	color:#FFF;



	padding:8px 8px 8px 8px;



	text-align:center;



	font-size:11px;



	height:235px;



	border:1px solid #FFF;



	width:auto;



	margin-bottom:5px;



	display:block;



}



#gallery img {



	padding:0;



	border:none;



	height:auto;



	border:1px solid #FFF;



}



#gallery a {



	padding:0;



	margin:0;



	border:none;



}



#bgWhite {



	width:733px;



	height:343px;



	background-color:#FFF;



}



#bgFotos {



	width:733px;



	height:166px;



	background-color:#FFF;



}



#bgTransp {



	width:733px;



	height:343px;



	background:url(../images/bgTransp.png);



}



.titGreen {



	font-size:22px;



	color:#006c6e;



	width:220px;



	height:80px;



	float:left;



	font-weight:normal;



	padding-top:20px;



	padding-left:30px;



}



.titGreen2 {



	font-size:22px;



	color:#006c6e;



	width:220px;



	height:auto;



	font-weight:normal;



	padding-top:20px;



	padding-left:30px;



	margin:0;



}



.titGray {



	font-size:14px;



	color:#666;



	padding:0;



	margin:0;



	border-bottom:1px solid #CCC;



}



.contClipping {



	margin:0;



	padding:0 10px 0 13px;



	float:left;



	background:url(../images/icon_arrow.gif) no-repeat;



	font-size:12px;



}



.contClipping a:active, .contClipping a:link, .contClipping a:visited {



	color:#063;



	text-decoration:none;



}



.contClipping a:hover {



	color:#063;



	text-decoration:underline;



}



.lineClipping {



	width:460px;



	height:auto;



	display:table;



	margin-bottom:5px;



}



.titWhite {



	font-size:22px;



	color:#FFF;



	width:auto;



	height:30px;



	float:left;



	margin:0;



	font-weight:normal;



	padding-top:10px;



	padding-left:30px;



}



.titWhiteGreen {



	font-size:14px;



	padding:2px 2px 2px 10px;



	background:#006c6e;



	color:#FFF;



	width:285px;



	height:20px;



	font-weight:normal;



	margin:0;



}



.texto {



	font-size:14px;



	color:#393939;



	line-height:20px;



	float:left;



	padding-top:35px;



	padding-left:30px;



	width:400px;



	height:auto;



}



.conteudo {



	font-size:14px;



	color:#393939;



	line-height:20px;



	float:left;



	padding-top:15px;



	padding-left:20px;



	width:690px;



	height:auto;



	margin:0 auto 0 auto;



}



.cont1 {



	width:285px;



	height:auto;



	float:left;



	margin-right:10px;



}



.cont1 p {



	color:#FFF;



	padding:4px;



	margin:0;



}



.cont2 {



	width:285px;



	height:auto;



	float:left;



	margin:0 auto 0 auto;



}



.cont3 {



	width:687px;



	height:266px;



	float:left;



	padding-left:5px;



	margin:0 auto 0 auto;



}



.cont3a {



	color:#FFFFFF;



	width:687px;



	height:266px;



	float:left;



	padding:10px 7px;



	margin:0 auto 0 auto;



}



.end {



	color:#013839;



	float:right;



	text-align:center;



}

.end a:link, .eng a:active, .eng a:visited {



	color:#013839;



	text-decoration:none;



}



.end a:hover {



	color:#FFF;



	text-decoration:underline;



}



.mail {



	float:right;



	padding-left:20px;



	padding-top:3px;



}



.mail img {



	border:none;



}



#content {



	width:750px;



	height:auto;



	float:left;



}



.carousel-component {



	padding:8px 16px 4px 16px;



	margin:0px;



}



.carousel-component .carousel-list li {



	margin:4px;



	width:164px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 







	               img.border-left (1) + img.border-right (1)*/



	height:130px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) *//*	margin-left: auto;*/ /* for testing IE auto issue */







}



.carousel-component .carousel-list li a {



	display:block;



	border:1px solid #e2edfa;



	outline:none;



}



.carousel-component .carousel-list li a:hover {



	border: 1px solid #aaaaaa;



}



.carousel-component .carousel-list li img {



	border:1px solid #999;



	display:block;



}



.carousel-component .carousel-prev {



	position:absolute;



	top:0px;



	z-index:3;



	cursor:pointer;



	left:5px;



}



.carousel-component .carousel-next {



	position:absolute;



	top:0px;



	z-index:3;



	cursor:pointer;



	right:5px;



}



/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */























a.jScrollArrowUp {



	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;



}



a.jScrollArrowUp:hover {



	background-position: 0 -15px;



}



a.jScrollArrowDown {



	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;



}



a.jScrollArrowDown:hover {



	background-position: 0 -15px;



}



a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {



	background-position: 0 -30px;



}



.orange-bar .jScrollPaneTrack {



	background: #f60;



}



.orange-bar .jScrollPaneDrag {



	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;



}



.orange-bar .scroll-pane {



	background: #69f;



}



.holder {



	float: left;



}



.scroll-pane {



	width: 350px;



	height:355px;



	overflow: auto;



	float: left;



}



.wide {



	width: 400px;



}



.super-wide {



	width: 700px;



}



.tall {



	height: 400px;



}



#pane1 {



}



#pane2 {



	height: 150px;



}



#pane3 {



	height: 190px;



}



#pane4 {



	height: 190px;



}



#tooltip {



	position: absolute;



	z-index: 3000;



	border: 1px solid #111;



	background-color: #eee;



	padding: 5px;



	opacity: 0.85;



}



#tooltip h3, #tooltip div {



	margin: 0;



}



#tooltip.pretty {



	font-family: Tahoma, Geneva, sans-serif;



	border: none;



	width: 140px;



	padding-top:5px;



	height: 115px;



	opacity: 0.8;



	background: url('shadow.png') no-repeat;



}



#tooltip.pretty div {



	width: 75px;



	text-align: left;



}



#tooltip.fancy {



	background: url('../images/shadow2.png');



	padding-top: 20px;



	padding-left:35px;



	height: 75px;



	font-size:13px;



	font-weight:normal;



	color:#006C6E;



}



#tooltip.fancy.viewport-right {



	background: url('../images/shadow2-reverse.png');



}



#extended {



	margin: 2em 0;



}



#extended label {



	text-decoration: underline;



}



#yahoo {



	width: 7em;



}



#right, #right2 {



	text-align: right;



}



#tooltip.right {



	width: 175px;



}



#fancy2 {



	float: right;



}