* {
	margin:				0;
	padding:			0;
	border:				0;
}

a, a:link, a:visited, a:focus, a:hover { text-decoration: underline;	color: #796964; }
a:hover { text-decoration: none; }

strong { font-weight: bold; }
.clear { clear:both;}
.img_left { float:left; margin-right: 10px; }
.img_right { float:right; margin-left: 10px; }
.iborder { border:2px solid #cdc9c5; }
.iborder1 { border:1px solid #cdc9c5; }
.relanchor { display:block; position:relative; cursor: pointer; }
.nopad { padding: 0 !important; }
html,
body {
   margin:0;
   padding:0;
   height:100%;
   background: #ccc url('../img/bg_geral.gif') repeat-y center top;
   font: normal 14px/17px "Trebuchet MS", trebuchet, verdana, sans-serif;	
   color: #796964;
   color: #555;
}
#container {
   min-height:100%;
   _height: 100%;
   position:relative;
}
#header {
   margin: 0 auto;
   width: 980px;
   height: 140px;
   padding: 0;
   padding-top: 20px;
}
#content {
   margin: 20px auto;
   width: 944px;
   padding: 0 0px;   
   padding-bottom:80px;   /* alt do footer mais margem */   
}
#content_main {
	margin-right: 30px;
}
#footer {
   position:absolute;   
   bottom:0;
   width:100%;
  /** background:	#ccc url('../img/fundo_rodape3.jpg') repeat-y center bottom;**/
   height:80px;  
   color: #eee;
   text-align: center;
}

#footer_content {
   margin: 20px auto 17px auto;
   width: 944px;
   height: 	60px;	   
   background-color: #796964;
   font-size: 12px;
}

#footer_menu {
	display: block;
	margin: 0 auto;
	margin-left: 100px;
}

#footer_menu li {
	float: left;
}
#footer_menu a, #footer_menu a:focus, #footer_menu a:visited, #footer_menu a:hover {
	color: #e8e7e5;
	text-decoration: none;
	padding: 8px 12px;
	display: block;
}
#copyright a, #copyright a:visited, #copyright a:focus, #copyright a:hover {
	color: #e8e7e5;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


#header h1 a{	
	color: #fff;
	padding: 0;
	background: url('../img/logo.gif') no-repeat center top;
	width: 445px;
	height:0;
	padding-top: 68px;
	overflow:hidden;
	display:block;
	float:left;
	margin-top: 10px;
	margin-left: 17px;
}

#header h2 a {
	background: url('../img/bg_fone.gif') no-repeat center top;
	float:right;
	width: 271px;
	height: 0;
	padding-top: 71px;
	overflow:hidden;
	display:block;	
}

#sidebar{
	float: right;
	width: 212px;
	margin-top: 4px;
}

#sidebar h2, h2.sidebar {
	background: url('../img/bg_title_sidebar.gif') no-repeat center bottom;
	width: 211px;
	height: 34px;
	border: 0 !important;
	margin-bottom: 4px;
}
#sidebar h2 a, #sidebar h2 a:visited, #sidebar h2 a:focus, #sidebar h2 a:hover, #sidebar h2 span {
	text-align: center;
	width: 211px;
	height: 34px;
	_height: 29px;
	display: block;
	overflow: hidden;
	padding-top: 5px;
	font: bold 14px "Trebuchet MS", trebuchet, verdana, sans-serif !important;
	color: #e8e7e5 !important;
	text-decoration: none;
}
#sidebar h2 a:hover {
	color: #fff !important;	
}

.sb-home {
	margin-top: 0;
	padding-left: 14px;
}

.box_emp {
	margin-top: -11px;
	background: transparent url('../img/bg_box_emp.gif') no-repeat -2px -5px;
	width: 200px;
	padding-left: 8px;
	padding-right: 8px;
	height: 170px;	
}

.sb-home .box_emp {
	padding-top: 10px;
}

#be_newsletter {
	background-position: -2px 0;
}
#be_newsletter p {
	margin-bottom: 10px;
}

#be_informativo {
	background-position: -2px -50px;
	height: 120px;
}

#be_contato {
	background-position: -2px -40px;
	height: 130px;
}

.box_emp .bl_morph {
	padding-top: 7px;
	margin: 0 0 15px 30px !important;
}

.box_emp .empreendimento {
}

#main {
	width: 710px;
	_overflow: hidden;
	/*background-color: #fff0f0;*/
}
#main p { margin-bottom: 8px; }
#main ul { 
	margin-bottom: 12px;
}

#main ul li {
	list-style-type: disc;
	list-style-position: inside;
} 

#main ul li span {
	font-size: 0.8em;
}

#main ul li a, #main ul li a:visited, #main ul li a:focus {
	text-decoration: none;
}
#main ul li a:hover {
	text-decoration: underline;
}

#main h1 { 
	font: bold 25px/21px "Trebuchet MS", trebuchet, verdana, sans-serif;
	color: #796964;
}

#main h2 { 
	font: normal 20px "Trebuchet MS", trebuchet, verdana, sans-serif;
	color: #796964;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}


#main h2.subtitle { 
	font: normal 20px "Trebuchet MS", trebuchet, verdana, sans-serif;
	border: 0;
	margin: 0;
	padding: 0;
	color: #939598;
	margin-bottom: 5px;
}

#main h3 {
	margin: 15px 0 5px 0;
	font: bold 16px "Trebuchet MS", trebuchet, verdana, sans-serif;
	color: #796964;
}

/* form stuff */
label { display:block; }

.subm_bt {
	cursor: pointer;
	text-align: right;
	float: right;
	padding-right: 15px;
	display: block;
	margin-top: 10px;
	border: 0 !important;
	height: 25px !important;
	background: url('../img/bg_button.gif') no-repeat right top;
	width: 45px !important;
}



#container .input, #container .textarea  {
	border:1px solid #eee;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 4px;
	padding: 0 2px;
}
#container .subm_container { 
	padding: 0 2px;
	clear: both;
	margin-right: -4px;
}

#container .input:focus, #container .textarea:focus, .subm_bt:hover {
	background-color: #fafafa; 
}

#container input.erro, #container textarea.erro {
	border:1px solid #faa;
}

.form_asterisco {
	font-weight: bold;
	color: #B96964;
	float: left;
	margin-left: 4px;
}

.cem_porcento {
	background:transparent url(../img/bg_100_porcento2.gif) no-repeat scroll 0pt 50%;
	cursor:pointer;
	display:block;
	width:156px;
	height:21px;
	text-align:center;
	text-decoration:none;
	-moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);	
    position: absolute;
    top: 125px;
    left: 0;
    
    top: 135px;
}


/* /home */
#panel_destaques {
	padding:0 12px;
	width:680px;
	margin-top: -20px;
}
.more {
	_display: none;
	position:absolute;
	right:1px;
	bottom: 2px;
}
.more a, .more a:visited, .more a:focus, .more a:hover {
	display: block;
	text-decoration:none;
	overflow: hidden;	
	border:1px solid #cdc9c5;
	/*
	background: transparent url(../img/folder.png) no-repeat 3px center;
	padding: 5px 10px;
	padding-left: 34px;
	*/
	padding: 2px 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}
.more a:hover {
	background-color: #eee;
}
.panel {
	position: relative; 
	_position: absolute; 
}

.ico_more { 
	float: left;
	background: transparent url(../img/folder.png) no-repeat 0 0;
	width: 24px;
	height: 24px;
	display: block;
	margin-right: 6px;
}

.block {
	margin-bottom: 10px;
}
.block p {
	padding: 0 4px;
	font-size: 12px;
	text-align: center;
}

#enviar_msg {
	background: url('../img/bg_btn_verde.gif') repeat-x center top;
	display: block;
	width: 175px;
	height: 24px;
	text-align: center;
	margin-left: 10px;
	margin-top: 8px;
	padding-top: 3px;
	font-weight: bold;
	color: #fafafa !important;
	text-decoration: none;
	border:1px solid #cdc9c5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;			
}

#enviar_msg:hover {
	background: url('../img/bg_btn_verde2.gif') repeat-x center top;
}

#sidebar .fone {
	padding: 6px 0;
	color: #bab9b9;
	font: bold 20px "Trebuchet MS", trebuchet, verdana, sans-serif;
}

#sidebar label {
	clear: both;
	margin-top: 2px;
}

#sidebar input {
	width: 210px;
	height: 20px;
}

table {
	font: normal 15px "Trebuchet MS", trebuchet, verdana, sans-serif;
}

thead tr td {
	text-align: center;
}
#tab_informativo { 	margin-left: 8px; margin-top: 5px;}
#tab_informativo caption { text-align: center; }
#tab_informativo thead tr td {
	width: 200px;
}

#tab_informativo  th {
	width: 90px;
	font-weight: bold;
	text-align: left;
	padding: 0 5px 0 0 !important;
}

#tab_informativo th, #tab_informativo td {
	border:0;
	font-size: 80%;
}


tbody td {
	padding-left: 6px;
}

#tab_informativo .last { font-size: 12px; text-align: right; }
#tab_informativo tr.last:hover { background-color: #FFF; }

#banner_home_container {
	background-color: #f5f5f5;
	width: 950px;
	height: 330px;
	margin: 0 auto;
	margin-top: 10px;
}

#form_news {
	margin-left: 5px;
}
#form_news .input, #form_news .textarea, #form_news .subm_container {
	width: 175px !important;
}
#form_news .subm_container {
	height: 32px;
	border: 0px solid red;
	margin-bottom: 20px;
	clear: all;
}
#form_news .subm_bt {
	margin-top: 2px;
}


/* /bravacon */
#bravacon div#main .iborder{
	margin: 15px auto;
}

#ico_pbqp {
	margin: 0 20px;
}


/* /itajai */

.ico_info { 
	float: left;
	background: transparent url(../img/info.png) no-repeat 0 0;
	width: 24px;
	height: 24px;
	display: block;
	margin-right: 6px;
}

.ico_pin { 
	float: left;
	background: transparent url(../img/pin.png) no-repeat 0 0;
	width: 24px;
	height: 24px;
	display: block;
	margin-right: 6px;
}


#itajai_top {
	width: 700px;
	height: 220px;
	margin-top: 30px;
}

#img_bandeira {
	margin-top: 20px;
	margin-left: 40px;
	margin-right: 30px;
}

#itajai_dados {
	float: right;
	width: 240px;
}

.box_cinza {
	font-size: 0.8em;
	border:1px solid #cdc9c5;
	background:#f9f9f9 url(../img/bg_home2.gif) repeat scroll left bottom !important;
	padding: 0 15px 5px 15px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.carrossel .center_icon {
	margin-right: 8px;
	float: left;
	overflow: hidden;
}

/* /contato */
.ico_phone { 
	float: left;
	background: transparent url(../img/mobile_phone.png) no-repeat 0 0;
	width: 24px;
	height: 24px;
	display: block;
	margin-right: 6px;
}

#form_contato {
	width: 320px;
}

#form_contato .input, #form_contato .textarea, #form_contato .subm_container {
	width: 300px;
}
#form_contato #mensagem {
	height: 190px;
}
#box_contato {
	width: 240px;
	margin-bottom: 15px;
	margin-right: 30px;
}

#contato_col1 {
	margin-left: 30px;
	margin-top: 30px;
	float: left;
}
#contato_col2 {
	margin-top: 30px;
	float: right;
}

/* /informativo */
table {
	border-collapse: collapse;
	border-spacing: 0px;
}

.tab_informativo {
	width: 690px;
	margin-bottom: 30px;
}
table thead {
	background-color: #796964;
	color: #e8e7e5 !important;
}
table th {
	text-align: center;
	padding: 1px 20px;
	border: 1px #fff solid;
}

table td {
	color: #555;
	padding: 1px 20px;
	border: 1px #fff solid;
}
tr.impar { background-color: #f5f5f5; }
tr.par { background-color: #eaeaea; }

tbody tr:hover {
	background-color: #eae5e3;
}


/* /empreendimentos/list */
#lista_empreendimentos  {
	margin-top: 30px;
	margin-left: 10px;
}
#lista_empreendimentos .cem_porcento {
	top: 198px;
	left: 75px;
}
#lista_empreendimentos a img, #lista_empreendimentos a:focus img, #lista_empreendimentos a:visited img, #lista_empreendimentos a:hover img   {
	border:1px solid #cdc9c5;
}

#lista_empreendimentos a:hover img {
	border:1px solid #e5e1dc;
}
#lista_empreendimentos .empreendimento {
	width: 302px;
	margin-right: 45px;
	margin-bottom: 25px;
	float: left;
	overflow: hidden;
}
/* /empreendimentos/detail */
.tb_pad {
	padding: 2px 2px;
}

.tbe {
	margin-bottom: 6px;
	border:1px solid #cdc9c5;
}
#flash_empreendimento_container {
	width:685px;
	height:270px;
	background-color: #fafafa;
}

div.empreendimento_detalhe h2 {
	border: 0 !important;
}


#toc {
	list-style: none !important;
	margin-top: 4px;
	height: 40px;
	margin-left: -2px;
	margin-bottom: 20px;
}

#toc li {
	list-style: none !important;
	display: inline;
}

#toc li a, #toc li a:visited, #toc li a:focus, #toc li a:hover {
	background-color: #796964;
	color: #e8e7e5 !important;
	padding: 6px 12px;
	display: block;
	float: left;
	margin-right: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none !important;
}

#toc li a:hover {
	background-color: #e8e7e5;
	color: #796964 !important;
}

#emp_img {
	display: block;
	position: relative;
	float: right;
	margin-left: 15px;	
	margin-right: 30px;	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
	border: 1px solid #cdc9c5;
	width: 200px;
}
#emp_img img {
	padding: 10px;
}
#emp_img .cem_porcento {
	top: 85%;
	left: 23px;
}
.sb-geral {
	/*border: 1px dashed #bbb !important;*/
}
.sb-geral .empreendimento a, .sb-geral .empreendimento a:hover, .sb-geral .empreendimento a:focus, .sb-geral .empreendimento a:visited {
	padding: 10px;
	padding-left: 3px;
	width: 130px;
	display: block;
}

.separador {
	width: 710px;
	padding: 15px 0 20px 0;
	display: block;
	clear: both;
}
.separador span{
	display:block;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #c5c1bc;
	float: left;
	width: 670px;
	height: 7px;
}

#large_spacer {
	height: 200px;
}

a.topo, a.topo:visited, a.topo:focus, a.topo:hover {
	_margin-top: 7px;
	margin-left: 6px;
	padding-top: 16px; /* altura */
	height: 0px; 		
	width: 16px;
	float: left;
	display: block;
	overflow: hidden;	
	background: transparent url('../img/seta.gif') no-repeat 0 0;
}

a.topo:hover  {
	background-position: 0 -16px !important;
}

#tprojetistas {
	width: 650px;
}

#tprojetistas thead {
	text-align:center;
}

#tcronograma { 
	width: 650px; 
	background: transparent url('../img/bg_fade.png') repeat-x 0 0;
}
#tcronograma td, #tcronograma th {
	vertical-align: middle;	
}
#tcronograma td {
	border: 0;
}
#tcronograma tr.last {
	border-bottom: 1px solid #eee;
}
#tcronograma tr.last td {
	border-bottom: 1px solid #eee;
}

.grafico-barra {
	width: 450px;
	font-size: 80%;
	padding-left: 0px;
	padding-right: 5px;	
	background: transparent url('../img/gridline80.gif') repeat-x 0 0;	
	border-right: 1px solid #eee !important;
}
.grafico-barra img {
	float: left;
	padding-top: 2px;	
	padding-bottom: 2px;	
	padding-right: 4px;
}
.grafico-barra span {
	float: left;
	display: block;
}

#form_indique {
	width: 320px;
}

#form_indique .input, #form_indique .textarea, #form_indique .subm_container {
	width: 300px;
}

#form_indique  .subm_bt {
	width:70px !important;
}

.fase { 
	width:200px; 
	border-left: 1px solid #eee !important;
	padding-left: 5px;
	padding-right: 5px;
}

#gmap {
 	float: left;
 	margin-right: 20px;
}

#gmap_side {
 	float: left;
 	width: 250px;
}

#gmap_side h3{
	margin-top: 1px !important;
}


#gmap_side p {
	margin-bottom: 20px;
}
























/* menu */

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:7px 22px;
	background-color:#ffffff ;
	color: #b9b5b1;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:visited, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {*/
	/*color: #5e5148;*/
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	color: #5e5148;
}

#nav li { 	border-right: 1px dashed #ccc; }
#nav li.last { 	border-right: 0; }

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
	background:#fff;	
	left:0;
	border:1px dashed #ccc;
	width: 170px;
}

#subMenusContainer a {
	background-color: #fbfbfb;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	padding: 20px 0 0 17px;
	list-style:none;
	margin:0 auto;
	width: 880px;
	border: 0px solid red;
	z-index:5;
	font: bold 14px "Trebuchet MS", trebuchet, verdana, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	display:block;
	
	height: 35px;
	_overflow: hidden;
	_padding-top: 4px;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none;  	border-bottom: 1px dashed #cccccc; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
	font: 1.1em;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

#subMenusContainer li, #nav li{
	_margin-bottom:-0.99em;
}
#subMenusContainer li a{
	_position:relative;
}

#nav li.active a:hover, #nav li.active a:visited, #nav li.active a:focus {
	color: #5e5148;
}

#nav li.active a.mainMenuParentBtn {
	color: #5e5148;
}

/* fim menumatic */



/*### warnings ###*/
div#ccd-error {
	width: 280px;
	margin: 20px 0;
	margin-top: 0;
	padding: 0.9em 20px;
	padding-left: 40px;
	clear: both;
	background: #EFE0E2 url("../img/exclamation.gif") no-repeat 15px 27px;
	border: 1px solid #EF0E2C;
	border-width: 1px 0;
}

div#ccd-error h2 {
	padding: 0;
	font-size: 1.3em;
	color: #EF0E2C;
	font-weight: normal;
	background: none;
}

div#ccd-error ul {width: auto; padding: 0 10px; list-style: disc; }
div#ccd-error ul li {list-style: disc; !important;}
div#ccd-error strong {color: #EF0E2C;}

/*### alert ###*/
div#ccd-alert {
	width: 280px;
	margin: 20px 0;
	margin-top: 0;
	padding: 0.9em 20px;
	padding-left: 40px;
	clear: both;
	color: #103b67;
	background: #c8ddf1 url("../img/information.gif") no-repeat 15px 50%;
	border: 1px solid #2d5c8b;
	border-width: 1px 0;
}

div#ccd-alert h1 {
	font-size: 1.3em;
	color: #103b67 !important;
	font-weight: normal;
}
div#ccd-alert p, div#ccd-error p {
	margin: 0;
}
div#mfx-alert ul {width: auto; padding: 0 1.8em; color: #333; list-style: disc !important;}
div#mfx-alert ul {list-style: disc !important;}
div#mfx-alert strong {color: #103b67;}


.img_bottom265 {
	background-image:url(../img/imageframe04.png);
	background-repeat:no-repeat;
	background-position:-183px -4px;
	display:block;
	width:270px;
	height:16px;
	margin-left: 15px;
	*margin-top: -4px;
	overflow:hidden;
	position: relative;
	-moz-opacity:.40;
	opacity:.40;
	/*filter:alpha(opacity=40);*/
	_word-wrap: break-word;
	text-decoration: none;
	border: 0;	
}

div.empreendimento_detalhe div#ccd-alert,
div.empreendimento_detalhe div#ccd-error {
	width: auto;
}



/* carrossel */
.car_pos_container {
	height: 22px;
	float:right;
	clear: both;
	margin-right: 10px;
	font-size: 12px;
}
.car_pos, .car_ant, .car_prox  {
	display: block;
	float: left;
	margin-top: 2px;	
}
.car_ant, .car_prox  { 
	width: 16px;  
	height: 16px;	 
	overflow: hidden;
	text-decoration: none;
	background: transparent url('../img/setas.gif') no-repeat 0 0px;
}
.car_atual, .car_pos, .car_max { padding-right: 3px; }
.car_atual { padding-left: 5px; padding-right: 0; *padding-right: 4px;}
.car_ant { background-position: 0 0;} 
.car_prox { background-position: -16px 0;} 
.car_ant:hover { background-position:  0 -16px;} 
.car_prox:hover { background-position: -16px -16px;} 

.car_body {
	margin-top: 4px;
}
.empreendimento_detalhe .car_page {
	width: 710px;
}

.img_146 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 146px;
	padding: 4px;
	background-color: #fafafa;
	border:1px solid #ddd;
	margin: auto auto;
}

#sb-body {
  border:1px solid red;
  background: #222 url(../img/loading_barra3.gif) no-repeat center center;
}

#sb-loading { background: transparent !important; }