/*
Theme Name: Marcenaria MF
Theme URL: http://www.marcenariamf.com.br
Author: Agência Idealizze
Author URI: http://www.agenciaidealizze.com.br/
*/

@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'proxima_novaregular';
    src: url('fonts/proxima/proximanova-regular-webfont.eot');
    src: url('fonts/proxima/proximanova-regular-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/proxima/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proxima/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proxima/proximanova-regular-webfont.svg.html#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novabold';
    src: url('fonts/proxima/proximanova-bold-webfont.eot');
    src: url('fonts/proxima/proximanova-bold-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/proxima/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proxima/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proxima/proximanova-bold-webfont.svg.html#proxima_novabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans/opensans-bold-webfont.eot');
    src: url('fonts/opensans/opensans-bold-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans/opensans-light-webfont.eot');
    src: url('fonts/opensans/opensans-light-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** GERAL **/

* { 
	margin:0; 
	padding:0; 
	border:0; 
}

body{
	background:#fff url("../images/bg.jpg") repeat top center;
}

a{
	text-decoration:none
}

p {
    font-family: 'open_sansregular';
	font-size:13px;
	letter-spacing:normal;
	line-height:20px;
	color:#555;
}

.text-center{
	text-align:center;
}

.p22 {
	line-height:22px;
}

.p26 {    
	font-family: 'open_sansregular';
	line-height:26px;
	font-size:13px;
	color:#555;
}

.container { 
	width:980px; 
	margin:0 auto; 
	overflow:hidden; 
}

.left {
	float: left;
}

.right{
	float:right;
}

.proximabold{
	margin:25px 0 10px 0;
    font-family: 'proxima_novabold', Arial;
	text-transform:uppercase;
	font-size:16px;
}

.shadow{
    box-shadow:none;
    border: 2px solid #e5e5e5;
	box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.03);
}
	
.no{
	padding-left:0;
	padding-right:0
}

.clear{
	clear:both
}

#top-bar{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:192px;
	float:left;
	background:url("../images/bg-menu.png") no-repeat top center;
	z-index:999;
}

.topo{
	margin:0 0 0 0;
	width:100%;
	position:relative;
	overflow:hidden
}

.logo{
	position:fixed;
	background:url("../images/logo.png") no-repeat top left;
	width:240px;
	height:130px;
	display:block;
	margin:16px 0 0 0;
	z-index:999;
}

#email-topo { 
	float:right;
	margin:10px 0 0 0;
}

#email-topo p{
	float:left; 
	margin:15px 20px 0 0;
    font-family: 'open_sansregular';
	color:#242424;
	text-decoration:none;
	font-size:12px;
}


#tel-topo {
	float:right; 
	margin:14px 0 0 0;
}

#tel-topo p{
	float:left; 
	margin:0 2px 0 0;
    font-family: 'proxima_novabold', Arial;
	color:#242424;
	text-decoration:none;
	font-size:20px;
}

#tel-topo span{
	margin:0 0 0 0;
    font-family: 'proxima_novabold', Arial;
	color:#242424;
	text-decoration:none;
	font-size:16px;
}

/**** MENU ****/

.bg-menu {
    width: 100%;
    height: 200px;
	background:url("../images/sombra.png") no-repeat center bottom;
	position:relative;
	z-index:500;
}

.menu {
	position:relative;
	float:left;
	margin:42px 0 0 312px;
}

.menu li {
    float: left;
    list-style: none;
	margin:0 2px 0 2px;
}

.menu li a {
	display:inline-block;
    color:#242424;	
	font-family:'proxima_novabold', Arial, sans-serif; 
	font-size:16px;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out;
	letter-spacing:0.3px;
	height:24px;
	line-height:24px;
}

.menu ul li a:hover{
	color:#069;
	border-radius:40px;
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out;
}

.menu .ativo a{
	color:#069;
}

.divisor-menu {
	float:left;
	margin:8px 14px 0 14px;
	width:4px;
	height:4px;
	background:url("../images/divisor-menu.png") no-repeat;
}

#facebook {
	width:36px;
	height:36px;
	position:relative;
	float:right;
	margin:34px 0 0 0;
	z-index:999;
}

/**** Fim Topo ****/

/**** CONTEÚDO HOME ****/

.bgcentral{
	position:absolute;
	margin:-164px 0 0 0;
	z-index:500;
	background:url("../images/bg-central.png") no-repeat center top;
	width:100%;
	height:270px;
}
	
.quemsomos{
	width:430px;
	float:left;
	position:absolute;
	margin:-130px 0 0 14px;
	z-index:500;
}

.quemsomos h1{
	margin:0 0 26px 0;
	font-family:'proxima_novabold', Arial, sans-serif; 
	font-size:34px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:100;
}

.quemsomos p{
	width:418px;
	font-family: 'open_sansregular';
	font-size:13px;
	color:#FFF;
	line-height:18px;
}

.quemsomos a{
	margin:20px 0 0 0;
	float:right;
	font-family:'proxima_novabold', Arial, sans-serif; 
	font-size:13px;
	color:#FFF;
	background:#069;
	text-transform:uppercase;
	padding:10px 10px 10px 10px;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}

.quemsomos a:hover{
	color:#242424;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}

.nossosprojetos{
	float:right;
	width:250px;
	position:absolute;
	margin:-134px 0 0 530px;
	z-index:500;
}

.nossosprojetos h1{
	margin:0 0 0 0;
	font-family:'open_sansbold', Arial, sans-serif; 
	font-size:24px;
	color:#069;
}

.nossosprojetos h2{
	margin:-14px 0 16px 0;
	font-family:'proxima_novabold', Arial, sans-serif; 
	font-size:40px;
	color:#069;
	text-transform:uppercase;
}

.nossosprojetos p{
	width:250px;
	font-family: 'open_sansregular';
	font-size:13px;
	color:#777;
	line-height:18px;
}

.nossosprojetos span{
	float:left;
	margin:32px 0 0 0;
	font-family:'proxima_novabold', Arial, sans-serif; 
	font-size:20px;
	color:#069;
}

.slideprojetos {
	position:absolute;
	margin:-120px 0 0 820px;
    float:right;
    overflow: hidden;
    width: 150px;
	height:150px;
	z-index:500;
}

.borderslide{
	border-radius:150px;
}
/**** Fim Conteúdo Home ****/

/**** CONTEÚDO INTERNO ****/

#conteudo-interno{
	margin:166px 0 0;
}

.titulo-internas {
	background:url("../images/bg-titulos.jpg") no-repeat center top;
	color: #242424;
	height:188px;
}

.titulo-internas a {
	color: inherit;
}

.titulo-internas a:hover {
	text-decoration: underline;
}

.titulo-internas h1 {
	margin:64px 0 0 0;
	font-size: 30px;
    font-family: 'proxima_novabold';
	color: #fff;
	text-transform: uppercase;
}

.menu-right{
	float:left;
	margin:10px 0 0 0;
	font-size:14px;
    font-family: 'proxima_novaregular';
	color:#fff;
}

.menu-right span{
    font-family: 'proxima_novaregular';
}

#conteudo{ 
	padding-top: 40px;
}

/**** SOBRE ****/

#sobre-left {
	width:452px;
	height:auto;
	float:left;
	text-align:justify;
}

#sobre-right {
	margin:0 8px 0 0;
	width:441px;
	height:auto;
	float:right;
	border:1px solid #E1E1E3;
	border-radius:7px;
	padding:15px;
}
/**** Fim Sobre ****/

/** Fim Vídeos **/


.descritivo {
	width:auto; 
	height:27px; 
	background:url("../images/subtitulos.png") no-repeat;
	color:#fff; 
	line-height:27px; 
	text-indent:10px; 
	margin:20px 0 20px 0;
}

.p26{
	line-height:24px;
	margin:0 0 10px 0;
}

.voltar{
	margin:-34px 0 35px 286px;
	float:left;
	font-family: 'open_sansregular';
	color:#999;
	font-size:14px;
}

.imgsobre{
	width:686px;
	margin:25px 0 20px 120px;
	border:#dadada solid 3px;
	text-align:center;
}

.valores {
	float:left;
	width:334px;
	margin:0 0 15px 0;
}

.valores li {
	border-bottom:1px dotted #A3A3A3;
	height:26px;
	padding:8px 0 0 0;
}

.valores-left {
	float:left;
}

.valores-right {
	float:right;
}

/**** Fim Produtos ****/

.fotos{
	width:1018px;
	float:left;
	min-height:550px;
	margin:-10px 0 0 5px;
}

.foto{
	width:225px;
	height:280px;
	float:left;
	position:relative;
	padding:0 114px 0px 0;
}

.foto .foto-thumb, .foto .foto-thumb img{
	width:250px;
	height:170px;
	float:left;
	margin:8px 0 0 7px;
}

.foto .foto-link{
	width:290px;
	height:222px;
	float:left;
	position:absolute;
	left:0;
	top:0;
	background:url("../images/bg-fotos.png") no-repeat top;
	text-indent:-99999px;
	overflow:hidden;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
}

.foto .foto-link:hover{
	width:290px;
	height:222px;
	float:left;
	position:absolute;
	left:0;
	top:0;
	background:url("../images/ver-fotos-hover.png") no-repeat top;
}

.foto .foto-content{
	width:100%;
	float:left;
	margin:0 0 0;
}

.foto .foto-content .titulo-foto{
	width:260px;
	float:left;
	margin:45px 0 0 0;
    font-family: 'proxima_novabold';
	font-size:18px;
	color: #242424;
	text-transform:uppercase;
	text-align:center;
}

.foto .foto-content .local-foto{
	width:260px;
	float:left;
	text-align:center;
    font-family: 'open_sansregular';
	font-size:14px;

}

.galeria-fotos {
	float:left;
	width:998px;
	margin:-10px 0 0 4px;
	min-height:500px;
}

.galeria-fotos  h1{
	margin:0 0 2px 0;
    font-family: 'proxima_novabold';
	font-size:20px;
	color:#242424;
	text-transform:uppercase;
}

.galeria-fotos ul{
	margin:25px 0 0 0;
}

.galeria-fotos ul li {
	float:left;
	width:140px;
	height:105px;
	padding:0 26.3px 25px 0;
	list-style:none;
}
.galeria-fotos ul li a {
	float:left;
	width:140px;
	height:105px;
	overflow:hidden;
	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
}

.galeria-fotos ul li a:hover {
	opacity:0.5;
}

.voltar {
	position:relative;
	float:left;
	margin:0 0 0 0;
    font-family: 'proxima_novabold';
	color:#242424;
	font-size:18px;
}

.voltar:hover {
	color:#069;
}

.tamanho-thumb{
	width:140px;
	height:105px;
}

/**** CONTATO ****/

.contato {
	margin:10px 0 0 0;
    font-family: 'open_sansregular';
}

.contato h1 {
	font-size:22px;
	color:#242424;
	margin-bottom:6px;
	font-family: 'proxima_novabold';
}

.contato span{
	font-size:18px;
}

.contato p {
    font-family: 'open_sansregular';
	font-size:13px;
	color:#333;
	line-height:1.5;
}

.contato h2 {
	font-size:18px;
	color:#242424;
	margin:13px 0 6px 0;
	font-family: 'proxima_novabold';
}


.contato a {
	color:#6B523D;
	font-size:14px;
	font-weight:bold;
}

.contato a:hover {
	text-decoration:underline;
}

.formulario{
	margin:40px 0 0 0;
}

.formulario input[type="text"], textarea {
	display: block;
	margin: 10px 0 4px 0;
	padding: 14px 10px;
	background:#f3f3f3;
	border:none;
	outline: none;
    font-family: 'open_sanslight';
	font-size: 15px;
	color:#6B523D;
	border:#dadada solid 1px;
	line-height:22px;
}

.esse input[type="text"] {
	margin: 14px 0 12px 0;
}

.esse .error {
	margin:-6px 0 0 0;
}

.esse h1 {
	font-size:18px;
	font-weight:bold;
	color:#C52D33;
	font-family: 'proxima_novabold';
	background:#f3f3f3;
	width:410px;
	padding:20px 30px;
	margin-bottom:20px;
}

.formulario .btn {
	background:url("../images/bt-enviar.jpg") repeat;
	padding:14px 25px;
	font-family: 'proxima_novaregular';
	font-size:18px;
	color:#FFFFFF;
	cursor:pointer;
}

.formulario .btn:hover {
	background:#555;
}

.formulario select .error {
	padding: 2px 8px;
	color: #777777;
}
.formulario .error {
	display: block;
	margin-bottom: 6px;
	padding: 0 12px;
	color: #ed3237;
}
/**** Fim Fale Conosco ****/


::-webkit-input-placeholder {
	font-family: 'proxima_novaregular';
    color: #777;
}
:-moz-placeholder {
	font-family: 'proxima_novaregular';
    color: #777;
}
::-moz-placeholder {
	font-family: 'proxima_novaregular';
    color: #777;
}
:-ms-input-placeholder {  
	font-family: 'proxima_novaregular';
    color: #777;
}
/**** Fim Contatos ****/


/**** Fim Contato ****/

#contatos{
	float:left;
	margin:52px 0 0 0;
	width:100%;
}

#contatos .contatos{
	float:left;
}

#contatos .contatos h1{ 
	margin:80px 0 5px 0;
	font-family:'proxima_novabold', Arial, sans-serif; 
	font-size:22px;
	color:#242424;
	letter-spacing:0.4px;
}

#contatos .contatos img{
	margin:16px 0 0 0; 
	float:left;
}

#contatos .contatos p{
	float:left;
	margin:24px 0 0 10px;
	font-family: 'open_sansregular';
	font-size:13px;
	color:#333;
	line-height:20px;
}

#contatos .contatos span{
	font-family: 'open_sansregular';
	font-size:12px;
	color:#333;
}

#contatos .facebook h1{ 
	margin:80px 0 5px 0;
	font-family:'proxima_novabold', Arial, sans-serif; 
	font-size:22px;
	color:#242424;
	letter-spacing:0.4px;
}

#contatos .facebook{
	float:right;
	width:370px;
}

#contatos .facebook img{
	margin:16px 0 0 0; 
	float:left;
}

#contatos .facebook p{
	margin:26px 0 0 56px;
	font-family: 'open_sansregular';
	font-size:13px;
	color:#333;
	line-height:20px;
}

#rodape{
	float:left;
	margin:58px 0 0 0;
	width:100%;
	height:102px;
	background:url("../images/bg-rodape.jpg") no-repeat;
}

.direitos{
	margin:35px 0 0 0;
	float:left;
}

.direitos p{
	font-family: 'open_sansregular';
	font-size:13px;
	color:#fff;
}

.autor{
	margin:35px 0 0 0;
	float:right;
	font-family: 'open_sansregular';
	font-size:13px;
	color:#fff;
}

/* PAGINACAO */

ul.paginacao {
	float:left;
	display: block;
	margin:20px 0 0 284px;
}
ul.paginacao li {
	float: left;
	display: block;
	margin-right: 0.3125rem;
}
ul.paginacao li a {
	display: block;
	width: 32px;
	height: 30px;
	background: white;
	border: 1px solid #cdcdcd;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	color:#333;
}
ul.paginacao li:hover a, ul.paginacao li a:focus {
	background: #99cc33;
	border: 1px solid #99cc33;
	color:#fff;
}
ul.paginacao li.current a {
	background: #99cc33;
	border: 1px solid #99cc33;
	color:#fff;
	cursor: default;
}