@charset "UTF-8";

/* Hermosa Village Style Created by Alfredo Navas Fernandini */


/*==================== Reset ============================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/*==================== Estilos Comunes ============================*/

html, body { background-image: url(../images/bckgrnd_gfx.gif); background-repeat: repeat-x; background-color: #3c3533; font-weight: bold; }

img { -ms-interpolation-mode: bicubic; }

h1 { font-family: "Times New Roman", Times, serif; font-size: 18px; }

p { font-size: 10pt; line-height: 1.5em; }

p a { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; text-decoration: underline; }

table { background-color: #8B8A80; }

address { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-style: normal; text-align: center; line-height: 1.5em; color: #330; margin: 20px; }

address a { color: #185030; text-decoration: underline; }

.box_new_left { float: left; height: 252px; width: 321px; margin-top: 5px; margin-right: 5px; }

.box_new_right {}

/*========================Estilos Principales ========================================*/


#wrapper { width: 700px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.spacer { width:100%; clear:both; }

#top_wrap { }

#body_wrap { background-image: url(../images/front_bckgrnd_gfx.gif); background-repeat: no-repeat; background-position: left top; float: left; width: 700px; min-height:500px; }

#footer_wrap { color: #8f8e84; font-family: Verdana, Geneva, sans-serif; font-size: 9px; text-transform: uppercase; text-align: center; width: 700px; font-weight: normal; }

#footer_wrap a { color: #8F8E84; text-decoration: none; }

/*========================Estilos Top Wrapper ========================================*/


#logo { float: left; height: 105px; width: 443px; margin-top: 35px; }

#lenguaje { float: left; height: 27px; width: 114px; margin-left: 134px; }

#tab_front { height: 82px; width: 232px; float: left; margin-top: 20px; margin-left: 20px; border: 1px solid #CD854B; }

#menu { height: 46px; width: 697px; float: left; margin-left: 1px; }

#home_bot { float: left; height: 46px; width: 77px; }

#quienes_bot { float: left; height: 46px; width: 157px; }

#info_bot { float: left; height: 46px; width: 125px; }

#master_bot { float: left; height: 46px; width: 124px; }

#gallery_bot { float: left; height: 46px; width: 95px; }

#contact_bot { float: left; height: 46px; width: 119px; }

/*========================Estilos Body Wrapper ========================================*/

#main_mov { height: 334px; width: 684px; margin-top: 7px; margin-left: 8px; }

#box_left { float: left; width: 331px; margin-top: 8px; margin-left: 8px; }

#box_right { float: left; width: 331px; margin-top: 8px; margin-left: 21px; }

.box_title { background-image: url(../images/box_title_gfx.gif); background-repeat: no-repeat; height: 37px; width: 331px; font-family: "Times New Roman", Times, serif; font-size: 18px; color: #FFF; line-height: 2em; }

.box_content { background-image: url(../images/boxes_bck_gfx.gif); background-repeat: repeat-x; background-position: left top; width: 331px; min-height:111px; background-color: #553A2E; }

.box_content a { font-family: Tahoma, Geneva, sans-serif; color: #FFF; text-decoration: underline; }

.box_pic { height: 96px; width: 97px; margin-top: 7px; margin-right: 7px; margin-left: 7px; float: left; }

.box_txt { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #FFF; width: 210px; float: left; margin-top: 7px; }

/*========================Estilos Templates ========================================*/

#template_pic { height: 129px; width: 687px; margin-top: 10px; margin-left: 7px; margin-bottom: 10px; }

#template_content { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; width: 680px; margin-left: 10px; margin-bottom: 25px; line-height: 1.5em; height: 400px; overflow:scroll; overflow-x:hidden; }

#template_content h1 { text-align: center; }

.foto_left { height: 172px; width: 172px; float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 5px; }

.foto_right { height: 172px; width: 172px; float: right; margin-top: 5px; margin-left: 10px; margin-bottom: 5px; margin-right: 5px; }

#info_tables { text-align: center; line-height: 2em; font-family: Tahoma, Geneva, sans-serif; }

#info_tables p { font-family: Tahoma, Geneva, sans-serif; }

#submenu_info { background-color: #CD854B; height: 20px; width: 695px; margin-left: 3px; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #FFF; line-height: 1.5em; }

#submenu_info a { color: #FFF; }

#map { height: 400px; width: 640px; margin-left: 20px; }

#template_content_map { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; width: 680px; margin-left: 10px; line-height: 1.5em; margin-bottom: 10px; }

#template_content_map h1 { text-align: center; }

.condo_pic { height: 267px; width: 499px; margin-top: 10px; margin-left: 70px; }

#master_pic { height: 346px; width: 458px; margin-top: 10px; margin-left: 120px; }

#video_pic { height: 364px; width: 445px; margin-top: 10px; margin-left: 120px; }

.entorno_pics { height: 244px; width: 347px; margin-top: 10px; margin-left: 160px; margin-bottom: 10px; }

.gallery_pic_left { float: left; height: 195px; width: 305px; margin-top: 35px; }

.gallery_pic_right { float: right; height: 195px; width: 305px; margin-top: 35px; margin-right: 10px; }

#contact_bckgrnd { background-image: url(../images/address_bckgrnd.png); background-repeat: no-repeat; background-position: left top; height: 213px; width: 374px; margin-top: 25px; margin-left: 150px; }

#template_contact { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFF; width: 680px; margin-left: 10px; margin-bottom: 25px; line-height: 1.5em; height: 400px;}

#template_contact h1 { text-align: center; }

