/****************************************************
**  ARQUIVO CSS WEB 2.0                            **
**  CLIENTE: MARINA DOS ANJOS HOSTEL               **
**  RESPONSAVEIS: EDUARDO / KARLLA                 **
**  LAYOUT: ALEXANDRE (CENTRAL DE ANUNCIOS)        **
**  PROGRAMADOR: GABRIEL (WEBLINCK)                **
**  BY WEBLINCK                                    **
**  PROIBIDA COPIA PARCIAL/ TOTAL DE QUALQUER      **
**  PARTE DESTE ARQUIVO.                           **
**  DATA DE INICIO: 10-11-2009                     **
*****************************************************/


/* => BASE (-_-) */
body{/*background:#FFF url(../images/funtoTupo.png) repeat-x;*/ margin:0px;}
input {background:#FFF; border:1px solid #AAA; margin-right:10px; font: 10px "Verdana";}
select {background:#FFF; border:1px solid #AA; margin-right:10px; font: 11px "Verdana";}
input.button, input.button2 {margin:10px 20px 0 0; background:#6D8ED1; color:#FFF; font: 11px "Verdana"; cursor:pointer;}

img{border:none;}
form{margin:0px;}
h2{font-family:Verdana, Geneva, sans-serif; color:#039; font-size:12px; text-align:justify; font-weight:normal;}
h3{font-family:Verdana, Geneva, sans-serif; color:#039; font-size:12px; text-align:center; font-weight:normal; margin:0;}


/* => CLASSES (*_*) */
.texto{font-family:Verdana, Geneva, sans-serif; color:#039; font-size:12px; text-align:justify; font-weight:normal;}


/* => TEMPLATE (; */
#base{width:980px; margin:auto; text-align:left;}
#topo{width:980px; height:416px;}
#navegacao{width:980px; _height:300px; min-height:430px; background:#FEFDFB;}


/*TOPO*/
#logomarca{background:url(../images/logoTopo.png); width:128px; height:121px; position:absolute; margin:0px 0 0 100px; z-index:3;}
#linguagens{position:absolute; margin:60px 0 0 875px; height:20px;}
#palmeira{background:url(../images/palmeira.png); width:216px; height:347px; position:absolute; margin:58px 0 0 12px;}
#cadeira{background:url(../images/cadeira_praia.png); width:243px; height:211px; position:absolute; margin:100px 0 0 616px;}


/*RESERVAS*/
#reservasonline{width:177px; height:40px; position:absolute; margin:23px 0 0 802px; z-index:5;}
#reservaesq{background:url(../images/praia_dos_anjos.png); width:22px; height:40px; float:left;}
#reservasMeio{background:url(../images/rio_de_janeiro.png) repeat-x; width:139px; height:40px; float:left;}
#reservasMeio a{color:#FF0; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; line-height:30px; text-indent:10px;}
#reservasMeio a:hover{ color:#FFF; font-size:13px; text-indent:10px;}
#reservasFim{background:url(../images/posada_en_rio_de_janeiro.png) no-repeat; width:16px; height:40px; float:right;}

#t1{background:url(../images/albergue.jpg); width:55px; height:416px; float:left;}
#t2{background:url(../images/arraial_do_cabo_pousadas.jpg); width:97px; height:416px; float:left;}
#t3{background:url(../images/carteira_de_alberguista.jpg); width:85px; height:145px; float:left;}
#t4{background:url(../images/carteirinha_de_albergue.jpg); width:84px; height:145px; float:left;}
#t5{background:url(../images/hi_hostel.jpg); width:86px; height:145px; float:left;}
#t6{background:url(../images/hostel.jpg); width:84px; height:145px; float:left;}
#t7{background:url(../images/hoteis_em_arraial_do_cabo.jpg); width:85px; height:145px; float:left;}
#t8{background:url(../images/villas_boas.jpg); width:43px; height:145px; float:left;}
#t9{background:url(../images/albergue_arraial_do_cabo.jpg); width:97px; height:416px; float:left;}
#t10{background:url(../images/albergue_da_juventude.jpg); width:97px; height:416px; float:left;}
#t11{background:url(../images/arraial_do_cabo.jpg); width:97px; height:416px; float:left;}
#t12{background:url(../images/arraial_do_cabo_hostel.jpg); width:70px; height:416px; float:left;}

#t13{width:466px; height:269px; position:absolute; z-index:3; margin:145px 0 0 152px;}
#t14{background:url(../images/fotoPrincipalFundo.png); width:466px; height:269px; position:absolute; z-index:4; margin:145px 0 0 152px;}

/*BARRA FOTOS*/
#barraFotos{width:280px; _height:300px; min-height:300px; position:absolute; margin:320px 0 0 600px;}
#fotosPrincipal{width:280px; _height:150px; min-height:150px; margin:0 0 0 25px;}
#barraDireito{width:107px; height:120px; background:url(../images/kombi.jpg); float:right; margin:25px 10px 0 0;}
#barraEsquerdo{width:113px; height:86px; background:url(../images/loneyPlanet.jpg); float:left; margin:40px 0 0 0;}

/*menu*/
#menu{width:780px; height:29px; position:absolute; margin-left:200px; z-index:2;}
#menuInicio{background:url(../images/hostelling_international.png) no-repeat; width:24px; height:29px; float:left;}
#menuMeio{background:url(../images/hostels_arraial_do_cabo.png) repeat-x; width:733px; height:29px; float:left;}

#menuMeio a{color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding:0 3px 0 3px; position:relative; text-decoration:none; display:inline-block; vertical-align:top; line-height:20px; font-weight:bold;}

#menuMeio a:hover{color:#F00;}


#menuFim{background:url(../images/hostel_rio_de_janeiro.jpg); width:23px; height:29px; float:left;}


/*NAVEGAÇÃO*/
#conteudo{width:535px; display:block; _height:300px; min-height:300px; margin:5px 0 0 85px;}

/*PRINCIPAL*/
#centroPrincipal{width:505px; _height:326px; min-height:326px; margin:0 0 0 30px; }


/*RODAPE*/
#musica{width:150px; position:absolute; margin-top:14px; height:19px; margin-left:830px;}
#rodapeTexto{width:650px; height:41px; float:left; text-align:center; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:41px;}
#rodapeLinks{width:320px; height:41px; float:right;}
#textoRodape{width:980px; text-align:center; font-family:Verdana, Geneva, sans-serif; color:#039; font-size:11px; _height:30px; min-height:30px; display:block; vertical-align:middle;}
#rodape{width:980px; height:80px; background:#FEFDFB; clear:both;}
#rodapeGeral{background:url(../images/mergulho_arraial_do_cabo.jpg); width:980px; height:41px;}


/*RODAPE AJAX*/
#slideup {
DISPLAY: none;  LEFT: 0px; margin:auto; WIDTH: 100%; BOTTOM: 0px; POSITION:fixed; HEIGHT: 95px; TEXT-ALIGN: center
}
#deslideup {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#deslideup A {
	COLOR: #fff; TEXT-DECORATION: none
}