/* CSS Document */
@import url("reset.css");

html {overflow: scroll;}

body {
  font:100% normal "Trebuchet MS", Helvetica, sans-serif;
  color: #003300;
  margin:0;
  text-align:center;
}

input, select{
  font:100% normal "Trebuchet MS", Helvetica, sans-serif;
}

#container {
  position:relative;
  width:740px;
  margin:0 auto;
  padding:0;
  background-color:#fff;
  text-align:left;
  margin-top:10px;
    border:1px solid #d7d7d7;
}

a {
  text-decoration:none;
    color: #003300;
}

/* --TOPO-----------------
---------------------- */
#header {
  position:relative;
  width:740px;
  height:108px;
  border-bottom:1px solid #ccc;
  background:url(../_images/topBoxBckgnd.gif) repeat-x left top;
  margin:0 0 16px 0;
  
}

#header h1 {
  position:relative;
  width:178px;
  height:90px;
  background:url(../_images/topBoxLogoGrantur.gif) no-repeat left top;
  left:10px;
  top:10px;	
}

#header h2 {
  position:absolute;
  width:452px;
  height:36px;
  background:url(../_images/topBoxReservasOnline.gif) no-repeat left top;
  right:56px;
  top:18px;	
}

#header ul {
  position:absolute;
  left:230px;
  top:68px;
}

#header ul li {
  float: left;
  height:36px;
  list-style:none;
  margin-right:20px;
}

#header ul li a#registo {
  width:90px;
  background:url(../_images/btnRegisto.gif) no-repeat left top;
  display:block;
  height:36px;
}

#header ul li a#condicoes {
  width:100px;
  background:url(../_images/btnCondicoes.gif) no-repeat left top;
  display:block;
  height:36px;
}

#header ul li a#sair {
  width:65px;
  background:url(../_images/btnSair.gif) no-repeat left top;
  display:block;
  height:36px;
}

#header ul li a#activator {
  width:93px;
  background:url(../_images/btnActivator.gif) no-repeat left top;
  display:block;
  height:36px;
}

#header ul li a#folhetosMenu {
  width:91px;
  background:url(../_images/btnFolhetos.gif) no-repeat left top;
  display:block;
  height:36px;
}

#header ul li a#voos {
  width:36px;
  background:url(../_images/btnVoos.gif) no-repeat left top;
  display:block;
  height:36px;
}

#header ul li a#agente {
  width:72px;
  background:url(../_images/btnAgente.gif) no-repeat left top;
  display:block;
  height:36px;
  padding:5px 0 0px 40px;
  font-size:11px;
}

#header ul li a#login {
  width:72px;
  background:url(../_images/btnLogin.gif) no-repeat left top;
  display:block;
  height:36px;

  font-size:11px;
}

/*---- form#entrar -----*/



/* --FIM TOPO-----------------
---------------------- */
#mainContent {


}

#mainContent form#entrar  {
  margin:20px 0 26px 120px;
  padding:0;
  
}



#mainContent form#entrar  fieldset {
  position:relative;
  margin:0px 0 0 0;
  padding:0px 0 0 20px;

  width:490px;
  height:150px;
  border:1px solid #A8C75F;
  background:#A8C75F url(../_images/formEntrarBckgnd.gif) repeat-x left top;
}


#mainContent form#entrar  fieldset label {
  float:left;
  width:90px;
  margin:5px 0px 0 0;
  font-weight:bold;
  color:#003300;
  font-size:14px;
}


#mainContent form#entrar fieldset input  {
  left:110px;
  height:20px;
  border:1px solid #ccc;
  margin-bottom:10px;
}


#mainContent form#entrar fieldset input#email {
  font-size:12px;
  top:26px;
  width:300px;
}

#mainContent form#entrar  fieldset input#password {
  font-size:12px;
  top:66px;
  width:100px;
}

#mainContent form#entrar  fieldset input#newpass {
  float:left;
  border:none;
  margin:7px 0 0 0;
}

#mainContent form#entrar  fieldset input#btnEntrar {
  float:right;
  margin:4px 20px 0 0;
  width:91px;
  height:32px;
  border:none;
}


/* ------ REGISTO ----- */

#mainContent form#registo  {
  margin:20px 0 26px 120px;
  padding:0;
}

#mainContent form#registo  fieldset {
  position:relative;
  margin:0;
  padding:0px 0 0 20px;
  width:480px;
  height:370px;
  border:1px solid #A8C75F;
  background:#F2FDE7 url(../_images/formReservarBckgnd.gif) repeat-x left bottom;
}


#mainContent form#registo  fieldset label {
  float:left;
  width:140px;
  font-weight:bold;
  color:#003300;
  font-size:14px;
  margin:3px 0 0 0;
}

#mainContent form#registo fieldset input  {
  height:20px;
  border:1px solid #ccc;
  margin:0 0 5px 0;
  font-size:12px;
}

#mainContent form#registo  fieldset input#nome {
  font-size:12px;
  width:300px;
}

#mainContent form#registo  fieldset input#morada {
  font-size:12px;
  top:26px;
  width:300px;
  top:52px;
}


#mainContent form#registo  fieldset input#cp1 {
  font-size:12px;
  width:45px;
}


#mainContent form#registo  fieldset input#cp2 {
  font-size:12px;
  width:25px;
}



#mainContent form#registo  fieldset input#localidade {
  font-size:12px;
  width:213px;
}


#mainContent form#registo  fieldset input#telefone {
  font-size:12px;
  width:70px;
}

#mainContent form#registo  fieldset input#fax {
  font-size:12px;
  width:70px;
}

#mainContent form#registo  fieldset input#nc {
  font-size:12px;
  width:70px;
}

#mainContent form#registo  fieldset input#responsavel {
  font-size:12px;
  width:300px;
}

#mainContent form#registo  fieldset input#email {
  font-size:12px;
  width:300px;
}

#mainContent form#registo  fieldset input#email2 {
  font-size:12px;
  width:300px;
}



#mainContent form#registo  fieldset input#btnRegistar {
  margin:0px 0px 0 360px;
  width:91px;
  height:32px;
  border:none;
}




/*------------- RESERVAR ------ */

/* DESTINOS HEADERS*/
#mainContent h2.destinoHeader {
  background:#fde457;
  width:156px;
  height:34px;
  border:1px solid #A8C75F;
  margin:0px 10px 12px 0px;
  font-size:24px;
  color:#003300;
  text-align:center;
  float:left;
}

#mainContent h2.destinoHeader a {
  width:156px;
  height:34px;
  display:block;
}

#mainContent #hotelEscolhidoHeader {
  background:#fde457;
  width:156px;
  height:34px;
  border:1px solid #A8C75F;
  border-bottom:0px solid #A8C75F;
  margin:0px 0 0px 0px;
  font-size:24px;
  color:#003300;
  text-align:center;
  position:absolute;
  top:140px;
  left:28px;
  

}

#mainContent #hotelEscolhidoHeader2 {
  background:#fde457;
  width:326px; 
  height:90px; 
  border:1px solid #A8C75F;
  /*border-bottom:0px solid #A8C75F;*/
  margin:0px 0 20px 0px;
  font-size:24px;
  color:#003300;
  text-align:center;
  

}

#mainContent #hotelEscolhidoHeader2 a {
  height:90px; 
  width:326px;
  display:block;
}

#mainContent #hotelEscolhido {
  float:left;
  position:relative;
  background:#f2fde7;
  width:490px;
  height:62px;
  border:1px solid #A8C75F;
  border-bottom:8px solid #A8C75F;
  margin:50px 0 7px 10px;
}


#mainContent #hotelEscolhido #preco {
  position:absolute;
  top:18px;
  font-size:24px;
  font-weight:bold;
  left:10px;
}
#mainContent #hotelEscolhido #hotel {
  position:absolute;
  top:19px;
  font-size:20px;
  left:94px;
  width:344px;
}
#mainContent #hotelEscolhido #info {
  position:absolute;
  top:44px;
  font-size:12px;
  left:94px;
}
#mainContent #hotelEscolhido #regime {
 position:absolute;
 font-size:10px;
 top:6px;
 left:450px;
 width:36px;
 height:36px;
}
/*--------------------------------------------------------------------------------------------------*/
#mainContent form#reservar  {
  float:left;
  margin:0px 0 26px 10px;
  padding:0;
  
}

#mainContent form#reservar fieldset {
  position:relative;
  margin:0;
  padding:0;
  width:490px;
  border:1px solid #A8C75F;
  background:#F2FDE7 url(../_images/formReservarBckgnd.gif) repeat-x left bottom;
}

#mainContent form#reservar  fieldset label {
  margin-left:20px;
  font-weight:bold;
  color:#003300;
  font-size:13px;
  float:left;
  width:220px;
}

#mainContent form#reservar  fieldset select {
  font-size:13px;
  margin-bottom:10px;
}

#mainContent form#reservar  fieldset .peopleInRoomZone {
  border:1px solid #C8E0C5;
  margin:4px 10px 8px 30px;
  background:#F4F8F1;
  padding:3px;
  width:426px;
}

#mainContent form#reservar  fieldset .childInRoomZone {
  border:1px solid #C8E0C5;
  margin:4px 10px 4px 141px;
  background:#ffffff;
  padding:8px 3px 3px 3px;
  position:relative;
  width:276px;
}

#mainContent form#reservar  fieldset .peopleInRoomZone label.small {
  font-weight:normal;
  color:#003300;
  font-size:12px;
  float:left;
  width:70px;

}

#mainContent form#reservar  fieldset .peopleInRoomZone label.lblRoomType {
  color:#003300;
  font-size:12px;
  float:left;
}

#mainContent form#reservar  fieldset .peopleInRoomZone select {
  color:#003300;
  font-size:12px;
  float:left;
  margin:0 0 5px 4px;
}



#mainContent form#reservar  fieldset .childInRoomZone label.childSmall {
  margin:0 0 0 0;
  font-size:12px;
  width:106px;
}

#mainContent form#reservar  fieldset .childInRoomZone select {
  color:#003300;
  font-size:12px;
  float:left;
  margin-right:4px;
}

#mainContent form#reservar  fieldset input#btnDisponibilidade {
  float:right;
  width:195px;
  height:32px;
  border:none;
  margin:0px 4px 0 0;
}

#mainContent form#reservar  fieldset #net {
  margin-bottom:10px;
}

.required {
  margin-top:-6px;
  font-size:16px;
  font-weight:bold;
  color:#660000;
}

#infoBox {
  float:right;
  width:176px;
  background:#FDFEFA;
  border:1px solid #ccc;
  font-size:12px;
  padding:10px;
  margin:-78px 8px 10px 0px;
}

#infoBox .title {
  color:#003300;
  font-size:17px;
  font-weight:bold;
}

/*------------------------  PRODUTOS -------------------------*/
#mainContent .hotelEscolhidoHeader {

  width:156px;
  height:34px;	
  background:#fde457;
  margin-left:16px;
  border:1px solid #A8C75F;
  border-bottom:0px solid #A8C75F;
  font-size:24px;
  color:#003300;
  text-align:center;
 
}

.boxItinerario {
  display:block;
  height:18px;
  width:326px;
  margin:0px 0 0 0px;
  border:1px solid #A8C75F;
  border-bottom:4px solid #A8C75F;
  /*background:#fdfefb url(../_images/headerItinerario.gif) no-repeat;*/
  padding-top:2px;
}

.boxItinerario span {
  margin:0px 0 0 28px;
  padding-top:10px;
}

#mainContent .hotelProduto {

  position:relative;
  background:#f2fde7 url(../_images/hotelEscolhidoBckgnd.gif) repeat-x;
  width:326px;
  height:42px;
 
  border:1px solid #A8C75F;
  margin:3px 0 0px 0px;
  padding:0;

}


#mainContent .hotelProduto .preco {
  position:absolute;
  top:2px;
  font-size:20px;
  font-weight:bold;
  left:10px;
}
#mainContent .hotelProduto .hotel {
  position:absolute;
  top:2px;
  font-size:12px;
  left:72px;
  width:192px;
  vertical-align:middle;

}
#mainContent .hotelProduto .info {
  position:absolute;
  top:30px;
  font-size:10px;
  left:90px;
}
#mainContent .hotelProduto .regime {  
  position:absolute;
  font-size:10px;
  top:-1px;
  left:270px;
  width:24px;
  height:24px;
}

#mainContent .hotelEscolhidoHeader {

  width:156px;
  height:34px;	
  background:#fde457;
  margin-left:6px;
  border:1px solid #A8C75F;
  border-bottom:0px solid #A8C75F;
  font-size:24px;
  color:#003300;
  text-align:center;
 
}


.boxItinerario span {
  margin:0px 0 0 30px;

}


/* - - - - - */

#secContent .hotelEscolhidoHeader {

  width:156px;
  height:34px;	
  background:#006600;
  margin-left:16px;
  border:1px solid #A8C75F;
  border-bottom:0px solid #A8C75F;
  font-size:24px;
  color:#fff;
  text-align:center;
 
}

#secContent .hotelProduto {

  position:relative;
  background:#f2fde7 url(../_images/hotelEscolhidoBckgnd.gif) repeat-x;
  width:326px;
  height:42px;
  border:1px solid #A8C75F;
  margin:3px 0 0px 0px;
  padding:0;

}


#secContent .hotelProduto .preco {
  position:absolute;
  top:2px;
  font-size:20px;
  font-weight:bold;
  left:10px;
}

#secContent .hotelProduto .hotel {
  position:absolute;
  top:2px;
  font-size:16px;
  left:58px;
  width:202px;

}
#secContent .hotelProduto .info {
  position:absolute;
  top:30px;
  font-size:10px;
  left:90px;
}
#secContent .hotelProduto .regime {  
  position:absolute;
  font-size:10px;
  top:-1px;
  left:270px;
  width:24px;
  height:24px;
}

table#sumario {
	margin:20px 0 26px 80px;
	position:relative;
	padding:0;
	width:590px;
	border:1px solid #A8C75F;
	color:#003300;
	background:#F4F8E2  /*#A8C75F;*/
}

table#sumario .nomeHotel {
  font-size:20px;
}

table#sumario .indented {
  font-size:14px;
  padding-left:28px;
}

table#sumario .indented2 {
  font-size:12px;
  padding-left:36px;
}


/* --------------- NOMES FORM -----------------*/


#mainContent form#nomes  {

  margin:0px 0 26px 80px;
  padding:0;
  
}

#mainContent form#nomes  fieldset {
	position:relative;
	margin:0;
	padding:0 0 66px 0;
	width:590px;
	border:1px solid #A8C75F;
	background-color: #F2fde7;
}

#mainContent form#nomes  fieldset input, #mainContent form#nomes  fieldset select  {
  font:11px normal Verdana, Arial, Helvetica, sans-serif;
  margin:10px 0 0 10px;
}


#mainContent form#nomes  fieldset label {
  position:absolute;
  margin-left:20px;
  font-weight:bold;
  color:#003300;
  font-size:14px;
}

#mainContent form#nomes  fieldset label#lblAdultos {
 top:22px;
}

#mainContent form#nomes  fieldset select#seguro {
  font-size:12px;
  width:120px;
  top:292px;
}


#mainContent form#nomes  fieldset input .nome {

  width:105px;
  height:32px;
  border:none;

}

#mainContent form#nomes  fieldset input#btnReservar {
  position:absolute;
  bottom:6px;
  width:105px;
  height:32px;
  border:none;
  left:370px;
}


/*-------FIRST LOGIN --------*/

#mainContent form#firstlogin  {
  margin:20px 0 26px 120px;
  padding:0;
  
}

#mainContent form#firstlogin  fieldset {
  position:relative;
  margin:0;
  padding:0;

  width:490px;
  height:150px;
  border:1px solid #A8C75F;
  background:#A8C75F url(../_images/formEntrarBckgnd.gif) repeat-x left top;
}


#mainContent form#firstlogin  fieldset label {
  position:absolute;
  margin-left:20px;
  font-weight:bold;
  color:#003300;
  font-size:14px;
}

#mainContent form#firstlogin  fieldset label#lblPassword2 {
  top: 28px;

}


#mainContent form#firstlogin  fieldset label#lblPassword3 {
 top:68px;

}


#mainContent form#firstlogin fieldset input  {
  position:absolute;
  left:170px;
  height:20px;
  border:1px solid #ccc;
}


#mainContent form#firstlogin fieldset input#password2 {
  font-size:12px;
  top:26px;
  width:100px;
}

#mainContent form#firstlogin  fieldset input#password3 {
  font-size:12px;
  top:66px;
  width:100px;
}

#mainContent form#firstlogin  fieldset input#btnEntrar {
  top:114px;
  width:91px;
  height:32px;
  border:none;
  left:380px;
}


.tableAgentes {
	margin:0px 0 26px 8px;
	position:relative;
	padding:0;
	float:left;
	width:600px;
	border:1px solid #A8C75F;
	color:#003300;
	background:#F4F8E2  /*#A8C75F;*/
}

.tableAgentes2 {
	margin:0px 10px 10px 0px;
	position:relative;
	font-size:11px;
	padding:4px;
	float:right;
	width:280px;
	border:1px solid #A8C75F;
	color:#003300;
	background:#F4F8E2  /*#A8C75F;*/
}

.tableAgentes2 th {
	background:#fff;
}


.tableAgentes2 tr td {
	border-bottom:1px solid #e4e4e4;
}

.precos_tabela_textos {
  font-size:12px;
  width:280px;

  margin-bottom:14px;
}

.precos_tabela_textos_regime {
  font-weight:bold;
}

/*tarifas_agentes*/

.tarifas {
  float:left;
  margin:0 0 0 7px;
  padding:0;
  width:500px;
  border:1px solid #A8C75F;
  background:#F2FDE7 url(../_images/formReservarBckgnd.gif) repeat-x left bottom;
}

#tarifas table {
	width:96%;
	border-top:#B2CE8B 1px solid;
	border-bottom:#9ABF66 1px solid;
	padding:0;
	margin:6px 6px 6px 6px;
	position:relative;
	}

#tarifas table caption {
	font:bold 12px "Trebuchet MS", sans-serif;
	text-align:center;
	color:#36471E;
	padding:8px;
	}

	
#tarifas table thead th {
	background:#D6E4C1;
	border-bottom:solid 1px #6D8F3C;
	font:normal 11px "Trebuchet MS", sans-serif;
	text-align:center;
	color:#003300;
	border-right:solid 1px #F0EDE1;
	padding-bottom:2px;
	}
	
#tarifas table tbody tr th {
	background:#E8F0DD;
	border-bottom:solid 1px #B2CE8B;
	font:bold 11px "Trebuchet MS", sans-serif;
	text-align:left;
	padding-left:3px;
	}



#tarifas table tbody tr td {
	background:#fff;
	border-bottom:solid 1px #CDDFB4;
	font:bold 11px "Trebuchet MS", sans-serif;
	text-align:center;
	padding:2px;
	}
	
#tarifas table tbody tr th:first-child + td[rowspan]{
	background:#FCFAED;

	}