@charset "utf-8";
/* Font Elements */
h1 { font-size: 60px; color: #bcd85f; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
p {font-size: 13px; color: #292929; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}
a {color: #e99701; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #292929; margin: 60px 0 60px; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #292929; margin: 0 0 20px; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #292929; margin: 0 0 15px;}
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #292929; margin: 0 0 10px;}
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #292929; margin: 0 0 5px;}


/* Site Elements */



.wrapper { width: 960px; height: auto; margin: 0 auto; }
.sitewide {width: 100%; height: auto; margin: 0 auto; }
#home { 
	width: 100%; 
	height: 555px; 
	overflow:hidden;
	/*background: url('../images/fullbanner_topo_20121128.jpg');*/
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:block;
	position: relative;
}


.topo-esquerdo {
	width: 35%;
	position: absolute !important;
	bottom: 5%;
	left: -10px;
}

.topo-direito {
	width: 35%;
	position: absolute !important;
	top: 28%;
	right: 0px;
}

.banner {
	/*position: relative;
	top: 0;
	left: 0;
	
	width:100%;
	height:100%;
	
	background-image: url('../images/fullbanner_topo.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:block;*/
}

.download {
	width: 100%;
	height: 99px;
	overflow: hidden;
	line-height: 99px;
	background-color: #f5f5f5;
	margin-top: -4px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.download div { float: left; border-left: 1px solid #dddddd; text-align: center; }

.download-texto { width: 40%; line-height: 120px; }
.download-botao { height: 99px; line-height: 120px; cursor: pointer; }
.download-planta-botao { width: 58%; }
.download-catalogo-botao { width: 29%; }
.download-folder-botao { width: 17%; }

/*.logo {background: url(../images/logo_bg.png); background-repeat: repeat; width: 299px; height: 139px; margin: 0 auto;}*/
.logo {width: 299px; height: 139px; margin: 0 auto;}
.slogan {background: url(../images/topo_slogan.png); background-repeat: no-repeat; width: 381px; height: 70px; position:absolute; top:34px;}
.logo img { width: 100%; height: auto; display: block; margin: 0 auto;}
/*slogan { font-size: 14px; color: #fdb532; text-align: center; width: 100%; height: auto; line-height: 14px; }*/

/*MENU CSS */ 
.navbar { background: url(../images/navbar_bg.png) repeat; width: 100%; height: 44px; z-index:9999;}
	.f-nav{ z-index: 9999; position: fixed; top: 0; left:0;}
.menu_bar { width: 590px; margin: 0 auto; height: 44px; text-align: center;}
.menu_button { font-size: 13px; line-height: 44px; text-align: center; font-weight: bold; color: #FFF; width: auto; height: 44px; border-left: 1px solid #5c5a5f; border-right: 1px solid #373736; margin: 0; padding: 0 14px; float: left; position: relative;}
.menu_button:hover { background: url(../images/menu_hover.jpg) repeat;}
/*END MENU CSS*/

#services { width: 100%; height: auto; background-color: #ffffff; padding: 0px 0px 55px 0px;}
.page_title {width: 100%; height: auto; font-weight: bold;}
.title_line_left {height: 1px; width: 250px; background-color: #bcd85f; float:left; display: block; position: absolute; margin-top: 5px; z-index: 9998;}
.title_line_right {height: 1px; width: 250px; background-color: #bcd85f; float: right; display: block; position: relative; margin-top: -5px; float:right; z-index: 9998;}
.subtitle { font-family: Arial, Helvetica, sans-serif; margin-top: 40px; font-size: 30px; color: #cecece; text-align: center; margin-bottom: 60px;}
.one_half { width: 450px; height: auto; float:left; margin-right: 40px; text-align:justify; text-justify:inter-word;}
.one_half_last { width: 450px; height: auto; float:left; text-align:justify; text-justify:inter-word;}
.service_description { width: 240px; height: auto; float:left; margin-top: 20px; text-align: center;}
.service_description p { text-align: center; padding: 0; margin-top: 20px;}
.service_description img { width: auto; height: auto; display: block; margin: 0 auto;}
.service_description a{ text-align: center; }

.pricing_table { width: 100%; height: auto; text-align: center;}
.price_1 { background: url(../images/pricing_table_pc_1.png); width: 215px; height: 238px; display:block; float: left;}
.price_table_title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 30px; color: #fff; text-align: center; padding-top: 70px;}
.pricing_table p { text-align: center; padding: 20px 15px 0; color: #fff;}
.pricing_table a {text-align: center; padding-top: 20px; text-decoration: underline;}
.price_1 img { width: 7px; height: 5px; display: block; float: left; position: relative; left: 155px; top: 6px;}
.price_bg_1 { background: url(../images/pricing_table_pc_2.png); float: left; display: block; width: 150px; height: 238px;}
.price_2 {background: url(../images/pricing_table_pc_3.png); width: 211px; height: 238px; display:block; float: left;}
.price_2 img { width: 7px; height: 5px; display: block; float: left; position: relative; left: 155px; top: 6px;}
.price_bg_2 { background: url(../images/pricing_table_pc_4.png); float: left; display: block; width: 156px; height: 238px;}
.price_3 {background: url(../images/pricing_table_pc_5.png); width: 209px; height: 238px; display:block; float: left;}
.price_3 img { width: 7px; height: 5px; display: block; float: left; position: relative; left: 155px; top: 6px;}

#portfolio { width: 100%; height: auto; background-color: #e9e7e8; padding: 0px 0px 55px 0px;}
#portfolio h1 { color: #6d6e71;}
#portfolio .subtitle { color: #78980f;}
.portfolio_navigation { width: 100%; height: 28px; margin-bottom: 22px;}
.portfolio_categories { width: auto; height: 28px; text-align: center; text-transform: uppercase; line-height: 28px; padding: 7px 20px; background-color: #fde5b9; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-right: 15px; color: #c48106;}
.portfolio_categories:hover { background-color: #353535;}
.portfolio_navi_arrows { width: 193px; height: 28px; float: right;}
.portfolio_navi_arrow_left { width: 29px; height: 28px; float: left; background: url(../images/portfolio_navi_left.png) no-repeat center center #fde5b9; margin-right: 12px;}
.portfolio_navi_arrow_left:hover { background-color: #353535;}
.portfolio_navi_arrow_right { width: 29px; height: 28px; float: left;  background: url(../images/portfolio_navi_right.png) no-repeat center center #fde5b9;}
.portfolio_navi_arrow_right:hover { background-color: #353535;}

.portfolio_image_row { width: 100%; height: 187px; margin-bottom: 33px;}
.portfolio_image { width: 220px; height: 187px; display: block; float: left;}
.portfolio_image img { /*width: 220px; height: 187px;*/ display: block; border:0; padding: 0; margin: 0; position: relative; z-index: 0;}
.portfolio_image_spacer { width: 26px; display: block; height: 187px; float: left;}

.portfolio_navi_button { width: 29px; height: 28px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 28px; background-color: #fde5b9; display: block; margin-right: 12px; color: #c48106;}
.portfolio_navi_button:hover { background-color: #353535;}


#events { width: 100%; height: auto; background-color: #ededef; padding: 0px 0px 55px 0px;}

.left_column { width: 465px; height: auto; float: left; padding-right: 5px;}
.right_column { width: 475px; height: auto; float: left; padding-left:15px;}

.event_row { width: 100%; height: auto; float: left; clear: both; margin-bottom: 30px;}
.event_date { width: 66px; height: 32px; float: left; background: url(../images/event_icon.png) no-repeat; text-align: center; padding-top: 17px; padding-bottom: 17px; margin-right: 10px;}
.event_day { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 18px; line-height: 14px;}
.event_month { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 24px;}
.event_title { font-family: Arial, Helvetica, sans-serif; color: #292929; font-size: 18px; margin: 0 0 10px 0;}
.event_description { font-family: Arial, Helvetica, sans-serif; color: #626262; font-size: 12px; margin: 0 0 10px 0;}

.newsletter{ width: 478px; height: 175px; border: 1px solid #d7d7d7; border-radius: 4px; padding-top: 25px; float: left; margin-bottom: 30px; background-color:#FFFFFF;}
.newsletter_title { width: 473px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #3a3937; text-align: center; margin-bottom: 30px; font-weight: Bold;}
.input_row { width: auto; margin-left: 55px; height: 37px;}
.input_row img { width: 56px; height: 37px; display: block; float: left;}
.email_newsletter_input {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	float: left;
	height: 31px;
	width: 288px;
	background-color: #f5f4f4;
	border: 1px solid #bababa;
	border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 100%;
	color: #767676;
	margin-left: 12px;
}
.newsletter_footer { width: 100%; margin-top: 50px; height: 44px; background: url(../images/newsletter_footer_bg.jpg) repeat-x; position: relative; bottom: 0; border-bottom-left-radius:4px; border-bottom-right-radius: 4px;}
.newsletter_footer p { margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 44px; color: #fff; margin-top: 0; margin-bottom: 0; float: left;}
.newsletter_button_holder { width: 90px; float: right; margin-right: 20px; height: auto;}
.submit_newsletter_button { width: auto; padding: 7.5px 15px; line-height: 44px; height: 28px; border: 1px solid #252525; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; font-weight: bold; background-color: #b5d258; border-radius: 4px;}	

.calendar { width: 477px; height: auto; border: 1px solid #d7d7d7; background-color: #FFFFFF;}
.calendar_month { width: 477px; height: 29px; background: url(../images/calendar_header_background.jpg) repeat-x; border-bottom: 1px solid #d7d7d7; font-size: 14px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 31px; text-align: center;}

.calendar_navi_arrow_left { width: 29px; height: 29px; float: left; background: url(../images/portfolio_navi_left.png) no-repeat center center; margin-right: 12px;}
.calendar_navi_arrow_left:hover { background-color: #353535;}
.calendar_navi_arrow_right { width: 29px; height: 29px; float: right;  background: url(../images/portfolio_navi_right.png) no-repeat center center;}
.calendar_navi_arrow_right:hover { background-color: #353535;}

.calendar_week_day { width: 68px; height: 25px; border-bottom: 1px solid #d7d7d7; float: left; text-align: center; line-height: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #292929;}
.calendar_day_last{ width: 67px; height: 50px;  border-bottom: 1px solid #d7d7d7; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; text-align: center; border-right: none !important;} 
.calendar_day { width: 67px; height: 50px;  border-bottom: 1px solid #d7d7d7; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-right: 1px solid #d7d7d7; display: block; text-align: center;} 
.busy { background-color: #e3e2e2 !important;} 
.date_number { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #292929; text-align: right; position: relative; right: 5px; top: 2px;}
.date_description { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #292929; position: relative; bottom: 5px; height: 30px; margin-top: 5px; line-height: 30px; text-align: center;}

#blog { width: 100%; height: auto;background-color:#404040;padding: 0px 0px 55px 0px;}
#blog .title_line_left { background-color: #ffffff; width: 323px;}
#blog .title_line_right { background-color: #ffffff;width: 323px;}
#blog h1 { color: #fff;}
#blog .subtitle { color: #5b5b5b; margin-bottom: 0px;}
.blog_entry { width: 100%; height: auto; margin-top: 05px;}
.blog_entry h2 { width: auto; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #febf5d !important; border: none; margin-bottom: 15px; font-weight: normal;}
.blog_entry img { width: 100%; height: auto; display: block;}
.post_content { margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #e5e5e5; text-align:justify; text-justify:inter-word;}
.post_excerpt { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #e5e5e5; margin-bottom: 10px; text-align:justify; text-justify:inter-word;}
.post_full{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #e5e5e5; margin-bottom: 10px;}
.show_more_1 { clear: both; margin: 30px auto; width: 170px; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #151515; background: url(../images/show_more_bg.jpg) repeat-x; text-align: center; line-height: 29px; font-weight: bold; margin-bottom: 40px; display: block; text-align:left; padding-left:50px;}
.show_more_1 img { display: block; width: 11px; height: 29px; position: relative; right: 25px; margin: 0; padding: 0; float:right;}
.show_less_1 { clear: both; margin: 30px auto; width: 170px; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #151515; background: url(../images/show_more_bg.jpg) repeat-x; text-align: center; line-height: 29px; font-weight: bold; margin-bottom: 40px; display: block; text-align:left; padding-left: 50px;}
.show_less_1 img { display: block; width: 11px; height: 29px; position: relative; right: 25px; margin: 0; padding: 0; float:right; }

.show_more_2 { clear: both; margin: 30px auto; width: 170px; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #151515; background: url(../images/show_more_bg.jpg) repeat-x; text-align: center; line-height: 29px; font-weight: bold; margin-bottom: 40px; display: block; text-align:left; padding-left:50px;}
.show_more_2 img { display: block; width: 11px; height: 29px; position: relative; right: 25px; margin: 0; padding: 0; float:right;}
.show_less_2 { clear: both; margin: 30px auto; width: 170px; height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #151515; background: url(../images/show_more_bg.jpg) repeat-x; text-align: center; line-height: 29px; font-weight: bold; margin-bottom: 40px; display: block; text-align:left; padding-left: 50px;}
.show_less_2 img { display: block; width: 11px; height: 29px; position: relative; right: 25px; margin: 0; padding: 0; float:right; }


.blog_navi_arrows { width: 195px; height: 28px; margin: 0 auto;}
.blog_navi_arrows_left { width: 29px; height: 28px; float: left; background: url(../images/blog_navi_left.png) no-repeat #ffa500 center center; margin-right: 12px; display: block;}
.blog_navi_arrows_left:hover { background-color: #000;}
.blog_navi_arrows_right { width: 29px; height: 28px; float: left; background: url(../images/blog_navi_right.png) no-repeat center center #ffa500; display: block;}
.blog_navi_arrows_right:hover { background-color: #000;}
.page_navi_button { width: 29px; height: 28px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 28px; background-color: #ffa500; display: block; margin-right: 12px; color: #FFF;}
.page_navi_button:hover { background-color: #000;}

.post_text_1 { width: 100%; height: auto; line-height: 18px; display: none;}
.post_text_2 { width: 100%; height: auto; line-height: 18px; display: none;}


#about_us{ width: 100%; height: auto; background-color: #fff; padding: 0px 0px 55px 0px;}

#about_us .title_line_left { background-color: #ffc134; width: 324px;}
#about_us .title_line_right { background-color: #ffc134;width: 324px;}
#about_us h1 { color: #ffc134;}
#about_us h3 { color: #313131;}
#about_us h2 { border-bottom: none; font-weight: normal; margin-bottom: 0;}
#about_us .one_half p{ color: #313131; font-size: 12px;}

.testimonial {margin-top: 10px; width: 430px; height: auto; padding: 15px 15px; background-color: #e3e3e3; border-radius: 5px;} 
.statement { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #313131; font-weight: bold; font-style: italic;}
.client { float: right; clear: both; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #313131;}
.testimonial_footer { background: url(../images/testimonial_bottom.jpg) no-repeat; width: 460px; height: 12px; display: block; backgroung-color:#FFFFFF;}
.team_member { width: 220px; margin-top: 10px; margin-bottom: 10px; height: auto; float: left; margin-right: 20px;}
.team_member img { width: 220px; height: 220px; display: block; margin-bottom: 20px;}
.no-margin-right { margin-right: 0 !important;}
.member_name {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #313131; width: 100%; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
.member_description { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px 0; border-bottom: 1px solid #e1e1e1;}
.social_buttons { width: 112px ; margin: 15px auto !important; height: auto;}
.delicious{ width: 14px; height: 14px; float: left; display: block; background: url(../images/delicious_social.png) no-repeat; margin-right: 15px;}
.delicious:hover { background: url(../images/delicious_social_hover.png) !important; width: 14px; height: 14px;}
.twitter {width: 20px; height: 15px; float: left; display: block; background: url(../images/twitter_social.png) no-repeat; margin-right: 15px;}
.twitter:hover {background: url(../images/twitter_social_hover.png) !important; width: 20px; height: 15px;}
.stumbleupon { width: 17px; height: 17px; float: left; display: block; background: url(../images/stumbleupon_social.png) no-repeat; margin-right: 15px;}
.stumbleupon:hover { background: url(../images/stumbleupon_social_hover.png) !important; width: 17px; height: 17px;}
.skype { width: 16px; height: 17px; float: left; display: block; background: url(../images/skype_social.png) no-repeat;}
.skype:hover {background: url(../images/skype_social_hover.png) !important; width: 16px; height: 17px;}

#contact_us { width: 100%; height: auto; display:block; background-size: cover; padding: 0px 0px 0px 0px;}
#contact_us .title_line_left { background-color: #fff; width:252px;}
#contact_us .title_line_right { background-color: #fff;width:252px;}
#contact_us h1 { color: #fff;}
#contact_us subtitle { color: #5b5b5b;}
#contact_us h4 { color: #000000;}

.map_holder { width: 100%; height: 390px; border-radius: 5px; display: block; margin-bottom: 55px;}

.contact_form { width: 700px; height: auto; float: left;}
.input {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 208px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #3c3c3c;
	margin-right: 20px;
	border-radius: 4px;
	border: 1px solid #dddddd;
}
.contact_text { padding: 10px; width: 678px; height: 220px; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; line-height: 100%;	color: #3c3c3c; border-radius: 4px; border: 1px solid #dddddd; margin-top: 20px;}
.contact_submit { background-color: #e8e8ea;font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 125px; height: 35px; line-height: 35px; text-align: center; color: #313131; font-weight: bold; display: block; border-radius: 4px; margin-top: 20px; margin-bottom: 40px;}
.contact_textarea { width: 240px; float: left; line-height: 18px; padding-left: 20px; color: #000000 !important; margin-top:55px;}
.contact_textarea p{ width: 240px; float: left; line-height: 18px; color: #000000 !important;}


.footer { background-color: #2e3133; width: 100%; height: 107px; font-family: Myriad Pro, Arial, Helvetica, sans-serif !important; font-size: 12px !important; }
.footer_text { width: auto; float: right; color: #585a5c !important; margin-top: 25px; }
.copyright { float: left; line-height: 107px; width: auto; color:#c1c2c2 !important; }

.footer_text a { color: #000000 !important; text-decoration:none;}

a.submit_newsletter_button {
	cursor: pointer;
}
.fake_menu {
	display: block;
	width: 100%;
}
.bx-wrapper {
  width: auto !important;
}



/*Edi��o para o Portal Urup�s*/

/*A Cidade (services)*/
#services .title_line_left {
	width: 323px;
}
#services .title_line_right {
	width: 323px;
}

#services #foto_acidade {
	width: 100%;
	
	margin-top: 30px;
}

.image {
	width: 100%;
}

/*Av. Água Comprida (portfolio)*/
/*#portfolio .title_line_left {
	width: 107px;
	background-color: #6d6e71;
	
	margin-left: 70px;
	
	z-index:9997;
}
#portfolio .title_line_right {
	width: 174px;
	background-color: #6d6e71;
}*/
#portfolio .text_content {
	width: 100%; 
	height: auto;
	text-align: center;
	
	color: #000000;
	
	margin-bottom: 40px;
}

#portfolio .text_content > div {
	width: 70%;
	
	margin-left: 15%;
	
	text-align:justify;
	text-justify:inter-word;
}


#events h1 {
	color: #6d6e71;
}

#events .title_line_left {
	width: 350px;
	background-color: #6d6e71;
}

#events .title_line_right {
	width: 350px;
	background-color: #6d6e71;
}


/*Fotos*/

#fotos { width: 100%; height: auto; background-color: #ececec; padding: 0px 0px 55px 0px;}
#fotos h1 { color: #6d6e71;}
#fotos .subtitle { color: #789223;}
#fotos .title_line_left { background-color: #6d6e71; width: 364px; }
#fotos .title_line_right { background-color: #6d6e71 !important; width: 364px; }
.fotos_navigation { width: 100%; height: 28px; margin-bottom: 22px;}
.fotos_categories { width: auto; height: 28px; text-align: center; text-transform: uppercase; line-height: 28px; padding: 7px 20px; background-color: #fde5b9; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-right: 15px; color: #c48106;}
.fotos_categories:hover { background-color: #353535;}
.fotos_navi_arrows { width: 193px; height: 28px; float: right;}
.fotos_navi_arrow_left { width: 29px; height: 28px; float: left; background: url(../images/portfolio_navi_left.png) no-repeat center center #fde5b9; margin-right: 12px;}
.fotos_navi_arrow_left:hover { background-color: #353535;}
.fotos_navi_arrow_right { width: 29px; height: 28px; float: left; background: url(../images/portfolio_navi_right.png) no-repeat center center #fde5b9;}
.fotos_navi_arrow_right:hover { background-color: #353535;}
.fotos_image_row { width: 100%; height: 187px; margin-bottom: 33px;}
.fotos_image { width: 220px; height: 187px; display: block; float: left;}
.fotos_image img { /*width: 220px; height: 187px;*/ display: block; border:0; padding: 0; margin: 0; position: relative; z-index: 0;}
.fotos_image_spacer { width: 26px; display: block; height: 187px; float: left;}
.fotos_navi_button { width: 29px; height: 28px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 28px; background-color: #fde5b9; display: block; margin-right: 12px; color: #c48106;}
.fotos_navi_button:hover { background-color: #353535;}

.bx-next, .bx-prev { cursor: pointer!important; }

#fotos .rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background: url(../images/portfolio_overlay.png) center center no-repeat;
	cursor: pointer;
	width: 220px;
	height: 187px;
	position: absolute;
	z-index: 10;
	opacity: 0;
	filter:alpha(opacity=0);
}
#fotos .rollover:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px black;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px black;
}


/*Atendimento*/
.div-loading {
	width: 125px;
	height: 35px;
	line-height: 35px;		
	margin-top: 20px;
	margin-bottom: 40px;	
	text-align: center;
	background-color: #e8e8ea;	
	border-radius: 4px;
	
	display: none;
}

.div-loading img {
	width: 20px;
	
	margin-top: 7px;
}

/*Faixa "Obras em andamento*/
.img-relative-top {
	position: absolute;
	z-index:9998;
	top: -2px;
}

#portfolio {
	position: relative;
}

.social-media {
	width: 105px;	
	
	position: relative;
	margin-top: 5%;
	left: 100%;
	margin-left: -105px;
	
	text-align: right;
}


/*Legenda*/

#portfolio #foto_av_agua_comprida {
	width: 81%;
}

#portfolio #foto_bairro {
	width: 100%;
	
	margin-top: 40px;
}#mapa_av_agua_comprida_completo {
	margin-top: 30px;
}

#mapa {
	width:100%;
	text-align: right;
	
	z-index: 9998;
}


#legenda {
	position: relative;
	
	margin-top: -340px;
	left: 4px;
}


#legenda #legenda-content {
	width: 280px;
	text-align: left;
}

#legenda #legenda-titulo {
	width: 40%;
}

#legenda #legenda-basetitulo {
	width: 80%;
}

#legenda .legenda-item {
	margin: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #7c7c7d;
}

#legenda .legenda-item-numero {
	width: 25px;
	text-align: left;
	float: left;
}

#legenda .legenda-item-texto {
	width: auto;
	text-align: left;
	text-transformation: uppercase;
	float: left;
}

#legenda .legenda-cor {
	width: 18px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	text-align: left;
	border: 2px solid #FFF;
	margin: 0px -4px;
	float: left;
}

#legenda #legenda-cor1 {
	background-color: #cbcdba;
}

#legenda #legenda-cor2 {
	background-color: #595e60;
}

#legenda .legenda-cor-texto {
	width: auto;
	height: 18px;
	line-height: 18px;
	text-align: left;
	text-transformation: uppercase;
	margin: 2px 10px;
	float: left;
}

#portfolio #texto_mapa_av_agua_comprida {
	margin-top: 25%;
}

#portfolio .mid_half {
	float: left;
}

#portfolio .mid_half img {
	width: 90%;
}

#mid_half_left {
	width: 65%;
}

#mid_half_right {
	width: 35%;
	
	text-align: right;
}


/*Títulos*/

.titulos_areas {
	width:100%;
	margin-top: 60px;
	margin-bottom: 30px;
}

#titulo_av_agua_comprida {
	
}

/*Bairro*/
#bairro { width: 100%; height: auto; background-color: #ffffff; padding: 0px 0px 55px 0px; }

#bairro #foto_bairro {
	width: 100%;
	
	margin-top: 40px;
}

#bairro .imagens_titulo {
	margin-top: 6%;
	margin-bottom: 2%;
}

#bairro .div_imagens_titulo {
	width: 100%;
	text-align:center;
}

#bairro #acompanhe_a_obra {
	margin-top: 40px;
	height: auto;
}

.text-full { width: 100%; text-align: justify; text-justify: newspaper; }
}