@charset "utf-8"; /* CSS Document */ /*-Estilo General-*/ body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-top: 10px;font-size: 90%;line-height: 150%;background: #FFF} p{color: #000} #logo {margin-top: 5px;float: left;width: 480px} #logo a {color:#222} #logo a:hover {color:#222} .logo {margin-top: 2px;color: #222;line-height: 100%;font-size: 41px;list-style: none;margin-bottom: 63px} .logo2 {margin-top: -4.2em;color:#222;line-height: 100%;font-size: 15px;list-style: none} #flags {margin-top: 37px;margin-right: -4px;width: 10.5%;height: 23px;float: right} .new {color:#FF0000} a{color: #00F;text-decoration: none} a:hover {color: #000;text-decoration: none} .noborder a {color:#FFF} .noborder a:hover {color: #FFF} h1 {font-size: 217%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;color: #00F} h2 {font-size: 200%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;color: #00F} h3 {font-size: 130%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;color: #00F} /*-Layout-*/ #container {width: 800px;margin: auto;margin-top: 0px} #container #imageheader {width: 800px;margin-top: 0px;//margin-top: -10px;//height: 250px} #container #breadcrumb {width: 100%;margin-bottom: 25px} #container #contingut {width: 800px} #container #contingut #welcome {float: left;width: 450px;margin: -20px 0px ; //margin-top: 0} #container #contingut #news {margin: 20px 0px 50px 0px;width: 280px;float: right;padding: 0px 15px;border:#00C thin solid;//padding: 15px 15px} .testi {color:#FFF} #container #testimonial {background-color: #00F;padding: 5px 15px;width: 771px;margin: 7px 0px 28px 0px;//padding: 15px;//margin: -20px 0px 55px 0px} #container #barra1 {width: 100%} #container #barra2 {width: 100%} #container #barra3 {width: 100%} #container #barra4 {width: 100%} #container #barra5 {width: 100%} #container #display {width: 800px} #container #display #penthouses {width: 240px;float: left;margin-right: 40px} #container #display #copacabana {width: 240px;float: right;margin-right: 40px} #container #display #ipanema {width: 240px;float: right;margin-bottom: 30px} /*-Home-*/ #container #contingut #news #discount {width: 231px;height: 21px;color: #FFF;background-color: #00CAFC;padding: 9px 0px;margin-left: 24px} #container #contingut #news #discount a {color: #fff} #container #contingut #news #discount a:hover {width: 231px;height: 21px;color: #FFF;background-color: #00F;padding: 11px 15px} #container #display #penthouses #penthouses-in-rio-de-janeiro {width: 239px;height: 21px;background-color: #00CAFC;padding: 6px 0px} #container #display #penthouses #penthouses-in-rio-de-janeiro a {color: #fff} #container #display #penthouses #penthouses-in-rio-de-janeiro a:hover {width: 239px;height:21px;color:#FFF;background-color: #0000FF; padding: 8px 36px} #container #display #copacabana #copacabana-apartments {width: 240px;height: 21px;background-color: #00CAFC;padding: 6px 0px} #container #display #copacabana #copacabana-apartments a {color: #fff} #container #display #copacabana #copacabana-apartments a:hover {width: 240px;height: 21px;color: #FFF;background-color: #0000FF; padding: 8px 5px} #container #display #ipanema #ipanema-apartments {width: 240px; height: 21px;background-color: #00CAFC;padding: 6px 0px} #container #display #ipanema #ipanema-apartments a {color: #fff} #container #display #ipanema #ipanema-apartments a:hover {width: 240px;height: 21px;color: #FFF;background-color: #0000FF; padding: 8px 6px} /*-Penthouses-*/ #container #contingut #apartments-in-rio {margin-top: -15px} #container #contingut #apartments-in-rio #apartment1 {width: 800px;margin-top: 10px} #container #contingut #apartments-in-rio #apartment1 #pic1 {width: 240px;float: left;margin-top: 10px} #container #contingut #apartments-in-rio #apartment1 #pic1 a {color: #FFF} #container #contingut #apartments-in-rio #apartment1 #pic1 a:hover {color: #00F} #container #contingut #apartments-in-rio #apartment1 #pictext1 {width: 560px;float: right;margin-top: -3px;//margin-top: 12px} #container #contingut #apartments-in-rio #apartment1 #morepic1{width: 201px;height:21px;float: left;margin-top: 7px;margin-left: 2px; color: #FFF;background-color: #00CAFC;padding: 8px 0px} #container #contingut #apartments-in-rio #apartment1 #morepic1 a {color: #fff} #container #contingut #apartments-in-rio #apartment1 #morepic1 a:hover {width: 201px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 33px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment1 #availability1 {width: 274px;float: right;margin-right: 150px;height: 21px;margin: 7px 150px 25px 0px;color: #FFF;background-color: #00CAFC;padding: 8px 0px;//margin-top: 25px} #container #contingut #apartments-in-rio #apartment1 #availability1 a {color: #fff} #container #contingut #apartments-in-rio #apartment1 #availability1 a:hover {width: 274px;height: 22px;color: #FFF;background-color: #00F;padding: 10px 21px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment2 {width: 800px;margin-top: 25px} #container #contingut #apartments-in-rio #apartment2 #pic2 {width: 240px;float: left;margin-top: 10px} #container #contingut #apartments-in-rio #apartment2 #pic2 a {color: #FFF} #container #contingut #apartments-in-rio #apartment2 #pic2 a:hover {color: #00F} #container #contingut #apartments-in-rio #apartment2 #pictext2 {width: 560px;float: right;margin-top: -3px;//margin-top: 12px} #container #contingut #apartments-in-rio #apartment2 #morepic2{width: 201px;height:21px;float: left;margin-top: 7px;margin-left: 2px; color: #FFF;background-color: #00CAFC;padding: 8px 0px} #container #contingut #apartments-in-rio #apartment2 #morepic2 a {color: #fff} #container #contingut #apartments-in-rio #apartment2 #morepic2 a:hover {width: 201px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 33px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment2 #availability2 {width: 274px;float: right;margin-right: 150px;height: 21px;margin: 7px 150px 25px 0px;color: #FFF;background-color: #00CAFC;padding: 8px 0px;//margin-top: 25px} #container #contingut #apartments-in-rio #apartment2 #availability2 a {color: #fff} #container #contingut #apartments-in-rio #apartment2 #availability2 a:hover {width: 274px;height: 22px;color: #FFF;background-color: #00F;padding: 10px 21px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment3 {width: 800px;margin-top: 25px} #container #contingut #apartments-in-rio #apartment3 #pic3 {width: 240px;float: left;margin-top: 10px} #container #contingut #apartments-in-rio #apartment3 #pic3 a {color: #FFF} #container #contingut #apartments-in-rio #apartment3 #pic3 a:hover {color: #00F} #container #contingut #apartments-in-rio #apartment3 #pictext3 {width: 560px;float: right;margin-top: -3px;//margin-top: 12px} #container #contingut #apartments-in-rio #apartment3 #morepic3{width: 201px;height:21px;float: left;margin-top: 7px;margin-left: 2px; color: #FFF;background-color: #00CAFC;padding: 8px 0px} #container #contingut #apartments-in-rio #apartment3 #morepic3 a {color: #fff} #container #contingut #apartments-in-rio #apartment3 #morepic3 a:hover {width: 201px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 33px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment3 #availability3 {width: 274px;float: right;margin-right: 150px;height: 21px;margin: 7px 150px 25px 0px;color: #FFF;background-color: #00CAFC;padding: 8px 0px;//margin-top: 25px} #container #contingut #apartments-in-rio #apartment3 #availability3 a {color: #fff} #container #contingut #apartments-in-rio #apartment3 #availability3 a:hover {width: 274px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 21px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment4 {width: 800px;margin-top: 25px} #container #contingut #apartments-in-rio #apartment4 #pic4 {width: 240px;float: left;margin-top: 10px} #container #contingut #apartments-in-rio #apartment4 #pic4 a {color: #FFF} #container #contingut #apartments-in-rio #apartment4 #pic4 a:hover {color: #00F} #container #contingut #apartments-in-rio #apartment4 #pictext4 {width: 560px;float: right;margin-top: -3px;//margin-top: 12px} #container #contingut #apartments-in-rio #apartment4 #morepic4{width: 201px;height:21px;float: left;margin-top: 7px;margin-left: 2px; color: #FFF;background-color: #00CAFC;padding: 8px 0px} #container #contingut #apartments-in-rio #apartment4 #morepic4 a {color: #fff} #container #contingut #apartments-in-rio #apartment4 #morepic4 a:hover {width: 201px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 33px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment4 #availability4 {width: 274px;float: right;margin-right: 150px;height: 21px;margin: 7px 150px 25px 0px;color: #FFF;background-color: #00CAFC;padding: 8px 0px;//margin-top: 25px} #container #contingut #apartments-in-rio #apartment4 #availability4 a {color: #fff} #container #contingut #apartments-in-rio #apartment4 #availability4 a:hover {width: 274px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 21px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment5 {width: 800px;margin-top: 25px} #container #contingut #apartments-in-rio #apartment5 #pic5 {width: 240px;float: left;margin-top: 10px} #container #contingut #apartments-in-rio #apartment5 #pic5 a {color: #FFF} #container #contingut #apartments-in-rio #apartment5 #pic5 a:hover {color: #00F} #container #contingut #apartments-in-rio #apartment5 #pictext5 {width: 560px;float: right;margin-top: -3px;//margin-top: 12px} #container #contingut #apartments-in-rio #apartment5 #morepic5{width: 201px;height:21px;float: left;margin-top: 7px;margin-left: 2px; color: #FFF;background-color: #00CAFC;padding: 8px 0px} #container #contingut #apartments-in-rio #apartment5 #morepic5 a {color: #fff} #container #contingut #apartments-in-rio #apartment5 #morepic5 a:hover {width: 201px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 33px;margin-top: -2px} #container #contingut #apartments-in-rio #apartment5 #availability5 {width: 274px;float: right;margin-right: 150px;height: 21px;margin: 7px 150px 50px 0px;color: #FFF;background-color: #00CAFC;padding: 8px 0px;//margin-top: 15px;//margin-bottom: 70px} #container #contingut #apartments-in-rio #apartment5 #availability5 a {color: #fff} #container #contingut #apartments-in-rio #apartment5 #availability5 a:hover {width: 274px;height: 21px;color: #FFF;background-color: #00F;padding: 10px 21px;margin-top: -2px} #container #accommodation {width: 93.4%;border:#00C thin solid;padding: 5px 25px 15px 25px;margin: 40px 0px 25px 0px;//padding: 25px 25px;//margin-top: 20px} /*-Pictures-*/ #container #photos {width: 800px} #container #photos #show {width: 100%;margin: 10px 0px ;//margin: 5px 0px} #container #photos #previous {width: 95px;float: left;margin: 7px 35px 0px 175px;height: 21px;color: #FFF;background-color: #00CAFC;padding: 7px 0px 8px 0px;//margin-top: 7px} #container #photos #previous a {color: #fff} #container #photos #previous a:hover {width: 95px;height: 19px;color: #FFF;background-color: #00F;padding: 9px 20px;margin-top: -1px} #container #photos #next {width: 95px;float: right;margin-right: 175px;height: 21px;margin-top: -54px;color: #FFF;background-color: #00CAFC;padding: 7px 0px 8px 0px;//margin: -49px 175px 10px 0px} #container #photos #next a {color: #fff} #container #photos #next a:hover {width: 94px;height: 19px;color: #FFF;background-color: #00F;padding: 9px 17px;margin-top: -1px} #container #photos #availability {width: 274px;float: right;margin-right: 95px;height: 20px;margin-top: 10px;color: #FFF;background-color: #00CAFC;padding: 8px 0px;//margin-top: 15px} #container #photos #availability a {color: #fff} #container #photos #availability a:hover {width: 274px;height: 21px;color: #FFF;background-color: #00F;padding: 9px 21px;margin-top: -1px} #container #photos #back {width: 274px;float: left;margin-left: 95px;height: 20px;margin-top: 10px;color: #FFF;background-color: #00CAFC;padding: 8px 0px;//margin-top: 15px} #container #photos #back a {color: #fff} #container #photos #back a:hover {width: 274px;height: 20px;color: #FFF;background-color: #00F;padding: 9px 36px;margin-top: -2px} #container #photos a {list-style: none; color: #FFF} #container #photos a:hover {list-style: none; color: #fff} #container #pent {margin-bottom: 25px;//margin-bottom: -10px} /*-Services-*/ #container #contingut #services {width: 45%;float: left;margin-top: -25px;//margin-top: 0px} #container #contingut #fotoserv {width: 55%;float:right;margin-right:-10px; //margin-top: 5px} /*-Menu Principal-*/ #menu {background: #00F;width: 800px;height: 28px;//height: 29px} #container #menu ul {list-style: none;margin: 0px 5px;display: inline} #container #menu ul li{float: left} #container #menu ul li a {display: block;position: relative;margin-top: 0px;background: #00F;color: #FFF;font-weight: bold;text-decoration: none;padding: 3px 15px;//padding: 5px 15px;//margin-top: -2px} #container #menu ul li a:hover {background: #FFF;color: #00F} #container #menu ul li.seleccionado a {background: #FFF;color: #00F} /*-Menu Pie-*/ #menu_down {background: #00F;width: 800px;height: 28px;clear: both} #menu_down ul {padding-left: 105px;list-style: none;margin: 0px 5px} #menu_down ul li{float: left} #menu_down ul li a {display:block;position: relative;margin-top: 3px;background: #00F;color: #FFF;font-weight: bold;text-decoration: none} #menu_down ul li a:hover {background: #FFF;color: #00F;} #contact_details {padding-left: 10px} #contact_details a {color: #00F}