@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF;}
h1{ width:auto; margin:0; padding:0;}
p{ line-height: 15px; margin:0; padding:0;}
h1.costaRica{ background:url(../images/costa_rica_tittle.png) no-repeat; height:20px;}
h1.Gallery{ background:url(../images/gallery_tittle.png) no-repeat; height:20px;}
h1.electricity{ background: url(../images/electricity_tittle.png) no-repeat; height:20px;}
h1.about{ background: url(../images/about_property_tittle.png) no-repeat; height:20px;}
h1.contact{ background: url(../images/contact_us_tittle.png) no-repeat; height:20px;}
h1.photo_gallery{ background: url(../images/photo_gallery_tittle.png) no-repeat; height:20px;}
h1.surroundings{ background: url(../images/surroundings_tittle.png) no-repeat; height:20px;}
h1.thanks{ background: url(../images/thanks_tittle.png) no-repeat; height:20px;}
h1.virtual{ background: url(../images/virtual_tittle.png) no-repeat; height:20px;}
div#principal{ width:1024px; height:691px; margin:0 auto; position:relative; overflow:hidden;}

h1.costaRicaChino{ background:url(../images/costa_rica_tittle_chino.png) no-repeat; height:25px;}
h1.aboutChino{ background: url(../images/about_tittle_chino.png) no-repeat; height:25px;}
h1.electricityChino{ background: url(../images/electricity_tittle_chino.png) no-repeat; height:25px;}
h1.contactChino{ background: url(../images/contact_us_tittle_chino.png) no-repeat; height:25px;}
h1.photo_galleryChino{ background: url(../images/photo_gallery_tittle_chino.png) no-repeat; height:25px;}
h1.surroundingsChino{ background: url(../images/surroundings_tittle_chino.png) no-repeat; height:25px;}
h1.virtualChino{ background: url(../images/virtual_tittle_chino.png) no-repeat; height:25px;}
h1.thanksChino{ background: url(../images/thanks_tittle_chino.png) no-repeat; height:25px;}
 
 /***COLUMNA LATERAL***/
div.columna{ background-image:url(../images/bg_barra_lateral.png); background-repeat:repeat-y; width:350px; min-height:100%; padding:0 20px; position:absolute;}
div.columna div#logo{ background:url(../images/logo.png) no-repeat; width:137px; height:0px; margin:18px 22px 0 10px; float:left;}
div.columna div#logo a{ display:block; width:100%; height:100%;}
div.bandera{ width:31px; height:20px; margin-bottom:10px; position:relative; right:0; left:320px;}
div.bandera a{ width:100%; height:100%; display:block;}

div.columna div.menu{ width:140px; height:142px; padding:11px 0 0 24px; border:thin solid #323637; float: right; background-color:#000; position:relative;}
div.columna div.menu ul{ margin:0; padding:0;}
div.columna div.menu ul li{ list-style-image:url(../images/bg_li.png); font-size:14px; line-height:18px;}
div.columna div.menu ul li a{ color:#FFFFFF; text-decoration:none; width:100%; height:100%; display:block;}
div.columna div.menu ul li a:hover{ text-decoration:none; color:#d9a624;}
div.columna div.menu ul li ul{ display:none;}
div.columna div.menu ul li:hover > ul{ display:block;}
div.columna div.menu ul li:hover > ul li.sorroundings{ background-image:url(../images/sorroundings.png); background-repeat:no-repeat; background-position:top; width:137px; height:22px; position:absolute; left:164px; top:45px; cursor:pointer; list-style:none; display:block; z-index:10;}
div.columna div.menu ul li:hover > ul li.sorroundings:hover{ background-position:bottom;}
div.columna div.menu ul li:hover > ul li.sorroundings a{ width:100%; height:100%; display:block;}
div.columna div.menu ul li:hover > ul li.sorroundingsChino{ background-image:url(../images/sorroundings_chino.png); background-repeat:no-repeat; background-position:top; width:137px; height:22px; position:absolute; left:164px; top:62px; cursor:pointer; list-style:none; display:block; z-index:10;}
div.columna div.menu ul li:hover > ul li.sorroundingsChino:hover{ background-position:bottom;}
div.columna div.menu ul li:hover > ul li.sorroundingsChino a{ width:100%; height:100%; display:block;}

div.columna div#container{ position:relative; float:left; margin:20px 0 0 0; width:100%;}
div.columna div#container hr{ border:1px solid #9a781d; width:100%; margin:10px 0;}
div.columna div#container hr.chino{ border:1px solid #9a781d; width:100%; margin:7px 0;}
div.columna div#container div.moreAbout{ width:160px; height:30px; background-color:#1d7891; text-align:center; margin:22px 0 175px 190px;}
div.columna div#container div.moreAbout:hover{ background-color:#196074;}
div.columna div#container div.moreAbout a{ width:100%; height:100%; line-height:29px; text-decoration:none; color:#FFF; display:block;}
div.columna div#container p > a{ color:#64cce9; text-decoration:none; line-height:20px;}
div.columna div#container p > a:hover{ color:#509eb3; text-decoration:none;}
div.columna div#container p span.azul{ font-size:12px; color:#64cce9;}

/***CONTROLES GALERIA***/
div.controles{height: 100%; left:390px; position: absolute; right: 0; min-width:740px; overflow:hidden; /*width:82.3%; float:left; height:100%; position:absolute; right:0;*/}
div.controles div.diagramas{background-image: url("../images/bg_diagramas.png"); background-repeat: no-repeat; height: 25px; left: 0; margin-bottom: 6px; padding: 6px 0 0 10px; position: relative; right: 134px; top: 72px; width: 183px; font-size:14px;}
div.controles div.diagramas a{ color:#FFFFFF; text-decoration:none; margin-left:29px;}
div.controles div.diagramas a:hover{ text-decoration:underline;}

/***FORM***/
div.columna form input[type="text"], input[type="tel"], textarea{background-color: #CCC; border: 1px solid #333333; width:200px; margin:5px 0 0 0; max-width:265px;}
div.columna textarea{ height:50px; max-height:95px;}
div.columna form input[type="submit"], input[type="reset"]{ color:#FFFFFF; background-color:#1d7891; text-align:center; width:99px; border: 1px solid #333333;}
div.columna form input[type="submit"]:active, input[type="reset"]:active{background-color:#196074; border: 1px solid #CCCCCC;}

/***POP UP***/
.popUp {position:fixed; background-color:#FFF; border-width:2px; border-style:solid; display:none; padding:24px; z-index:1001;}
.popUp a{display:block; width:16px; height:16px; right:0px; top:0px; position:absolute; background-image: url(../images/cerrar.png); background-repeat:no-repeat;}
.fondo_popUp {background-color:#000; position:fixed; width:100%; height:100%; z-index:1000;}
.cerrar_popup {z-index:99999999999!important; width:24px; height:24px; display:block;}



/***GALERIA***/
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:880px; height:562px;margin:0 auto; position:absolute; left:500px; top:370px; margin-top:-280px;}
#galleria{height:562px}
#galeria {margin-left: 480px; margin-top: 100px;}