*{
	padding:0;
	margin:0;
	font-family: 'Roboto', sans-serif;
}
body{
	background:#000;
	font-family: 'Roboto', sans-serif;
}
/*---- LOGO ----*/
#logo{
	width:50%;
	max-width:250px;
	display:inline-block;
}
#logo a{
	width:100%;
}
#logo img{
	width:100%;
	height:auto;
}
/*---- LOGO ----*/

/*---- DIV_MENU ----*/
#divmenu{
	width:100%;
	max-width:820px;
	display:inline-block;
	margin-top:40px;
}
/*---- DIV_MENU ----*/

/*---- MIDIAS ----*/
#midias{
	width:100%;
	max-width:230px;
	display:inline-block;
	margin-top:40px;
}
#midias a{
width:14%;display:inline-block;
margin-right:1.2px;
margin-left:1.2px;
}
#midias img {
	width:100%;
}
/*---- MIDIAS ----*/

/*---- MARKET ----*/
.market{
	width:90%;
	max-width:250px;
	height:350px;
	position:absolute;
	right:10px;	
}
.market a:active .market{
    background-color: yellow;
}
.market_fundo{
	width:90%;
	height:99.5%;
	right:0;
	position:absolute;
	background-color:#FFF;
}
/*---- MARKET ----*/

/*---- VER FOTO ----*/

#grande{
	width:100%;
	max-width:1000px;
	background-color:#FFF;
}
.botao_fechar{
	width:100%;
	text-align:right;
}
.botao_fechar img{
	cursor:pointer;
}
.foto_grande{
	width:100%;
	max-width:450px;
	display:inline-block;
}
.foto_grande img{
	width:100%;
}
.text_foto{
	width:90%;
	max-width:450px;
	display:inline-block;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.foto_menor{
	width:45%;
	max-width:100px;
	cursor:pointer;
	display:inline-block;
}
.foto_menor img{
	width:100%;
}
.foto_menor p{
	width:100%;
}


#content{
	width:95%;
	max-width:1000px;
	text-align:left;
}
#thumblist{
	list-style:none;
}
#thumblist li{
	width:77px;
	display:inline-block;
}
#thumblist li a{
	width:100%;
}
#thumblist li a img{
	width:100%;
}

/*---- VER FOTO ----*/

.foto1{
	width:90%;
	max-width:250px;
	height:375px;
	margin:0;
	display:inline-block;
}
.foto1 img{
	width:100%;
	height:375px;
}
.foto1 a{
	color:#FFF;
}
.foto1 b{
	font-size:10pt;
}

.foto2{
	width:90%;
	max-width:350px;
	height:233px;
	margin:0;
	display:inline-block;
}
.foto2 img{
	width:100%;
	height:233px;
}
.foto2 a{
	color:#FFF;
}
.foto2 b{
	font-size:10pt;
}

.textocateg{
	width:30%;
	text-align:center;
}
.textocateg h2{
color:#FFFFFF;
	text-shadow:1px 1px 1px #121212;
}

.pedido{
	width:100%;
	max-width:200px;
	height:30px;
	padding-top:5px;
	padding-left:30px;
	background-image:url(../fundos/carrinho.png);
	background-repeat:no-repeat;
	background-size: 25px 25px;
    background-position: 3% 50%;
	cursor:pointer;
	padding-bottom:5px;
	background-color:#121212;
	color:#FFFFFF;
	font-family:'Roboto', sans-serif;
	font-weight:bold;
	border:1px solid #dd0000;
}
.botao{
	width:40%;
	height:30px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#121212;
	color:#FFFFFF;
	font-family:'Roboto', sans-serif;
	font-weight:bold;
	border:1px solid #dd0000;
	cursor:pointer;
}
.inputp{
	width:100px;
	display:inline-block;
}
.select_prod{
	width:150px;
	padding:10px;
	background-color:#FB2828;
	color:#FFFFFF;
}

.h4{
	display:inline-block;
	text-align:justify;
	font-size:1.2ex;
}
.h33{
	display:inline-block;
}
.botcar2{
	background-color:rgba(0,0,0,0);
	border:0;
	background: url('../fundos/excluir.jpg') no-repeat;
	background-size:100% 100%;
	width:22px;
	height:22px;
}
.botcar3{
	background-color:rgba(0,0,0,0);
	border:0;
	background: url('../fundos/atualizar.jpg') no-repeat;
	background-size:100% 100%;
	width:22px;
	height:22px;
}

#galeria {
margin:0;
/*border:1px solid #fff;*/
width:90%;
max-width:1200px;
height:auto;
color:#fff;	
background:#000;
}

#home{		
background:#000 url(../fundos/home.jpg) no-repeat top center;	
background-size:80%;
position:absolute;
top:100px;
left:200px;
}

#empresa1{
margin:0;
/*border:1px solid #fff;*/
width:90%;
max-width:90%;
height:850px;
color:#fff;	
background:#000;
}
#empresa{
margin:0;
/*border:1px solid #fff;*/
width:100%;
max-width:100%;
height:800px;
color:#fff;	
background:#000;
background:url('../fundos/empresa.jpg')no-repeat;
background-size:100%;
}

#cadastro1{
margin:0;
/*border:1px solid #fff;*/
width:90%;
max-width:90%;
color:#fff;	
background:#000;
}
#cadastro{
margin:0;
/*border:1px solid #fff;*/
width:100%;
max-width:100%;
color:#fff;	
background:#000;
background:url('../fundos/cadas.jpg')no-repeat;
background-size:100%;
}

#contato1{
margin:0;
/*border:1px solid #fff;*/
width:90%;
max-width:90%;
color:#fff;	
background:#000;
}
#contato{
margin:0;
/*border:1px solid #fff;*/
width:100%;
max-width:100%;
color:#fff;	
background:#000;
background:url('../fundos/contato.jpg')no-repeat;
background-size:100%;
}

#textoconta{
	width:100%;
	max-width:700px;
	position:relative;
	color:#fff;
	font-size:20px;
	text-align:justify;
}
#textoconta p{
	background: rgba(0,0,0,.5);
	padding:5px;
}

#pedido1{
margin:0;
/*border:1px solid #fff;*/
width:90%;
max-width:90%;
height:850px;
color:#fff;	
background:#000;
}
#pedido{
margin:0;
/*border:1px solid #fff;*/
width:100%;
max-width:100%;
height:800px;
color:#fff;	
background:#000;
background:url('../fundos/pedido.jpg')no-repeat;
background-size:100%;
}

#local1{
margin:0;
/*border:1px solid #fff;*/
width:90%;
max-width:90%;
height:771px;
color:#fff;	
background:#000;
}
#local{
margin:0;
/*border:1px solid #fff;*/
width:100%;
max-width:100%;
height:800px;
color:#fff;	
background:#000;
background:url('../fundos/local.jpg')no-repeat;
background-size:100%;
}

#empresa p{
background:rgba(0,0,0,.5);
width:90%;
padding:10px;
color:#fff;
font-size:15pt;
text-align:justify;
	text-shadow:1px 1px 1px #121212;
border-radius:5px;
}

#empresa h1 ,#contato h1,#pedido h1,#local h1,#cadastro h1{   
position:absolute;
top:100px;	
left:200px;
color:#fff;
font-size:40px;
text-align:justify;
/*z-index:2;*/
}

#local2{
color:#fff;
font-size:20px;
font-weight:bold;	
text-align:center;
position:relative;
width:100%;
max-width:700px;
text-shadow:1px 1px 1px black;
}

#catalogo{
  position:absolute;
  top:15%;
  left:10%;
}

.enviar{
	width:100%;
	max-width:145px;
	height:30px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#121212;
	color:#FFFFFF;
	font-family:'Roboto', sans-serif;
	font-weight:bold;
	border:1px solid #dd0000;
	cursor:pointer;
}
