/*
Marcado com editor NetBeans IDE -->
http://www.netbeans.org -->
Cliente: Lica Arte Textil - http://www.lica-artextil.com.br -->
Versao 10.09 -->
JotaC Desenvolvimento de Sites -->
http://www.jotacweb.com.br -->
*/

/*/ Estrutura geral do site
////////////////////////////////////////////////*/
* {margin:0; padding:0;}
img {border:none;}
p {margin-bottom:10px;}
#espaco {clear:both; height:35px;}

body {
   margin:0;
   padding:0;
   font:13px/1.6 Arial, sans-serif;
   background:#eee9f0 url(../imagens/bg-topo.jpg) top repeat-x;
}

#site {
   position:relative;
   width:835px;
   margin:0 auto;
}

h1 {
   font:35px Tahoma, Arial, Sans-serif;
   color:#bfa9c9;
   line-height:90%;
   margin-bottom:20px;
}
   h1#h1in {
   font:35px Tahoma, Arial, Sans-serif;
   color:#bfa9c9;
   line-height:90%;
   margin-top:20px;
   margin-bottom:20px;
}
h2 {
   margin:20px 0 15px 0;
   font:bold 17px Tahoma, Arial, Sans-serif;
   color:#800000;
   border-bottom:5px solid #bea8c7;
}
h3 {
   margin:10px 0 -20px 0;
   font:17px Tahoma, Arial, Sans-serif;
   color:#800000;
}
h4 {
   margin:20px 0 15px 0;
   font:bold 17px Tahoma, Arial, Sans-serif;
   color:#800000;
}
h5 {
   margin:20px 0 15px 0;
   font:bold 17px Tahoma, Arial, Sans-serif;
   color:#bfa9c9;
}
h6 {
   margin:20px 0 15px 0;
   font:bold 13px Arial, Sans-serif;
   color:#800000;
}

#gravata {
   position:relative;
   margin:0 0 50px 210px;
   font:bold small-caps 15px Tahoma, Arial, Sans-serif !important;
   color:orange !important;
}

/*/ TOPO
////////////////////////////////////////////////*/
#topo {
   position:relative;
   height:104px;
}

#logotipo {
   position:absolute;
   left:15px;
   top:-105px;
   z-index:9000;
}
   #logotipoin {
   position:absolute;
   left:15px;
   top:-1px;
}

#faleconosco {
   position:absolute;
   right:0;
   background:url(../imagens/fale-conosco.jpg) top right no-repeat;
   margin-top:18px;
   padding-top:18px;
   padding-right:50px;
   height:21px;
}
   #faleconosco a:link, #faleconosco a:visited {
   padding:5px;
   text-decoration:none;
   color:black;
}
   #faleconosco a:hover {
   padding:5px;
   background-color:orange;
   color:#fff;
   font-weight:bold;
}

.navegacao {
   position:absolute;
   left:230px;
   top:66px; /*68px*/
   width:605px;
   text-align:center;
   padding:10px 0;
}
   .navegacao a, .navegacao a:visited {
   text-decoration:none;
   font:bold 13px Arial, Sans-serif;
   color:#2a599f;
   text-align:center;
   padding:10px;
}
   .navegacao a:hover, .navegacao a:active {
   color:black;
   background:url('../imagens/bg-nav.jpg') repeat-x;
}

.navegacaoin {
   position:absolute;
   left:230px;
   top:65px; /*68px*/
   width:605px;
   text-align:center;
   padding:10px 0;
}
   .navegacaoin a, .navegacaoin a:visited {
   text-decoration:none;
   font:bold 13px Arial, Sans-serif;
   color:#2a599f;
   text-align:center;
   padding:10px;
}
   .navegacaoin a:hover, .navegacaoin a:active {
   color:black;
   background:url('../imagens/bg-nav.jpg') 0 1px repeat-x;
}

#destaque {
   position:relative;
   height:270px;
   margin-bottom:10px;
}

ul#portfolio li {
   border:none;
   list-style-type:none;
}

/*/ CORPO
////////////////////////////////////////////////*/
#corpo {
   border:10px solid #def08d;
   background:white;
   padding:20px;
}

.sobreimg { /*Imagens na página Sobre a Lica*/
   float:right;
   padding:10px 0 0 10px;
}

#produtos {
   margin-bottom:15px;
   background-color:#bea8c7;
   text-align:center;
   font-weight:bold;
}
   #produtos a, #produtos a:visited {
   display:block;
   text-decoration:none;
   padding:2px;
   color:#fff;
}
   #produtos a:hover, #produtos a:active {
   background-color:#fff;
   padding:2px;
   color:#800000;
}

#conteudo {
   float:left;
   width:519px;
   margin-right:22px;
   min-height:350px;
}
   #conteudo span {
   font-size:14px;
   font-weight:bold;
   color:#3f8fb6;
}
   #conteudo a:link, a:visited {
   text-decoration:none;
   color:#0000ff;
}
   #conteudo a:hover, a:active {
   color:purple;
   background-color:#ebe4d3;
}
   #conteudo ul {
   margin:0 0 0 35px;
}
   #conteudo ul li {
   margin:0 0 10px 0;
}

#ofertas {
   width:137px;
   float:left;
   margin:0 32px 0 0;
}
   #ofertas img {
   border:4px solid #5c7ab6;
   margin-bottom:5px;
}
   #ofertas strong {
   color:#800000;
}

#colecao {
   width:137px;
   float:left;
   margin:0 32px 0 0;
}
   #colecao img {
   border:4px solid orange;
}
   #colecao strong {
   color:#800000;
}
   #colecao a:hover, a:active {
   background-color:#fff;
}
   .asscolecao {
   clear:both;
   float:left;
   width:300px;
   margin-bottom:20px;
}

#pgprodutos {
   float:left;
   background-color:#ebe4d3;
   padding:10px;
   margin-right:10px;
}

#barralateral {
   float:left;
   background-color:#ebe4d3;
   width:214px;
   padding:10px;
}
   a.barralateral:link, a.barralateral:visited {
   text-decoration:none;
   color:#0000ff;
}
   a.barralateral:hover, a.barralateral:active {
   color:purple;
   background-color:#fff;
}
   #barralateral span {
   font-weight:bold;
   color:#3f8fb6;
}
   #navcolecoes li {
   font-size:11px;
   list-style-type:none;
}
   #navcolecoes a, #navcolecoes a:visited {
   display:block;
   color:#8d5fd3;
   text-decoration:none;
   border-bottom:1px solid #ecd1f7;
}
   #navcolecoes a:hover, #navcolecoes a:active {
   background-color:#fff;
}

.voltar {
   color:#B365A1;
   text-align:left;
   margin-top:30px;
   margin-bottom:30px;
}
.voltar a {
   color:#b365a1;
   font-weight:bold;
   text-decoration:none;
   padding:2px 8px;
   border:1px solid #b365a1;
}

/*/ RODAPE
////////////////////////////////////////////////*/
#rodape {
   height:130px;
   background-color:#ddee8e;
   margin-top:-10px;
}

address {
   position:relative;
   width:835px;
   height:30px;
   margin:0 auto;
   padding:100px 0 0 0;
   background:url('../imagens/logo-rodape.jpg') 35px 0 no-repeat;
   text-align:center;
   font-style:normal;
}

#ass {
   position:absolute;
   top:8px;
   right:25px;
}

.box-produtos {
   margin:20px 0 15px 0;
   font:bold 17px Tahoma, Arial, Sans-serif;
   color:#800000;
}

/*
Formularios - Contato
===========================*/
form {
   position:absolute;
   left:30px;
}

.formcontato fieldset {
   margin:30px 0 30px 0;
   padding:8px;
   width:420px;
   height:1%;
   display:inline;
   background-color:#efefef;
}

.formcontato label {
   font: 13px Verdana, Arial, Tahoma, sans-serif;
   display: block;
   padding-bottom: 5px;
   color:#800000;
}

.formcontato label input {
   width: 410px;
}

.formcontato textarea {
   width: 410px;
   margin-bottom: 8px;
}

.formcontato form {
   float: left;
}

.erroContato {
   font-weight: bold;
   color: red;
   font-size: small;
}

/*
Mostrar notícias
===========================*/
.imgNoticias {
   border: 5px solid #bfa9c9;
}


#redeSociais {
			height: 50px;
			width: 300px;
			right: 5px;
			top: 20px;
			position: relative;
}

#redeSociais span {
			top: -18px;
			position: relative;
}

#redeSociais a {
			margin-right: 10px;
			text-decoration: none;
			color: #000;
}