/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/variable_dl.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

#menu {

list-style-type:none; 

margin: 0;

text-align:center;

padding-left:10px;
background-color:#9FC;

/*padding:0;*/
}



#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}

#menu li span {display:block; z-index:100; background:#FFFFFF; padding: 5px 10px;font-size:1.1em;}

#menu li a, #menu li a:visited {display:block; padding:0;}



#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0;background: url(img/transparent.gif); width:190px}

#menu dt {background: #FFFFFF; margin:0; font-size: 1.1em; border-bottom:1px solid #fff; float:left; border-right:1px solid #fff;}

#menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}



#menu dt a, #menu dt a:visited {

	display:block;

	color:#4669a1;

	padding: 5px 10px;

	text-decoration:none;

}

#menu dd a, #menu dd a:visited {background:#FFFFFF; color:#003399; text-decoration:none; display:block; padding: 5px 10px;}



#menu li a:hover {border:0;}



#menu li:hover dd, #menu li a:hover dd {display:block;}

#menu li:hover dl, #menu li a:hover dl {border-bottom:15px solid #e2dfa8;}

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {

	background: #FFFFFF;

	color:#ff6600;

	

}



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightbrown;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 60px; /*position where enlarged image should offset horizontally */



}





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

/*conteudo a:visited {text-decoration: none; color: #505050;}*/

a:hover {text-decoration: underline;}



@media print{

  body{ background-color:#FFFFFF; background-image:none; color:#000000;}

  #menuX{ display:none; }

  #contentarea{position:absolute; left:0px; top:110px; z-index:1;}

}



*{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt}



.txt_home {

font-size: 9pt;

color: #666;

}



.txt_link {

font-size: 8pt;

color: #f60;

}



.txt_botao {

font-size: 9pt;

color: #FFF;

background-color: #009900

}



.txt_chamada {

font-size: 12px;

color: #007e41;

font-weight: bold;

}



.txt_vermelho {

font-size: 9pt;

color: #ff3300;

}



.txt_chamada_preto {

font-size: 15pt;

color: #000;

}



.txt_evt_cmd {

color: #000;

font-weight:bold;

}



.txt_evt {

font-size: 8pt;

color: #4e4e4e;

}



body {

text-align:center;

margin:0;

/*background-image:url(img/fundo.jpg);*/

background-color: #eae8d7;

}



p {

margin:0;

padding-left:5px;

}



#geral {

width:778px;

margin:0 auto;

/*background-image:url(img/lay.png);*/



}



#top {

width:778px;

height:150px;



/*background-image:url(imagens/cima.jpg);*/

}



#menuX {

width:778px;

background-image:url(img/meio.jpg);

}







#meio {

width:778px;

background-image:url(img/meio.jpg);

/*height:auto;*/

}



#conteudo {

text-align:left;

width:760px;

padding-left:5px;

padding-top:8px;

}



#eventos {

width:755px;

height:60px;

background-image:url(img/fundo_evento.jpg);

background-repeat:no-repeat;

padding-top:8px;

padding-left:10px;

}



#hoteis {

width:760px;

height:400px;

background-image:url('img/fundo_hotel.jpg');

background-repeat:no-repeat;

background-position:center;

padding-top:10px;

}



#hoteisP {

width:760px;

height:auto;

/*

background-image:url('img/fundo_hotelP.jpg');

background-repeat:no-repeat;

background-position:center;

*/

padding-top:10px;

}



#htl_esq {

width:290px;

float:left;

padding-top:10px;

padding-left:10px;

padding-bottom:15px;

}



#htl_dir {

width:448px;

float:right;

padding-top:10px;

padding-left:1px;

padding-right:10px;

padding-bottom:15px;

}



#esq {

width:240px;

float:left;

}



#dir {

width:520px;

float:right;

}



#geral_chamada {

width:740px;

height:40px;

float:center;

background-image:url(img/fundo_geral.jpg);

background-repeat:no-repeat;

padding-top:8px;

padding-left:10px;

}



#geral_geral {

width:760px;

height:auto;

}



#geral_foto {

width:240px;

float:left;

padding-top:8px;

padding-left:10px;

}





#geral_txt {

width:490px;

float:right;

padding-top:8px;

padding-left:2px;

padding-right:5px;

padding-bottom:12px;

}



#baixo {

width:778px;

height:105px;

/*background-image:url(img/rodape.jpg);*/

}



.a_cat{font-family:Verdana,Arial;font-size:12px;color:#FFF;background:#3d787a;font-weight:bold;text-decoration:none;}

.a_det{font-family:Verdana,Arial;font-size:7px;color:#000;background:#eae8d7;text-decoration:none;}

.cinza{

	font-family:Verdana, Arial;

	font-size:10px;

	color:#000000;

	font-weight:bold;

	text-decoration:none;

	background-color: #DFDFDF;

}



.tableT td {

background:#f0ffff; border:1px solid #87ceeb;

font-family:Verdana,Arial; 

font-size:10px;color:#000;

}

.tableH td {border:1px solid #000;}