/*GRIDS*/

html, body{
	font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    
	
}

body{
	width:100%;
	font-family: Arial, Verdana;
	background:white;
	letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    overflow-x:hidden;
    background: url(img/background.png);
}

.meio {
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
	
}

.esquerda{
	position:relative;
	float:left;	
}

.direita{
	position:relative;
	float:right;	
}

.centro{
  text-align:center;
}

div{
	
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    
    
}


.coluna5{
	width: 17.5%;
    
}

.coluna3 {
    width: 31%;
}


.coluna4 {
    width: 22.5%;
    
}

.coluna2 {
    width: 47.7%;
}


.w40 {
    width: 37.5%;
}


.w60 {
    width: 58%;
}

.w100 {
    width: 100%;
}

.link{
  transition-duration:.3s;
}

.link:hover{
  text-decoration:underline;
}

.fotodiv{
	width:90%;
	margin:5%;
}

.iconmais{
  position: absolute;
  width: 100%;
  height: 100%;
  background:url(img/iconmais.png), url(img/iconmaisback.png);
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  transition-duration:.3s;
  opacity:0;
  top:0;
  z-index:10;
}

.iconmais:hover{
  opacity:.9;
}


/*Títutlo e texto padrão*/

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.7em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.5em;
    margin: 1em 0;
}

h4{
  font-size: 1.33em;
    margin: 1em 0;
}

h5{
  font-size: 1.17em;
    margin: 1em 0;
}

p {
    font-size: 12pt;
    margin: 0.87em 0;
}

b,
strong, .bold {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

em, .italico{
	font-style:italic;
}


/*Menus Topo base*/


ul.menutopo{
	position:relative;
	top:0px;

	height:57px;
	display: inline-block;
	
}

li.menutopo{
	
	display: inline-block;
	float:left;
	color:#777777;
	font-size:12pt;
	padding: 10px 12px;
	opacity:1;
	transition-duration: 0.3s;
}

li.menutopo:hover{
	
	text-decoration:none;
	transition-duration: 0.3s;
}


ul.menurodape{
  position:relative;
  top:0px;

  height:57px;
  display: inline-block;
  
}

li.menurodape{
  
  display: inline-block;
  float:left;
  color:white;
  font-size:12pt;
  padding: 10px 12px;
  opacity:1;
  transition-duration: 0.3s;
}

li.menurodape:hover{
  
  text-decoration:none;
  transition-duration: 0.3s;
}

/*CSS MENU*/

.cssmenu ul{
  position: absolute;
  width:172px;
  
  background: #FFC62B;
  z-index:10;
  margin-top:19px;
  margin-left:-42px;
  transition-duration:.3s;
  opacity:0;
  visibility:hidden;

}

.cssmenu:hover ul{
  opacity:1;
  visibility:visible;
}

.cssmenu a{
  color:#545454;
}

.pinocimacssmenu{
  position: absolute;
  width:172px;
  height:9px;
  background: url(img/pinocimacssmenu.png) top center no-repeat;
  top:-8px;
}

.cssmenu ul li {
  position: relative;
  float:left;
  width: 166px;
  padding-top:5px;
  padding-left:6px;
  padding-bottom:5px;
  
  font-size:12pt;
  transition-duration:.3s;
}

.cssmenu ul li:hover {
  background: #FFAD31;
}

li.submenu ul.sub2{
  position: absolute;
  width:172px;
  background: #FFC62B;
  z-index:10;
  margin-top:-33px;
  margin-left:152px;
  transition-duration:.3s;
  opacity:0;
  visibility:hidden;

}

li.submenu:hover ul.sub2{
  opacity:1;
  visibility:visible;
}

/*base das galerias */ 

.shellfoto100{
    position: relative;
    float:left;
    width:25%;
    height:242px;
    overflow:hidden;
    margin-left:0px;
    margin-bottom:0px;
}

.shellfoto100 .foto{
    width:100%;
    height:242px;
    overflow:hidden;
}


.shellfoto{
    position: relative;
    float:right;
    width:326px;
    height:242px;
    overflow:hidden;
    margin-left:20px;
    margin-bottom:10px;
}

.shellfoto .foto{
    width:326px;
    height:242px;
    overflow:hidden;
}

.foto img{
    width:100%;
}


.shellfotogaleria{
    position: relative;
    float:left;
    width:216px;
    height:150px;
    overflow:hidden;
    margin-left:25px;
    margin-bottom:25px;
}

.shellfotogaleria .foto{
    width:216px;
    height:150px;
    overflow:hidden;
}

.shellvideo{
    position: relative;
    float:left;
    width: 821px;
    height: 531px;
    background: url(img/shellvideo.png) top center no-repeat;
    overflow: hidden;
    margin-left:104px;
}

.shellvideo iframe{
    position: relative;
    float:left;
    margin-top:54px;
    margin-left:51px;
}

/*base do contato */

input, textarea{
	outline: none;
}

input[type=text].contato,input[type=password].contato, input[type=email].contato{
	padding:10px;
  
	
	margin-bottom:15px;
}

input.contato{
  position: relative;
  float:left;
  width:448px;
}

input.contato2{
  position: relative;
  float:left;
  width:208px;
 padding:10px;
  
  
  margin-bottom:15px;
}

textarea.contato{
  position: relative;
  width:448px;
  min-width:448px;
  max-width:448px;
  height:120px;
  min-height:120px;
  max-height:120px;
	padding:10px;
	
}


input#btenviar {
	width:471px;
	height:41px;
	padding:0px;
	background:#BB0823;
	border:0px;
	cursor: pointer;
	color:white;
	font-weight:bold;
  transition-duration:.3s;
  opacity: 1;
}

input#btenviar:hover {
	background:#F4C900;

	}


::-webkit-input-placeholder {
   color: #555555;
}

:-moz-placeholder { /* Firefox 18- */
   color: #555555;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #555555;  
}

:-ms-input-placeholder {  
   color: #555555;  
}

.needsfilled {
	background-color:red !important;
	color:white !important;
}


#map-canvas{
    width: 100%; height: 305px; float: left;
    position: relative;
     
    margin-top:50px;
    margin-bottom:-12px;

}

.nomargin{
  margin:0px;
}

/*SETOR DO ORCAMENTO */

.shellorcamento {
    position: relative;
    width: 100%;
    
    min-height: 70px;
    margin: 20px 0px;
}

.shellorcamento input[type=checkbox] {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 28px;
}

.imgorcamento {
    position: relative;
    float: left;
    width: 94px;
    height: 76px;
    overflow: hidden;
    margin-right: 20px;
}

.imgorcamento img{
  width:100%;
}

.tituloorcamento{
    float: left;
    width: 742px;
}

.divisorconteudo{
  width:100%;
  border-bottom:1px solid #D3D3D3;
}

.shellorcamento input[type=text] {
    position: relative;
    float: right;
    width: 50px;
    margin-right: 20px;
    margin-top: 18px;
    border:1px solid #555555;
    background:white;
    text-align:center;
    padding:0px;
    color:#545454;
}

.botaoexcluirorcamento {
    position: relative;
    float: left;
    width: 247px;
    height: 37px;
    background: url(img/botaoexcluirorcamento.png) top center no-repeat;
    transition-duration: .3s;
    border: 0px;
    cursor: pointer !important;
}

.botaoexcluirorcamento:hover{
  opacity: .8;
}

.botaoatualizarorcamento {
    position: relative;
    float: right;
    width: 246px;
    height: 37px;
    background: url(img/botaoatualizarorcamento.png) top center no-repeat;
    transition-duration: .3s;
    border: 0px;
    cursor: pointer !important;
}

.botaoatualizarorcamento:hover{
  opacity: .8;
}

.botaoproximaorcamento {
    position: relative;
    float: left;
    width: 610px;
    height: 44px;
    background: url(img/botaoproximaorcamento.png) top center no-repeat;
    transition-duration: .3s;
    margin-left: 200px;
}

.botaoproximaorcamento:hover{
  opacity: .8;
}

.contagemorcamento {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top:15px;
    text-align: center;
    width: 50px;
    overflow: hidden;
}

.setorsolicitaorcamento {
    position: relative;
    width: 100%;
    min-height: 300px;
    background: #EBEBEB;
}

input#btenviarorcafinal {
    position: relative;
    width: 291px;
    height: 44px;
    background: url(img/botaosolicitarorcamento.png) top center no-repeat;
    border: 0px;
    transition-duration: .3s;
    cursor: pointer !important;
}

input#btenviarorcafinal:hover{
  opacity:.8;
}

input.orcafinal {
    position: relative;
    float: left;
    width: 280px;
    height: 21px;
    padding: 5px;
    margin-left: 31px;
    margin-bottom: 10px;
    border: 1px solid #666666;
    background: white;
}

textarea.orcafinal {
    position: relative;
    float: left;
    width: 926px;
    min-width: 926px;
    max-width: 926px;
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    padding: 5px;
    margin-left: 31px;
    margin-bottom: 10px;
    border: 1px solid #666666;
    background: white;
}