/* --- GLOBAL CSS ------*/
body {
  color:#344863;
  font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

div#container {
	border:1px solid #ccc;
	border-top:none;
 	margin:0 auto 0 auto;
	width:760px;
	min-width:760px;
	height:100%;
}

div#fundo {
	width:760px;
	min-width:760px;
	border:1px solid #ccc;
 	margin:10px auto 10px auto;
	font-size:10px;
	text-align:center;
	background:#EEE;
	
	
}

div#fundo em {
	font-style:italic;
	
	
}

div#topoContainer {
	background:url(../_images/_master/topoBckgnd.jpg) repeat-y 2px top;
	height:132px;
	margin:0 0 16px 0;
}

div#topoContainer h1#logo {
	/*height:100px;
	width:196px;*/
	height:132px;
	width:260px;	
}

div#topoContainer h1#logo a {
  display:block;
	height:132px;
	width:260px;	

}

div#topoContainer h1#logo a img {
	height:132px;
	width:260px;	

}

div#topoContainer h1#logo a span {
  position:absolute;
  margin-left:-9999px;
}

/*STEP BOX---*/
div#stepBox {
  position:relative;
  background:url(../_images/_master/stepBoxBckgnd.gif) no-repeat left top;
  height:37px;
  width:758px;
  margin:0 0 18px 0;
}

div#stepBox span {
  float:left;
  margin:11px 70px 0 31px;
  width:189px;
}

div#stepBox ul {
  margin:0;
  padding:0;
  float:left;
  width:447px;

}

div#stepBox li {
  float:left;
  margin:0;
  padding:0;    
  height:37px;
  width:37px;
}

div#stepBox a {
  float:left;
  display:block;
  height:37px;
  width:37px;
  text-indent:-9999px;
}



div#stepBox li#step1  {
  background:url(../_images/_master/_steps/step1.gif) no-repeat left top;
  margin:0px 65px 0 0px;   
}
div#stepBox li#step2  {
  background:url(../_images/_master/_steps/step2.gif) no-repeat left top;
  margin:0px 23px 0 0px;   
}
div#stepBox li#step3  {
  height:19px;
  width:19px;
  background:url(../_images/_master/_steps/step22.gif) no-repeat left top;
  margin:9px 23px 0 0px;  
}

div#stepBox li#step3 a {
  height:19px;
  width:19px;  
}

div#stepBox li#step4  {
  background:url(../_images/_master/_steps/step3.gif) no-repeat left top;
    margin:0px 65px 0 0px; 
}
div#stepBox li#step5  {
  background:url(../_images/_master/_steps/step4.gif) no-repeat left top;
  margin:0px 65px 0 0px; 
}
div#stepBox li#step6  {
  background:url(../_images/_master/_steps/step5.gif) no-repeat left top;
  margin:0;  
}



div#stepBox  .activeStep {
  background-position:left -37px !important;
}

div#stepBox  .activeStep2 {
  background-position:left -19px !important;
}
/* END STEP BOX---*/

/*------- PESQUISA BOX --------------*/

div#pesquisaBox {
  float:left;
  display:inline;  
  width:251px;
  height:250px;
  margin:0 0 0 8px;
}

div#pesquisaBox h2 {
  background:url(../_images/_master/headingEncontreFerias.jpg) no-repeat left top;
  width:251px;
  height:47px;
  text-indent:-9999px;
}

div#pesquisaBox label {
  width:80px;
  margin:0 0 0px 11px;
}

div#pesquisaBox select {
	border:1px solid #7F9DB9;
	width:230px;
	margin:5px 0 12px 11px;
	height:20px;
}

div#pesquisaBox input {
	background:#C5D0E0;
	border:1px solid #7F9DB9;
	border-top:3px solid #7F9DB9;
	color:#344863;
	font-size:12px;
	font-weight:bold;
	width:100px;
	margin:5px 0 12px 11px;
	height:22px;
}

/*------- END PESQUISA BOX --------------*/


/*------- DESTINOS BOX --------------*/

div#destinosBox {
  float:right;
  display:inline;  
  width:478px;
  margin:0 8px 0 0px;
}

div#destinosBox h2 {
  background:url(../_images/_master/headingReservasOnline.jpg) no-repeat left top;
  width:478px;
  height:47px;
  text-indent:-9999px;
}

div#destinosBox p {
  margin:10px 0 10px 27px;
  width:433px; 
  text-align:justify;
}

div#destinosBox p strong {
 color:#003366;
 font-weight:bold;
}

/*--destinos*/
div#destinosBox ul li div.ieFix {
  position:absolute;
  background:url(../_images/_master/destinos.png) no-repeat left top;
  width:195px;
  height:104px;  
}


div#destinosBox ul {
  float:left;
  width:478px;
 /* border:1px solid red;*/
  margin:6px 0 0 0px;
  display:inline;
}

div#destinosBox ul li{
  position:relative;
  float:left;
  width:195px;
  height:104px;
 /* border:1px solid blue;*/
  margin:0 24px 6px 20px;  
  display:inline;

}

div#destinosBox ul li a{
  position:absolute;
  display:block;
  width:180px;
  height:37px;
  background:none;

  top:0px;
  left:0px;
  padding:60px 0 0 14px;
  z-index:1000;
  text-decoration:none;
  font:bold 18px Geneva, Arial, Helvetica, sans-serif;
  color:#000;
}

div#destinosBox ul li div.photo{

  display:block; 
  width:79px;
  height:97px;
  top:0px;
  left:0px;
  z-index:1;
  padding:7px 0 0 116px;
}

/*------- END DESTINOS BOX --------------*/


/*------- OPORTUNIDADES BOX --------------*/

div#oportunidadesBox {
  float:left;
  display:inline;  
  width:251px;
  margin:12px 0 0 8px;
  background:#FEFCF3;
}

div#oportunidadesBox h2 {
  background:url(../_images/_master/headingOportunidades.jpg) no-repeat left top;
  width:251px;
  height:47px;
  text-indent:-9999px;
  margin:0 0 6px 0;
}

div#oportunidadesBox div {
  width:220px;
  border-bottom:1px solid #BFCCDD;
  margin:0 0 8px 13px;
}

div#oportunidadesBox div a  {
  width:220px;
  display:block;
  text-decoration:none;
  color:#344863;  
}


div#oportunidadesBox div img {
	border:1px solid #666;
	margin:0 8px 6px 0px;
	float:left;
}

div#oportunidadesBox div span.stars {
  width:150px;
  float:left;
  display:inline;
  margin:0px 0 5px 0;
  font-size:90%;
  font-style:italic;
}

div#oportunidadesBox div span.stars img {
  border:none;
  margin:5px 0 0px 0;
  height:14px;


}


div#oportunidadesBox div span.preco {
  font-size:12px;
  color:#990000;
  font-weight:bold;
  float:left; 
  display:inline; 
}



/*------- END OPORTUNIDADES BOX --------------*/





/*------- PROGRAMAS BOX --------------*/

div#programasBox {
  float:right;
  display:inline;  
  width:478px;
  margin:0 8px 0 0px;
}

div#programasBox h2 {
  background:url(../_images/_master/headingEscolhaPrograma.jpg) no-repeat left top;
  width:478px;
  height:47px;
  text-indent:-9999px;
}

div#programasBox .programaBox {
	margin:8px auto;
	width:463px;
	height:189px;
}

div#programasBox .programaBox h3 {
	position:relative;
	display:block;
	width:455px;
	height:22px;
	background:#BFCCDD;
	padding:3px 0 0 9px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
}

div#programasBox .programaBox h3 span {
	position:absolute;
	top:0px;
	border-top:none;
	border-right:none;
	right:1px;
	width:124px;
	height:21px;
	background:#FFF;
	padding:3px 0 0 8px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
}
/* IE6 hack */
* html div#programasBox .programaBox h3 span {
	right:0px;
}

div#programasBox .programaBox div  {
	float:left;
	width:377px;
	height:126px;
	/*border:1px solid green;*/
}

div#programasBox .programaBox div img {
	border:1px solid #666;
	margin:10px 12px 0px 10px;
	float:left;
}

div#programasBox .programaBox div span.stars {
  width:150px;
  float:left;
  display:inline;
  margin:6px 0 1px 0;
  font-size:90%;
  font-style:italic;
}

div#programasBox .programaBox div span.stars img {
  border:none;
  margin:5px 0 0px 0;
  height:14px;
}

div#programasBox .programaBox div p.smallDescr {
	color:#333;
	font:normal 90% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	/*border:1px solid red;*/
	width:301px;
	height:54px;
	letter-spacing:-0.05em; 
	word-spacing:-0.05em;	
	margin:0px 0 0 0;	
}

div#programasBox .programaBox div p.smallDescr strong {
	font-weight:bold;
	display:block;
}

div#programasBox .programaBox div.orangeDetailsBox {
  background:#FFE7D7;
  width:82px;
  float:right;
  border:none;
  display:inline;
  border-left:1px dotted #BFCCDD;
  border-top:1px solid #fff;
  height:138px;  
  color:#333;

}

div#programasBox .programaBox div.orangeDetailsBox p {
  width:74px;
  margin:8px auto;
  /*border:1px solid red;*/
  font-size:90%;
  text-align:center;
}

div#programasBox .programaBox div.orangeDetailsBox p strong {
	font-weight:bold;
}

div#programasBox .programaBox div p.programasRegime {
	float:left;
    font-size:85%;	
	margin:0 0 0 74px;
	padding:8px 0 0 28px;
	display:inline;
	color:#990000;
	height:16px;	
		/*border:1px solid green;*/
}

div#programasBox .programaBox div a.descrCompleta {
	color:#CC6600;
	text-decoration:underline;
	margin:0px 0 0 74px;	
	float:left;	
}

div#programasBox .programaBox div a.descrCompleta:hover {
	text-decoration:none;
}

div#programasBox .programaBox div a.descrCompleta:visited {
	color::#CC6600;
}

div#programasBox .programaBox div.btnAvancarDiv {
  background:#EEF1F6;
  height:25px;
  width:100%;
  float:left;
}

div#programasBox .programaBox div.btnAvancarDiv strong{
  font-weight:bold;
}

div#programasBox .programaBox div.btnAvancarDiv span {
  float:left;
  font-size:90%;
  color:#990000;
  margin:6px 0 0 6px;
  
}


div#programasBox .programaBox div.btnAvancarDiv a.btnAvancar {
  background:#D55500;
  font-weight:bold;
  height:20px;
  border-top:1px solid #EEF1F6;
  width:132px;
  display:block;
  padding:3px 0 0 0;
  text-align:center;
  float:right;
  color:#fff;
}

.totalResultados {
  font-size:120%;
  color:#003366;
  margin:10px 10px 6px 6px;
  font-weight:bold;
  text-align:right;
}

.pagesBck, .pagesFwd {
  font-size:110%;
  color:#990000;
  font-weight:bold;
  
}

.pagesBck2 {
  font-size:110%;
  color:#990000;
  font-weight:bold;
  
}

.pagesBck:hover, .pagesFwd:hover {
  text-decoration:none;
  
}

.pagesFwd {
  float:right;
  margin:0 10px 0 0;

}

.pagesBck {
  float:left;
  margin:0 0px 0 6px;

}

/*--------- REGIMES LOGOS --------*/

.regimeAPA, .regimeMP, .regimePC, .regimeTI, .regimeCP {

	/*border:1px solid orange;*/
}

.regimeAPA {
	background:url(../_images/_master/_iconsRegimes/regimeAPA.gif) no-repeat left top;
}
.regimeMP {
	background:url(../_images/_master/_iconsRegimes/regimeMP.gif) no-repeat left top;
}
.regimePC {
	background:url(../_images/_master/_iconsRegimes/regimePC.gif) no-repeat left top;
}
.regimeTI {
	background:url(../_images/_master/_iconsRegimes/regimeTI.gif) no-repeat left top;
}
.regimeCP {
	background:url(../_images/_master/_iconsRegimes/regimeCP.gif) no-repeat left top;
}
/*--------------------------------*/


/*------- END PROGRAMAS BOX --------------*/



/* ---------- CLASSES ----------------*/
.border {
	border:1px solid #ccc;
}

.thickBorderBottom {
	border-bottom:5px solid #BFCCDD;
}

.thickBorderTop {
	border-top:5px solid #BFCCDD;
}

.clear {
	clear:left;
}

p.itinerario {
    font-size:90%;	
	margin:6px 0 0 74px;
float:left;
display:inline;
	font-style:italic;
	color:#333;
	height:16px;	
	width:220px;
}