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

/******************************************************************************************************************/
/*                     Arquivo CSS para o layout do Portal de Turismo de Cláudio - MG                             */
/******************************************************************************************************************/





/******************************************************************************************************************/
/*                       Início do código de configuração da página e do corpo do site                            */
/******************************************************************************************************************/

body
{
  margin:5px /*5px 5px 5px*/;
  padding:0;
  text-align:center; /* hack para o IE */	
}

#corpo
{
  background-image: url(imagens/pfhackhome.jpg);
		border: 1px solid #000000;
		/*clear: both;*/
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: auto;
		text-align:left; /* "remédio" para o hack do IE */
		width: 760px;
}

#menuhorizontal
{
   
}


#navbar, #navbar ul
{
		background: #FFCC66;
		border: 1px solid #FFF;
	 border-width: 1px;
		line-height: 1;
  list-style: none;
		padding: 0;
		margin: 0;
}

#navbar a
{
  border: 1px solid #FFF;
  border-right-color: #CCC; 
  border-bottom-color: #CCC;
	 display: block;
		/*width: 10em;*/;
}

#navbar li
{
  background-color: #FDF0D7;
  border: 1px solid #FFF;
	 border-width: 1px 0;
  float: left;
		width: 10em;
}

#navbar li ul
{
  left: -999em;
		position: absolute;
		width: 10em;
}

#navbar li:hover ul, #navbar li.sfhover ul
{
  left: auto;
}

#navbar li:hover ul, #navbar li.sfhover ul
{
  left: auto;
}

#navbar li ul ul
{
  margin: -1em 0 0 10em;
}

#navbar li:hover ul ul, #navbar li.sfhover ul ul
{
  left: -999em;
}

#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul {
	left: -999em;
}

#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul {
	left: auto;
}


#barlocation
{
  border: 1px solid #000000;
		background-color: #CCCCCC;
		clear: both;
}

#titulos
{
  text-align: center;
		clear: both;
		width: 750px;
}

#titulos_amp
{
  text-align: center;
}

#titulos_amp img
{
  cursor: pointer;
}


a:link
{
  border: none;
		color: #000000;
		text-decoration: none;
}

a:visited
{
  border: none;
  color: #000000;
		text-decoration: none;
}

a:hover
{
  border: none;
  color: #000000;
		font-weight: bolder;
		text-decoration: underline;
}

a:active
{
  border: none;
  color: #0000FF;
		font-weight: bolder;
		text-decoration: underline;
}

/******************************************************************************************************************/
/*                          Fim do código de configuração da página e do corpo do site                            */
/******************************************************************************************************************/


/******************************************************************************************************************/
/*                              Início do código do box model com o contúdo da página inicial                     */
/******************************************************************************************************************/

#conteudo_princ
{
  background-image: url(imagens/pfhome4.jpg);
		clear: both;
		/*height: 410px;*/
		margin:0px;
		padding:0px;
		width: 760px;
}

/******************************************************************************************************************/
/*                                Fim do código do box model com o contúdo da página inicial                      */
/******************************************************************************************************************/



/******************************************************************************************************************/
/*                              Início do código da coluna esquerda da página inicial                             */
/******************************************************************************************************************/

#colesq
{
  float: left;
		/*border: 1px solid #000000;*/
		width: 157px;
}

/* início do código do box do menu do site */
#menu
{
  margin: 17px 0px 0px 30px;
}
/* Fim do código do box menu do site */

/* início do código do menu do site */
#colesq ul
{
  /*border: 1px dashed #CC66FF;*/
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

ul.par
{
  list-style-image:url(imagens/listpar.jpg);
}

ul.impar
{
  list-style-image:url(imagens/listimpar.jpg);
}

#climatempo
{
  margin-left: 25px;
		margin-top: 16px
}

/* início do código do menu do site */

/******************************************************************************************************************/
/*                                 Fim do código da coluna esquerda da página inicial                             */
/******************************************************************************************************************/




/******************************************************************************************************************/
/*                                  Início do código da coluna do meio da página inicial                          */
/******************************************************************************************************************/

#colmeio
{
		/*border: 1px dotted #FF0000;*/
  float: left;
		height: 300px;
		width: 390px;
}

.span_email a:link
{
  color: #0000FF;
		text-decoration: none;
}

.span_email a:visited
{
  color: #0000FF;
		text-decoration: none;
}

.span_email a:hover
{
  color: #0000FF;
		font-weight: bold;
		text-decoration: none;
}

.span_email a:active
{
  color: #FF0000;
		font-weight: normal;
		text-decoration: none;
}

/******************************************************************************************************************/
/*                                    Fim do código da coluna do meio da página inicial                           */
/******************************************************************************************************************/




/******************************************************************************************************************/
/*                                  Início do código da coluna da direita da página inicial                          */
/******************************************************************************************************************/
#coldir
{
  /*border: 1px solid #00FF00;*/
		width: 201px;
		margin-left: 555px;
}

#spanfcf
{
  margin-left: 4px;
		margin-bottom: 10px;
		/*border: 1px solid #000000;*/
}

#spaneventos
{
  float: left;
		margin-right: 12px;
		margin-bottom: 10px;
		width: 83px;
}

#spanturne
{
		float: left;
		margin-bottom: 10px;
		height: 106px;
}

#spantural
{
		margin-bottom: 10px;
		margin-right: 12px;
  float: left;
		width: 102px;
}

#spanecotur
{
		float: left;
		margin-bottom: 10px;
		margin-right: 25px;
		/*margin: auto;*/
		/*margin-bottom: 10px;*/
  width: 86px;
}

#spanasimec/*, #spanecotur*/
{
		float: left;
		/*margin: auto;*/
		margin-bottom: 10px;
  width: 83px;
}

#spanlogclu
{
  margin: auto;
  margin-top: 30px;
  /*width: 121px;*/
		width: 247px;
}

#spancontador
{
  /*background-color: #291973;*/
		color: #000000;
		height: 50px;
		margin: auto;
		margin-top: 15px;
		text-align: center;
		width: 135px;
}

#spancontnum
{
		background-color: #000000;
		color: #FFFFFF;
		font-weight: bold;
		margin: auto;
		margin-top: 4px;
		width: 69px;
}
/******************************************************************************************************************/
/*                                  Fim do código da coluna da direita da página inicial                          */
/******************************************************************************************************************/



/******************************************************************************************************************/
/*                                      Início do código do rodapé da página inicial                              */
/******************************************************************************************************************/
#credsite
{
  clear: both;
		font-size:9px;
		margin-top: 46px;
		text-align: center;
}

#credsite span
{
  font-weight: bolder;
}
/******************************************************************************************************************/
/*                                         Fim do código do rodapé da página inicial                              */
/******************************************************************************************************************/



/******************************************************************************************************************/
/*                            Início do código do box model com o contúdo da página "A Cidade"                    */
/******************************************************************************************************************/

#conteudo_cidade
{
		clear: both;
		margin:0px;
		padding:0px;
		width: 760px;
		/*height: 267px;*/
}

#conteudo_contato
{
  
}

#formmail
{
  padding-top: 20px;
		margin: auto;
		width: 300px;
}

#formmail form select
{
  background-color: #000000;
		color: #FFFFFF;
}

#formmail form span
{
  padding-left: 72px;
}

#mailsend
{
  color: #FF0000;
		text-align: center;
}

#conteudo_cidade p, #conteudo_ecologia p, #conteudo_artecultura p
{
  margin: 10px 20px;
		text-align: justify;
}

#fotocidade
{
  text-align: center;
}

#conteudo_fotoscidade
{
		clear: both;
		margin:0px;
		padding:0px;
		width: 760px;
		height: 600px;
}

.fotosclaudio
{
  float: left;
		margin-bottom: 7px;
		margin-left: 28px;
		cursor: pointer;
}

/******************************************************************************************************************/
/*                              Fim do código do box model com o contúdo da página "A cidade"                     */
/******************************************************************************************************************/

#conteudo_hospedagem
{
  background-image: url(imagens/ondeficarbg.jpg);
		background-repeat: no-repeat;
		clear: both;
		height: 571px;
}

#optionhost
{
		color: #990000;
		font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
		font-size: 56px;
		padding-top: 190px;
		text-align: center;
  /*src: url(Bickley Script LET Plain_1.0.ttf);*/
}

#optionhost a:link
{
  color: #990000;
		text-decoration: none;
}

#optionhost a:visited
{
  color: #990000;
		text-decoration: none;
}

#optionhost a:hover
{
  color: #990000;
		font-weight: normal;
		text-decoration: underline;
}

#optionhost a:active
{
  color: #0000FF;
		font-weight: normal;
		text-decoration: underline;
}


#titulo_ondeficarhoteis01
{
		font-weight: bolder;
		padding-top: 150px;
		text-align: center;
}

#titulo_ondeficarhoteis02
{
		font-weight: bolder;
		margin-top: 0px;
		text-align: center;
}

.servico
{
  padding-left: 140px;
}

.nomeservico
{
		font-weight: bold;
		color: #990000;
}

.nomeservico li
{
		font-weight: normal;
		color: #000000;
}

.servico, .servico li
{
		list-style: none;
		padding-bottom: 3px;
}

.mescalendario
{
		color: #990000;
		font-weight: bold;
}

.mescalendario li
{
		color: #000000;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 4px;
		/*list-style: ;*/
}

#conteudo_alimentacao
{
  background-image: url(imagens/ondecomergb.jpg);
		background-repeat: no-repeat;
		clear: both;
		height: 571px;
}

#optionfood
{
		color: #990000;
		font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
		font-size: 46px;
		padding-top: 120px;
		text-align: center;
  /*src: url(Bickley Script LET Plain_1.0.ttf);*/
}

#optionfood li
{
  list-style: none;
}

#optionfood a:link
{
  color: #990000;
		text-decoration: none;
}

#optionfood a:visited
{
  color: #990000;
		text-decoration: none;
}

#optionfood a:hover
{
  color: #990000;
		font-weight: normal;
		text-decoration: underline;
}

#optionfood a:active
{
  color: #0000FF;
		font-weight: normal;
		text-decoration: underline;
}

#conteudo_ar /* conteudo para alimentação em restaurantes */
{
  
}

#conteudo_ac, #conteudo_ap,  #conteudo_apa, #conteudo_asor/* conteudo para alimentação em churrascarias, padarias e pizzarias */
{
  clear: both;
  height: 275px;
}

#conteudo_al
{

}



#conteudo_turismo
{
  background-image: url(imagens/onde_visitarbg.jpg);
		background-repeat: no-repeat;
		clear: both;
		height: 570px;
}

#optiontur
{
		font-size: 12px;
		padding-top: 150px;
		text-align: center;
}

#optiontur li
{
  list-style: none;
		margin-bottom: 5px;
}

#optiontur a:link
{
  color: #990000;
		text-decoration: none;
}

#optiontur a:visited
{
  color: #990000;
		text-decoration: none;
}

#optiontur a:hover
{
  color: #990000;
		font-weight: bold;
		text-decoration: underline;
}

#optiontur a:active
{
  color: #0000FF;
		font-weight: normal;
		text-decoration: underline;
}

#tabelatel
{
  margin-left: 10px;
}

#tabelatel td
{
  border-bottom: 2px dotted #000000;
		padding-top: 15px;
}

#conteudo_servicos
{
  background-image: url(imagens/servicosbg.jpg);
		background-repeat: no-repeat;
		clear: both;
		height: 571px;
}

#optionservicos
{
		font-size: 22px;
		padding-top: 230px;
		text-align: center;
}

#optionservicos li
{
  list-style: none;
		margin-bottom: 5px;
}

#optionservicos a:link
{
  color: #990000;
		text-decoration: none;
}

#optionservicos a:visited
{
  color: #990000;
		text-decoration: none;
}

#optionservicos a:hover
{
  color: #990000;
		font-weight: bold;
		text-decoration: underline;
}

#optionservicos a:active
{
  color: #0000FF;
		font-weight: normal;
		text-decoration: underline;
}

#conteudo_artecultura
{
  background-image: url(imagens/Arte_e_Culturabg.jpg);
		background-repeat: no-repeat;
		clear: both;
		/*font-weight: bold;*/
		height: 439px;
		padding-top: 130px;
}

#conteudo_arteculturafotos
{
  /*background-image: url(imagens/Arte_e_Culturabg.jpg);
		background-repeat: no-repeat;
		font-weight: bold;
		height: 439px;
		padding-top: 130px;*/
}


#conteudo_artecultura a:link
{
  color: #990000;
		text-decoration: none;
}

#conteudo_artecultura a:visited
{
  color: #990000;
		text-decoration: none;
}

#conteudo_artecultura a:hover
{
  color: #990000;
		font-weight: bold;
		text-decoration: underline;
}

#conteudo_artecultura a:active
{
  color: #0000FF;
		font-weight: normal;
		text-decoration: underline;
}

.albumfotos
{
  clear: both;
}

.albumfotos tr td img
{
  cursor: pointer;
}

#conteudo_artesplastica
{
		clear: both;
		margin:0px;
		padding:0px;
		width: 760px;
		height: 300px;
}

.fotos
{
		float: left;
		margin-bottom: 7px;
		margin-left: 50px;
		/*cursor: pointer;*/
		text-align: center;
}

.fotos img, .foto_fotografia img, .fotos_galeria img, #spanturne img, #spaneventos img, #spanasimec img, #spanlogclu img, #fernandoprado img
{
  border: 0px;
}

#fernandoprado
{
  margin: auto;
  text-align: center; 
  width: 185px;
}

.foto_fotografia
{
		float: left;
		margin-bottom: 7px;
		margin-left: 280px;
		text-align: center;
}

#conteudo_galeriadefotos
{
		clear: both;
		margin:0px;
		padding:0px;
		width: 760px;
		height: 400px;
}

.fotos_galeria
{
		float: left;
		margin-bottom: 7px;
		margin-left: 40px;
		text-align: center;
}

#conteudo_creditos
{
  background-image: url(imagens/creditosbg.jpg);
		background-repeat: no-repeat;
		clear: both;
		height: 571px;
}

#conteudo_negocios
{
  background-image: url(imagens/turnebg.jpg);
		background-repeat: no-repeat;
		clear: both;
		height: 1073px;
}

#conteudo_linksuteis
{
  min-height: 275px
}

.linksuteis
{
  text-align: center;
}

#conteudo_fundicoes
{
  min-height: 275px
}

#indicefundicao
{
  margin: auto;
		margin-bottom: 40px;
		width: 548px;
}

.fundinome
{
  background-color: #000000;
		color: #FFFFFF;
		margin: auto;
		padding-left: 5px;
		width: 545px;
}

.fundidados
{
		background-color: #FFFFFF;
		border-bottom: 2px dashed #000000;
  border-left: 2px dashed #000000;
		border-right: 2px dashed #000000;
		margin: auto;
		margin-bottom: 10px;
		padding: 5px;
		width: 536px;
}