/* Powered by | BRANE DO BRASIL
   Otimização de Sites e Marketing em Internet
   Site: WWW.BRANE.COM.BR
   Tel: 3362-2375 / 3361-2162 
*/
@charset "utf-8";
/*--------------------------------|
|            Padrão               |
|---------------------------------*/
body                     { margin:0; font:11px Arial; color:#3b3b3b; background:#fff;}
img                      { border:0; }
h1                       { font:bold 22px Arial Narrow; color:#013e39; background:url(img-conteudo/home-h1.jpg) bottom left no-repeat;}
h2                       { font:bold 16px Arial;}
h3                       { font:bold 12px Arial, Helvetica, sans-serif ; color:#013e39;}
#geral, #topo, #menu-top, #flash, #conteudo, #center, #right, #menu-right, #newsletter, #footer {width:768px; float:left; position:relative;}
/*--------------------------------|
|            Estrutura            |
|---------------------------------*/
#geral                   { margin:auto; background:#f9eadc; float:none;}
#topo                    { background:#999999;}
#menu-top                { height:61px; background:#000033 url(img-layout/bkg-menu.jpg) repeat-x;}
#flash                   { height:auto; background:#FFF;}
#conteudo                { width:728px; padding:0 20px;  background:#53a08e url(img-layout/bkg-conteudo-right.jpg) top right no-repeat;float:left;}
#center                  { width:492px; _width:496px; padding:0 15px 100px 15px; background:#FFF url(img-layout/bkg-center.jpg) bottom repeat-x; float:left;}
#right                   { width:180px;  background-color:#53a08e; float:right; }

#newsletter              { width:180px; height:100px; background:#d4e7d1 url(img-layout/bkg-newsletter.jpg) bottom no-repeat; margin-top:20px; padding-top:10px;text-align:center;}
#footer                  { height:86px; background:url(img-layout/bkg-footer.jpg) bottom repeat-x; clear:both; float:left;}
/*--------------------------------|
|            Tipografia           |
|---------------------------------*/
#footer p                {font-size:11px;color:#fff;clear:both; margin:0;  padding:5px 0 0 15px;}
#menu-right              { width:180px; background:#ddece9 url(img-layout/bottom-menu-right.jpg) bottom no-repeat; text-align:center;}
#menu-right li           { height:auto;}
#menu-right a            { text-decoration:none; color:#3b3b3b;}
#menu-right p            { margin:0; padding:3px 0 15px 0;}
#menu-right h3           { margin:0; padding:5px 0 2px 0;}
#menu-right h3 a         { font:bold 12px Arial, Helvetica, sans-serif ; color:#013e39; margin:0; padding:0;}
/*--------------------------------|
|            Menu Top             |
|---------------------------------*/
#menu-top ul             { text-align:center; padding:5px 0 0 0; margin: 10px 0 0 0;}
#menu-top li             { display:inline;}
#menu-top a              { font:bold 11px Arial; padding: 0 5px; text-transform:capitalize; color:#FFFFFF; text-decoration:none; background:url(img-layout/divisor.jpg) right no-repeat;}
#menu-top a:hover        { color:#efefef; text-decoration:underline;}
/*--------------------------------|
|            Menu Direita         |
|---------------------------------*/
.itens-menu-right        { width:170px; text-align:left; margin:0; margin-bottom:30px; padding:0 0 0 10px;}
.itens-menu-right li     { list-style:none; border-bottom: 1px #FFFFFF solid ; padding:0; margin:0;}
.itens-menu-right p      { font:bold 10px Arial; width:95px;}
/*--------------------------------|
|            Newsletter           |
|---------------------------------*/
#newsletter p            { font: bold 10px Arial; padding:0;margin:0;}
#form-newsletter         { margin:0; text-align:left;}
#form-newsletter input   { width:130px; margin-left:5px; border:1px solid #ccc; font-size:10px;}
#form-newsletter button  { cursor:pointer; border:outset 1px #87a93e; background:#bfe079; color:#161b0e; font-weight:bold; padding: 1px 2px;}
/*--------------------------------|
|            Box Destaques        |
|---------------------------------*/
.box-destaque             { width:160px; margin:0 4px 0 0; padding:10px 0 0 0; list-style:none; float:left; clear:right;}
.box-destaque div         { background:#fff; width:160px; background:#fff url(img-layout/box-destaques-center.jpg) repeat-y;  padding:0;}
.box-destaque ul          { margin:0px 0 0 0; padding:10px 0 0 20px; list-style-image:url(img-layout/marcador.jpg);}
.box-destaque li          { padding-left:1px;}
.box-destaque span        { width:128px; display:none; padding:2px; z-index:200 }
.box-destaque :hover span { width:380px; border:1px solid #999; color:#333; font:bold 10px Arial; background:#FFF; display:block;  position:absolute; right:70px;}
/*--------------------------------|
|            Image Preview        |
|---------------------------------*/
#loader_container         { text-align:center; position:absolute; top:40%; width:100%}
#loader 		          { width:135px; font:10px Tahoma; font-size:10px; color:#000; background:#FFF; padding:10px 0 16px 0; margin:0 auto; display:block; border:1px solid #fff; text-align:left; z-index:255;}
#loader_bg 		          { width:113px; height:7px;font-size:1px; background-color:#EBEBE4; position:relative; top:8px; left:8px; }
#progress 		          { width:1px; height:5px; font-size:1px; position:relative; top:1px; left:10px; background:#9D9D94; }
.title_h2 		          { width:300px; font:11px Arial; text-align:left;  margin:0; padding:2px 4px; color:#222; margin-bottom:3px; border-right:3px solid #53a08e;}
.border_preview           { padding:6px; padding-bottom:4px; position:absolute; background:#FFF; border: 1px solid #333; z-index:100; }
.preview_temp_load        { vertical-align:middle; text-align:center; }


.alimentos-right h3, .festas-right h3, .festas-right, .festas-right li , .festas , .fazendas, .fazendas-right, .fazendas-right h3, .alimentos {margin:0;padding:0;}

.alimentos                {width:240px; height:auto; margin:0; padding:0; list-style:none;  float:left}
.alimentos li             {width:240px; height:146px;}
.alimentos-right          {width:240px;margin:0; padding:0; margin-left:10px; list-style:none;float:right;}
.alimentos-right li       {width:240px; margin:0; padding:0; height:146px;}

.festas                   {width:200px; height:auto; margin:0; padding:0; list-style:none; float:left;}
.festas li                {widows:200px; height:160px;}
.festas-right             {width:280px; margin:0; padding:0; margin-left:10px; list-style:none;float:right;}
.festas-right li          {width:280px; height:160px;}

.fazendas                 {width:210px; height:auto; list-style:none; float:left;}
.fazendas li              {width:210px; height:230px; margin-bottom:10px;}
.fazendas-right           {width:270px; margin-left:10px;  list-style:none;float:right;}
.fazendas-right li        {width:270px; height:230px;margin-bottom:10px;}

/*--------------------------------|
|            Miniaturas           |
|---------------------------------*/
.miniaturas               { width:460px; margin:0; padding:20px 0 0 30px; text-align:center;  float:left; clear:both; }
.miniaturas li            { list-style:none; margin:1px 4px 10px 4px; display:inline-block; border: 2px solid #e5e5e5; float:left;}
.miniaturas li img        { float:left;}
.miniaturas li span       { width:90px; clear:both; float:left; text-align:center; padding-left:4px}
/*--------------------------------|
|            Localização links    |
|---------------------------------*/
.localizacao              { font:bold 14px Arial; text-align:center; padding:5px 0 0 0; border-top:1px solid #000;border-bottom:1px solid #000;}
.localizacao li           { display:inline; margin: 0px 5px;}
.localizacao a            { font:bold 14px Arial; color:#000; text-decoration:none;}
.localizacao a:hover      { color:#999;}
/*--------------------------------|
|            Abas                 |
|---------------------------------*/
.idTabs {margin:0;padding:0; width:130px; height:250px; line-height:25px; list-style:none; padding-left:1px; float:left;} 
.idTabs li {   clear:both;float:left; width:130px;}
.idTabs li a { font-size:12px; text-decoration:none; color:#013e39;padding: 0 5px; outline:none;}
.idTabs a:hover {border-bottom: 4px solid #53a08e;}
.selected { border-bottom:4px solid #53a08e; }
.tabContainer  { width:320px; height:250px; border-left:1px solid #ccc; font-size:12px;  float:left;}
.tabContainer h2 {font:bold 22px Arial Narrow; color:#013e39; margin:0px 0 0 10px; font-size:20px; background:none;}
.tabContainer img {}
.tabContainer p  { clear:both; padding:10px 0 0 5px;}
/*--------------------------------|
|            Contato              |
|---------------------------------*/
#formulario { width:500px;}
#contato { padding: 5px; }
#contato p { margin-bottom: 5px; }
#contato label { float: left; width: 100px;}
#contato input, #contato textarea, #contato select { border: 1px solid #cac9b9;}
#contato #submit { margin-left: 345px; background:#014844; color:#fff;}





.precos        { border:1px solid #ccc;}
.precos-titulo { background:#004000; border-bottom:1px solid #ccc; font:bold 16px Verdana; line-height:30px; color:#fff; text-align:center}

.precos-dias   { background:#004000; border:1px solid #ccc; padding-left:2px;   color:#fff; font:bold 10px Arial; line-height:12px; height:30px; text-align:center;}

.precos-tipo   { background:#f8fff0; height:40px; font-weight:bold; padding:0 0 0 5px; text-align:left; }

.precos-tipo-1 { background:#ccff93; text-align:center;}
.precos-tipo-2 { background:#e8ffce; text-align:center;}
.precos-tipo-3 { background:#ccff93; text-align:center;}

.titulo-condicoes { width:492px; background:#004000; color:#fff; text-align:center; float:left; margin-bottom:10px;}
.titulo-condicoes h2 {margin:0; padding:0; font:bold 16px Verdana; height:30px; line-height:30px;}