html, body { height:100%; overflow: hidden }
body { background:#EEF3D6 url(../imagens/bg.jpg) repeat-x scroll 0 0; font-family:Arial, Helvetica, sans-serif; margin:0; }
img { border:0 }
#footer { bottom:0; height:311px; position:absolute; width:100%; }
#containerFooter { margin:0 auto; width:860px; height:1px; z-index:5; margin-top:-311px; }
#containerFooter:after { clear:both; display:block; content:"" }
#cloud-holder { width: 100%; height: 100%; position: absolute; top: 1px; left: -4px; overflow: hidden; z-index:-1; }
.cloud { position: absolute; background-repeat: no-repeat; z-index: 0; }
#container { position: relative; width:630px; margin: 0 auto; height:240px; top:-245px; z-index:500 }
#logoBiramar { float:left; width:330px; }
#direita { float:left; width:210px; background:url(../imagens/bg-cont.png) no-repeat; height:250px; }
#menu { margin-top:70px; margin-left:90px; }
#menu ul { margin:0; padding:0 }
#menu li { list-style: none; margin-bottom:2px }
#menu a { display:block; padding:2px; width:151px }
#menu a:hover { background:#fff }
#copy {position: relative; bottom:0; z-index:200; }
#top { width: 375px; margin: 0 auto; height: 166px; position: absolute; top:50%; left:50%; margin-left:-187px; margin-top:-183px }
#suprimatic { position: absolute; z-index:5000; bottom:0; background:#8BC33D; color:#fff; font-size:10px; right:0 }
#slogan { background:url(../imagens/slogan.png) no-repeat; width:352px; margin-left:-10px; height:23px; margin-top:10px }
#pgEmpresa { width: 595px; margin: 0 auto; height:350px; background:#FFF; padding:2px; overflow:auto }
#pgEmpresa p { margin-bottom:10px }
#pgEmpresa h1 { color: #DF7134; font-size: 1.23em; font-weight: bold; letter-spacing: -0.07em; line-height: 1em; }
#titulo { width:100%; height:50px; }
.tituloPg { padding-left:5px; }
#tremer { width:220px; height:35px; float:right; margin-top:5px }
#conteudo { padding:5px }
p {font-size:12px; margin:2px}
#pgEmpresa h1 { color:#E07135; font-size: 1.23em; font-weight: bold; letter-spacing: -0.07em; line-height: 1em; margin:0 }
#pgContato { width: 515px; margin: 0 auto; height:280px; background:url(../imagens/bg-contato.gif) no-repeat right top }
#formContato form { padding:0; margin:0 }
#formContato input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border: dotted 1px #ccc; margin-bottom:6px }
#formContato label { width: 80px; font-size:12px; float:left; padding:6px; color:#2D4A1A }
.submit { padding:5px; color:#fff; background:#17904A; font-weight:bold; cursor:pointer }
#pgFeiras { width: 400px; margin: 0 auto; height:450px; }
#pgFeiras h1 { color:#D08904; font-size: 1.23em; font-weight: bold; letter-spacing: -0.07em; line-height: 1em; margin:0 }
#tit-mes { margin-top:3px; padding:5px; }
#containerEvento { font-size:14px; text-indent:7px }
#containerEvento p { margin:0 }
#evento { width:430px }
.evt { border: 1px solid #fff }
#ie { background: url(../imagens/logo-ie8.jpg) no-repeat #FEFF99; border: solid 1px #FDE24D; width: 369px; height:56px; position:absolute; left:50%; margin-left:-184px; top:2px; text-indent: 69px; font-size:12px; top:-70px; z-index:90000 }
#pgLojas { width: 600px; margin: 0 auto; height:340px; background:url(../imagens/bg-lojas.gif) no-repeat right top }
#pgLojas h1 { color:#BE8EBF; font-size: 1.23em; font-weight: bold; letter-spacing: -0.07em; line-height: 1em; margin:0 }
#mapa { width: 273px; float:left; margin-right:10px }
#containerInfo { width: 300px; float:left; height:230px; overflow:auto !important }
#containerInfo h2 { color:#834B87; font-weight:normal; font-size:1.5em; margin:0; }
#boxLoja { padding:2px; margin-top:3px; border-bottom:1px solid #e5e5e5 }
#boxLoja p {font-size:11px}
#newsletter { padding: 5px; width: 250px; background: #fff; font-size:12px; height:83px; z-index:100000; }
#newsletter h1 { color:#09C; font-weight:normal; margin:0; font-size:1.5em }
#newsletter form { padding:0; margin-top:3px }
#newsletter input, textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:1px; border: dotted 1px #ccc; margin-bottom:6px }
#newsletter label { width: 40px; font-size:12px; float:left; padding:2px; color:#2D4A1A }
#aviao { position: absolute; width:100%; top:10px; z-index:300; }
#tituloProd { float:left; width:200px }
#categorias { width: 660px; position: absolute; height:170px; left:50%; margin-left: -305px; top:20%; z-index:3000; display:none; }
.selecione {  }
#list-cat { margin-top:10px; margin:0; padding:0; }
#list-cat li { list-style: none; display: inline }
#list-cat a { font-size:12px; color:#333; text-decoration: none; background:#fff; padding:4px; margin-top:3px; display: block; float:left; margin-right:3px; }
#list-cat a:hover { background:#ABD233; color:#fff }
#busca { margin-top:12px; width:100%; float:left;}
#busca:after { display:block; height:1px; content:""; clear:both }
.pref { margin-top:5px; width:207px; float:left; height:25px; background:url(../imagens/pref.png) no-repeat 3px 6px }
.input { margin-top:5px; float:left; width:299px; height:30px; background:url(../imagens/bg-input.png) no-repeat }
#voltar { margin: 0 auto; width:70px; height:42px; margin-top:10px;}
#caixa-form { float:left; width: 245px; margin: 5px 0 0 10px }
#caixa-form input { border:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; width: 240px; }
.nofocus { font-style: italic; color:#999 }
.focus { color:#000; font-style:normal }
#submit { float:left; width:22px; margin-top:3px; margin-left:5px }
.carregando { font-size:10px; color:#333; text-align: center; display:none }
.tit-amo-biramar { width:179px; height:23px; background: url(../imagens/tit-eu-amo-biramar.png) no-repeat }
#eu-amo-biramar {width: 500px; position: absolute; height:205px; left:50%; margin-left: -250px; display:none; top:12%; z-index:3000;  background:#FFF;-webkit-border-radius:8px; -moz-border-radius: 8px; padding:10px }
.selecione {height:32px; background: url(../imagens/eu-amo-biramar-selecione.png) no-repeat;}
.amo-tit {height:32px;  background: url(../imagens/eu-amo-biramar-selecione.png) no-repeat 0 -35px }
.container-bebes {}
.links {width:520px;  margin: 0 auto}
.link a {}
.caua {margin-right:10px; float:left;display:block; width:114px; height:145px; background:url(../imagens/bebes-amo-biramar.jpg) no-repeat}
.johnny {margin-right:10px; float:left;display:block; width:114px; height:145px; background:url(../imagens/bebes-amo-biramar.jpg) no-repeat -135px 0}
.julia {margin-right:10px; float:left;display:block; width:114px; height:145px; background:url(../imagens/bebes-amo-biramar.jpg) no-repeat -270px 0}
.maria {margin-right:10px; float:left;display:block; width:114px; height:145px; background:url(../imagens/bebes-amo-biramar.jpg) no-repeat -395px 0}
.fechar {width:100%;  float:left; text-align: right}
.fechar a {color:#333; text-decoration: none; font-size:11px;}
.fechar a:hover {color:#FFF; background:#F36}

#midias {width:800px; margin: 0 auto;}
.tit-midia {width:410px; height:42px; background:url(../imagens/tit-midias.gif) no-repeat}

#container-slider a {display:block; border: 1px solid #f5f5f5}
#container-slider a:hover {border: solid 1px #ccc}
.borda { -webkit-border-radius:4px; -moz-border-radius: 4px; }
.recebe-midia {text-align: center; margin:5px 0 0 0}