/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
body { background: url(../img/bg.jpg) no-repeat #000; height: 1050px; color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 5px auto; text-align: center; }

#geral { margin: auto; width: 900px; }
#logo { margin: 70px 40px 0 0; }

#menu {  background: url(../img/bgmenu.png) no-repeat; width: 859px; height: 55px; clear: both; margin: 20px 0 0 0; position:relative;  }

/*#menu ul { width: 850px; margin: 0 0 0 85px; list-style: none; }
#menu ul li { float: left; width: auto; margin: 20px 52px 0 0; }
#menu ul li a { float: left; color: #fff; text-decoration: none; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
#menu ul li .ativo { float: left; color: #ff9c00; text-decoration: none; font-size: 16px; text-transform: uppercase; letter-spacing: 1px;  }
#menu ul li a:hover { color: #be7706; }
*/

#menu ul { list-style: none; left: 80px; }
#menu li { display: inline; float: left; padding-left: 20px;}
#menu li a { display: block; text-indent: -9999em; position: absolute; outline: none; }
#menu li a:hover { background-position: left bottom; }
#menu li a:hover span { display: block; }

#menu .inicial { background: url("../img/inicial.png") no-repeat; left: 60px; top: 18px; width: 70px; height: 20px; }
#menu .a-grife { background: url("../img/agrife.png") no-repeat; left: 182px; top: 18px; width: 71px; height: 20px; }
#menu .colecao2011 { background: url("../img/colecao2011.png") no-repeat; left: 299px; top: 18px; width: 126px; height: 20px; }
#menu .ondeencontrar { background: url("../img/ondeencontrar.png") no-repeat; left: 479px; top: 18px; width: 163px; height: 20px; }
#menu .contato { background: url("../img/contato.png") no-repeat; left: 695px; top: 18px; width: 89px; height: 20px; }


#col_left { float: left; width: 415px; height: 655px; }

#quadro_1 { width: 310px; float: left; margin: 50px 0 0 0; position: relative; }
#quadro_1 #titulo { float: left; }
#quadro_1 #bem-vindo { background: url(../img/bgbem-vindo.png) no-repeat; width: 311px; height: 137px; clear: both; }
#quadro_1 #bem-vindo p { text-align: justify; display: block; float: left; width: 280px; margin: 15px 0 0 15px; line-height: 20px; font-size: 12px; }
.ver-grife { float: right; margin: -1px 2px 0 0; }

#ver-grife a { display: block; text-indent: -9999em; position: absolute; outline: none; float: left; }
#ver-grife a:hover { background-position: left bottom; }
#ver-grife .ver-grife { background: url("../img/ver-grife.png") no-repeat; width: 115px; height: 27px; float: left; left: 194px; top: 181px; }


#quadro_2 { width: 310px; float: left; margin: 30px 0 0 0; position: relative; }
#quadro_2 #titulo { float: left; }
#quadro_2 #outono { background: url(../img/bgoutono.png) no-repeat; width: 311px; height: 333px; clear: both; }
#quadro_2 #outono p { text-align: justify; display: block; float: left; width: 280px; margin: 15px 0 0 15px; line-height: 18px; font-size: 12px; }

#ver-colecao a { display: block; text-indent: -9999em; position: absolute; outline: none; float: left; }
#ver-colecao a:hover { background-position: left bottom; }
#ver-colecao .ver-colecao { background: url("../img/ver-colecao.png") no-repeat; width: 132px; height: 27px; float: left; left: 178px; top: 377px; }


#col_right { float: left; width: 465px; height: 655px; margin: 50px 0 0 0; }
#destaque {  background: url(../img/bgdestaque.png) no-repeat; width: 469px; height: 371px; clear: both; }
#destaque img { margin: 20px 15px 15px 15px; float: left; }

#encontre { margin: 50px 0 0 0; position: relative; }
#encontre #titulo { float: left; }
#encontre #slide { background: url(../img/bgslide.png) no-repeat; width: 472px; height: 158px; clear: both; }

#ver-repre a { display: block; text-indent: -9999em; position: absolute; outline: none; float: left; }
#ver-repre a:hover { background-position: left bottom; }
#ver-repre .ver-repre { background: url("../img/ver-repre.png") no-repeat; width: 192px; height: 27px; float: left; left: 278px; top: 199px; }

#rodape { clear: both; }
#rodape p { padding: 70px 0 0 0; font-size: 14px; font-weight: bold; }

/* A grife */
.text {  background: url(../img/bgtext.png) no-repeat; width: 311px; height: 227px; clear: both; margin: 50px 0 0 0; } 
.text p { float: left; display: block; width: 275px; text-align: justify; margin: 15px 0 0 15px; line-height: 20px; color: #d1c6a6; }
.logos { float: left; display: block; margin: 10px 0 0 0; }

/* Coleção 2011 */
#text_cad { background: url(../img/textocad.png) no-repeat; width: 310px; height: 122px; float: left; margin: 0px 0 0 0; }
#text_cad p { float: left; display: block; width: 275px; text-align: justify; margin: 15px 0 0 15px; line-height: 20px; color: #d1c6a6; }
#cadastro input { background: url(../img/bginput.png) no-repeat; width: 312px; height: 40px; float: left; margin: 0px 0 0 0; border: none; color: #fff; padding-left: 10px; }
#cadastro button { background: url(../img/enviar.png) no-repeat; width: 115px; height: 27px; float: right; margin: 0px 0 0 0; border: none; cursor: pointer; }
#cadastro button:hover { background: url(../img/enviar-hover.png) no-repeat; }
#cadastro textarea { background: url(../img/textarea.png) no-repeat; width: 314px; height: 170px; border: none; color: #fff; font-size: 16px; padding: 10px 0 1px 10px; }

#cad_right { width: 392px; float: right; margin: 0 25px 0 0; }
#cad_right #titulo { float: right; }
#cad_right input { background: url(../img/input2.png) no-repeat; width: 394px; height: 41px; float: left; margin: 0px 0 0 0; border: none; color: #fff; padding-left: 10px; font-weight: bold; }
#cad_right button { background: url(../img/acessar.png) no-repeat; width: 115px; height: 27px; float: right; margin: 0px 0 0 0; border: none; cursor: pointer; }
#cad_right button:hover { background: url(../img/acessar-hover.png) no-repeat; }
#imgcad { float: right; margin: 40px 25px 0 0; }

/* Acesso Lojista */
#pronta { float: left; margin: 50px 40px 0 0; width: 280px; }
#pronta #titulo { float: left; }
#acess { background: url(../img/texto_acess.png) no-repeat; width: 209px; height: 226px; float: left; margin: 95px 40px 0 0; }
#acess p { float: left; display: block; width: 180px; text-align: justify; margin: 15px 0 0 15px; line-height: 20px; color: #d1c6a6; }


#pedidos { float: left; margin: 50px 0 0 0; width: 280px; }
#pedidos #titulo { float: right; }


#cadastro2 input { background: url(../img/bginput.png) no-repeat; width: 312px; height: 40px; float: left; margin: 0px 0 0 0; border: none; color: #fff; padding-left: 10px; }
#cadastro2 button { background: url('../img/enviar-orange.png') no-repeat; width: 115px; height: 27px; float: right; margin: 0px 0 0 0; border: none; cursor: pointer; }
#cadastro2 button:hover { background: url('../img/enviar-orange-hover.png') no-repeat; }
#cadastro2 textarea { background: url(../img/textarea.png) no-repeat; width: 314px; height: 170px; border: none; color: #fff; font-size: 16px; padding: 10px 0 1px 10px; }


/* ----------- Forms ----------- */
.myform { margin: 0px auto; padding: 5px; width: 735px; }
/* ----------- stylized ----------- */
#contato { clear: both; margin: auto 12px;  }
#contato label { display: block; text-align: right; width: 85px; float: left; line-height: 29px; color: #5f543e;  font-size: 15px; font-weight: bold; margin: 5px 5px 0 5px;  }
#contato select { width: 150px; float: left; margin: 4px 0 0 5px; border: 3px solid #333; }
#contato input { float: left; border: 1px solid #fff; font-size: 12px; padding: 2px 2px; width: 307px; margin: 4px 0 10px 5px; height: 27px;  }
#contato select { border: 1px solid #003da5; }  
#contato button { clear: both; width: 90px; height: 30px; font-weight: bold; text-align: center; font-size: 12px; float: left; cursor: pointer; border: 0; margin: -5px 20px 0 323px; color: #fff; background: #5f543e;  }
#contato button:hover { }
#contato .erro { color: red; font-weight: 700; }
#contato textarea { float: left; font-size: 12px; padding: 4px 2px; width: 307px; border: none; height: 135px; margin: 4px 0 10px 5px;   }