/* CSS Document */
#body_left {
	width: 718px;
	float:left;
	margin-right: 15px;
}

#body_left .title {
	width: 718px;
	height: auto;
	background:url(../imagens/interna_titBg.gif) no-repeat right top;
	float:left;
}

#body_left .titleDestinos {
	width: 718px;
	height: 116px;
	background:url(../imagens/interna_Destinos_titBg.gif) no-repeat right top;
}


#body_left .title h1.titulo_pagina {
	padding: 30px;
	background: url(../imagens/icon_setaBigGreen.gif) no-repeat left 38px;
	font-size: 36px;
	float: left;
}

#body_left .title #icon {
	height: 113px;
	float:left;
	}

#body_left .title #icon.destinoFlag {
	width: 133px;
	height: 133px;
	border: none;
}

#body_left .title .empresa {
	width: 103px;
	height: 133px;
	background: url(../imagens/iconTit_empresa.gif) no-repeat;
	float: left;
}

#body_left .title .servicos {
	width: 104px;
	height: 133px;
	background: url(../imagens/iconTit_servicos.gif) no-repeat;
	float: left;
}

#body_left .title .programas {
	width: 104px;
	height: 133px;
	background: url(../imagens/iconTit_escolasparceiras.gif) no-repeat;
	float: left;
}

#body_left .title .destinos {
	width: 136px;
	height: 133px;
	background: url(../imagens/iconTit_destinos.gif) no-repeat;
	float: left;
}

#body_left .title .mural-da-pontual {
	width: 533px;
	height: 123px;
	background: url(../imagens/Tit-muraldapontual.gif) no-repeat;
	float: left;
}


#body_left .container {
	width: 678px;
	background:#369ebd;
	padding: 20px;
	color: #FFFFFF;
	float:left;
}

#body_left .container h1 {
	margin-top: 30px;
	margin-bottom: 10px;
}

#body_left .container h1:first-child {
	margin-top: 0px;
}

#body_left .container p {
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 18px;
	color: #FFFFFF;
}

#body_left .container .container_texto, #body_left .container .container_left {
	clear: left;
	margin-top: 10px;
	line-height: 18px;
	width: 431px;
	float:left;
	color: #FFFFFF;
}

#body_left .container .container_foto {
	width: 239px;
	height: 546px;
	float: right;
}

#body_left .container .container_right {
	width: 239px;
	float: right;
}

#body_left #footerBg {
	width: 718px;
	height: 18px;
	background:url(../imagens/interna_footerBg.gif) no-repeat;
	float:left;
}

#body_right {
	width: 230px;
	float:left;
}

.box {
	width: 230px;
	margin-bottom: 20px;
	float:left;
}

.box#curiosidades .box_title {
	background: url(../imagens/cur_topoBg.gif) no-repeat top right;
	height: 49px;
	float:left;
	clear:right;
	width: 230px;
}

.box#curiosidades .box_container {
	color: #000;
	background-color: #fff;
}

.box#curiosidades .box_footer {
	background: url(../imagens/cur_footerBg.gif) no-repeat bottom left;
	height: 29px;
}




.box .box_title {
	background: url(../imagens/box_BgTop.gif) no-repeat top right;
	height: 49px;
	float:left;
	clear:right;
	width: 230px;

}

.box .box_container {
	width: 190px;
	color: #FFFFFF;
	background-color: #48bbdb;
	padding: 15px 20px 5px 20px;
	clear: left;
	float:left;
}

.box .box_container p { 
}

.box .box_container form {
	margin-top: 10px;
	float: left;
}

.box .box_container input, .box .box_container select {
	width: 120px;
	clear: left;
	float:left;
	color: #006699;
	padding: 2px;
}

.box .box_footer {
	width: 230px;
	background: url(../imagens/box_BgFooter.gif) no-repeat bottom left;
	height: 13px;
	clear:left;
	float:left;
}

ul.submenu {}

ul.submenu li {
	font-weight: bold;
	padding: 10px 10px 10px 15px;
	background: url(../imagens/icon_seta.gif) no-repeat left;
}

ul.submenu li.active {
	background: url(../imagens/icon_setaGreen.gif) no-repeat left;
}

ul.submenu li a{
	color: #fff;
}

.promocao {
	width: 415px;
	height: 148px;
	background: url(../imagens/promocaoBg.gif) no-repeat;
	float: left;
	clear: left;
	color: #fff;
}

.promocao .texto {
	width: 210px;
	height: 128px;
	float: left;
	padding: 20px 0 0 20px;
}

.promocao .texto h2.titulo {
	color: #fff;
	font-size:18px;
	font-weight:bold;
}


.promocao .texto p {
	margin: 13px 0px 5px 0px;
}

.promocao .img {
	float: left;
	width: 172px;
	height: 148px;
	background: url(../imagens/promocaoFoto.jpg) no-repeat;
	position: relative;
}

.promocao .img img {
	width: 125px;
	height: 83px;
	top: 35px;
	left: 20px;
	position: absolute;
}


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression
*/
*  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') }