/* CSS 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! 
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =========================== SAMSUNG UNICEF =========================== */
/* ------------------ GERAL ------------------ */
body { background:url(../img/body-bg.jpg) no-repeat top center; font:12px arial,helvetica,verdana,sans-serif; color:#3F;}
#site { width:1000px; margin:0 auto;}
a { outline:none; color:#0099ff; text-decoration:none;}

/* ------------------ HEADER ------------------ */
#header { width:920px; padding:28px 32px 23px 42px; background:url(../img/header-bg.gif) no-repeat -3px 0; float:left;}
#header h1 {float:left;}
#header h1 img {vertical-align: middle;}
#header ul {float:right; list-style:none;}
#header ul li { height:27px; float:left; margin:6px 0 0 8px; background-image:url(../img/menu.gif); background-repeat:no-repeat;}
#header ul #home,
#header ul #home a:hover {width:59px;background-position:left bottom;}
#header ul #ative,
#header ul #ative a:hover {width:155px;background-position:-71px bottom;}
#header ul #sam-uni,
#header ul #sam-uni a:hover {width:140px;background-position:-237px bottom;}
#header ul #amigo,
#header ul #amigo a:hover {width:167px;background-position:-389px bottom;}
#header ul li a { height:27px; display:block; text-indent:-999999px; background-image:url(../img/menu.gif); background-repeat:no-repeat;}
#header ul #home a {width:59px;background-position:top left;}
#header ul #ative a {width:155px;background-position:-71px top;}
#header ul #sam-uni a {width:140px;background-position:-237px top;}
#header ul #amigo a {width:167px;background-position:-389px top;}

/* ------------------ CONTEUDO ------------------ */
#conteudo { clear:both; padding:0 17px 20px;}

/* ------------------ FOOTER ------------------ */
#footer { width:100%; height:29px; font-size:11px; background:url(../img/footer-bg.gif) repeat-x 0 0; padding:7px 0 0; color:#7c7d7e; float:left; clear:both;}
#footer p { float:left; padding:0 0 0 42px;}
#footer ul { float:right; overflow:hidden; position:relative; padding:0 20px 0 0; list-style:none;}
#footer ul li { float:left; padding:0 13px; position:relative; top:0; left:-1px; border-left:1px solid #0099ff;}

/* --------------------------------- FORM --------------------------- */

/*form{ width: 638px; background: #F4F4F4; margin: 0 auto; padding:0 0 20px; border:2px solid #FFF; font: 13px Arial; font-weight: bold; color: #0099FF;}*/
#title-form { font: 13px Arial; padding:40px 0 30px 16px;}
#title-form h2{ background:url(../img/titulo-bg.gif) repeat-x bottom left; text-transform: uppercase; font-weight:bold; color:#0099FF; padding:0 0 4px 16px;}

#main-form{ background: #d9dde0 url(../img/form-bg.jpg) no-repeat; width:634px; border:solid 2px #fff; margin:16px auto 0 auto}
#main-form .sub-title{background:url(../img/titulo-bg.gif) repeat-x bottom left;  margin:0 10px; height:37px}
#main-form h3{text-transform: uppercase; font-weight:bold; color:#0099FF; padding:12px 0 0 12px; float:left}
#main-form .passos{ float:right; padding:10px 0 0 0}
.passos .p01{ margin-right:5px}
.passos .p01, .passos .p02{ height:20px; width:20px; text-indent:-9000em; overflow:hidden; display:block; float:left}
.on1{ background:url(../img/passo1-on.gif) no-repeat}
.off1{ background:url(../img/passo1-off.gif) no-repeat}
.on2{ background:url(../img/passo2-on.gif) no-repeat}
.off2{ background:url(../img/passo2-off.gif) no-repeat}

#sub-form{ width:380px; margin:8px 0 0 190px;}
#sub-form label{ color:#0b4da2;}
.bt-continuar{ float:right; margin:10px 165px 20px 0}
.bt-registrar{ margin:10px 10px 0 455px}
.bt-finalizar{ margin:10px 0 0 0}

#content-form{margin:25px 60px; width:514px;}
#content-form p{font:bold 12px Arial; color:#0b4da2; clear:both;}
#content-form h6{font:bold 10px Arial; color:#0b4da2; margin-bottom:9px}

#content-form label{font:bold 12px Arial; color:#0b4da2; display:block; height:20px}
#content-form input{background:url(../img/input-bg.gif) repeat-x; border:solid 1px #bac0c1; height:19px; margin:0}
input.dia-mes{ width:30px; float:left; margin:0 3px 0 0}
input.ano{ width:50px; float:left}
input.nro-serie{ width:230px; float:left}
#content-form select{ background:#eef1f1; width:145px}

#content-form .dv_nome{float:left; width:190px; height:57px}
#content-form .dv_data{float:left; height:57px; width:190px}
#content-form .dv_tipo{float:left; width:190px; clear:both; height:57px}
#content-form .dv_modelo{float:left; height:57px; width:190px}
#content-form .dv_serie{clear:both; height:57px; width:380px}

.table-produtos{border:solid 1px #b3bdc0; background:#FFF; font:11px Arial; color:#0b4da2; margin:5px 0 20px 0}
.table-produtos th{ height:43px; font-weight:bold; border-left:solid 1px #e4e8e9; background:url(../img/table-th-bg.gif) repeat-x; text-align:center}
.table-produtos td{ height:23px; border-left:solid 1px #e4e8e9; text-align:center}
.table-produtos th.clean{border-left:none}
.table-produtos td.clean{border-left:none}
.table-produtos .bg2{ background:#e5e5e5}