@import url(reset.css);
@import url(classes.css);
@import url(top.css);

/* ------ MAIN.CSS ---------------- */
/* ---------- TAG SELECTORS --------------*/
body {
	background:#333333 url(../_images/bckgnd.jpg) repeat-x left top;
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#636363;
}

h2, h3, h4, h5 {
	font-weight:bold;
	font-size:20px;
	margin:0 0 8px 0;
	color:#006699;
	clear:both;
}

h3 {
	font-size:12px;
}

p {
	margin:0 0 16px 0;
}

strong {
	font-weight:bold;
}

a {
	color:#006699;	
	text-decoration:underline;	
	font-weight:bold;	
	margin:0 0 8px 0;
	/*display:block;*/
}

a:hover {
	color:#99cc33;	
}

a span {
	font-size:80%;
	text-decoration:none !important;
}






a.menuPrincipalDG {
	color:#006699;	
	text-decoration:underline;	
	font-weight:bold;	
	margin:0 0 8px 0;
	display:block;
}

a.menuPrincipalDG:hover {
	color:#99cc33;	
}

a.menuPrincipalDG span {
	font-size:80%;
	text-decoration:none !important;
}

img {
	margin:0;
	text-align:left;
}

/* ---------- ID SELECTORS --------------*/

#container {
	width:800px;
	margin:0 auto;
	background:#fff;
}


/* --------- END TOP --------------------------------------------------*/

/* ---------  MENU --------------------------------------------------*/



#menu {
	height:29px;
	background:url(../_images/menuBckgnd.gif) repeat-x left top;
	margin:0 3px 0 3px;
}

#menu ul {
	height:29px;
	/*border:1px solid green;*/
}

#menu ul li {
	float:left;
	position:relative;
}

#menu ul li.headlink ul { 
	position:absolute; 
	display: none;  
	text-align: center;
	clear:both; 
	background:#006699; 
	height:auto;
	top:26px;
	left:0px;
}

#menu ul li.headlink ul li a { 
	display:block; 
	clear:both; background:#006699; background-image:none; 	
	padding:6px 0px 0 0px; 
	margin:0;
	height:18px;
}

#menu ul li.headlink ul li a:hover { 
	background:#0098b9;
	color:#fff;
}
/*#menu ul li.headlink:hover ul { display: block; }*/


#menu ul li a {
	display:block;
	color:#fff;
	font:bold 10px Verdana, Geneva, sans-serif;
	text-decoration:none;
	float:left;
	height:21px;

	margin:5px 0px 0 0px;	
	/*border:1px solid red;*/
	padding:2px 5px 0 5px;
	background:url(../_images/menuSplit.jpg) no-repeat right top;
}

/* IE6 FIX*/

* html #menu ul li a {
	margin:6px 0px 0 0;		
	padding:2px 5px 0 5px;	
}

/*-----------*/

#menu ul li a:hover {
	color:#99cc33;
}

#menu ul li a.noMenuSplit {
	background:none;
	padding:2px 0px 0 6px;
}


/* --------- END MENU --------------------------------------------------*/

/*--------- LEFT COL --------------------------------------------------------*/

#leftCol {
	width:596px;
	float:left;
	background:url(../_images/leftColBorder.gif) repeat-y left top;	
	margin:2px 0 10px 3px;
}


#leftCol span#leftColTopBorder {
	display:block;
	height:10px;
	background:url(../_images/leftColTopBorder.gif) no-repeat left top;
}

#leftCol div#textContainer {
	padding:0 20px 10px 20px;
	margin:10px 0 0 0;
}

/*--------- RIGHT COL --------------------------------------------------------*/

#rightCol {
	width:188px;
	float:right;
	/*border:1px solid red;*/
	margin:2px 3px 10px 0px;
}

#rightCol img#takeOffSurfTravelLogo {
	margin:12px 0px 10px 0;
}


/*------ SPONSORS --------------------------------------------*/

ul#sponsors {
	float:right;	
	clear:both;
	/*border:1px solid red;*/
	margin:24px 14px 10px 0;
}

ul#sponsors li {
	float:left;
	height:55px;
	text-indent:-9999px;
	margin:0 0 0 12px;
}

ul#sponsors li#puravida {
	background:url(../_images/logos/puravidaLogo.gif) no-repeat left top;
	width:57px;
}

ul#sponsors li#usba {
	background:url(../_images/logos/usbaLogo.gif) no-repeat left top;
	width:53px;
	margin-top:4px;
}

ul#sponsors li#daaz {
	background:url(../_images/logos/daazLogo.gif) no-repeat left top;
	width:54px;
}

ul#sponsors li#asf {
	background:url(../_images/logos/asfLogo.gif) no-repeat left top;
	width:80px;
}

ul#sponsors li#acores {
	background:url(../_images/logos/acoresLogo.gif) no-repeat left top;
	width:78px;
}

ul#sponsors li#sata {
	background:url(../_images/logos/sataLogo.gif) no-repeat left top;
	width:78px;
}
/*
ul#sponsors li#semente {
	background:url(../_images/logos/sementeLogo.gif) no-repeat left top;
	width:77px;
}


ul#sponsors li#iata {
	background:url(../_images/logos/iataLogo.gif) no-repeat left top;
	width:33px;
}

ul#sponsors li#apavt {
	background:url(../_images/logos/apavtLogo.gif) no-repeat left top;
	width:30px;
}*/




/*---------------------- RODAPE ---------------------------------------*/


#rodape {
	height:47px;
	background:url(../_images/rodapeBackgnd.jpg) repeat-x left top;
	clear:both;
	position:relative;
}

#teste {
	height:47px;
	background:url(../_images/rodapeBackgnd.gif) repeat-x left top;
	clear:both;
	position:relative;
}

#rodape ul {
	margin:0 auto;
	/*width:648px;*/
	width:496px;
	padding:11px 0 0 0;
	height:16px;	
	/*border:1px solid red;*/
}

#rodape ul li {
	float:left;
}

#rodape ul li a {
	float:left;
	color:#d1dfe5;
	display:block;
	font:normal 9px Verdana, Geneva, sans-serif;
	padding:0 5px 0 5px;
	border-right:1px solid #d1dfe5;
	text-align:center;
	text-decoration:none;
}

#rodape ul li a.noBorder {
	border:none !important;
}

#rodape ul li a:hover {
	color:#99cc33;
}

#rodape p {
	text-align:center;
	color:#d1dfe5;
	margin:0px 0 0 0;
	font-size:9px;
	clear:both;
}

#rodape img#logoPuravidaBlue {
	right:10px;
/*	position:absolute;
	
	top:20px;
	z-index:1000;*/
}

#teste img#logoPuravidaBlue {

right:10px;
/*	position:absolute;
	
	top:20px;
	z-index:1000;*/
}

#teste ul {
	margin:0 auto;
	/*width:648px;
	width:496px;*/
	padding:11px 0 0 0;
	height:16px;	
	/*border:1px solid red;*/
}

#teste ul li {
	float:left;
}

#teste ul li a {
	float:left;
	color:#d1dfe5;
	display:block;
	font:normal 9px Verdana, Geneva, sans-serif;
	padding:0 5px 0 5px;
	border-right:1px solid #d1dfe5;
	text-align:center;
	text-decoration:none;
}

#teste ul li a.noBorder {
	border:none !important;
}

#rodape ul li a:hover {
	color:#99cc33;
}

#teste p {
	text-align:center;
	color:#d1dfe5;
	margin:0px 0 0 0;
	font-size:9px;
	clear:both;
}
