/* CSS Tablet */
/* Orientação retrato minimo 480px ate 767px */
@media only screen and (min-width : 480px) and (max-width : 767px){
*{margin:0;padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;!important}
body{background-color:#EEE;!important}
main{width:100%;margin:0 auto;font-family:Trebuchet MS;background-color:#FFF;!important}
.centro{text-align:center;text-indent:30%;}
.endereco-texto{font-size:18px;color:#FFF;display:inline-block;margin:10px 0;}
.laranja{font-size:11px;display:block;text-align:center;}
.ou{font-size:40px;display:block;text-align:center;color:#FF6600;}
.preto{font-size:11px;color:#000;display:block;text-align:center;}
.tel{font-size:20px;color:#FF6600;display:inline-block;width:auto;margin:10px 0;}
#arte-futuro{font-size:15px;color:#FFF;width:98%;background-color:#333;text-align:center;margin:20px 0;}
#arte-futuro a {font-size:15px;color:#FF6600;text-decoration:none;}
#banner-total{width:100%;margin:0 auto;height:420px;}
#banner{width:400px;height:240px;margin:0 auto;}
#banner img{width:100%;;height:240px;}
#campo{height:50px;margin:10px 0 0 0;text-align:left;}
#confira{font-size:20px;border-bottom:10px solid #FF6600;}
#confira a{font-size:20px;color:#FF6600;}
#conteudo{width:90%;height:auto;padding:10px 0;margin:0 auto;}
#conteudo-total{width:100%;margin:30px auto;text-align:center;}
#center{margin: 3% auto;width:440px;}
#center img#lightbox{border: 2px solid #121212;width:440px;max-height:80%;}
#center img#close{border: 0px;width:auto;}
#close{right:3%;position: absolute;top: 2%;}
#contatos-texto{background-color: #FF6600;color:#FFFFFF;font-size:30px;
text-align:center;height:55px;line-height:55px;}
#contatos-texto-cinza{background-color: #CCC;color:#FFFFFF;font-size:16px;text-align:left;height:50px;line-height:50px;margin:5px 0;padding:0 5px;}
#contatos{width:100%;margin:10px 0 80px 0;display:block;height:380px;}
#contatos form{width:90%;margin:0 auto;}
#contatos p.obrigatorio {font-size:18px;color:#000;border:none;text-align:right;width:100%;display:block;margin:120px 0 0 0;}
#contatos p label{font-size:18px;color:#130C07;border:none;}
#contatos p{text-align:left;}
#contatos p input{border:1px solid #CCC;width:70%;height:35px;background-color:#FFF;float:right;}
#contatos p textarea{border:1px solid #CCC;width:70%;height:110px;background-color:#FFF;float:right;}
#contatos input[type=submit]{background-color:#FF6600;color:#FFFFFF;width:135px;height:40px;font-size:20px;
margin:10px 0;float:right;}
#economia{margin:40px 0 0 0;width:100%;height:50px;line-height:50px;background-color:#FF6600;color:#FFF;font-size:18px;text-align:center;}
#escolha{font-size:15px;text-align:center;width:200px;margin:0 auto;z-index:1;background-color:#EEE;position:relative;top:10px;}
#info{width:100%;height:40px;line-height:40px;background-color:#FF6600;color:#FFFFFF;font-size:25px;text-align:center;}
#logo{background-color:#333;width:100%;text-align:center;border-bottom:1px solid #666;}
#logo img{margin:0 auto;}
#menu{height:50px;line-height:50px;background-color:#333;font-size:20px;}
#menu ul{list-style-type:none;text-align:center;}
#menu ul li{display:inline-block;padding:0 10px;}
#menu ul li a{color:#FFFFFF;text-decoration:none;}
#menu ul li a:hover, #menu ul li a.ativo{border-bottom: 5px solid #FF6600;}
#mais{width:100%;height:150px;font-size:20px;
padding:10px 0 0 0;margin:0 10px;}	
#mapa{height:300px;width:100%;margin:auto;}
#mapa-texto{background-image: url(../imagens/local.png);width: 100%;font-size: 30px;color: #FFFFFF;
text-align: center;height: 60px;line-height: 60px;background-color: #FF6600;background-repeat: no-repeat;
background-position:40px;}
#mapa img{width: 770px;}
::-webkit-input-placeholder {text-align:center;font-size:15px;}
:-moz-placeholder {text-align:center;font-size:15px;}
::-moz-placeholder {text-align:center;font-size:15px;}
:-ms-input-placeholder {text-align:center;font-size:15px;}
#michelle{margin:40px 0 90px 0;width:100%;height:50px;line-height:50px;background-color:#FF6600;color:#FFF;font-size:18px;text-align:center;}
#orcamento{width:90%;height:400px;text-align:left;padding:10px 0;margin:0 auto;}
#orcamento p.orcamento{font-size:25px;color:#FF6600;text-align:left;border-top:10px solid #FF6600;}
#orcamento p label{font-size:15px;color:#130C07;border:none;}
#orcamento p input{border:1px solid #333;float:right;width:75%;height:50px;background-color:#EEE;}
#orcamento p textarea{display:block;border:1px solid #333;float:right;width:75%;height:130px;background-color:#EEE;}
#orcamento input[type=submit]{background-color:#F60;color:#FFF;width:75%;height:50px;font-size:20px;
float:right;clear:both;margin:10px 0;border:0;}
#organizar{border-top:1px solid #000;padding:10px 0 0 0;}
#outros-contatos{width:100%;height:auto;display:block;margin:10px 0 80px 0;}
#produtos{width:420px;display:inline-block;margin:10px auto;}
#produtos img{width:400px;border:10px solid #333;}
#popup{
/* aqui entra as propriedades da transparência, aqui eu usei a cor Black */
background: rgb(0, 0, 0) transparent;
background: rgba(0, 0, 0, 0.9);
/* Para navegadores IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
/* Para navegadores IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
height:100%;width: 100%;position:fixed;top: 0;left: 0;display: none;}
#paginacao{background-color:#CCC;width:100%;}
#pag{width:100%;height:50px;line-height:50px;text-align:center;font-size:25px;color:#FF6600;margin:20px auto;}
#pag a{color:#C15254;text-decoration:none;padding:0 5px;}
#pag a.ativo-link{color:#000000;}
#rodape{clear:both;width:100%;}
#rodape-baixo{width:100%;background-color:#333;text-align:center;height:auto;padding:0 0 5px 0;margin:0 auto;}
#topo-cima{width:100%;border-bottom:#333 solid 10px;margin:0 auto;}
#topo-total{width:100%;margin:0 auto;}
#topo-baixo{width:100%;height:300px;}
#rodape-cima{width:100%;margin:0 auto;}
#topo{width:90%;margin:0 auto;}	
#topo-menu{width:100%;background-color:#333;}	
#texto{width:90%;margin:40px 15px 0 15px;
text-align:center;}
}
/* Orientação paisagem minimo 768px ate 960px */
@media only screen and (min-width : 768px) and (max-width : 959px){
*{margin:0;padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;!important}
body{background-color:#EEE;!important}
main{width:100%;margin:0 auto;font-family:Trebuchet MS;background-color:#FFF;!important}
.centro{text-align:center;text-indent:30%;}
.endereco-texto{font-size:18px;color:#FFF;display:inline-block;margin:10px 0;}
.laranja{font-size:11px;display:inline-block;text-align:left;float:left;margin:10px 0 0 5px;}
.ou{font-size:40px;display:inline-block;margin:9px 0 0 17%;color:#FF6600;float:none;vertical-align:bottom;}
.preto{font-size:12px;color:#000;margin:0 0 0 12%;}
@media only screen and (min-width : 840px) and (max-width : 930px){
.ou{font-size:40px;display:inline-block;margin:9px 0 0 20%;color:#FF6600;float:none;vertical-align:bottom;}
.preto{font-size:12px;color:#000;margin:0 0 0 15%;}
}
@media only screen and (min-width : 931px) and (max-width : 959px){
.ou{font-size:40px;display:inline-block;margin:9px 0 0 23%;color:#FF6600;float:none;vertical-align:bottom;}
.preto{font-size:12px;color:#000;margin:0 0 0 18%;}
}	
.tel{font-size:20px;color:#FF6600;display:inline-block;width:auto;margin:10px 0;}
#arte-futuro{font-size:15px;color:#FFF;width:98%;background-color:#333;text-align:center;margin:20px 0 20px 10px;}
#arte-futuro a {font-size:15px;color:#FF6600;text-decoration:none;}
#banner-total{width:100%;margin:100px auto 0 auto;height:510px;}
#banner{width:500px;height:300px;margin:20px auto 0 auto;
display:block;}
#banner img{width:100%;height:300px;}
#campo{height:50px;margin:10px 0 0 0;}
#confira{font-size:20px;border-bottom:10px solid #FF6600;width:200px;}
#confira a{font-size:20px;color:#FF6600;}
#conteudo{width:90%;height:auto;padding:10px 0;margin:0 auto;}
#conteudo-total{width:100%;margin:100px auto 0 auto;text-align:center;}
#center{margin: 0 auto;width:740px;}
#center img#lightbox{border: 2px solid #121212;width:740px;max-height:90%;}
#center img#close{border: 0px;width:auto;}
#close{right:3%;position: absolute;top: 2%;}
#contatos-texto{background-color: #FF6600;color:#FFFFFF;font-size: 30px;
text-align:center;height:55px;line-height:55px;}
#contatos-texto-cinza{background-color: #CCC;color:#FFFFFF;font-size:12px;text-align:left;height:50px;line-height:50px;margin:5px 0;padding:0 5px;}
#contatos{width:48%;margin:10px 0 80px 10px;display:inline-block;float:left;height:380px;}
#contatos p.obrigatorio {font-size:18px;color:#000;border:none;text-align:right;width:100%;display:block;margin:130px 0 0 0;}
#contatos p label{font-size:18px;color:#130C07;border:none;}
#contatos p input{border:1px solid #CCC;float:right;width:70%;height:35px;background-color:#FFF;}
#contatos p textarea{border:1px solid #CCC;float:right;width:70%;height:110px;background-color:#FFF;margin:0 0 10px 0;}
#contatos p{text-align:left;}
#contatos input[type=submit]{background-color:#FF6600;color:#FFFFFF;width:135px;height:40px;font-size:20px;
margin:10px 0;float:right;}
#economia{margin:140px 0 0 0;width:400px;height:50px;line-height:50px;padding:0 40px;background-color:#FF6600;color:#FFF;font-size:18px;}
#escolha{font-size:15px;text-align:center;width:200px;margin:0 auto;z-index:1;background-color:#EEE;position:relative;top:10px;}
#info{width:100%;height:40px;line-height:40px;background-color:#FF6600;color:#FFFFFF;font-size:25px;text-align:center;}
#logo{background-color:#333;width:30%;text-align:center;float:left;}
#logo img{margin:0 auto;}
#menu{height:105px;line-height:120px;background-color:#333;font-size:20px;width:70%;float:right;}
#menu ul{list-style-type:none;text-align:center;}
#menu ul li{display:inline-block;padding:0 10px;}
#menu ul li a{color:#FFFFFF;text-decoration:none;}
#menu ul li a:hover, #menu ul li a.ativo{border-bottom: 5px solid #FF6600;}
#mais{width:100%;font-size:20px;padding:10px 0 0 0;}	
#mapa{width:98%;height:300px;margin:0 auto 50px auto;}
#mapa-texto{background-image: url(../imagens/local.png);width: 100%;font-size: 30px;color: #FFFFFF;
text-align: center;height: 60px;line-height: 60px;background-color: #FF6600;background-repeat: no-repeat;
background-position:60px;}

::-webkit-input-placeholder {text-align:center;font-size:15px;}
:-moz-placeholder {text-align:center;font-size:15px;}
::-moz-placeholder {text-align:center;font-size:15px;}
:-ms-input-placeholder {text-align:center;font-size:15px;}
#michelle{margin:40px 0 90px 0;width:400px;height:50px;line-height:50px;padding:0 40px;background-color:#FF6600;color:#FFF;font-size:18px;float:right;}
#orcamento{width:90%;height:400px;text-align:left;padding:10px 0;margin:0 auto;}
#orcamento p.orcamento{font-size:25px;color:#FF6600;text-align:left;border-top:10px solid #FF6600;}
#orcamento p label{font-size:15px;color:#130C07;border:none;}
#orcamento p input{border:1px solid #333;float:right;width:75%;height:50px;background-color:#EEE;}
#orcamento p textarea{display:block;border:1px solid #333;float:right;width:75%;height:130px;background-color:#EEE;}
#orcamento input[type=submit]{background-color:#F60;color:#FFF;width:75%;height:50px;font-size:20px;
float:right;clear:both;margin:10px 0;border:0;}
#organizar{border-top:1px solid #000;height:60px;line-height:50px;text-align:center;width:100%;}
#outros-contatos{width:48%;height:380px;display:inline-block;margin:10px 10px 80px 0;float:right;}
#produtos{width:300px;display:inline-block;margin:50px 10px;}
#produtos img{width:280px;border:10px solid #333;}
#popup{
/* aqui entra as propriedades da transparência, aqui eu usei a cor Black */
background: rgb(0, 0, 0) transparent;
background: rgba(0, 0, 0, 0.9);
/* Para navegadores IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
/* Para navegadores IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
height:100%;width: 100%;position:fixed;top: 0;left: 0;display: none;}
#paginacao{background-color:#CCC;width:100%;}
#pag{width:100%;height:50px;line-height:50px;text-align:center;font-size:25px;color:#FF6600;margin:20px auto;}
#pag a{color:#C15254;text-decoration:none;padding:0 5px;}
#pag a.ativo-link{color:#000000;}
#rodape{clear:both;width:100%;}
#rodape-baixo{width:100%;background-color:#333;text-align:center;height:auto;padding:0 0 5px 0;margin:0 auto;}
#topo-cima{width:100%;border-bottom:#333 solid 10px;margin:0 auto;}
#topo-total{width:100%;margin:0 auto;}
#topo-baixo{width:100%;height:300px;}
#rodape-cima{width:100%;margin:0 auto;}
#topo{width:90%;margin:0 auto;}	
#topo-menu{width:100%;background-color:#333;
margin:0 0 10px 0;}	
#texto{width:700px;margin:40px 0 0 30px;}
}