* { margin:0; padding:0;} body {font-family:Verdana; font-size:100%; line-height:0.875em; color:#333638; background:url(../images/fondo.jpg) repeat-x; background-color:#871d04;} .clear { clear:both;} .linea_div{ width:616px;} .fleft { float:left;} .fright { float:right;} .alignright { text-align:right;} .aligncenter { text-align:center;} p { margin:0; padding:0;} .content{background:#FFFFFF;} /*==================OPTI====================*/ #opti-top { text-align:left; margin:auto; color:#ffffff; font-family:Verdana, Geneva, sans-serif; font-size:11px; margin-top:15px; padding:10px; } #opti-bottom{ margin-bottom:10px; width:1002px; margin:auto; text-align:center; color:#ffffff; font-family:Verdana, Geneva, sans-serif; font-size:10px; } #opti-bottom h1 {text-decoration: none;color: #b39b70; font-weight:bold; } #opti-bottom a:link {color: #b39b70; text-decoration: none;} #opti-bottom a:visited {text-decoration: none;color: #b39b70;} #opti-bottom a:hover {text-decoration: underline;color: #b39b70;} #opti-bottom a:active {text-decoration: none;color: #b39b70;} /*==================forms====================*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} .form { height:26px; color:#676767; font-family:Verdana; font-size:11px;} /*.form input {width:460px; height:18px; background:#ffffff; border:1px solid #755a27; color:#676767; font-family:verdana; font-size:11px;}*/ textarea { width:460px; height:100px; background:#fff; overflow:auto; border:1px solid #303030; color:#333638; font-family:verdana; font-size:11px;} .reserveform { height:26px; text-align:left;} .reserveform input {width:87px; height:18px; background:#ffffff; border:1px solid #755a27; color:#7d756b; font-family:arial; font-size:10px;} .reserveform select {width:40px; height:18px; background:#ffffff; border:1px solid #755a27; color:#7d756b; font-family:arial; font-size:10px;} .reserveform2 {text-align:left;} .reserveform2 input {width:87px; height:18px; background:#ffffff; border:1px solid #755a27; color:#7d756b; font-family:arial; font-size:10px;} .reserveform2 select {width:40px; height:18px; background:#ffffff; border:1px solid #755a27; color:#7d756b; font-family:arial; font-size:10px;} /*==================list====================*/ ul { list-style:none;} .list1 li a { background:url(../start/english/includes/images/marker.gif) no-repeat 0 5px; padding-left:14px; line-height:1.63em; color:#333638;} /*==================txt, links, lines, titles====================*/ a {color:#29a5ed;} a:hover{text-decoration:none;} .link1 { background:url(../start/english/includes/images/marker1.gif) no-repeat 0 4px; padding-left:14px;} .link2 { background:url(../start/english/includes/images/marker.gif) no-repeat 0 5px; padding-left:14px; color:#333638; font-weight:bold;} .title { margin-bottom:15px;} .title1 { position:relative; top:-13px; left:-17px;} .caja1 {margin-top:32px;} /*subir*/ .subir { font-family:Verdana; color:#676767;} .subir a:link {color: #676767;text-decoration: none;} .subir a:visited {text-decoration: none;color: #676767;} .subir a:hover {text-decoration: underline;color: #676767;} .subir a:active {text-decoration: none;color: #676767} /*==========================================*/ /*header*/ #header .row_1 { width:1002px;} #header .row_1 .indent { margin:0 auto;} #header .row_1 .indent2 {margin:0 auto;} /*==========================================*/ /*content*/ #content { width:1002px; background:#FFFFFF;} /*==========================================*/ /*footer*/ #footer_index .indent { padding-top:10px; width:100%; font:Verdana; size:10px; color:#FFFFFF; height:60px; background:url(../images/foot.jpg) repeat;} #footer .indent { padding-top:10px; width:1002px; height:164px;text-align:center;position:absolute; left:50%; margin-left:-501px;} #footer .indent .address {width:317px; float:left; padding-top:15px; padding-left:50px; position:absolute; left:0px;} #footer .indent .on_web { width:192px; float:left; padding-top:15px; position:absolute; left:360px;} #footer .indent .on_web .title_web{padding-bottom:8px;} #footer .indent .on_web .ico_web1 { padding-bottom:10px; text-align:left; padding-left:30px;} #footer .indent .on_web .ico_web2 {padding-bottom:10px; text-align:left; padding-left:30px;} #footer .indent .on_web .ico_web3 {padding-bottom:10px; text-align:left; padding-left:30px;} #footer .indent .on_web .ico_web4 {padding-bottom:10px; text-align:left; padding-left:30px;} #footer .indent .navigation { width:144px; float:left; padding-top:15px; position:absolute; left:390px;} #footer .indent .navigation .title_navigation{padding-bottom:8px;} #footer .indent .navigation .ico_navigation1 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .navigation .ico_navigation2 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .navigation .ico_navigation3 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .navigation .ico_navigation4 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .quick_links { width:129px; float:left; padding-top:15px; position:absolute; left:595px;} #footer .indent .quick_links .title_quick {padding-bottom:8px;} #footer .indent .quick_links .ico_quick1 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .quick_links .ico_quick2 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .quick_links .ico_quick3 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .members { width:220px; float:left; padding-top:15px; position:absolute; left:781px;} #footer .indent .members .title_members {padding-bottom:8px; padding-right:90px;} #footer .indent .members .ico_members1 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent .members .ico_members2 {padding-bottom:10px; text-align:left; padding-left:20px;} #footer .indent a:link {color: #b39b70; text-decoration: none;} #footer .indent a:visited {text-decoration: none;color: #b39b70;} #footer .indent a:hover {text-decoration: underline;color: #b39b70;} #footer .indent a:active {text-decoration: none;color: #b39b70;} a:link {color: #FFFFFF;text-decoration: none;} a:visited {text-decoration: none;color: #FFFFFF;} a:hover {text-decoration: underline;color: #FFFFFF;} a:active {text-decoration: none;color: #FFFFFF} /*==========================================*/ /*================== home.html ==================*/ #home #content .cuerpo {padding-left:50px; padding-top:38px; float:left; background:#FFFFFF; width:952px;} #home #content .cuerpo .col_1 {width:188px; height:350px; background:#c2aa7f; float:left;} #home #content .cuerpo .col_1 .reservetitle{ width:188px;} #home #content .cuerpo .col_1 .reserveform{ width:173px; font:Arial; font-size:10px; color:#FFFFFF; padding-left:15px;} #home #content .cuerpo .col_2 {width:464px; float:left; background:#FFFFFF;} #home #content .cuerpo .col_2 .welcome {width:464px; margin:0 auto;} #home #content .cuerpo .col_2 .indextexto {padding-top:2px; padding-left:28px; color:#838383; margin-right:30px;} #home #content .cuerpo .col_3 {width:247px; height:349px; float:left; background:#FFFFFF; background:url(../images/links_index.jpg) no-repeat;} #home #content .cuerpo .col_3 .map_ch{margin:10px 0 26px 11px; } #home #content .cuerpo .col_3 .weather{ width:228px; height:79px; margin-left:9px; overflow:hidden;} #home #content .cuerpo .col_3 .hacienda_ch{margin:21px 0 15px 10px;} #home #content .container { width:1002px;} /*==========================================*/ /*================== contacto.html ==================*/ #contacto #content .cuerpo {padding-left:50px; padding-top:38px; background:#FFFFFF; width:952px; height:695px;} #contacto #content .cuerpo .col_1 {width:656px; height:661px; float:left; font-family:Verdana; font-size:11px; color:#676767; background:url(../images/fondo_contacto.jpg) no-repeat;} #contacto #content .cuerpo .col_1 .form {width:656px; } #contacto #content .cuerpo .col_1 .form .title_contacto{width:656px;} #contacto #content .cuerpo .col_1 .form .last_name{ width:636px; margin-top:30px; padding-left:20px;} #contacto #content .cuerpo .col_1 .form .first_name{ width:636px; margin-top:25px; padding-left:20px;} #contacto #content .cuerpo .col_1 .form .address{ width:636px; margin-top:23px; padding-left:20px;} #contacto #content .cuerpo .col_1 .form .city{ width:636px; margin-top:23px; padding-left:20px;} #contacto #content .cuerpo .col_1 .form .country{ width:636px; margin-top:23px; padding-left:20px;} #contacto #content .cuerpo .col_1 .form .mail{ width:636px; margin-top:25px; padding-left:20px;} #contacto #content .cuerpo .col_1 .form .comentary{ width:636px; margin-top:34px; padding-left:20px;} #contacto #content .cuerpo .col_1 .form .btn{ width:600px; margin-top:35px; text-align:right;} #contacto #content .cuerpo .col_1 .form .texto_formulario{ width:636px; margin-top:30px; padding-left:20px;} #contacto #content .cuerpo .col_2 {float:left; height:695px; width:246px;} #contacto #content .cuerpo .col_2 .reserveform2 {width:178px; height:263px; font:Arial; size:10px; color:#FFFFFF; background:url(../images/reserve_now2.jpg) no-repeat; margin-left:4px; padding:0 0 0 60px;} #contacto #content .cuerpo .col_2 .links_contact { width:246px; height:422px; background:#FFFFFF; background:url(../images/links_index2.jpg) no-repeat;} #contacto #content .cuerpo .col_2 .links_contact .map_ch2{padding:11px 0 24px 11px;} #contacto #content .cuerpo .col_2 .links_contact .weather2{width:228px; height:87px; margin-left:10px; overflow:hidden;} #contacto #content .cuerpo .col_2 .links_contact .hacienda_ch2{padding:27px 0 15px 10px;} #contacto #content .container { width:1002px;} /*==========================================*/ /*================== habitaciones.html ==================*/ #habitaciones #content .cuerpo {padding-left:50px; padding-top:38px; background:#FFFFFF; width:952px; height:695px;} #habitaciones #content .cuerpo .col_1 {width:656px; height:661px; float:left; font-family:Verdana; font-size:11px; color:#676767; } #habitaciones #content .cuerpo .col_1 .title_habitaciones {width:656px;} #habitaciones #content .cuerpo .col_1 .fotos_habitaciones {width:639px; height:539px; background:url(../images/fondo_habitaciones.jpg) no-repeat; margin-top:20px;} #habitaciones #content .cuerpo .col_1 .fotos_habitaciones .foto_habitacione1 { padding-left:12px; margin-top:11px; float:left;} #habitaciones #content .cuerpo .col_1 .fotos_habitaciones .foto_habitacione2 { padding-left:45px; margin-top:10px; float:left;} #habitaciones #content .cuerpo .col_1 .fotos_habitaciones .foto_habitacione3 { padding-left:12px; margin-top:57px; float:left;} #habitaciones #content .cuerpo .col_1 .fotos_habitaciones .foto_habitacione4 { padding-left:45px; margin-top:57px; float:left;} #habitaciones #content .cuerpo .col_1 .texto_habitaciones {width:635px; font-family:verdana; font-size:11px; color:#999898; margin-top:30px;} #habitaciones #content .cuerpo .col_2 {float:left; height:695px; width:246px;} #habitaciones #content .cuerpo .col_2 .reserveform2 {width:178px; height:263px; font:Arial; size:10px; color:#FFFFFF; background:url(../images/reserve_now2.jpg) no-repeat; margin-left:4px; padding:0 0 0 60px;} #habitaciones #content .cuerpo .col_2 .links_contact { width:246px; height:429px; background:#FFFFFF; background:url(../images/links_index2.jpg) no-repeat;} #habitaciones #content .cuerpo .col_2 .links_contact .map_ch2{padding:11px 0 24px 11px;} #habitaciones #content .cuerpo .col_2 .links_contact .weather2{width:228px; height:87px; margin-left:10px; overflow:hidden;} #habitaciones #content .cuerpo .col_2 .links_contact .hacienda_ch2{padding:27px 0 15px 10px;} #habitaciones #content .container { width:1002px;} /*==========================================*/ /*================== servicios.html ==================*/ #servicios #content .cuerpo {padding-left:50px; padding-top:38px; background:#FFFFFF; width:952px; height:1317px;} #servicios #content .cuerpo .col_1 {width:656px;float:left; font-family:Verdana; font-size:11px; color:#676767; } #servicios #content .cuerpo .col_1 .title_servicios {width:622px;} #servicios #content .cuerpo .col_1 .algarrobo { width:622px;} #servicios #content .cuerpo .col_1 .algarrobo .foto_algarrobo { float:left; width:316px; height:233px; margin-top:39px;} #servicios #content .cuerpo .col_1 .algarrobo .der_algarrobo{ float:left; width:306px;} #servicios #content .cuerpo .col_1 .algarrobo .der_algarrobo .title_algarrobo{} #servicios #content .cuerpo .col_1 .algarrobo .der_algarrobo .texto_algarrobo {background-color:#ecddc1; padding:17px 14px 19px 24px;} #servicios #content .cuerpo .col_1 .algarrobo .linea_servicio1 { float:left;} #servicios #content .cuerpo .col_1 .subir { width:622px; text-align:right; float:left;} #servicios #content .cuerpo .col_2 {float:left; height:695px; width:246px;} #servicios #content .cuerpo .col_2 .reserveform2 {width:178px; height:263px; font:Arial; size:10px; color:#FFFFFF; background:url(../images/reserve_now2.jpg) no-repeat; margin-left:4px; padding:0 0 0 60px;} #servicios #content .cuerpo .col_2 .links_contact { width:246px; height:422px; background:#FFFFFF; background:url(../images/links_index2.jpg) no-repeat;} #servicios #content .cuerpo .col_2 .links_contact .map_ch2{padding:11px 0 24px 11px;} #servicios #content .cuerpo .col_2 .links_contact .weather2{width:228px; height:87px; margin-left:10px; overflow:hidden;} #servicios #content .cuerpo .col_2 .links_contact .hacienda_ch2{padding:27px 0 15px 10px;} #servicios #content .cuerpo .col_2 .cards_logos {padding-left:3px;} #servicios #content .container { width:1002px;} /*==========================================*/ /*================== guia.html ==================*/ #guia #content .cuerpo {padding-left:50px; padding-top:38px; background:#FFFFFF; width:952px;} #guia #content .cuerpo .col_1 {width:656px; float:left; font-family:Verdana; font-size:11px; color:#676767; } #guia #content .cuerpo .col_1 .title_guia {width:656px;} #guia #content .cuerpo .col_1 .texto_guia {width:616px; margin-top:40px;} #guia #content .cuerpo .col_1 .lima {width:616px; float:left;} #guia #content .cuerpo .col_1 .lima .title_lima {width:616px; margin-top:35px;} #guia #content .cuerpo .col_1 .lima .texto_lima {width:616px;} #guia #content .cuerpo .col_1 .lima .box_lima1 {width:616px; background-color:#f5f3e7; float:left; margin-top:30px;} #guia #content .cuerpo .col_1 .lima .box_lima1 .foto_lima1{ width:230px; float:left;} #guia #content .cuerpo .col_1 .lima .box_lima1 .title_boxlima1{ width:386px;float:left;} #guia #content .cuerpo .col_1 .lima .box_lima1 .texto_boxlima1{ width:370px; float:left; padding-top:15px; padding-bottom:15px; padding-left:7px; height:auto;} #guia #content .cuerpo .col_1 .lima .box_lima2 {width:616px; background-color:#f5f3e7; float:left; margin-top:10px;} #guia #content .cuerpo .col_1 .lima .box_lima2 .foto_lima2{ width:230px; float:left;} #guia #content .cuerpo .col_1 .lima .box_lima2 .title_boxlima2{ width:386px;float:left;} #guia #content .cuerpo .col_1 .lima .box_lima2 .texto_boxlima2{ width:370px; float:left; padding-top:15px; padding-bottom:15px; padding-left:7px; height:auto;} #guia #content .cuerpo .col_1 .barranco {width:616px; margin-top:30px; float:left;} #guia #content .cuerpo .col_1 .barranco .title_barranco {width:616px;} #guia #content .cuerpo .col_1 .barranco .texto_barranco {width:616px;} #guia #content .cuerpo .col_1 .barranco .box_barranco1 {width:616px; background-color:#f5f3e7; float:left; margin-top:30px;} #guia #content .cuerpo .col_1 .barranco .box_barranco1 .foto_barranco1{ width:230px; float:left;} #guia #content .cuerpo .col_1 .barranco .box_barranco1 .title_boxbarranco1{ width:386px;float:left;} #guia #content .cuerpo .col_1 .barranco .box_barranco1 .texto_boxbarranco1{ width:370px; float:left; padding-top:15px; padding-bottom:15px; padding-left:7px; height:auto;} #guia #content .cuerpo .col_1 .barranco .box_barranco2 {width:616px; background-color:#f5f3e7; float:left; margin-top:10px;} #guia #content .cuerpo .col_1 .barranco .box_barranco2 .foto_barranco2{ width:230px; float:left;} #guia #content .cuerpo .col_1 .barranco .box_barranco2 .title_boxbarranco2{ width:386px;float:left;} #guia #content .cuerpo .col_1 .barranco .box_barranco2 .texto_boxbarranco2{ width:370px; float:left; padding-top:15px; padding-bottom:15px; padding-left:7px; height:auto;} #guia #content .cuerpo .col_1 .pachacamac {width:616px; margin-top:30px; float:left;} #guia #content .cuerpo .col_1 .pachacamac .title_pachacamac {width:616px;} #guia #content .cuerpo .col_1 .pachacamac .texto_pachacamac {width:616px;} #guia #content .cuerpo .col_1 .pachacamac .box_pachacamac {width:616px; float:left; margin-top:30px;} #guia #content .cuerpo .col_1 .pachacamac .box_pachacamac .foto_pachacamac{ width:616px; height:175px; background:url(../images/fotos_pachacamac.jpg) no-repeat;} #guia #content .cuerpo .col_1 .pachacamac .box_pachacamac .foto_pachacamac .foto_pachacamac1 { float:left; margin-top:21px; padding-left:13px;} #guia #content .cuerpo .col_1 .pachacamac .box_pachacamac .foto_pachacamac .foto_pachacamac2 { float:left; margin-top:21px; padding-left:20px;} #guia #content .cuerpo .col_1 .pachacamac .box_pachacamac .foto_pachacamac .foto_pachacamac3 { float:left; margin-top:21px; padding-left:21px;} #guia #content .cuerpo .col_1 .linea_div {width:616px; float:left; text-align:center;} #guia #content .cuerpo .col_1 .subir { width:616px; text-align:right;} #guia #content .cuerpo .col_2 {float:left; height:695px; width:246px;} #guia #content .cuerpo .col_2 .reserveform2 {width:178px; height:263px; font:Arial; size:10px; color:#FFFFFF; background:url(../images/reserve_now2.jpg) no-repeat; margin-left:4px; padding:0 0 0 60px;} #guia #content .cuerpo .col_2 .links_contact { width:246px; height:422px; background:#FFFFFF; background:url(../images/links_index2.jpg) no-repeat;} #guia #content .cuerpo .col_2 .links_contact .map_ch2 {padding:11px 0 24px 11px;} #guia #content .cuerpo .col_2 .links_contact .weather2 {width:228px; height:87px; margin-left:10px; overflow:hidden;} #guia #content .cuerpo .col_2 .links_contact .hacienda_ch2{padding:27px 0 15px 10px;} #guia #content .cuerpo .col_2 .cards_logos {padding-left:3px;} #guia #content .container { width:1002px;} /*==========================================*/ /*================== galeria.html ==================*/ #galeria #content .cuerpo {padding-left:50px; padding-top:38px; background:#FFFFFF; width:952px; height:695px;} #galeria #content .cuerpo .col_1 {width:656px; height:661px; float:left; font-family:Verdana; font-size:11px; color:#676767;} #galeria #content .cuerpo .col_1 .form {width:656px; } #galeria #content .cuerpo .col_1 .title_catamaran {width:650px;} #galeria #content .cuerpo .col_1 .foto_grande {} #galeria #content .cuerpo .col_1 .foto_grande img{width:599px; height:449px; border:10px solid #871D05; margin-top:40px;} #galeria #content .cuerpo .col_1 .foto_chica {width:619px; background-color:#624b2c;} #galeria #content .cuerpo .col_1 .foto_chica img{ margin:5px 5px 0 5px;} #galeria #content .cuerpo .col_2 {float:left; height:695px; width:246px;} #galeria #content .cuerpo .col_2 .reserveform2 {width:178px; height:263px; font:Arial; size:10px; color:#FFFFFF; background:url(../images/reserve_now2.jpg) no-repeat; margin-left:4px; padding:0 0 0 60px;} #galeria #content .cuerpo .col_2 .links_contact { width:246px; height:422px; background:#FFFFFF; background:url(../images/links_index2.jpg) no-repeat;} #galeria #content .cuerpo .col_2 .links_contact .map_ch2{padding:11px 0 24px 11px;} #galeria #content .cuerpo .col_2 .links_contact .weather2{width:228px; height:87px; margin-left:10px; overflow:hidden;} #galeria #content .cuerpo .col_2 .links_contact .hacienda_ch2{padding:27px 0 15px 10px;} #galeria #content .container { width:1002px;} .gracias{ width:656px; line-height:150%; height:661px; float:left; font-family:Verdana; font-size:22px; color:#C5AC83; font-family: "Times New Roman", Times, serif; } /*==========================================*/