/********************************************
*  ARQUIVO CSS                              *
* CLIENTE: FBAJ - FEDERAÇÃO BRASILEIRA DE   *
*          ALBERGUES DA JUVENTUDE           *
* PROGRAMADOR: GABRIEL A. PAIVA             *
* DATA DA CRIAÇÃO: 30/06/2008               *
* BY: WEBLINCK                              *
********************************************/

/*BASE*/
body {
	background: url(../wbimages/fundo_site.gif);
	margin: 0px;
	padding: 0px;
	border: 0px;
}

form,
div {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

DIV.teasercontainer_class {
	DISPLAY: none
}

input, textarea, .btnCancelar{background:#FFF; padding: 2px; border:1px solid #AAA; margin-right:0px; font: 10px "Verdana"; text-decoration:none; color:#000;}
select {background:#FFF; border:1px solid #AAA; margin-right:0px; font: 11px "Verdana";}
input.button, input.button2 {margin:0px 0px 0 0; background:#6D8ED1; color:#FFF; font: 11px "Verdana"; cursor:pointer;}



/*CLASSES*/
.titulo_menu {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; background:url(../wbimages/titulo_menu.gif) no-repeat;
	font-weight:bold;
	*font-weight:normal;
	font-weight:bold;
	padding:0px 0px 0px 8px;
	vertical-align:middle;
	line-height:25px;
	width:182px;
	height:26px;
	margin:10px 0px 3px 0px;
}

.titulo_menub {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url(../wbimages/titulo_menu.gif) no-repeat;
	font-weight:bold;
	*font-weight:normal;
	font-weight:bold;
	padding:0px 0px 0px 8px;
	vertical-align:middle;
	line-height:25px;
	width:182px;
	height:26px;
	margin:0 0 3px 0;
}

.titulo_menuc {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url(../wbimages/titulo_menu.gif) no-repeat;
	font-weight:bold;
	*font-weight:normal;
	font-weight:bold;
	padding:0px 0px 0px 8px;
	vertical-align:middle;
	line-height:25px;
	width:182px;
	height:26px;
}

.texto{color:#000000; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3px;}

.texto a{color:#000099; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}

.texto a:hover{color:#000099; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}

.titulo {
	color:#E56304;
	font-size:16px;
	display:list-item;
	list-style-image:url(../wbimages/logo_menu.gif);
	margin-left:25px;
	margin-bottom:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titulo a:hover,
.titulo a {
	color:#E56304;
	font-size:16px;
}



/*TEMPLATE*/
#base{width:860px; background:url(../wbimages/fundo_base.gif) no-repeat; background-color:#FFFFFF; _height:806px; min-height:806px; text-align:left;}

#topo {
	width:860px;
}

#esquerdo {
	width:190px;
	_height:350px;
	min-height:350px;
	float:left;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#centro {
	width:460px;
	_height:350px;
	min-height:350px;
	float:left;
	margin-top:10px;
	margin-left:2px;
}

#direito {
	width:200px;
	float:right;
	margin-top:5px;
}

div#direito div {
	clear: both;
}

#rodape {
	width:860px;
	display:block;
	height:153px;
	margin-top:0px;
	clear:both;
}

#anuncios{width:120px; position:absolute;  left:862px;}

/*TOPO*/
#topo_logo{width:168px; height:110px; float:left;}
#topo_imagens{width:692px; height:110px; float:left;}
#bandeira{float:left; width:70px; height:110px;}
#blocofoto{width:650px; height:110px; margin-left:40px; float:right;}
#foto0, #foto2, #foto4{float:left;  height:90px; _margin-right:0px; margin-right:7px; margin-top:5px;}
#foto1, #foto3, #foto5{float:left;  height:90px; display:block; _margin-right:0px; margin-right:7px; margin-top:15px;}




/*RESERVAS LATERAL*/
#base_reserva{width:195px; height:270px; background:url(../wbimages/laranja_topo2.gif); color:#FFFFFF; position:relative;  z-index:0;}


/*MENU*/
#menu {
	width: 100%;
	_height:300px;
	z-index:5;
	position:relative;
}

#menu a {
	padding-left:3px;
	display:block;
	color:#000000;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display: list-item;
	line-height:25px;
	vertical-align:middle;
	list-style-image:url(../wbimages/logo_menu.gif);
	margin-left: 30px;
	border: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#menu a:hover{text-decoration:underline; color:#E56304;}


/*DIREITO*/
#topo_cidade{background:url(../wbimages/cidades.gif); width:187px; height:92px;}
#topo_news{background:url(../wbimages/newsletter.gif); width:183px; height:118px;}
#americas {
	width:183px;
	height:195px;
	margin-bottom:15px;
}

#descontos {
	background:url(../wbimages/descontos.gif);
	width:178px;
	height:94px;
	float: right;
}

div#direito div#bloco_parceiros {
	background: #DEDEDD;
	width: 144px;
	margin-right: 28px;
	float: right;
}

div#direito div#bloco_parceiros div {
	float: none;
}

div#direito div#pg_internacional {
	float: none;
}

/*RODAPE*/
#rodape_es{width:648px; height:153px; float:left;}
#rodape_di{width:212px; height:230px;  margin-top:-78px; float:right; _position:relative; }

/*PRINCIPAL*/
#principal_esquerdo {
	width:178px;
	float:left;
}

#principal_direito {
	width:230px;
	height: 450px;
	float:right;
}

div#principal_direito img {
	border: none;
	margin: 0px;
	padding: 0px;
}

#principal_rodape{width:100%; _height:350px; min-height:350px; clear:both;}
#topo_hostel{background:url(../wbimages/hotel_mes.gif); width:178px; height:121px; position:relative; margin-left:15px; z-index:3;}

#info_hostel {
	background:#EAEAEA;
	width:222px;
	margin-top:-17px;
	padding-top:15px;
	z-index:2;
	position:relative;
}

#topo_noticias{background:url(../wbimages/news.jpg); width:140px; height:74px;}

#info_noticias {
	background:#EAEAEA;
	width:200px;
}

#info_noticias a {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:left;
}

#info_noticias a:hover {
	color: #E56304;
	text-decoration: underline;
}

div#info_noticias p {
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}
/*especial*/
#banner_flutuante{width:431px; height:821px; position:absolute; z-index:5; top:110px; *right:280px;}

/*PG*/
#pg_internacional {
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: none;
	text-align: center;
}

#pg_carteiras {
	margin: 0px;
	text-align: center;
}

#pg_base {
	height:159px;
	margin-bottom:15px;
}


/*VER_HOSTEL*/
#classificao{width:350px; margin-left:10px; margin-bottom:25px;}
#quadrofotos{background:#EBECF0; width:350px; height:90px; margin-left:10px;}
#minhasfotosver{width:96px; height:90px; float:left;}

#bannerPr{width:460px; _height:60px; margin:auto;}


/*AJAX*/
#boxCad {
	position: absolute;
	top: 5%;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	z-index: 180;
	background-color:#FFF;
	padding:10px;
	border:solid 2px #F60;
}
#bgBody {
	background-color: #000;
	-moz-opacity: 0.9;
	opacity: 0.9;
	filter:alpha(opacity=70);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
}

form#Reserva {
	text-align: left;
}

form#Reserva textarea,
form#Reserva input {
	width: 250px;
}

form#Reserva textarea {
	height: 150px;
}

form#Reserva input.Sexo {
	width: auto;
}

form#Reserva input#txtCarteira,
form#Reserva input.Periodo,
form#Reserva input#txtTelefone {
	width: 100px;
}

form#Reserva table {
	margin-top: 20px;
}

form#Reserva table th {
	text-align: left;
}

form#Reserva table td.Acao {
	padding-top: 20px;
}

form#Reserva table caption {
	font-weight: bold;
	border: 1px solid #aaaaaa;
}

form#Reserva p {
	margin-left: 10px;
	margin-right: 10px;
}

div.texto div#MensagemSistema {
	color: #CC0000;
	text-align: center;
	font-weight: bold;
}

form#ReservaIndex table th {
	text-align: right;
}

form#ReservaIndex {
	width: 210px;
	height: 300px;
	background-image: url(../wbimages/ReservaFundo.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 0px;
	border: none;
}

form#ReservaIndex p {
	text-align: center;
	margin: 0px;
	border: none;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	line-height: 18px;
}

form#ReservaIndex input,
form#ReservaIndex select {
	width: 125px;
}

form#ReservaIndex input#txtPeriodoInicial,
form#ReservaIndex input#txtPeriodoFinal {
	width: 100px;
}

form#ReservaIndex table td.Acao {
	padding-top: 10px;
}