@charset "utf-8";
/*
Theme Name: OHF
Theme URI: http://www.ohf.com.br
*/

@font-face {
 font-family: Agencyr;
 src: url("fonts/agencyr.eot") /* EOT file for IE */
}
@font-face {
 font-family: Agencyr;
 src: url("fonts/agencyr.ttf"); /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Myriad;
 src: url("fonts/myriad.eot") /* EOT file for IE */
}
@font-face {
 font-family: Myriad;
 src: url("fonts/myriad.ttf"); /* TTF file for CSS3 browsers */
}

* {margin:0; padding:0; outline:none; list-style-type:none;}

body {font-family:Arial, Helvetica, sans-serif; color:#737373;}

hr {display:none;}

.trava {width:960px; margin:0 auto;}

.clear {clear:both;}

.bg {}

#master {background:url(images/bg_topo.png) repeat-x;}


/* ------------------ SECTION-1 ------------------ */

/* TOPO */

#section-1 a.west {width:256px; height:104px; background:url(images/tit_ecia.png); float:left;}

#section-1 a.ecia {width:147px; height:50px; background:url(images/ecia_logo.png); margin-right: 550px; margin-top: 27px; float:right;}

/* MENU */

/*#section-1 div.nav ul.menu li {float:left; height:41px; line-height:35px; background:url(images/bg_li_menu.jpg) no-repeat left center; padding:0 15px 0 15px;}
#section-1 div.nav ul.menu li:first-child {background:none;}
#section-1 div.nav ul.menu li a {color:#6c747a; text-decoration:none; font-size:13px;}
#section-1 div.nav ul.menu li a:hover {color:#000;}
#section-1 div.nav ul.menu li .sub-menu {position:absolute; background:#BEBEBE; color:#FFF; margin:7px 0 0 -13px; display:none;}
#section-1 div.nav ul.menu li .sub-menu a {color:#FFF;}
#section-1 div.nav ul.menu li a.seta {background:url(images/seta_baixo.jpg) no-repeat right center; padding:0 16px 0 0;}
#section-1 div.nav ul.menu li ul {
	width:inherit;
	position:absolute;
	z-index:10;
	top:35px;
	margin:0 0 0 -22px;
	background:url(images/bg_submenu.png); 
	padding:0 14px 0 14px; 
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	height:0px;
	line-height:40px;
	overflow:hidden;
}*/

#section-1 .nav {clear:both;}
#section-1 .nav ul {width:1000px; margin-top:-4px;}
#section-1 .nav ul li {float:left; line-height:40px; height:41px; background:url(images/bg_li_menu.jpg) no-repeat left top; padding:0 15px 0 15px;}
#section-1 .nav ul li:first-child {background:none;}
#section-1 .nav ul li a {color:#6c747a; text-decoration:none; font-size:13px; display:block;}
#section-1 .nav ul li.current_page_item {background:url(images/bg_li_ativo.jpg);}
#section-1 .nav ul li.current-menu-parent {background:url(images/bg_li_ativo.jpg);}
#section-1 .nav ul li a.seta {background:url(images/seta_baixo.png) no-repeat right center; padding:0 16px 0 0;}
#section-1 .nav ul li ul {
	width:inherit;
	position:absolute;
	margin:1px 0 0 -15px;
	z-index:10;
	background:#555; 
	padding:0 14px 0 14px; 
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	line-height:40px;
	overflow:hidden;
}
#section-1 .nav ul li ul li {clear:both; background:none; border-top:1px solid #666;}
#section-1 .nav ul li ul li:first-child {border:0;}
#section-1 .nav ul li ul li a {background:none !important;}
#section-1 .nav ul li ul li a {color:#FFF;}

/* TOPO */

#section-1 .topo {clear:both;}
#section-1 .topo h2 {width:300px; height:149px; margin:0 auto;}
#section-1 .topo h2 a {display:block; width:300px; height:149px;}
#section-1 .topo h2 a img {width:300px; height:149px; border:0;}

/* SLIDE */

#section-1 .slide {height:267px; overflow:hidden;}
#section-1 .slide img.splash {position:absolute; margin:109px 0 0 686px; z-index:4} 
#section-1 .slide a {display:block; width:146px; height:32px; background:url(images/bot_saibamais.png); position:absolute; z-index:999; margin:204px 0 0 635px}
#section-1 .slide a span {display:none;}
#section-1 .slide div {display:block; height:102px; width:100%; position:relative; top:-102px; background:url(images/bg_span_webdoor.png); z-index:1}
#section-1 .slide div p {padding:19px 40px 0 40px; font-size:18px; color:#FFF; width:540px; float:left; font-family:"Agencyr"; font-size:27px;}
#section-1 .slide div p span {display:block; font-size:14px; color:#bdbebb; font-weight:bold; line-height:22px; font-size:20px;}

/* SLIDE CONTATO */

#section-2 .slide-contato {height:300px; overflow:hidden;}
#section-2 .slide-contato img.splash {position:absolute; margin:10px 0 0 607px; z-index:4} 
#section-2 .slide-contato div {display:block; height:102px; width:100%; position:relative; top:-102px; background:url(images/bg_span_webdoor.png); z-index:1}
#section-2 .slide-contato div p {padding:30px 40px 0 40px; font-size:18px; color:#FFF; width:540px; float:left;}
#section-2 .slide-contato div p span {display:block; font-size:14px; color:#bdbebb; font-weight:bold; line-height:22px;}

/* SLIDE CONTATO */

#section-2 .slide-empreendimentos {height:300px; overflow:hidden;}
#section-2 .slide-empreendimentos img.splash {position:absolute; margin:10px 0 0 607px; z-index:4} 
#section-2 .slide-empreendimentos div {display:block; height:102px; width:100%; position:relative; top:-102px; background:url(images/bg_span_webdoor.png); z-index:1}
#section-2 .slide-empreendimentos div p {padding:30px 40px 0 40px; font-size:18px; color:#FFF; width:540px; float:left;}
#section-2 .slide-empreendimentos div p span {display:block; font-size:14px; color:#bdbebb; font-weight:bold; line-height:22px;}



/* ------------------ SECTION-2 ------------------ */

#section-2 {width:960px; margin:0 auto; clear:both; padding:50px 0 0 0;}
#section-2 .post h3 {background:url(images/bg_lancamentos.jpg) repeat-x left bottom; height:40px; font-size:22px; color:#005293; margin:0 0 25px 0}
#section-2 .post h3 span {display:block; background:url(images/bg_tit_lancamentos.jpg) no-repeat left bottom; padding:0 0 0 36px; font-weight:normal;}

/* CONTE�DO */

#section-2 .content {width:435px; float:right;}
#section-2 .content p {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic;}
#section-2 .conteudo p.title-localizacao {font-family:"Agencyr", Times, serif; font-size:25px; margin-bottom:0px;}
#section-2 .conteudo p.localizacao {font-family:"Myriad", Times, serif; font-size:13px; font-style:italic; margin-bottom:30px;}
#section-2 .content p.title {font-family:"Agencyr"; font-size:33px; font-style:normal !important;}
#section-2 a.saibamais {display:block; margin:20px 0 0 0; width:234px; height:26px; background:url(images/bot_saibamais_lancamento.jpg);}
#section-2 a.saibamais span {display:none;}
#section-2 div.thumbs {padding:50px 0 0 0; clear:both;}
#section-2 div.thumbs p {padding:0 0 7px 0;}
#section-2 div.thumbs p span {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal;}
#section-2 div.thumbs ul li {float:left; padding:0 10px 0 0;}
#section-2 div.thumbs ul li a img {border:0; width:77px; height:69px}
#section-2 div.thumbs ul li#zoom {position:absolute; z-index:100; left:50%; max-width:495px; margin:-22px  0 0 -473px !important; overflow:hidden; padding:0;}
body.single #section-2 div.thumbs ul li#zoom {position:absolute; z-index:100; left:50%; max-width:495px; height:445px; margin:-22px  0 0 -481px !important; overflow:hidden; padding:0;}
#section-2 div.thumbs ul.home li#zoom {top:695px !important;}
#section-2 div.thumbs ul li#zoom a img {border:0; width:495px !important; height:445px; width:auto; height:auto;}

.content > p.clique {position:relative; top:-10px; left:-518px;}
.content p.clique {position:relative; top:-10px; left:-518px;} /* IE 9 */

#section-2 div.thumbs-empresa {padding:0; width:440px; float:right;}
#section-2 div.thumbs-empresa p {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic;}
#section-2 div.thumbs-empresa p span {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal;}
#section-2 div.thumbs-empresa ul li {float:left; padding:0 10px 0 0;}
#section-2 div.thumbs-empresa ul li a img {border:0; width:77px; height:69px}
#section-2 div.thumbs-empresa ul li#zoom {position:absolute; z-index:100; left:1353px; left:1473px\9; max-width:495px; overflow:hidden; padding:0;}
body.single #section-2 div.thumbs-empresa ul.empresa li#zoom {position:absolute; z-index:100; left:81.3%; max-width:495px; height:445px; margin:-22px  0 0 -481px !important; overflow:hidden; padding:0;}
#section-2 div.thumbs-empresa ul.empresa {height:445px;}
#section-2 div.thumbs-empresa ul.empresa li#zoom {position:relative; top:100px !important; left:54px; max-width:495px; float:right;}
#section-2 div.thumbs-empresa ul li#zoom a img {border:0; max-width:495px !important; height:445px; width:auto; height:auto;}

body.single #section-2 div.thumbs-empresa ul li#zoom {max-width:495px; height:445px;}
body.single #section-2 div.thumbs-empresa ul.empresa li#zoom {top:429px !important; max-width:495px;}
body.single #section-2 div.thumbs-empresa ul li#zoom a img {border:0; max-width:495px !important; height:445px !important; width:auto; height:auto;}
body.single #section-2 div.ampliada {width:495px; height:445px}
body.single #section-2 div.ampliada img {width:495px; height:445px;}




#section-2 div.ampliada {width:495px; height:445px;}
#section-2 div.ampliada img {width:495px; height:445px}

body.single #section-2 div.thumbs ul li#zoom {max-width:495px; height:445px;}
body.single #section-2 div.thumbs ul.home li#zoom {top:776px !important; max-width:495px;}
body.single #section-2 div.thumbs ul li#zoom a img {border:0; min-width:495px !important; height:445px !important; width:auto; height:auto;}
body.single #section-2 div.ampliada {width:495px; height:445px}
body.single #section-2 div.ampliada img {width:495px; height:445px;}

/* EMPRESA */

#section-2 .content-empresa {width:450px; font-family:"Myriad"; font-size:13px; padding:10px; line-height:18px; float:left; }
#section-2 .content-empresa p.title {font-family:"Myriad", font-size:18px; }
#section-2 .content-empresa p.title-empresa {font-family:"Agencyr", Times, serif; font-size:25px; margin-bottom:0px;}
#section-2 #empresa {min-height:380px;}
#section-2 #empresa img{float:left;}
#section-2 #empresa h3 {background:url(images/bg_lancamentos.jpg) repeat-x left bottom; font-size:25px; color:#005293; margin:0 0 25px 0; line-height:33px; height:45px;}
#section-2 #empresa h3 span {display:block; background:url(images/tit_empresa.jpg) no-repeat left bottom; padding:0 0 0 46px; height:32px;}
#section-2 #empresa .conteudo {padding:0;}
#section-2 #empresa .conteudo p {font-family:"Agencyr"; font-size:13px; padding:10px; line-height:18px; font-style:italic; float:right;}
#section-2 #empresa .conteudo img {margin:0 10px; float:left}

 /* #section-2 .post .conteudo p {font-family:"Agencyr"; font-size:13px; padding:10px; line-height:18px; font-style:italic; display:block; } */

/* CONTATO */

#section-2 #contato {min-height:600px;}
#section-2 #contato p{font-family:"Times New Roman", Times, serif; font-size:16px; line-height:18px;}
#section-2 #contato h3 {font-size:25px; color:#005293; margin:0 0 25px 0; line-height:40px;}
#section-2 #contato h3 span {display:block; background:url(images/tit_empresa.jpg) no-repeat left bottom; padding:0 0 0 46px; height:32px;}
#section-2 #contato .conteudo {padding:70px 0 0 0;}
#section-2 #contato .conteudo p {font-family:"Times New Roman", Times, serif; font-size:16px; padding:10px; line-height:18px; font-style:italic}
#section-2 #contato .conteudo img {margin:20px;}

/* FORM */

#section-2 #contato .form {float:left; width:545px;}
#section-2 #contato .form .msg{background: #DDD; padding: 10px; margin-top: 30px; -webkit-border-radius: 3px; background-color: #FFC; border: 1px #BF252E solid; color: #C00; width: 464px;}
#section-2 #contato .form p {padding:0 0 15px 0;}
#section-2 #contato .form p.intro {background:url(images/bg_lancamentos.jpg) repeat-x left bottom; width:545px; font-family:"Myriad"; font-size:13px; line-height:18px;}
#section-2 #contato .form fieldset {padding:40px 0 0 0; border:0;}
#section-2 #contato .form fieldset p label span {display:block; color:#005293;} 
#section-2 #contato .form fieldset p label input {width:475px; padding:0 5px; height:23px; line-height:23px; background:url(images/bg_input.jpg); border:0; font-size:10px;}
#section-2 #contato .form fieldset p label textarea {width:475px; padding:5px; height:130px; line-height:18px; background:url(images/bg_textarea.jpg); border:0; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif;}
#section-2 #contato .form fieldset p.submit {text-align:right; width:485px}

/* LOCAL */

#section-2 #contato .local {float:left; padding:0 0 0 85px;}
#section-2 #contato .local h4 {font-size:22px; color:#005293; margin:0 0 10px 0; line-height:40px;}
#section-2 #contato .local p {padding:0 0 20px 0; font-family:"Myriad"; font-size:13px; line-height:18px;}

/* EMPREENDIMENTOS */

#section-2 #empreendimentos {min-height:600px;}
#section-2 #empreendimentos h3 {font-size:25px; color:#005293; margin:0 0 25px 0; line-height:35px;}
#section-2 #empreendimentos h3 span {display:block; background:url(images/tit_empresa.jpg) no-repeat left bottom; padding:0 0 0 46px; height:32px;}
#section-2 #empreendimentos h4 {background:url(images/bg_lancamentos.jpg) repeat-x left bottom; font-size:18px; color:#005293; padding:30px 0 15px 0}
#section-2 #empreendimentos .ficha {clear:both;}
#section-2 #empreendimentos .ficha h5 {background:url(images/bg_tit_ficha.png) no-repeat left center; height:34px; border-bottom:1px solid #d8dbdc;}
#section-2 #empreendimentos .ficha h5 span {display:none;}
#section-2 #empreendimentos .ficha p {float:left; color:#6b747a; font-size:11px; padding:10px 40px 0 0}
#section-2 #empreendimentos .ficha p strong {display:block;}
#section-2 #empreendimentos .ficha p a {color:#811603; text-decoration:none;}
#section-2 #empreendimentos .bl01 {padding:20px 0 0 0;}
#section-2 #empreendimentos .bl01 .logo {float:left; width:310px;}
#section-2 #empreendimentos .bl01 .logo img {max-width:280px;}
#section-2 #empreendimentos .bl01 .conteudo {width:630px; float:left; padding:0 0 30px 0; min-height:140px}
#section-2 #empreendimentos .conteudo p {font-family:"Agencyr"; font-size:26px; padding:10px; line-height:30px;}
#section-2 #empreendimentos .conteudo img {margin:20px;}
#section-2 #empreendimentos .imagens {clear:both; padding:30px 0 0 0;}
#section-2 #empreendimentos .imagens .apliada {float:left; width:530px;}
#section-2 #empreendimentos .imagens .apliada img {max-width:530px;}
#section-2 #empreendimentos .imagens .thumbs {float:right; padding:0; width:428px;}
#section-2 #empreendimentos .imagens .thumbs p {clear:both; padding:25px 0 10px 0}
#section-2 #empreendimentos .imagens .thumbs p:first-child {padding:0 0 10px 0;}
#section-2 #empreendimentos .imagens .thumbs p strong {color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px}
#section-2 #empreendimentos .imagens .thumbs p.obra strong {color:#811603;}
#section-2 #empreendimentos .imagens .thumbs ul {width:460px;}
#section-2 #empreendimentos .imagens .thumbs ul li {padding:0 10px 5px 0; float:left;}

#section-2 #empreendimentos .imagens .thumbs ul.plantas {width:460px; height:290px;}
#section-2 #empreendimentos .imagens .thumbs ul.plantas li {padding:0 10px 5px 0; float:left;}


#section-2 #empreendimentos .imagemUnica {text-align:center; width:960px;}

#section-2 .paginacao {clear:both; padding:50px 0 0 0}
#section-2 .paginacao ul li a {text-decoration:none; height:13px; font-size:12px; color:#811603; display:block;}
#section-2 .paginacao ul li.left {float:left;}
#section-2 .paginacao ul li.left a {float:left; background:url(images/bg_left.jpg) no-repeat left center; padding:0 0 0 15px}
#section-2 .paginacao ul li.right {float:right;}
#section-2 .paginacao ul li.right a {float:right; background:url(images/bg_right.jpg) no-repeat right center; padding:0 15px 0 0}


/* ------------------ SECTION-3 ------------------ */

#section-3 {padding:200px 0 30px 0; background:url(images/bg_footer.jpg) repeat-x left bottom;}
#section-3 h3 {display:none;}
#section-3 p {font-size:12px; color:#72797c; font-weight:bold; text-align:center;}