/*
 * Mecânica Prex
 *
 * Copyright (C) 2013, G2midia - http://www.g2midia.com.br/
 *
 * styles.css - 2013-10-30 19:40:37
 *
 * Development: Vinicius A. Grando @viniciusgrando_
 *
 */

/* ---- Reset ---- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* ---- HTML5 element display ---- */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
img {
	max-width: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


::-moz-selection {
 background: #5cb7e7;
 text-shadow: none;
}
::selection {
	background: #5cb7e7;
	text-shadow: none;
}
/* ---- Tipografia ---- */
@font-face {
    font-family: 'humnst777_btroman';
    src: url('../fonts/tt0857m_-webfont.eot');
    src: url('../fonts/tt0857m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0857m_-webfont.woff') format('woff'),
         url('../fonts/tt0857m_-webfont.ttf') format('truetype'),
         url('../fonts/tt0857m_-webfont.svg#humnst777_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

@font-face {
  font-family: 'Affogato-Regular';
  src: url('../fonts/Affogato-Regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Affogato-Regular.otf')  format('opentype'),
	     url('../fonts/Affogato-Regular.woff') format('woff'),
	     url('../fonts/Affogato-Regular.ttf')  format('truetype'), 
	     url('../fonts/Affogato-Regular.svg#Affogato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ---- Styles ---- */

html, body {
}
body {
}
.wrapper {
	width:100%;
	height:140px;
	background-color:#003162;
}
/* ---- Header ---- */
.header {
	width:1124px;
	height:140px;
	margin: 0 auto;
}
.header .logo {
	width:226px;
	height:100px;
	padding:20px 0px 0px 10px;
	float:left;
}
/* ---- Menu Principal ---- */	
#menu-principal {
	width:342px;
	height:40px;
	float:right;
	margin: 10px 0px 0px 0px;
}
#menu-principal ul li {
	display: inline-block;
	float: left;
}
#menu-principal a{
	color:#ffffff;
	margin:0px 0px 0px 18px;
	float:right;
    font-family: 'Affogato-Regular';
	font-size:16px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#menu-principal a:hover {
	color:#afa194;
}
#menu-produtos{
	width:800px;
	height:40px;
	float:right;
	background-color:#255d94;
	margin-top:50px;
	box-shadow: -1px -1px 3px #03101d;
   -webkit-box-shadow: -1px -1px 3px #03101d;
   -moz-box-shadow: -1px -1px 3px #03101d;
}
#menu-produtos .menu-title-ambientes {
	width:100px;
	height:40px;
	margin: 0 auto;
	float:left;
	background-color:#001e3c;
}
#menu-produtos .menu-title-ambientes h2 {
	font-family: 'Affogato-Regular';
	font-size:16px;
	padding:10px;
	color:#ffffff;
}
#menu-produtos .menu-ambientes ul li {
	display: inline-block;
	float: left;
}
#menu-produtos .menu-ambientes a{
	font-family: 'Affogato-Regular';
	color:#ffffff;
	margin:10px 0px 0px 18px;
	float:right;
	font-size:16px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#menu-produtos .menu-ambientes a:hover{
	color:#001e3c;
}

/* ---- Container ---- */

#container {
	position: fixed;
	display: block;
	width: 795px;
	max-height: 100vh;
	bottom: 15px;
	left: 52%;
	margin-left: -420px;
	background: #fff;
	opacity: 0.9;
	z-index: 100;
	padding: 10px;
}
#container h1{
	font-size:28px;
    font-family: 'humnst777_btroman';
	color:#003162;
	font-weight:500;
}
#container h2{
	font-size:34px;
    font-family: 'humnst777_btroman';
	color:#003162;
	text-align:right;
}
#container h4{
	font-size:20px;
    font-family: 'humnst777_btroman';
	color:#003162;
	margin-bottom:10px;
}
#container h6{
	font-size:20px;
    font-family: 'humanst521_lt_btlight';
	color:#73655f;
	text-align:right;
}

#container p{
	font-size:16px;
    font-family: 'humanst521_lt_btlight';
	color:#003162;
	line-height:17px;
}
#container .button{
width: 70px;
  height: 20px;
  background: #003162;
  font-size: 15px;
  font-family: 'humanst521_lt_btlight';
  color: #ffffff;
  padding: 2px;
  margin-top: 5px;
  letter-spacing: 0.5px;
 }
#container .button a{
	font-family: 'humanst521_lt_btlight';
	color: #ffffff;
}
#container .button a:hover{
	opacity:0.7;
}

#container .box-1, #container .box-2, #container .box-3 {
	width:255px;
	height:155px;
	margin: 0 auto;
	float:left;
	padding:10px;
}

#container .box-3 b{
	font-size:20px;
    font-family: 'humanst521_lt_btlight';
	color:#003162;
	text-align:right;
	font-weight:100;
}
#container .box-3 h6{
	font-size:25px;
    font-family: 'humanst521_lt_btlight';
	color:#003162;
	text-align:right;
	font-weight:100;
}

#container .barra{
	width:4px;
	height:140px;
	margin-top:10px;
	border-right:1px solid #003162;
	float:left;
}

/* ---- A AMOBILI ---- */
#topo{
	width:100%;
	height:135px;
	margin:0 auto;
	background:#dfdfdf;
}
#topo .topo-container{
	width:1124px;
	height:135px;
	margin:0 auto;
}
#topo .topo-title{
	width:300px;
	height:135px;
	margin:0 auto;
	float:left;
}
#topo .topo-title h1{
	font-size:35px;
    font-family: 'humanst521_lt_btlight';
	color:#003162;
	font-weight:500;
		line-height:130px;
}
#topo .topo-img{
	width:578px;
	height:135px;
	margin: 0 auto;
	float:right;
}
#pages-container{
	width:1124px;
	height:100%;
	min-height:650px;
	margin: 0 auto;
	background:#fff;
	padding-top:35px;
}
#pages-container-cozinha {
	width:1124px;
	height:1000px;
	margin: 0 auto;
	background:#fff;
	padding-top:35px;
}
#pages-container-dormitorios {
	width:1124px;
	height:900px;
	margin: 0 auto;
	background:#fff;
	padding-top:35px;
}

#pages-container p, #pages-container-cozinha p, #pages-container-dormitorios p{
	font-size:17px;
    font-family: 'Affogato-Regular';
	color:#003162;
	line-height:20px;
}
#pages-container h2 {
	font-size:18px;
    font-family: 'Affogato-Regular';
	color:#73655f;
	line-height:20px;
	font-weight:700;
}
#footer{
	width:100%;
	height:215px;
	margin: 0 auto;
	background:#003162;
}
#footer p{
	font-size:14px;
	text-align: center;
    font-family: 'Affogato-Regular';
	color:#ffffff;
	line-height:17px;
}
#footer .footer-container{
	width:1124px;
	height:215px;
	margin:0 auto;
}
#footer .box-1, .box-2, .box-3, .box-4{
	width:220px;
	height:185px;
	margin: 0 auto;
	float:left;
}
#footer .box-1 img{
	margin:15px;
}
#footer .footer-container .box-2 h1{
	padding:8px 0px 15px 17px;
	font-family: 'Affogato-Regular';
	font-size:17px;
	color:#ffffff;
}
#footer .footer-container .box-2, .box-3, .box-4 {
	padding:15px;
}
#footer .footer-container .box-2 a{
	color:#ffffff;
	margin:0px 0px 0px 18px;
    font-family: 'Affogato-Regular';
	font-size:16px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#footer .footer-container .box-2 a:hover {
	color:#afa194;
}
#footer .footer-container .box-3 h1{
	padding:8px 0px 15px 17px;
	font-family: 'Affogato-Regular';
	font-size:17px;
	color:#ffffff;
}
#footer .footer-container .box-3 a{
	color:#ffffff;
	margin:0px 0px 0px 18px;
    font-family: 'Affogato-Regular';
	font-size:16px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#footer .footer-container .box-3 a:hover {
	color:#afa194;
}
#footer .footer-container .box-4 h1{
	padding:8px 0px 15px 17px;
	font-family: 'Affogato-Regular';
	font-size:17px;
	color:#ffffff;
	text-align:right;
}
#footer .footer-container .box-4 h2{
	font-size:30px;
    font-family: 'Affogato-Regular';
	color:#ffffff;
	padding-left:15px;
	text-align:right;
}
#footer .footer-container .box-4 h6{
	font-size:25px;
    font-family: ''Affogato-Regular'';
	color:#ffffff;
	padding-left:15px;
	text-align:right;
}

#footer .footer-container .box-4 b{
	font-size:20px;
    font-family: ''Affogato-Regular'';
	color:#ffffff;'Affogato-Regular'
	font-weight:100;
}
#footer .footer-container .box-4 p{
	font-size:16px;
    font-family: ''Affogato-Regular'';
	color:#ffffff;
	padding-left:15px;
	text-align:right;
}
#footer .footer-container .box-5 {
	width:224px;
	height:185px;
	padding:15px;
	float:left;
}
#footer .footer-container .box-5 img{
	float:right;
}
#footer .footer-container .box-5 img:hover{
	opacity:0.7;
}
#footer-end{
	width:100%;
	height:30px;
	margin: 0 auto;
	background:#001e3c;
}
#footer-end .footer-end-container{
	width:1124px;
	height:30px;
	margin: 0 auto;
}
#footer-end .footer-end-container p{
	font-size:16px;
    font-family: ''Affogato-Regular'';
	color:#ffffff;
	padding-top:5px;
}
/* ORÇAMENTOS */
#pages-container-orcamento{
	width:1124px;
	height:100%;
	min-height:700px;
	margin: 0 auto;
	background:#fff;
}
#pages-container-orcamento p {
	font-size:17px;
	font-family: 'Affogato-Regular';
	color:#003162;
	line-height:17px;
	padding:30px 0 0;
}

/*FORMULARIO ORÇAMENTO*/
.orcamento-form {
    width:1050px;
	height:100%;
	padding:30px 0 0;
}
#orcamento-form .nome {
	float:left;
	margin:0px 700px 0px 0px;
}
#orcamento-form .email {
	float:left;
	margin:0px 30px 0px 0px;
}
#orcamento-form .fone {
	float:left;
	margin:0px 150px 0px 0px;
}
#orcamento-form .endereco {
	float:left;
	margin:0px 30px 0px 0px;
}
#orcamento-form .bairro {
	width:180px;
	float:left;
	margin:0px 10px 0px 0px;
}
#orcamento-form .bairro input {
	width:170px !important;
}
#orcamento-form .cidade {
	float:left;
	margin:0px 20px 0px 0px;
}
#orcamento-form .cidade input {
	width:200px !important;
}
#orcamento-form .estado {
	float:left;
	margin:0px 0px 0px 0px;
}
#orcamento-form .estado input {
	width:200px !important;
}
#orcamento-form .ambiente {
	float:left;
	margin:0px 30px 0px 0px;
}
#orcamento-form .ambiente select {
    width: 300px;  
	background:#eaeaea;
}
#orcamento-form .anexo {
	float:left;
	margin:0px 200px 0px 0px;
}

#orcamento-form .anexo h4 {
	font:16px 'Affogato-Regular' ;
    color:#003162;
	margin-bottom:5px;
}
#orcamento-form .mensagem {
	float:left;
	margin:0px 200px 0px 0px;
}

#orcamento-form input{
    width: 300px;
	height:37px;
	color:#003162;
	background:#eaeaea;
}
#orcamento-form select{
    width: 200px;  
	background:#eaeaea;
}
#orcamento-form textarea{
    width:950px;
	height:150px;
	background:#eaeaea;
	float:left;
	margin:10px 300px 0px 0px;
}
#orcamento-form
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], textarea, select{
	border:1px solid #eaeaea;
}
/* ---- Input Style ---- */

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"],
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"],
textarea, select { 
    font:15px 'Affogato-Regular';
    color:#000;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); 
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); 
    color: rgba(0, 0, 0, 0.75); 
    display: block;  
    margin: 0 0 12px 0; 
    padding: 5px; 
    height:37px;
    -webkit-transition: all 0.15s linear; 
    -moz-transition: all 0.15s linear; 
    -o-transition: all 0.15s linear; 
    transition: all 0.15s linear;
}
/* ---- Input Style Focus ---- */

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
textarea:focus, select:focus {  
    outline:none !important; 
    border-color: #2cb4c9 !important;
	background:#f8f8f8 !important;
}
/* ---- Input Style Disable ---- */

input[type="text"][disabled],
input[type="password"][disabled], 
input[type="date"][disabled], 
input[type="datetime"][disabled], 
input[type="email"][disabled], 
input[type="number"][disabled], 
input[type="search"][disabled], 
input[type="tel"][disabled], 
input[type="time"][disabled], 
input[type="url"][disabled], 
textarea[disabled]{ 
    background-color: #ddd; 
}
.button, button {
    cursor:pointer; 
    display:inline-block; 
    line-height:1;
    outline:none; 
    border:0;
    padding:11px 35px 11px; 
    position:relative; 
    text-align:center; 
    background:#73655f;
	border:1px solid #73655f;
	color:#ffffff;
	float:left;
	margin:10px 0px 0px 0px;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	transition: all .8s ease;
}
.button-enviar:hover{
	background:#e0d4c8;
	color:#73655f;
	border:1px solid #73655f;
    -webkit-box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.0), 0px 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.0), 0px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.0), 0px 1px 1px rgba(0, 0, 0, 0.15);
    padding:11px 35px 11px; 
}

/* ---- CONTATO ---- */
#formulario-contato {
	width:600px;
	height:450px;
	padding:30px 20px 0 0;
	float:left;
}

/* -- FORMULARIO CONTATO --  */
#contato-form .nome {
	float:left;
	margin:0px 400px 0px 0px;
}
#contato-form .email {
	float:left;
	margin:0px 400px 0px 0px;
}
#contato-form .fone {
	float:left;
	margin:0px 400px 0px 0px;
}
#contato-form .mensagem {
	float:left;
	margin:0px 200px 0px 0px;
}

#contato-form input{
    width: 300px;
	height:37px;
	background:#eaeaea;
}
#contato-form select{
    width: 200px;  
	background:#eaeaea;
}
#contato-form textarea{
    width:400px;
	height:150px;
	background:#eaeaea;
	float:left;
	margin:10px 300px 0px 0px;
}

#contato-form
/* ---- Input Style ---- */

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], textarea, select{
	border:1px solid #eaeaea;
}
/* ---- Input Style ---- */

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"],
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"],
textarea, select { 
    font:15px 'Affogato-Regular';
    color:#000;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); 
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); 
    color: rgba(0, 0, 0, 0.75); 
    display: block;  
    margin: 0 0 12px 0; 
    padding: 5px; 
    height:37px;
    -webkit-transition: all 0.15s linear; 
    -moz-transition: all 0.15s linear; 
    -o-transition: all 0.15s linear; 
    transition: all 0.15s linear;
}
/* ---- Input Style Focus ---- */

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
textarea:focus, select:focus {  
    outline:none !important; 
    border-color: #2cb4c9 !important;
	background:#f8f8f8 !important;
}
/* ---- Input Style Disable ---- */

input[type="text"][disabled],
input[type="password"][disabled], 
input[type="date"][disabled], 
input[type="datetime"][disabled], 
input[type="email"][disabled], 
input[type="number"][disabled], 
input[type="search"][disabled], 
input[type="tel"][disabled], 
input[type="time"][disabled], 
input[type="url"][disabled], 
textarea[disabled]{ 
    background-color: #ddd; 
}
.button, button{
    cursor:pointer; 
    display:inline-block; 
    line-height:1;
    outline:none; 
    border:0;
    padding:11px 35px 11px; 
    position:relative; 
    text-align:center; 
    background:#003162;
	color:#ffffff;
	float:left;
	margin:10px 0px 0px 0px;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	transition: all .8s ease;

}

.button-enviar:hover{
	background:#e0d4c8;
	color:#73655f;
	border:1px solid #73655f;
    -webkit-box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.0), 0px 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.0), 0px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.0), 0px 1px 1px rgba(0, 0, 0, 0.15);
    padding:11px 35px 11px; 
}
#endereco {
	width: 480px;
	height: 307px;
	float: left;
	background: #dfdfdf;
	margin: 19px 0px;
}
#endereco img {
	padding:20px 0px 0px 135px;
	
}
#endereco .text{
	width:400px;
	height:200px;
	margin:0 auto;
}
#endereco .text p{
	text-align: center;
	font:15px 'Affogato-Regular' !important;
	padding:0px !important;
}

/* ---- PAGINA AMBIENTES ----*/

/* ---- ÁREA DE SERVIÇO ----*/
.fancybox {
  width:234px;
  height:150px;
  margin:0px 45px 25px 0px;
  float:left;
  border:2px solid #003162;
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.fancybox:before, {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.fancybox:hover, .fancybox:focus, .fancybox:active  {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
	

  /* move the element up by 5px */
}
.fancybox:hover:before, .fancybox:focus:before, .fancybox:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);

  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* ---- PLACEHOLDER ----*/
-webkit-input-placeholder { 
color:#000; 
} 
input:-moz-placeholder { 
color:#000; 
} 
textarea:-moz-placeholder { 
color:#000;
}​