/* 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: #000 url("../img/bg.jpg") no-repeat; font: 12px Arial, Helvetica, sans-serif; margin: auto; text-align: center; }

/*#geral { width: 980px; margin: auto; }*/

#menu { background: url("../img/bgmenu.jpg") repeat-x; background-position: center; width: 100%; height: 80px; margin-top: 30px; }
#menucontent { background: url("../img/bgmenu.jpg") repeat-x; background-position: center; width: 980px; height: 80px; margin: auto; }
#menucontent img { float: left; margin: 5px 0 0 20px; }
#menucontent ul { list-style: none; }
#menucontent ul li { display: inline; float: left; width: 120px; padding-top: 32px; }
#menucontent ul li a { color: #fff; font-size: 14px; text-decoration: none; font-weight: 700; }

#content { width: 980px; margin: auto; }
#bemvindo { width: 480px; float: left; }
#bemvindo .detalhe { float: left; margin: 45px 5px 0 35px; }
#bemvindo h1 { float: left; color: #dd127b; text-transform: uppercase; font-size: 25px; margin-top: 42px; font-style: italic; }
#bemvindo p { clear: both; text-align: justify; width: 280px; color: #fff; padding: 15px 0 0 35px; line-height: 18px; font-style: italic; float: left; }
#bemvindo img { float: left; }
#bemvindo #marcas { background: url('../img/marcas.jpg') repeat-x; clear: both; float: left; width: 480px; height: 47px; margin-top: 32px; }
#models { float: left; width: 440px; margin-top: 10px; }

#colecao { background: url("../img/bgcolecao.jpg") no-repeat; width: 351px; height: 261px; float: left; }
#colecao .detalhe { float: left; margin: 25px 5px 0 35px; }
#colecao h1 { float: left; color: #dd127b; text-transform: uppercase; font-size: 21px; margin-top: 24px; font-style: italic; }
#colecao p { clear: both; text-align: justify; width: 280px; color: #fff; padding: 10px 0 0 35px; line-height: 18px; font-style: italic; float: left; }

#noticias { width: 380px; float: left; margin-left: 220px; }
#noticias .detalhe { float: left; margin: 25px 5px 0 0; }
#noticias h1 { float: left; color: #dd127b; text-transform: uppercase; font-size: 21px; margin-top: 24px; font-style: italic; }
#noticias p { clear: both; text-align: justify; width: 280px; color: #fff; padding: 5px 0 0 10px; line-height: 18px; font-style: italic; float: left; }
#noticias .date { color: #dd127b; }
#noticias #mais { float: right; }

#meio { width: 600px; float: left; }
#meio .detalhe { clear: both; float: left; margin: 30px 5px 0 35px; }
#meio h1 { float: left; color: #dd127b; text-transform: uppercase; font-size: 25px; margin-top: 27px; font-style: italic; }
#meio p { clear: both; text-align: justify; width: 460px; color: #fff; padding: 10px 0 0 35px; line-height: 18px; font-style: italic; float: left; }
#meio img { float: left; }

#modelos { float: left; width: 340px; }
#modelos img { clear: both; margin-top: 20px; }

#representantes { width: 980px; margin: auto; clear: both; }
#representantes h1 { float: left; color: #dd127b; text-transform: uppercase; font-size: 25px; margin-top: 7px; font-style: italic; }
#representantes .detalhe { float: left; margin: 10px 5px 0 35px; }
#representantes p { clear: both; text-align: justify; width: 280px; color: #fff; padding: 15px 0 0 35px; line-height: 18px; font-style: italic; float: left; }
#representantes table { clear: both; float: left; width: 791px; height: 360px; margin-left: 25px; background: url('../img/table.jpg'); }
#representantes table tr { color: #fff;  }
#representantes table tr td { text-align: left; padding-left: 10px;  }

#colecao2010 .images { float: left; height: 220px; margin: 10px 0 0 20px; }

#footer { clear: both; width: 980px; margin: auto; padding-top: 40px; }
#footer p { color: #fff; font-size: 15px; text-align: right; padding: 5px 0 0 0; font-weight: 700; font-style: italic; }

/* ----------- Forms ----------- */
.myform { margin: 35px auto; width: 450px; height: 520px; padding: 5px; float: right;  }
.myform2 { margin: 35px auto; width: 450px; height: 520px; padding: 5px; float: left;  }
/* ----------- stylized ----------- */
#stylized {  float: left; }
#stylized h1 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 150px; float: left; line-height: 30px; color: #dd127b; clear: both; }
#stylized select { width: 150px; float: left; margin: 4px 0 0 5px; border: 1px solid #000; }
/*#stylized .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px;}*/
#stylized input { float: left; font-size: 12px; padding: 2px 2px; border: solid 1px #000; width: 200px; margin: 4px 0 10px 5px; }
#stylized button { clear: both; margin-left: 170px; width: 100px; height: 25px; background: #000; text-align: center; line-height: 22px; color: #fff; font-size: 12px; font-weight: bold; }
#stylized .erro { color: red; font-weight: 700; }
#stylized .texto { clear: both; font-size: 11px; font-weight:normal; }
#stylized textarea { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #000; width: 200px; height: 45px; margin: 2px 0 10px 5px; }