/* ///////////////////////////geral \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

body {
        background: #000000; margin-top: 0px;
}
#container {
        width: 800px;
        position: relative;
        left: 50%;
        margin-left: -400px;
}


/* ///////////////////////construcao dos blocos \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* <<<<<<<<<<<<<<<<<<<<<<<<<,bloco header>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


#index01 {
           background-image: url(../englishImages/index01.jpg);
           width: 800px; height: 37px;
           background-color: #FFFFFF;
}
#index01 p {
           font-family: Verdana; font-size: 8px; color: #663300; font-weight: bold;
           text-align: right;
           padding-right: 30px; padding-top: 17px;
}


 /*<<<<<<<<<<<<<<<<<<bloco conteudo=(imagem+info+main-nav)>>>>>>>>>>>>>>>>>>>*/

#conteudo {

        width: 800px;
        margin-top: 0px; margin-left: 0px; margin-right: 130px;
}

    /*---------------------------main-nav-----------------------------*/
#main-nav {

           margin-top: 0px; margin-bottom: 0px;
           float: right;
           width: 130px;
           clear: both;
}
ul#roll
{
          margin: 0; padding: 0;list-style:none;
          color: #800000;text-indent: -9999px; overflow: hidden;
}

        /* ************efeito rollover main-nav**********/
ul#roll li a.como
{        width: 130px; height: 102px;
		 display: block;
         background-image: url(../englishImages/aboutusRoll.jpg);
         background-color: #996600;
         background-position: top ; background-repeat: no-repeat;
}

ul#roll li a.aptos
{
         width: 130px; height: 102px;
		 display: block;
         background-image: url(../englishImages/roomsRoll.jpg);
         background-color: #BBBBBB;
         background-position: top ; background-repeat: no-repeat;
}

ul#roll li a.onde
{
		 width: 130px; height: 102px;
		 display: block;
         background-image: url(../englishImages/getAtRoll.jpg);
         background-color: #996600;
         background-position: top; background-repeat: no-repeat;
 }

ul#roll li a.fazer
{
		 width: 130px; height: 102px;
		 display: block;
         background-image: url(../englishImages/visitRoll.jpg);
         background-color: #BBBBBB;
         background-position: top; background-repeat: no-repeat;
}

ul#roll li a.reservas
{
		 width: 130px; height: 102px;
		 display: block;
         background-image: url(../englishImages/bookingRoll.jpg);
         background-color: #996600;
         background-position: top; background-repeat: no-repeat;
}

ul#roll li a.blog
{
		 width: 130px; height: 102px;
		 display: block;
         background-image: url(../englishImages/blogRoll.jpg);
         background-color: #BBBBBB;
         background-position: top ; background-repeat: no-repeat;
 }

ul#roll li a.como:hover, ul#roll li a.aptos:hover , ul#roll li a.onde:hover ,
ul#roll li a.fazer:hover ,ul#roll li a.reservas:hover, ul#roll li a.blog:hover
{
		background-position: bottom ; text-decoration: underline;
}



              /*---------------imagem--------------------*/
#imagem {
        float: right;
        width: 670px;height: 394px;height: 394px;
        margin-top: 0px;
}

#index02 {
           background-image: url(../englishImages/index02.jpg);
           margin-top: 0px; float: left;
           width: 46px; height: 394px;
           background-color: #FFFFFF;
}
#index04 {
           background-image: url(../englishImages/index04.jpg);
           margin-top: 0px;  float: left;
           width: 34px; height: 394px;
           background-color: #FFFFFF;
 }
#foto {
          background-image: url(../englishImages/foto.jpg);
          margin-top: 0px; float: left;
          width: 590px; height: 394px;
          background-color: #CC0000;
}
#foto p {
           margin-top: 0px; margin-left: 0px; margin-bottom: 0px;
           font-family: Verdana; font-size: 12px; color: #FAF4D9;  font-weight:bold;
           width: 180px;
           padding-left: 20px; padding-top: 20px;
}
                  /*------------info---------------*/
#info {
        float: right;
        width: 670px;height: 218px;
        margin-top: 0px;

}
#index11 {
           background-image: url(../englishImages/index11.jpg);
           margin-top: 0px;  float: left ;
           width: 156px; height: 218px;
           background-color: #FFFFFF;
}
#index11 p {
               font-weight: bold;
               font-family: Arial; font-size: 16px; color: #000099;
               padding-top: 40px;
               line-height: 22px; padding-right: 30px;padding-left: 10px;

}
#entaova {
           background-image: url(../englishImages/entaoVa.jpg);
           margin-top: 0px;  float: left ;
           width: 173px; height: 218px;
           background-color: #FFFFFF;

}
#logo {
           background-image: url(../englishImages/logo.jpg);
           margin-top: 0px; float: left ;
           width: 341px; height: 218px;
           background-color: #FFFFFF;
}

#logo h1 {
            font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #663300;
            font-weight: bold;
            margin-left: 85px; margin-top: 105px; margin-bottom: 0px; margin-right: 25px;
}
#logo h2 {
           color: #663300; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #663300;
           margin-left: 85px; margin-top: 12px; margin-bottom: 3px;margin-right: 0px;
}
#logo a {
           margin-left: 115px; margin-top: 0px; margin-bottom: 0px;
           color: #800000;  text-decoration: none;
}
#logo a:hover {
           color: #800000;
           text-decoration: underline;
}
#logo p {
           margin-left: 80px; margin-top: 7px; margin-bottom: 0px;
           font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #663300;
           font-weight: bold; padding-left: 20px; text-align: left;
}
#logo img
 {
          float: left; margin-top: 0px; margin-left: 65px;
}



/* <<<<<<<<<<<<<<<<<<<bloco footer (alt-nav + index21>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#footer {
        width: 800px;
        margin-top: 0px; margin-left: 0px; margin-bottom: 0px;
        clear: both;
}
    /* -------------------------alt-nav -------------------------------------*/
#altnav {
        height: 20px;width: 800px;
}
#altnav a {
            font-family: Verdana; font-size: 10px; color: #663300;
            font-weight: bold; text-decoration: none;
            text-align: center;
}

#altnav a:hover {
            color: #800000;
}
#index14 {
           background-image: url(../englishImages/index14.jpg);
           float: left ;
           width: 64px; height: 20px;
           background-color: #FFFFFF;
}
#index20 {
           background-image: url(../englishImages/index20.jpg);
           float: left ;
           width: 181px; height: 20px;
           background-color: #FFFFFF;
}


           /* ************efeito rollover alt-nav**********/
ul#roll2 {
          margin:0px; padding:0;
          list-style:none; width:555px; float: left;
}
ul#roll2 li {float:left;  }

ul#roll2 li a.tempo		{
		 width: 97px; height: 20px;
		 display: block;
         background-image: url(../englishImages/tempoRoll.jpg);
         background-color: #AAAAAA;
         background-position: top ; background-repeat: no-repeat;
         text-align: center;
}

ul#roll2 li a.ondas		{
		 width: 102px; height: 20px;
		 display: block;
         background-image: url(../englishImages/ondasRoll.jpg);
         background-color: #DDDDDD;
         background-position: top ; background-repeat: no-repeat;

}
ul#roll2 li a.estradas		{
		 width: 122px; height: 20px;
		 display: block;
         background-image: url(../englishImages/estradasRoll.jpg);
         background-color: #AAAAAA;
         background-position: top ; background-repeat: no-repeat;

}
ul#roll2 li a.publi		{
		 width: 141px; height: 20px;
		 display: block;
         background-image: url(../englishImages/publiRoll.jpg);
         background-color: #DDDDDD;
         background-position: top ; background-repeat: no-repeat;

}
ul#roll2 li a.portu		{
		 width: 93px; height: 20px;
		 display: block;
         background-image: url(../englishImages/portugRoll.jpg);
         background-color: #AAAAAA;
         background-position: top ; background-repeat: no-repeat;

}

ul#roll2 li a.tempo:hover, ul#roll2 li a.ondas:hover , ul#roll2 li a.estradas:hover ,
 ul#roll2 li a.publi:hover , ul#roll2 li a.portu:hover
{
		background-position: bottom ; text-decoration: underline;
}


/* -------------------------index21 -------------------------------------*/

#index21 {
          background-image: url(../englishImages/index21.jpg);
          margin-top: 0px; margin-left: 0px;
          height: 37px;width: 800px; line-height: 0px; font-size: 1px;
          background-color: #FFFFFF;
}
 #index21 .codigo img {
           margin-right: 25px; border:0px; width:53px; height:13px; float: right;
}

 #index21 .cascade img {
           margin-right: 5px;border:0px; width:53px; height:13px; float: right;
}