/* xbrowser - css */
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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { line-height: 1em; }
ol, ul { list-style: none; }

:focus { outline: 0; }

body { background: #FFF; font-family: Arial; height: 100%; min-height: 100%; width: 100%; }

/* sprites */
.sprite { background: url(../images/sazonal_sprite.png) no-repeat; }
.replaced { display: block; text-indent: -9999em; }

/* wrap */
#wrap { background: url(../images/sazonal_background.jpg) top left no-repeat; height: 100%; min-width: 998px; position: absolute;  width: 100%; }

/* header */
#home .header { background-color: #EEF2FB; border: 1px solid #DEE4F1; padding: 27px 15px 15px; position: relative; }
#home h1 { background: url(../images/sazonal_ie6fix.png) 0 0 no-repeat; height: 73px; left: 10px; position: absolute; top: -53px; width: 404px; }
#home h2 { background-position: 0 0; height: 37px; left: 162px; position: absolute; top: -100px; width: 101px; }

/* content */
#content { float: left; font-size: 13px; width: 50%; height: 100%; }
#content ul { margin: 0 0 9px 0; overflow: hidden; }
#content li { background-color: #EEF2FB; border: 1px solid #DEE4F1; float: left; margin: 9px 0 0; padding: 15px 10px 15px 58px; width: 138px; }
#content li.l1, #content li.l3 { margin: 9px 9px 0 0; }
#content li.l1 { background-position: 10px -382px; }
#content li.l2 { background-position: 10px -112px; }
#content li.l3 { background-position: 10px -292px; }
#content li.l4 { background-position: 10px -202px; }
#home { display: inline; float: right; margin: -287px 40px 0 0; padding: 110px 0 0; position: relative; width: 425px; top: 50%; }
h3 { font-size: 14px; margin: 0 0 10px; }
form { background-color: #C7D6F2; border: 1px solid #8CA3D0; padding: 15px; }
legend { font-size: 15px; font-weight: bold; margin: 0 0 10px; }
.more .button { background-position: 0 -37px; display: block; height: 35px; margin: 10px 0 0; line-height: 32px; }
.more button { background: transparent; border: none; color: #FFF; cursor: pointer; font-size: 15px; line-height: 18px; font-weight: bold; padding: 4px 0; width: 100%; }

/* footer */
#home .footer { margin: 15px 0 0; text-align: center; }

/* embed */
#embed { border-left: 1px solid #DEE4F1; float: right; min-height: 100%; height: 100%; width: 50%; position: absolute; right: 0;  background: #EFEFEF; z-index: 100; }
#embed object { margin-bottom: -2px; }

/* modal */
#background { background: #FFF; height: 100%; position: absolute; width: 50%; z-index: 5; display: none; text-align: right; }
#background img { margin: -16px 235px 0 0; position: relative; top: 50%; }

#modal { position: absolute; width: 50%; left: 0; top: 0; z-index: 10; height: 100%; }
#modal .title  { padding: 10px 15px; position: relative; }
#modal .title h2 { font-size: 24px; letter-spacing: -2px; padding: 5px 0; }
#modal .title h2 small { display: block; font-weight: normal; }
#modal .title .close  { background: url(../images/sazonal_close.png); height: 33px; position: absolute; right: 0; top: 4px; width: 33px; }
#modal .header { background-color: #EEF2FB; border: 1px solid #DEE4F1; margin: 0 0 15px; padding: 15px; position: relative; }
#modal .header h3 { font-size: 22px; letter-spacing: -1px; padding: 10px 0 5px; }
#modal .button { margin: 0; }
#modal p { padding: 0 0 10px; }
#modal small { font-size: 10px; }
#modal table { margin: 0 0 10px; width: 100%; }
#modal table th { text-align: left; }
#modal table .values { text-align: right; width: 100px; }
#modal table td { padding: 5px 0 0; }
#modal table .last td { padding: 5px 0; }
#modal table .last th, #modal table .last td { padding: 5px 0 0; }
#modal table .bottom { border-bottom: 1px solid #CCC; padding: 5px 0; }
#modal table .top { border-top: 1px solid #CCC; padding: 5px 0; }
#modal table .double { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 5px 0; }
#modal table .title td { padding: 10px 0; }
#modal table tbody .last { padding: 5px 0; }
#modal table tfoot .values { border-left: 1px solid #CCC; text-align: left; padding: 5px 0 0 10px; width: 215px; }
#modal table tfoot .last { padding: 5px 10px; }
#modal table .space td { padding: 5px 0; }
#modal table span { display: inline-block; width: 65px; }

/* formulario */
.formulario { display: inline; font-size: 13px; float: right; position: relative; width: 425px; top: 50%; }
.formulario form { background-color: #EEF2FB; border: 1px solid #DEE4F1; padding: 15px; }
.formulario fieldset div { clear: both; display: block; margin: 0 0 3px; }
.formulario div.even { clear: none; float: left; }
.formulario div.odd { clear: none; float: left; margin: 0 15px 0 0; width: 189px; }
.formulario div b { display: block; margin: 0 0 5px; }
.formulario input { border: 1px solid #A5ACB2; padding: 2px; width: 387px; }
.formulario .even input, .formulario .odd input { width: 183px; }
.formulario div.address { width: 309px; }
.formulario div.address input { width: 303px; }
.formulario div.number input { width: 63px; }
.formulario input.txtDDD { width: 32px; margin: 0 6px 0 0; }
.formulario input.txtTel { width: 135px; }
.formulario .radio input, .formulario .radio label b { display: inline; width: auto; border: none; }
.formulario .button { text-align: center; }
.formulario button { margin: 0 5px; }
.formulario .tele { display: none; }

/* cadastro */
#cadastro { margin: -289px 40px 0 0; }

/* enquete */
#enquete { margin: -212px 40px 0 0; }
#enquete .radio label { display: block; }
#enquete .button { background-position: -399px -37px; display: block; height: 35px; margin: 10px 0 0; line-height: 32px; width: 135px; }
#enquete button { background: transparent; border: none; color: #FFF; cursor: pointer; font-size: 15px; line-height: 18px; font-weight: bold; padding: 4px 0; width: 126px; }

/* thanks */
#thanks { display: none; font-size: 13px; float: right; margin: -183px 40px 0 0; position: relative; width: 425px; top: 50%; }

/* success */
#success { display: inline; font-size: 13px; float: right; margin: -61px 40px 0 0; position: relative; width: 425px; top: 50%; }
#success .header { padding: 15px 15px 5px; }
#success div.button { text-align: center; }

/* busca */
#busca { display: inline; font-size: 13px; float: right; margin: -253px 40px 0 0; position: relative; width: 425px; top: 50%; }
#busca .title h2 { background-position: -200px -397px; padding: 14px 0 15px 53px; }
#busca .close { top: 18px; }

/* conteudo */
#conteudo { display: inline; font-size: 13px; float: right; margin: -212px 40px 0 0; position: relative; width: 425px; top: 50%; }
#conteudo .title h2 { background-position: -200px -307px; padding: 16px 0 18px 62px; }
#conteudo .close { top: 16px; }

/* termos */
#termos { display: inline; font-size: 13px; float: right; margin: -295px 40px 0 0; position: relative; width: 425px; top: 50%; }
#termos .header { height: 517px; overflow: hidden; padding: 15px 15px 5px; }
#termos ol li { margin: 10px 0 0; }
#termos ol li li { margin: 0; }
#termos ol ul li { list-style: disc; list-style-position: inside; margin: 0 0 0 15px; }
#termos ol ul ul li { list-style: circle; margin: 0 0 0 30px; }

/* youtube */
#youtube { display: inline; font-size: 13px; float: right; margin: -296px 40px 0 0; position: relative; width: 425px; top: 50%; }
#youtube .title h2 { background-position: -200px -217px; height: 24px; }
#youtube .close { top: 6px; }
#youtube .header { height: 358px; overflow: hidden; padding: 15px 15px 5px; margin: 0 0 10px; }

/* orkut */
#orkut { display: inline; font-size: 13px; float: right; margin: -296px 40px 0 0; position: relative; width: 425px; top: 50%; }
#orkut h2 { background-position: -200px -127px; height: 23px; }
#orkut .header { height: 358px; overflow: hidden; padding: 15px 15px 5px; margin: 0 0 10px; }

/* infos */
#infos { display: inline; font-size: 13px; float: right; margin: -274px 40px 0 0; position: relative; width: 425px; top: 50%; }
#infos .title h2 { background-position: -195px -78px; padding: 15px 0 18px 63px; }
#infos .close { top: 19px; }
#infos .header { margin: 25px 0 15px; }
#infos p.graphic { padding: 0; text-align: center; }
#infos ul { left: -1px; overflow: hidden; position: absolute; top: -24px; }
#infos ul li { background-color: #DEE4F1; border: 1px solid #DEE4F1; float: left; margin: 0 2px 0 0; padding: 3px 13px; cursor: pointer; font-weight: bold; }
#infos ul li.selected { background-color: #EEF2FB; border-bottom: 1px solid #EEF2FB; }

#infos .g2, #infos .g3 { display: none; }