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

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

}



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

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

#como01 {
           background-image: url(../aboutusImages/aboutUs01.jpg);
           width: 800px; height: 22px;
           background-color: #BDB76B;
}


    /*<<<<<<<<<<<<<<<<<< bloco conteudo=(fotos+texto) >>>>>>>>>>>>>>>>>>>*/

#conteudo {

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

             /*--------------- texto2 --------------------*/

#texto2 {

           margin-top: 0px; margin-bottom: 0px;
           float: right;   background-image: url(../aboutusImages/texto2.jpg);
           width: 292px;height: 462px;
           background-color: #BDB76B;
}
#texto2 p {
           font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 200;
           text-align: left; padding-right: 40px ; padding-top: 0px;padding-bottom: 4px;
           padding-left: 10px; margin: 0px;  line-height: 10px;
}
#texto2 h3 {
          padding-left: 10px; padding-top: 0px;
          margin: 0px ;
          font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #800000 ; font-weight: bold;
}
#texto2 h3.top {
          padding-top: 40px;
}
               /*--------------- conteudo2 ---------------*/

#conteudo2 {
        width: 508px;height: 321px; float: right;
        margin-top: 0px; margin-left: 0px;
}

              /*--------------- fotos ---------------*/
#fotos {
          width:228px;height: 321px; float: right;
          margin-top: 0px; margin-left: 0px;

}
#como03 {
           background-image: url(../aboutusImages/aboutus03.jpg);
           width: 228px; height: 28px; float: right;
           background-color: #BDB76B;
}
#bar {
           background-image: url(../aboutusImages/bar.jpg);
           width: 116px;height: 148px; float: right;
           background-color: #6699CC;
}
#mila {
           background-image: url(../aboutusImages/mila_rafa.jpg);
           width: 112px;height: 148px; float: right;
           background-color: #FF6666;
}
#vista {
           background-image: url(../aboutusImages/vista.jpg);
           width: 228px;height: 145px; float: right;
           background-color: #FFCC33;
}
              /*--------------- texto1 ---------------*/
#texto1 {
        width: 280px; height: 321px; float: right;
        margin-top: 0px; margin-left: 0px; background-image: url(../aboutusImages/texto1.jpg);
        background-color: #fff3dd;
}
#texto1 p {
           font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: 100;
           padding-left: 45px;padding-right: 10px ; padding-top: 1px; padding-bottom: 4px;
           margin: 0px;  line-height: 10px; text-align: left;
}
#texto1 h3 {
          padding-left: 45px; padding-top:20px;
          margin: 0px ;
          font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #800000 ; font-weight: bold;
}
#texto1 h3.top {
          padding-top: 35px;
}

#texto1 span {
           font-weight: bold;
}


               /*---------------conteudo3---------------*/
#conteudo3 {
        width: 508px;height: 141px; float: right;
        margin-top: 0px; margin-left: 0px;
}
#cafe {
           background-image: url(../aboutusImages/mesaCafe.jpg);
           float: left ;
           width: 219px; height: 141px;
           background-color: #FF6666;
}
#bilhar {
           background-image: url(../aboutusImages/bilhar.jpg);
           float: left ;
           width: 180px; height: 141px;
           background-color: #6699CC;
 }

#tv {
           background-image: url(../aboutusImages/sofa.jpg);
           float: left ;
           width: 109px; height: 141px;
           background-color: #FF6666;
 }



       /* <<<<<<<<<<<<<<<<<<<< bloco info >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#info {
           width: 800px; height: 142px;
           clear: both;
}
#logo {
           background-image: url(../aboutusImages/logo.jpg);
           float: left ;
           width: 298px; height: 142px;
           background-color: #BDB76B;
}
#logo h1 {
            font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #663300;
            font-weight: bolder;
            margin-left: 80px; margin-top: 89px; margin-bottom: 0px;
}
#logo h2 {
           font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #663300;
           font-weight: bold;
           margin-top: 4px; margin-bottom: 0px; margin-left: 95px;

}
#logo a {
           margin-left: 105px; margin-top: 10px; margin-bottom: 0px;
           color: #800000;  text-decoration: none;
}
#logo a:hover {
           color: #800000;text-decoration: underline;
}


#panoramica {
           background-image: url(../aboutusImages/panoramica.jpg);
           float: left ;
           width: 401px; height: 142px;
           background-color: #6699CC;
 }
#uslogo {
           background-image: url(../aboutusImages/logoUs.jpg);
           float: left ;
           width: 101px; height: 142px;
            background-color: #BDB76B;
}

      /* <<<<<<<<<<<<<<<<<<<< bloco nav >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#nav {
            height: 110px;width: 800px; clear: both;
 }
#nav a {
            font-family: Verdana; font-size: 7pt; color: #000000;
            font-weight: bold; text-decoration: none;
            text-indent: -9999px; overflow: hidden;
}


#como13 {
           background-image: url(../aboutusImages/aboutus13.jpg);
           float: left ;
           width: 131px; height: 110px;
           background-color: #BDB76B;
}
#como13 p {
           font-family: Verdana; font-size: 8px; color: #663300; font-weight: bold;
           text-align: center;
           padding-top: 45px; padding-left: 20px
}
#como20 {
           background-image: url(../aboutusImages/aboutus20.jpg);
           float: left ;
           width: 71px; height: 110px;
           background-color: #BDB76B;
}
#vazio {
           background-image: url(../aboutusImages/vazio.jpg);
           float: left ;
           width: 99px; height: 110px;
           background-color: #BDB76B;
}


           /* ************efeito rollover nav**********/
ul#roll {
          margin:0px; padding:0;
          list-style:none; width:499px; float: left;

}
ul#roll li {float:left;  }

ul#roll li a.index		{
		 width: 100px; height: 110px;
		 display: block;
         background-image: url(../aboutusImages/indexRoll.jpg);
         background-color: #FF6666;
         background-position: top ; background-repeat: no-repeat;

}

ul#roll li a.onde		{
		 width: 100px; height: 110px;
		 display: block;
         background-image: url(../aboutusImages/getRoll.jpg);
         background-color: #FFCC33;
         background-position: top ; background-repeat: no-repeat;

}
ul#roll li a.fazer		{
		 width: 99px; height: 110px;
		 display: block;
         background-image: url(../aboutusImages/visitRoll.jpg);
         background-color: #FF6666;
         background-position: top ; background-repeat: no-repeat;

}
ul#roll li a.reservas		{
		 width: 100px; height: 110px;
		 display: block;
         background-image: url(../aboutusImages/bookingRoll.jpg);
         background-color: #FFCC33;
         background-position: top ; background-repeat: no-repeat;

}
ul#roll li a.aptos		{
		 width: 100px; height: 110px;
		 display: block;
         background-image: url(../aboutusImages/roomsRoll.jpg);
         background-color: #FF6666;
         background-position: top ; background-repeat: no-repeat;

}

ul#roll li a.index:hover, ul#roll li a.onde:hover , ul#roll li a.fazer:hover ,
 ul#roll li a.reservas:hover , ul#roll li a.aptos:hover
{
		background-position: bottom ;
}

 /* -------------------------footer -------------------------------------*/
#como21 {
           background-image: url(../aboutusImages/aboutus21.jpg);
           width: 800px; height: 31px;
           background-color: #BDB76B; line-height: 0px;font-size: 1px;
}
 #como21 .codigo img {
           margin-right: 65px; border:0px; width:53px; height:11px; float: right;
}

 #como21 .cascade img {
            margin-right: 2px;border:0px; width:53px; height:11px; float: right;

}