@font-face {font-family: Klavika; src: url('http://www.scarpotter.com/temas/fontes/Klavika.otf'); }
div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:30}
div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100}
div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_progress.png) no-repeat}
div#fancy_outer{position:absolute; top:0; left:0; z-index:90; padding:20px 20px 40px; margin:0; background:transparent; display:none}
div#fancy_inner{position:relative; width:100%; height:100%; background:#FFF}
div#fancy_content{margin:0; z-index:100; position:absolute}
div#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:100}
img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%}
div#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url(http://www.scarpotter.com/temas/imagens/fancy_closebox.png) top left no-repeat; cursor:pointer; z-index:181; display:none}
#fancy_frame{position:relative; width:100%; height:100%; display:none}
#fancy_ajax{width:100%; height:100%; overflow:auto}
a#fancy_left, a#fancy_right{position:absolute; bottom:0; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(data:image/gif; base64,AAAA); outline:none; overflow:hidden}
a#fancy_left{left:0}
a#fancy_right{right:0}
span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block}
span#fancy_left_ico{left:-9999px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_left.png) no-repeat}
span#fancy_right_ico{right:-9999px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_right.png) no-repeat}
a#fancy_left:hover, a#fancy_right:hover{visibility:visible; background-color:transparent}
a#fancy_left:hover span{left:20px}
a#fancy_right:hover span{right:20px}
#fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}
div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0}
div.fancy_bg{position:absolute; display:block; z-index:70; border:0; padding:0; margin:0}
div#fancy_bg_n{top:-20px; left:0; width:100%; height:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_n.png) repeat-x}
div#fancy_bg_ne{top:-20px; right:-20px; width:20px; height:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_ne.png) no-repeat}
div#fancy_bg_e{right:-20px; height:100%; width:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_e.png) repeat-y}
div#fancy_bg_se{bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_se.png) no-repeat}
div#fancy_bg_s{bottom:-20px; left:0; width:100%; height:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_s.png) repeat-x}
div#fancy_bg_sw{bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_sw.png) no-repeat}
div#fancy_bg_w{left:-20px; height:100%; width:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_w.png) repeat-y}
div#fancy_bg_nw{top:-20px; left:-20px; width:20px; height:20px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_shadow_nw.png) no-repeat}
div#fancy_title{position:absolute; z-index:100; display:none}
div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:3px; white-space:nowrap}
div#fancy_title table{margin:0 auto}
div#fancy_title table td{padding:0; vertical-align:middle}
td#fancy_title_left{height:32px; width:15px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_title_left.png) repeat-x}
td#fancy_title_main{height:32px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_title_main.png) repeat-x}
td#fancy_title_right{height:32px; width:15px; background:transparent url(http://www.scarpotter.com/temas/imagens/fancy_title_right.png) repeat-x}

#container {width: 1000px; height: 600px; position: relative; overflow:hidden; }

#conteudo {position: absolute; left:0; top:0; }

a {text-decoration:none;}
a:link, a:visited{color:#40687B}
a:hover{color:#3382AC; text-decoration:underline}

body {margin:0;padding:0;color:#777;line-height:20px;font-family:"Segoe UI", "Trebuchet MS";font-size:12px}



#menutopo {height:25px; padding:5px; background:#142F3F url(imagens/logobaratopoPromo.gif) top left no-repeat; margin-bottom:5px; display:block; padding-left:190px; padding-bottom:0; text-transform:uppercase; font-size:16px; font-family:Klavika, "Segoe UI", "Trebuchet MS";}
#menutopo a:link, #menutopo a:visited {color:#F2F2F2;}
#menutopo a:hover {color:#FFF}

#headerPromo {width:990px; height:120px; margin:5px auto 5px auto;}

#containerprincipal {width:990px; overflow:auto; margin:0 auto 0 auto;}

#footerNovo{background:#FFF url(http://www.scarpotter.com/temas/novoscar/fotter-L.jpg) top left no-repeat; display:block; padding-top:31px; padding-left:220px; position:fixed; bottom:0;}
#footerNovoTexto{background:#EEE; display:block; text-align:left; padding:5px 5px 5px 5px;}
.ttFooter{color:#40687B; font-family:"Trebuchet MS"; font-weight:bold; font-size:14px; margin-top:7px; margin-bottom:3px}

.titulobig {font-family:Klavika, "Segoe UI", "Trebuchet MS"; font-size:18px; color:#A62832;}

.titulomedium {font-family:Klavika, "Segoe UI", "Trebuchet MS"; font-size:14px; color:#555;}

.botão {margin:30px; padding:8px; background:url(imagens/bg_fundo.jpg) top center no-repeat; border:1px solid #333;}

.botão:hover {background-position:0 -90px; border-color:#777;}

.interatividade {cursor:default !important;}

.interatividade a:link, .interatividade a:visited {cursor:default !important;}

.interatividade a:hover {cursor:default !important;}

area.interatividade {cursor:default !important;}

.containerGeralGartic {float:left; width:280px; padding-right:5px; margin-right:4px; }
.containerGartic1, .containerGartic2, .containerGartic3 {border:1px solid #CBDDEB; border-top:none; padding:5px; background:#F4F4F4;}
.topoContGartic {padding-bottom:5px; border-bottom:1px solid #CBDDEB;}
.clear {clear:both;}