@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald '), local('Oswald'), url(http://themes.googleusercontent.com/static/fonts/oswald/v5/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

body{
	background: url(../img/body-bg.jpg) repeat scroll left top transparent;
	color:  #989898;
}

ul{
	margin: 0;
    overflow: hidden;
    padding: 0 0 0 1px;
	list-style: none outside none;
}

#cabecalho {
	width:100%;
	height: 170px;
	margin: 0;
	padding: 0;
	background: url(../img/header-bg.jpg) repeat-x scroll left top transparent;
}

#cabecalho .logo{
	padding: 16px 0 0;
	height: 98px;
}

#cabecalho .navegacao{
	text-align: right;
	padding: 70px 0 0;
}

#cabecalho .navegacao a{
	margin-left: 15px;
	padding-left: 10px;
	text-decoration: none;
	background: url(../img/marca1.png) no-repeat scroll left 6px transparent;
	color: #949292;
}
#cabecalho .navegacao a:hover{
	text-decoration: none;
	background: url(../img/marca1-act.png) no-repeat scroll left 6px transparent;
	color: #8DCB06;
}
#cabecalho .menu{
	padding: 6px 0 0;
	height: 47px;
}

#cabecalho li a{
	font-family: Oswald, Arial, Serif;
	color: #4D4D4D;
    display: block;
    padding: 0px 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
	height:47px;
}
#cabecalho li:hover a, #cabecalho li.selected a{
	color: #FFFFFF;
}
#cabecalho li{
	float: left;
	margin-right: 2px;
	margin-left: 0px;
}

#cabecalho li.selected, #cabecalho li:hover{
	background: url(../img/menu-act.jpg) repeat-x scroll left top transparent;
}
#cabecalho li span.linha-esquerda{
	background: url("../img/linha-esquerda.png") no-repeat scroll left top transparent;
	height: 47px;
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
	display: none;
}
#cabecalho li span.linha-direita{
	background: url("../img/linha-direita.png") no-repeat scroll left top transparent;
	height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
	display: none;
}
#cabecalho li:hover span.linha-direita, #cabecalho li.selected span.linha-direita, #cabecalho li.selected span.linha-esquerda,#cabecalho li:hover span.linha-esquerda{
	display: block;
}
#cabecalho li span.link{
	position: relative;
	top: 15px;
}
#corpo{
	background: url("../img/shine2.png") repeat-x scroll left top transparent;
	height: 300px;
	padding: 38px 0 0;
}
#banner{
	height: 420px;
	border: 1px solid #C3C3C3;
	border-radius: 5px 5px 5px 5px;
	background: #F5F5F5;
}

#banner div{
	position: relative;
	top: 10px;
	left: 10px;

}
#banner img{
	border: 0px;
}

#banner li{
	float: left;
	margin: 0px 5px 0px 5px;
	background: url("../img/pagination.png") no-repeat scroll right top transparent;
	width: 19px;
	height: 19px;
	text-indent: -1000px;
}

#banner li:hover, #banner li.active{
	background: url("../img/pagination.png") no-repeat scroll left top transparent;
}

#bemvindo{
	margin: 20px 0px 20px 0px;
	font-size: 120%;
	text-align: justify;
	position: relative;
}

#bemvindo img{
	margin-top: 15%;
	position: relative;
}

#conteudo_index,#conteudo_contato,#conteudo_produto{
    background: url("../img/wrapp-bg.png") repeat scroll left top transparent;
    border: 1px solid #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}
#categorias{
	margin-top: 40px;
	margin-bottom: 20px;
	border: 1px solid #E5E5E5;
    border-radius: 3px 3px 3px 3px;
    position: relative;
}
#categorias .box {
	background: none repeat scroll 0 0 #E3E3E3;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    position: relative;
}
#categorias .head{
	font-family: Oswald, Arial, Serif;
	font-size: 150%;
	background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #FFFFFF;
    color: #5F5F5F;
    line-height: 19px;
    margin-bottom: 1px;
    padding: 13px 0 15px 15px;
    text-transform: uppercase;
}
#categorias .body{
    background: none repeat scroll 0 0 #F5F5F5;
    border-top: 1px solid #FFFFFF;
    padding-bottom: 11px;
}
#categorias .body li{
	margin: 0 8px;
	background: url("../img/li-bg.gif") repeat-x scroll left top transparent;
    display: block;
}
#categorias .body li:first-child{
	background: none repeat scroll 0 0 transparent;
}
#categorias a{
	font-family: Oswald, Arial, Serif;
	font-size: 120%;
	background: url("../img/marker3.jpg") no-repeat scroll 0 10px transparent;
    color: #929292;
    display: block;
    line-height: 39px;
    padding: 0 0 0 28px;
    text-decoration: none;
    text-transform: uppercase;
}
#categorias a:hover{
	color: #90C51E;
}
#lista_produtos{
	margin-top: 40px;

}
.produtos_header{
	font-family: Oswald, Arial, Serif;
	font-size: 140%;
    background: url("../img/marker2.jpg") no-repeat scroll left transparent;
    border-bottom: 1px solid #D8D8D8;
    color: #5E5E5E;
    line-height: 19px;
    margin-bottom: 20px;
    padding: 14px 0 17px 29px;
    text-transform: uppercase;
}
#lista_produtos .produto{
	background: url("../img/prod-col.png") no-repeat scroll center top transparent;
	border: 1px solid #E3E3E3;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
	height: 310px;
}
#lista_produtos .foto_produto{
	background: url("../img/img-line.jpg") no-repeat scroll center bottom transparent;
    padding-bottom: 2px;
    text-align: center;
}
#lista_produtos .prod_info{
    text-align: center;
	padding-top: 20px;
}
#lista_produtos a{
	font-family: Oswald, Arial, Serif;
	color: #90C51E;
    font-weight: normal;
    line-height: 19px;
    text-decoration: none;
    text-transform: uppercase;
}
#lista_produtos a:hover{
	color: #5F860A;
}
#lista_produtos .text{
	margin: 0 auto;
	color: #989898;
    display: block;
	padding-top: 10px;
	width: 150px;
}
#conteudo_contato .contato{
	background: none repeat scroll 0 0 #F7F6F6;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    position: relative;
	min-height: 300px;
}

#conteudo_contato address{
	border-bottom: 1px solid #D8D8D8;
	margin: 15px;
}
#conteudo_contato .email{
	margin-left: 15px;
	margin-right: 15px;
}

#rodape a{
	font-family: Oswald;
	color: #5E5E5E;
    line-height: 29px;
    text-decoration: none;
    text-transform: uppercase;
	margin-right: 10px;
}
#rodape a:hover{
	color: #92BB39;
}
#rodape .menu{
	padding-top: 30px;
}
#rodape .idioma{
	text-align: right;
	line-height: 19px;
}
#rodape .idioma img{
	vertical-align: middle;
}
#rodape .sobre a{
	font-family: Arial;
	text-transform: none;
	color: #92BB39;
	font-weight: bold;
	margin-right: 0px;
}
#rodape .sobre a:hover{
	color: #989898;
}

#conteudo_contato input, #conteudo_contato textarea{
	border: 1px solid #D8D8D8;;
	background: none transparent;
}

#conteudo_contato .label{
	float: left;
	width: 70px;
	padding-top: 5px;
	text-align: right;
}
#conteudo_contato .label-uf{
	float: left;
	width: 18px;
	padding-top: 5px;
	text-align: right;
}

#conteudo_contato .field input{
	margin: 5px;
	width: 300px;
	position: relative;
}

#conteudo_contato .field-uf input{
	margin: 5px;
	width: 30px;
	position: relative;
}

#conteudo_contato .field textarea{
	width: 300px;
	height: 150px;
	margin: 5px;
}

.produtoImg{
	position: relative;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	margin: 10px;
	top: 20px;
}

.descricao_produtos{
	text-align: justify;
	padding: 10px;
}

.erroMsg ul{
	list-style: none;
}

.erroMsg li{
	line-height: 20px;
	padding-left: 70px;
	margin-top: -3px;
	color: #FF0000;
	font-weight: bold;
	background: url("../img/marker4.png") no-repeat scroll left transparent;
	background-position: 50px 3px;
}
.submit{
	text-align: right;
	margin-bottom: 20px;
	width: 380px;
}
.submit #submitbutton{
	border: 0px;
}