@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#727272;
	background:url(imagens/fundo_site.jpg) repeat-x;

}

a:link {color: #161356; text-decoration: none;}
a:visited {color: #868181;text-decoration: none;}
a:hover {color: #1d613c;text-decoration: underline;}
a:active { color: #161356;text-decoration: underline;}


/*Div que engloba todo o conteudo*/
#global{ 

	    width:100%;
        padding-top:55px;
}

#corpo{
       width:800px;
       border-top:1px solid #92D6E3;
       border-right:1px solid #92D6E3;
       border-left:1px solid #92D6E3;
       margin:0 auto;
       background-image:url(imagens/fundo_corpo.png);

}

#flash{
       width:790px;
       height:159px;
       margin-left:5px;
       margin-top: 5px;    
}

#col_esq{
         width:111px;
		 height:auto;
         float:left;
         padding-left:5px;
         margin-top:5px;
}

#col_dir{
         width:674px;
         padding-left:5px;
         margin-top:5px;
		 float:left;        
}

#col_dir_age{
         width:669px;
         padding-left:5px;
         margin-top:5px;
		 margin-left:5px;
		 float:left;
		 background:url(imagens/fundo_agen.png);
		 background-repeat:no-repeat;
		 position:relative;
		 z-index:1;
}

#foto{
      width: 674px;
      height: 205px;
}

#agenda{
        width:111px;
        height:171px;
        margin-top:5px;
}

#texto{
      width: 660px;
      height: auto;
      margin-top:15px;
	  margin-left:10px;
}

#rodape{
        width: 100%;
        height:208px;
		background:url(imagens/fundo_rodape.jpg) repeat-x;
}

#conteudo_rodape{
              width:800px;
              height:123px;
              margin:0 auto;
              border-bottom:1px solid #92D6E3;
              border-right:1px solid #92D6E3;
              border-left:1px solid #92D6E3;
              background-image:url(imagens/fundo_corpo.png) no-repeat bottom; 
}

#reflexo{
              width:802px;
              height:85px;
			  margin:0 auto;
			  margin-top:2px;
			  background:url(imagens/reflexo.png);
			  background-repeat:no-repeat;
			  text-align:center;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			  font-size:10px;
			  padding-top:30px;
}

#invisivel{
           width:800px;
           height:50px;
           clear:both;
}

#fundo_bottom{
              width:785px;
			  height:123px;
			  margin:0 auto;
			  background:url(imagens/curva_bottom.png) no-repeat;
			  position:relative;
			  z-index:3;
			  text-align:center;
}
			  
#menu{
      width:111px;
	  height:205px;
	  position:relative;
	  z-index:100;
}

#depoimentos{
             width:630px;
			 height:auto;
			 padding:5px;
			 border-bottom:1px solid #CCCCCC;
			 }
			 
#convenios{
           width:295px;
		   margin-left:25px;
		   margin-top:5px;
		   float:left;
		   text-align:center;
		   height:180px;
		   }
		   
		   					 
.produtos{
         width: 101px;
		 height:130px;
		 float:left;
		 text-align:center;
		 margin-left:5px;
		 margin-top:5px;
		 }
		 
.texto_centro{
              text-align:center;
			  }		 

.alinha_depo{
            float:left;
			padding:5px;
			}	 

.conteudo_resposta{
                  width:640px;
                  height:auto;
}

#promocao{
          width:111px;
          height:171px;
          margin-top:5px;
}

#resposta, #resposta1, #resposta2, #resposta3, #resposta4, #resposta5, #resposta6, #resposta7, #resposta8, #resposta9, #resposta10, #resposta11, #resposta12, #resposta13, #resposta14, #resposta15, #resposta16 {
           width: 640px;
           height:auto;
           padding:5px;
		   margin-bottom:10px;
		   color:#727272;
		   border:1px solid #663366;
		   background:url(imagens/fundo_resposta.png) no-repeat;
		   background-position:bottom;
		   }


		   		   		   		   		   			   		   		   		   
.img_semborda{
border:0px;
}

.endereco{
line-height:15px;
margin-left:20px;
font-size:11px;
width:370px;
float:left;
}

.camada_form{
width:385px;
height:auto;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
}


.fechar{
color:#FF0000;
}

h3{font-size:13px; color:#f00;}
h4{font-size:15px; color:#ff0000;}
h2{font-size:19px; color:#f00;}
h1{font-size:16px; color:#06C;}
.vermelho{color:#f00;}
.ita{font-style:italic;}

#historia{width:600px; height:587px; margin:0 auto; background:#CCCCCC;}

/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1; text-align:center; background:url(imagens/fundo_botao.png);}
.menu-hv * ,    .menu-vv * { margin: 0; padding: 0; list-style: none;}
.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.26em; vertical-align: top;  padding:5px; background:url(imagens/fundo_botao.png);}
.menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.26em; padding:2px}
.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden;  }
.menu-hv li:hover ul,  .menu-vv li:hover ul,
.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
/* características horizontal-vertical */
.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
.menu-hv li { float: left; }  
.menu-hv li ul li { float: none; }
.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
/* características vertical-vertical */
.menu-vv { float: left; }
.menu-vv li ul { left: 100%; top: 0; }
/* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
*/
.menu-hv li { width: 100px;}
.menu-vv li { width: 100px;}
.menu-hv li a:hover {}
.menu-vv li a:hover {}


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
who.MXPC = '1';
if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
(who==who.parentNode.firstChild) ? who.className += ' first-child' : '';
} } )(this) , 'auto') }