body{text-align:center;background:#5C8B9B url(style/bg-degradado.jpg) left top repeat-x;font:normal 12px Verdana,Arial,Helvetica,sans-serif }
#fondo_playa{position:fixed;bottom:0;left:0;width:100%;height:63px;background:url(style/patron-playa-trans.png) repeat-x}
#fondo{background:url(style/palmas.jpg) top left repeat-x}
#layout{width:885px;margin:0 auto;text-align:left;padding-top:45px}
h1#tituloSitio{float:left;color:#2c5666;font-size:24px;margin-bottom:12px; font-family:Verdana, "Arial", Helvetica, sans-serif, Times New Roman, Times, serif; font-weight:lighter}
#music{margin-top:16px;text-align:right;}
#principal{position:relative}
.principal_top{clear:both;position:relative;overflow:hidden}
.principal_tl{position:absolute;left:0;background:url(style/principal_tl-trans.png) top left no-repeat;height:9px;width:9px;overflow:hidden}
.principal_tr{position:absolute;right:0;background:url(style/principal_tr-trans.png) top left no-repeat;height:9px;width:10px;overflow:hidden}
.principal_t{margin:0 10px 0 9px;background:url(style/principal_t-trans.png) top left repeat-x;height:9px;overflow:hidden}
.principal_bottom{position:relative;overflow:hidden;}
.principal_bl{position:absolute;left:0;background:url(style/principal_bl-trans.png) top left no-repeat;height:9px;width:10px;overflow:hidden}
.principal_br{position:absolute;right:0;background:url(style/principal_br-trans.png) top left no-repeat;height:9px;width:10px;overflow:hidden}
.principal_b{margin:0 9px;background:url(style/principal_b-trans.png) top left repeat-x;height:9px;overflow:hidden}
.principal_left{position:absolute;left:0;top:0;background:url(style/principal_l-trans.png) top left repeat-y;width:2px;height:100%}
.principal_right{position:absolute;right:0;top:0;background:url(style/principal_r-trans.png) top left repeat-y;width:3px;height:100%}
.principal_fondo{background:#fff;margin:0 3px 0 2px;padding:13px 16px 13px}
#logo{position:absolute;top:7px;left:11px;z-index:1}
#logo_oceanside{position:absolute;bottom:7px;left:11px;z-index:1}
#menu{float:left;width:140px;margin-right:9px;list-style:none;margin:100px 0 0;z-index:1;position:relative}
#menu li{position:relative;height:30px}
#menu a,#menu a:visited{text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;color:#5d8b8b;text-align:center;display:block;height:30px;line-height:30px;width:130px;overflow:hidden}
#menu a:hover,#menu a:visited:hover,#menu a.selected,#menu a.selected:visited:hover{
background:url(style/menu.png) no-repeat;
color:#070;
}
#menu ul{position:absolute;top:0;left:100%;width:219px;z-index:1;list-style:none;margin:0;display:none;background:url(style/submenu_b-trans.png) left bottom no-repeat;padding-bottom:9px}
#menu ul li{overflow:hidden;background:url(style/submenu-trans.png) repeat-y}
#menu ul li.vacio{position:relative;top:1px;z-index:10;background:url(style/submenu_t-trans.png) top left no-repeat;height:6px}
#menu ul li a,#menu ul li a:visited{display:block;text-align:left;margin:0 10px;width:auto;border-bottom:1px solid #c4dbd6;border-top:1px solid #fbfdfc;padding-left:4px}
#menu ul li a:hover,#menu ul li a:visited:hover{background:none}
#menu_inferior_container{position:relative;width:810px;height:35px;top:-2px;margin:0 auto;overflow:hidden;}
#menu_inferior{margin:0;height:35px;text-align:center;list-style:none;background:url(style/menu_inferior-trans.png) no-repeat;}
#menu_inferior li{display:inline;padding:0 15px}
#menu_inferior a,#menu_inferior a:visited{text-decoration:none;color:#fff;font-size:13px;line-height:30px}
#menu_inferior a:hover,#menu_inferior a:visited:hover{color:#ca772f;}
#footer{position:relative;margin-top:24px;clear:both;text-align:center;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;color:#000;padding-bottom:20px}
#footer .correo{color:#184553;text-decoration:none;font-weight:normal}
#solemti{position:absolute;right:10px;top:0}
.contenido{margin-top:40px;position:relative;float:left}
.esquina_superior{position:absolute;top:0;left:0;background:url(style/esquina_superior-trans.png) left top no-repeat;width:152px;height:53px}
.contenido .sombra{position:absolute;top:0;left:0;height:100%;width:4px;background:url(style/contenido_sombra-trans.png) top left repeat-y;}
#content{text-align:justify;height:409px;overflow:auto;overflow-y:auto;overflow-x:hidden;width:706px;background:#f0f0f0}
.frases{font-family:Verdana, 'Arial', Helvetica, sans-serif;font-size:17px;background:#98b0c1 url(style/frases_esquina.png) right bottom no-repeat;color:#1d2b30;line-height:33px;text-align:right;padding-right:12px}

#content{padding:15px;width:676px;height:379px;position:relative}

#content h1.page_title{text-align:right;color:#2c5666;font:bold 12px Verdana,Arial,Helvetica,sans-serif;margin:5px}

#VSR{text-align:center;margin:0 0 10px}
#bloqueTexto h1{color:#2c5666;font:bold 12px Verdana,Arial,Helvetica,sans-serif;margin-bottom:10px}
.video_mzt{float:right;padding-left:10px}
.video_solo{width:390px; margin:0 auto}
.imagen{position:relative;float:left;margin-bottom:15px}
.imagen_tl{position:absolute;top:0;left:0;background:url(style/imagen_tl-trans.png) no-repeat;width:3px;height:3px}
.imagen_tr{position:absolute;top:0;right:0;background:url(style/imagen_tr-trans.png) no-repeat;width:3px;height:3px}
.imagen_bl{position:absolute;bottom:0;left:0;background:url(style/imagen_bl-trans.png) no-repeat;width:3px;height:3px}
.imagen_br{position:absolute;bottom:0;right:0;background:url(style/imagen_br-trans.png) no-repeat;width:3px;height:3px}
.img_der{float:right;margin-left:15px;margin-bottom:10px}
.img_center{margin-top:30px}

.spacer{clear:both}

#content p {margin-bottom:10px}


/* Noticias */
#noticias p{margin-top:0;margin-bottom:10px}
#noticias{padding:0 0}
#noticias hr{width:100%;margin:5px 0;background:#d9d9d9;border:solid 1px #d9d9d9}
#noticias .new{position:relative}
#noticias .new hr{margin:0;padding:0}
#noticias .new hr.long{width:310px;border:0;border-top:#e0e0e0 solid 1px;background:#4e4640}
#noticias .new hr.short{width:105px;border:0;border-top:#4e4640 solid 1px;background:#e0e0e0;margin-bottom:10px}
#noticias .new hr.normal{width:100%;border:solid 1px #d9d9d9;margin:5px 0}
#noticias .new span.gallery_purple{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#451919;float:right;}
#noticias .new span.gallery_orange{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#d65a10;}
#noticias h2{text-transform:none;color:#5D8B8B;margin:0}
#noticias .description{clear:left}
.new h1{font-size:14px;font-weight:bold}
#noticias a.return{font-weight:bold;margin-right:5px;text-decoration:none;text-align:center;color:#d65a10;background:url('style/pag_control.png') no-repeat;display:block;width:95px;float:right;line-height:20px}
#noticias a.return:hover{color:#ad8935}
#noticias a.control{margin-right:5px;float:right;width:23px;text-align:center;display:block;text-decoration:none;color:#d65a10;background:url('style/pag_link.png') no-repeat;line-height:20px}
#noticias a.control:hover{background:url('style/pag_hover.png') no-repeat;color:#ad8935}
div.hover{cursor:pointer;background:#cedde1}
.calendar{width:56px;text-align:center;font-weight:bold;float:left;margin-right:10px}
.calendar .month{overflow:hidden;height:28px;background:url('style/month.gif') no-repeat;color:#fff; font-size:12px;line-height:35px}
.calendar .day{height:39px;background:url('style/day.gif') no-repeat;font-size:26px;color:#2C5666}
a.readmore{text-decoration:none;color:#2C5666;font-weight:bold}
a.readmore:hover, a.readmore:visited:hover{color:#3226d6}
a.readmore:visited{color:#3226d6}
.galeria{margin-top:10px;padding-left:6px;margin-left:-17px;margin-right:-17px}
.galeria li{float:left;margin-bottom:10px;}
.galeria a{text-align:center;text-decoration:none;display:block;width:144px;height:110px;line-height:78px;vertical-align:middle;margin-top:17px;}
/*.galeria a img{background:url(style/marco.png)repeat-x;}*/
html>body .galeria a img{margin-top:0;vertical-align:middle;padding:4px}
.galeria a:hover img{-moz-opacity:1;opacity:1;}

div.news{width:167px;float:left}
.bloque_articulo{position:relative;height:150px;width:167px;margin-bottom:20px;text-decoration:none;border:1px dotted #E0E0E0; float:left}
.bloque_articulo img{margin-top:3px}
.bloque_articulo .bloque_articulo_fondo{display:block;height:140px;width:166px;position:absolute;background:url(img/mascara_foto_chica.png) no-repeat top left;top:0;left:0}
.bloque_articulo h2{color:#381207;font-size:12px;font-weight:bold;margin:4px 0pt;}
.bloque_articulo span.img{display:block;width:160px;margin-right:5px;height:100px;float:left}
.bloque_articulo .text{display:block;float:left; width:191px;color:#2E2E2E; font-size:11px;color:#686868}
.bloque_articulo a.readmore:link,.bloque_articulo a.readmore:visited{color:#A7BE0C;text-transform:uppercase;font-size:9px;font-weight:bold}
.bloque_articulo a.readmore:hover,.bloque_articulo a.readmore:visited:hover{color:#800}

.name_direction{color:#993000; font-weight:bold}
p.contact{font-size:12px; font-weight:bold; color:#381207}
div.direction{color:#000000; background:#D9D9C7; padding:8px; margin-bottom:20px; font-size:12px; font-weight:bold}
dt{float:left; margin-right:10px; color:#527705}
.direction dt{width:114px}
dd{float:left}



table.departamentos{border-collapse: collapse;font-size:1.091em;width:100%;margin-bottom:8px}
table.departamentos th {text-align:center;vertical-align:middle;height:29px;background:#2C5666;font-weight:bold;color:#ffae00;border-right:1px solid #7e7368;}
table.departamentos td {vertical-align:middle;height:20px;background:#5D8B8B;border-right:1px solid #2C5666;border-top:1px solid #2C5666; text-align:center}
table.departamentos tr.seleccionado td{background:#CAC25F}
table.departamentos a{display:block;color:#FFF;text-decoration:none}

div.input{width:168px;float:left; margin:0 5px 8px 0}
div.input label{display:block; font-size:11px;color:#2E2E2E; font-weight:bold}
div.input input{width:150px; height:14px; font-size:11px}
div.textarea{width:300px}
#container div.input hr.form{margin:4px 0 10px}
form.contacto{width:349px; float:left;margin-right:20px}
form.contacto textarea{width:324px}
.description_contacto{float:left; width:290px}
#content .description_contacto h1{font-size:17px}
#container .description_contacto p{color:#001432}
form.contacto button{float:right; margin-right:35px; width:110px; height:25px;cursor:pointer;font-weight:normal; font-size:13px; text-transform:uppercase}

.dialog .viewDepartment h1.page_title{text-align:left;color:#2c5666;font:bold 18px Verdana,Arial,Helvetica,sans-serif}
.dialog .viewDepartment{text-align:left;padding:5px}
.viewDepartment h2{color:#2c5666;font:bold 16px Verdana,Arial,Helvetica,sans-serif;margin:10px 0 5px}
#content h1.location_title{font-size:18px}
.viewDepartment div.descripcion{font-size:14px}
.viewDepartment .caracteristicas{margin-top:10px}
.viewDepartment .documents ul{list-style:none}
.viewDepartment .documents li {float:left;width:120px;text-align:center}
.viewDepartment .documents img {display:block;margin:0 auto 10px}
.viewDepartment .documents a,.viewDepartment .documents a:visited{color:#5D8B8B;text-decoration:none}

.viewDepartment .galeria_depto ul{list-style:none}
.viewDepartment .galeria_depto li{float:left;width:150px;}
.viewDepartment .galeria_depto img{border:1px solid #000;background:#fff;padding:5px}
a.contactus,a.contactus:visited{text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;color:#5d8b8b}
a.contactus:hover,a.contactus:visited:hover{color:#070;}

#floorcontain{padding-left:103px}
#content h1.condos_head{font-size:18px}
#content #floorplans h1.page_title{font-size:28px; text-align:center}
#content #floorplans h2.sub_page_title{font-size:18px; text-align:center}
#floorplans h2{color:#2c5666;font:bold 12px Verdana,Arial,Helvetica,sans-serif;margin:10px 0 5px}
#floorplans .floorplanpreview{float:left; height:370px; text-align:center; margin-right:20px}
#mapaFoto{text-align:center}

#amenities{background:url(style/amenities_fondo.jpg);witdh:100%;height:100%;overflow:hidden}

#amenities .foto {display:block;background:url(style/amenities_glow.png)  no-repeat left top;padding:4px 3px 4px 4px}
#amenities .frase {position:absolute;padding:5px 8px 4px;display:block;bottom:-4px;right:-35px}
#amenities .frase span{background:url(style/pergamino-trans.png) no-repeat left top;width:230px;height:53px;display:block;text-align:center;padding-top:27px}
#amenities a,#amenities a:visited{position:relative;text-decoration:none;display:block;float:left}
#amenities a:hover .frase,#amenities a:visited:hover .frase{background:url(style/pergamino_hover-trans.png) no-repeat left top;}
#amenities .links{padding:40px 0 0 60px}
#amenities a.impar {margin-right:80px}
#amenities a.impar .frase{bottom:auto;top:-10px}

#home,#amenities{position:absolute;top:0;left:0;width:706px;height:409px;}