
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:940px; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: #FFF /* url(../images/bg.jpg) top center repeat  */ ; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fdfdfd; line-height:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.html); position: relative;}

/* Global Structure ============================================================= */



/* ============================= main layout ====================== */

a{ color:#333; text-decoration: none; outline:none}
a:hover{ text-decoration: underline}
h1{ float:left;}
h2{ font-size:38px; color:#000; line-height:0px; padding: 0px 0px 5px}
h2 span{ margin-top:-10px; display:block;}
h3{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; background:#fff; font-size:18px; color:#201d1c; line-height:31px; margin-bottom:11px; padding:0 6px; text-transform:uppercase}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ width:100%; overflow:hidden; padding-top:15px; height:86px; border-bottom:1px solid #000; margin-bottom:12px;}

#logo{ display:block; background:url(../images/logo.png) no-repeat; width:339px; height:57px; text-indent:-5000px; margin-top:7px;}
#menu { float:right; padding-top:20px;}
#menu li { padding-left:14px; float:left; margin-top: 6px;}
#menu li a{ display:block; font-size:17px; color:#000; background:none; height:39px; line-height:30px;}
#menu li a span{ display:block; padding:0 13px; font-family: Helvetica, sans-serif; font-size:18px; }
#menu li a:hover, #menu #menu_active a{ text-decoration:none; color:#FFF; background: url(../images/menu_bg.gif) top repeat-x}
#menu li a:hover span, #menu #menu_active a span{ background:url(../images/menu_left.gif) top left no-repeat; height:100%}

/* ============================= MENU 2  ====================== */
#menu2 { float:right; width:940px; background-color:#f1f0f0; height: 33px; }
#menu2 li { padding-left:9px; float:left;  list-style:none;}
#menu2 li a{ display:block; font-size:13px; color:#7E7E7E; background:none; height:39px; line-height:30px;}
#menu2 li a span{ display:block; padding:0 12px;}
#menu2 li a:hover, #menu2 #menu2_active a{ text-decoration:none; color:#000000; background: url(../images/menu_bg2.gif) top repeat-x}
#menu2 li a:hover span, #menu2 #menu2_active a span{ background:url(../images/menu_left2.gif) top left no-repeat; height:100%}



.splash_menu{ width:100%;  overflow:hidden; position:relative; height:505px; text-decoration:none;}
.splash_menu li{ float:left; width:220px; height:591px; margin-right:20px; text-decoration:none; position:relative}
.splash_menu .nav4{ margin-right:0}
.splash_menu a{ display:block; text-decoration:none;}
.splash_menu img{ position:absolute; text-decoration:none; top:-591px; left:0}
.splash_menu span{ text-decoration:none; cursor:pointer;}
.splash_menu .text, .splash_menu .text_hover{ height:148px;  width:100%; overflow:hidden; display:block; position:absolute; text-align:center; font-size:25px;color:#201d1c; background:url(../images/bg_text_white.png) top repeat-x; line-height:150px; top:-148px; left:0}
.splash_menu .text:hover, .splash_menu .text_hover:hover{ text-decoration:none; }
.splash_menu .text_hover{  top:-148px; left:0; color:#fff;background:url(../images/bg_text.png) top repeat-x; text-decoration:none;}
.splash_menu{ text-decoration:none;}


/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-bottom:14px; }
#content2{ width:100%; overflow:hidden; padding-bottom:35px; }
#content3{ width:100%; overflow:hidden; padding-bottom:25px; }
figure{ padding-top:15px;}




.marg_top1{ margin-top:0px;}
.marg_top2{ margin-top:10px;}
.marg_right1{ margin-right:20px;}
.pad_bot1{ padding-bottom:0px; width:376px;}
.pad_bot2{ padding-bottom:-20px; margin-top:-19px;}
.pad_bot3{ padding-bottom:18px;}
.pad_right2{ padding-right:40px;}
.pad_right1{ padding-right:15px;}
.pad_left1{ padding-left:0px; padding-top:13px; padding-bottom:0px;}
.no_pad{ padding-bottom:0}
.pad_contato { padding-top:170px;  padding-left: 215px; font-family: Helvetica, sans-serif; color:#333333; }


.pad_bot_cont{ padding-bottom:0px;}
.pad_bot_cont2{ padding-bottom:0px;}
.pad_bot_cont5{ padding-bottom:15px;}

.grid_16_contato {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.color1{ color:#aaaaaa}

.font1{ font-size:20px; color:#979797; line-height:26px;  padding-top:10px;  font-family: Helvetica, sans-serif; padding-bottom:0}
.font1c{ border-bottom: 1px solid #333; border-top:  1px solid #333;  font-size:18px; color:#333333; line-height:26px; padding-top:8px; font-family: Helvetica, sans-serif; padding-bottom:8px;}
.font1 strong { color: #000000;
    display: block;
    font-family: Trebuchet MS;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 22px;
    margin-top: 7px;
    padding-top: 11px;
    text-align: justify;
    width: 585px;
}
.font1 span{ color:#404040; font-family: Helvetica, sans-serif; font-size:20px; font-weight:normal;}
.font1b span{ color:#404040; font-family: Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.under{ padding-bottom:15px; font-family: Helvetica, sans-serif; border-top:1px solid #979696; margin-bottom:10px; font-weight:normal;}

.link1{ font-size:14px; color:#fff; text-transform:uppercase; line-height:24px; display:inline-block; height:24px; overflow:hidden}
.link1:hover{ color:#979797; text-decoration:none}

/* The Nivo Slider styles */

#slider, .gallery{ height:629px; overflow:hidden; width:100% !important; position:relative; margin-top: 35px;}
#slider, .gallery li{ list-style:none;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;	top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; top:57%; margin-top:-92px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:48px; height:48px;}
.nivo-prevNav {left:0px;  display:block; background:url(../images/marker_left.gif) no-repeat;}
.nivo-nextNav {right:40px; background:url(../images/marker_right.gif) no-repeat;}

/* Caption styles */
.nivo-caption {position:absolute; top:5px; right:58px;background:url(../images/bg_info.png) repeat;color:#fff;	z-index:99; padding:29px 10px 35px 24px; height:360px; width:318px; visibility: hidden}
.nivo-caption p {margin:0; color:#aaaaaa}
.nivo-caption a {display:inline !important;}
.nivo-html-caption { display:none;}


/*================ScrollPane==========================*/
.scroll-pane, .scroll{ height:314px; padding-top:4px; padding-right:20px; overflow:auto; position:relative; z-index: 999999999999;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 999999999999;}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 0;top: 0;height: 100%;background: url(../images/scroll_track.png) right 0 repeat-y;}
.jScrollPaneDrag {position: absolute;background: url(../images/scroll_drag.gif) 0 0 no-repeat #000; cursor: pointer;overflow: hidden; color:#000; z-index: 999999999999;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 999999999999;	top: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;height: 15px; background:url(../images/scroll_track.png) no-repeat}
a.jScrollArrowDown {	display: block;	position: absolute;	z-index: 999999999999;	bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 15px; background:url(../images/scroll_track.png) no-repeat}


.info{ position:absolute; top:5px; right:5px; display:none; background:url(../images/info.gif) no-repeat; width:23px; height:23px; z-index: 999999999999; cursor:pointer}
.close{ position:absolute; top:5px; right:5px; display: none; background:url(../images/close.gif) no-repeat; width:23px; height:23px; z-index: 999999999999; cursor:pointer}
.text_box{ position:absolute; top:5px; right:58px; background:url(../images/bg_info.png) repeat; padding:29px 10px 35px 25px; height:360px; width:318px; z-index: 999999999999;}

iframe{ margin-top:0px;}

.cols{ float:left;}

#page2 .cols{  border-top: 1px solid; color: #807F7F; margin-top: 18px;  }
#page4 .font1{ padding-top:10px; padding-bottom:7px;}
#page4 .pad_right2{ padding-right:30px;}
#page4 .marg_right1{ margin-right:13px;}
#page5 .cols{ width:166px;}
#page5 .marg_right2{ margin-right:38px;}
#page5 figure{ padding-top:16px}

/* ============================= footer ====================== */

footer { font-size:10px; font-family:Tahoma, Geneva, sans-serif; color:#000000; width:100%; overflow:hidden; padding-bottom:26px; padding-top:5px;  border-top:1px solid #000;}
footer a{ color:#525252; text-decoration:underline}
footer a:hover{ text-decoration:none}
.houzz { margin-left:680px; position:absolute;}
.facebook { margin-left:869px; position:absolute;}
.twitter  { margin-left:908px; position:absolute;}
.flickr  { margin-left:908px; position:absolute;}


/* ============================= forms ============================= */

#ContactForm { padding-top:5px;}
#ContactForm .rows{ min-height:49px;}
#ContactForm .textarea_box{ min-height:190px; border-bottom:0px solid #9a9999; margin-bottom:8px;}
#ContactForm a{ margin-right:30px;}
#ContactForm .input { width: 412px; outline:none; height:16px; border:0px solid #666666; background: #f1f0f0; padding:8px; color:#666666; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto; width: 412px; height:185px;  outline:none;  border:0px solid #525251; background: #f1f0f0; padding:8px; color:#666666; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}

.sendbutton { background:url(../images/send_button.jpg) no-repeat 0 0;
    border: 0 none;
	cursor:pointer;
	padding: 0px 0px 0px 0px;
	width: 437px;
	height:35px;	
	font-family: verdana;
    font-size: 11px;
    color: #666;
	text-indent: -2000px;
	margin: 0 0 0 -10px;
	outline: none;
	 }



