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


p, ul, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; color:#ffffff;}
img{ border:0;}
h1{ font-size:15px; font-weight:bold;}
h2{font-size:14px; font-weight:bold;}
p { font-size:13px;}

html,body,#page {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body{
text-align: center; /* IE/Win bug fix */
background:#000000 url(imagenes/bkg.gif) repeat;
}

* { font-family:Verdana, Arial, Helvetica, sans-serif; }

a { color:#7f9cd0; text-decoration:none; outline: none;
}
a:hover { color:#dddddd; text-decoration:underline;}


.clear { clear:both}

#outer {overflow:hidden;*overflow:none;
  height: 28em;
  width: 100%;
  z-index: 10;
}
.valignmid1 {
  position: relative;
  margin: 0 auto;
}
.valignmid1 {
  display: table;
  vertical-align: middle;
}
.valignmid2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
/* end hide */
.valignmid3 {
  position: relative;
}


/* CONTENT */
#content-wrapper {margin:0 auto; width:95%; min-width:800px; max-width:1024px; height:500px;
}

#header{text-align:left; margin:0 0 -5px 0; }


#contenedor { float:left; margin:0; width:100%;
background: transparent url(imagenes/relleno.png) repeat-x;}

#contenido { margin-left:-16px; height:500px; margin-right: 205px; padding:17px 0 0 15px;
background: transparent url(imagenes/left.png) no-repeat top left;}

#right { width:200px; height:500px; float:right; margin:0 -16px 0 -200px; 
background: transparent url(imagenes/right.png) no-repeat top right;
}

#panorama {background-color:#101621; height:400px; width:100%; padding:7px; position: relative;}
div*#panorama { padding:3px 7px 7px 3px;} /* safari hack */

#flashcontent {height:100%; width:100%;  z-index:-1;}


#menues {width:auto; height:75px; margin-left:3px;}
#nav { 
display:inline;
height: 75px;
list-style: none;
overflow: hidden;
}
#nav li { 
margin: 0; 
padding: 0;
list-style: none;
display: inline;
}
#nav a {
float: left;
padding: 85px 0 0 0;
overflow: hidden;
width:78px;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
text-indent: -999em;
}
#nav a:hover { background-position:0 -86px;}

#map a {background: url(imagenes/map-trans.png) no-repeat top left; }
#info a {background: url(imagenes/info-trans.png) no-repeat top left; }
#photos a {background: url(imagenes/photos-trans.png) no-repeat top left; }
#contacto a {background: url(imagenes/contact-trans.png) no-repeat top left; }
#share a  {background: url(imagenes/share-trans.png) top left no-repeat;}

/* END CONTENT */


/* RIGHT CONTENT */
#right-content { width:190px; height:460px; padding:16px 0 15px 12px; position:relative;}

.box { padding-right:15px; text-align:right; position:relative; }
.box p, h2{ text-align:left; }
.box p{padding:8px 0 0 0;}
.link {position:absolute; bottom:0; right:18px;}
.link a{ font-size:12px;}


#property { height:137px;}
#agent { height:160px; margin-top:24px;}
#agent p{ font-size:12px;}

.image { text-align:center; margin:15px auto; margin-bottom:3px; width:auto;}
.image img {padding:5px; background:#3b4860; border: solid 1px #333333;}

#logo { position:absolute; bottom:0; left:35px;}


/* TABS CONTENT */

.menutarget{position:relative; top:0; right:0; z-index:5;float:left;
			background:#000000 url(imagenes/tabs-bkg.gif) repeat-x bottom;
			display: none;
			border-bottom: 5px solid #101621;
			border-left: 5px solid #101621;
			border-right: 5px solid #101621;
			margin:0;
			color:#FFFFFF;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}

.close-layer { position:absolute; bottom:0; right:0;
}
.close-layer a{background: url(imagenes/close.png) no-repeat top left;
float:right;
padding: 0 0 40px 0; width:55px;
overflow: hidden;
height: 0px !important; 
height /**/:40px; /* for IE5/Win only */
text-indent:-999em;}


.gallery{top:0; right:0;
		text-align:left; float:left;
		margin:0;
		width: 1000px;	
		padding-top: 20px;			
}

#info-gallery { background: url(imagenes/info-bkg.png) no-repeat bottom left; margin:0 0 7px 3px; }
#info-contact { background: url(imagenes/contact-bkg.png) no-repeat bottom left; margin:0 0 7px 3px;}
.gallery a { color:#7f9cd0; outline:none;}
.gallery ul { height:250px; width: auto; float:left; font-size:12px; margin:10px 10px 0 20px;}
.gallery ul li{ height:20px; list-style:none;}
.gallery h3 { font-size:14px; font-weight:bold;}


.contact-box { float:left;}
.contact-box h3{ text-align:center;}
.contact-box ul li a { background:url(imagenes/mundo.png) no-repeat top left;
height: 0 !important; 
height /**/:35px; /* for IE5/Win only */
padding:10px 0 25px 40px;
}

#formulario { float:left; margin-top:15px; height:300px;}

#datos { float:left; height:300px; width:300px; margin-left:10px;}

#share-form { float:right; width:275px; height:60px; margin:0; color:#FFFFFF;}


#powered { height:15px; float:right;}
#powered a { font-size:12px; color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif;}
#powered a:hover { color:#CC0000; text-decoration:none;}
#powered a span { font-family:"Courier New", Courier, monospace; color:#666666;}