@charset "UTF-8";
* { margin:0; padding:0; }
body { margin-top:80px; background:#32829b url(i/bk-2.jpg) no-repeat center top; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#555; }

.colibri { width:193px; height:125px; position:absolute; top:-50px; right:-100px; background:url(i/colibri.png) no-repeat; }

.wrap { width:920px; margin:0 auto; position:relative;}
h1, h2, h3, p { margin-bottom:13px; }
a { text-decoration:underline; }
a, a img { color:#5e3122; border:none; outline:none; }
.clr {clear:both; font-size:0; width:100%;}
.volver { margin-bottom:6px; }
.btnTools { width:128px; }

#header { width:762px; margin:0 auto; position:relative; margin-bottom:10px; }
.logo { width:125px; height:142px; position:absolute; top:-10px; left:30px; background:url(i/antara_logo.png) no-repeat; z-index:1000; }
.logo h1 span { display:none; }
.logo a { width:114px; height:135px; display:block; }


.inputtext { border:1px solid #ccc; padding:3px; }


/* NAVIGATION -------------------------- */
.navContainer { height:42px; border-bottom:1px solid #dadada; width:725px; float:right; margin-bottom:35px; clear:both; }

ul#navigation { list-style:none; margin:0 auto; padding:0; height: 40px; width:674px;}
#navigation span {display:none;}

#navigation li {float:left;}
#navigation li a { display: block; height: 40px; line-height: 40px; }

li a#item_norte {width: 99px; background: url(i/menu.gif) no-repeat 0 0;}
a#item_norte:hover {background: url(i/menu.gif) no-repeat 0 -40px;}

li a#item_residencias {width: 157px; background: url(i/menu.gif) no-repeat -99px 0;}
a#item_residencias:hover {background: url(i/menu.gif) no-repeat -99px -40px;}

li a#item_espacios {width: 128px; background: url(i/menu.gif) no-repeat -256px 0;}
a#item_espacios:hover {background: url(i/menu.gif) no-repeat -256px -40px;}

li a#item_360 {width: 124px; background: url(i/menu.gif) no-repeat -384px 0;}
a#item_360:hover {background: url(i/menu.gif) no-repeat -384px -40px;}

li a#item_llaves {width: 190px; background: url(i/menu.gif) no-repeat -508px 0;}
a#item_llaves:hover {background: url(i/menu.gif) no-repeat -508px -40px;}

li a#item_light {width: 165px; background: url(i/menu.gif) no-repeat -508px 0;}
a#item_light:hover {background: url(i/menu.gif) no-repeat -508px -40px;}





/* Content ------------------------------------------------------*/
body#norte #content, body#residencias #content { background:url(i/trans_content.png) bottom left; padding:15px 52px 30px 52px; color:#79797b; }
#content { background:url(i/trans_content2.png) bottom left; padding:15px 52px 30px 52px; color:#79797b; }
body#home #content { height:450px; }
body#verde #content { background:url(i/back_verde.png) bottom left; padding:15px 52px 110px 52px; color:#79797b; overflow:hidden; }
body#light #content { overflow:hidden; padding:15px 0 10px 10px; }
body#light .navContainer { margin-right:52px; }
#content h2 { color:#4d949e; font:normal 20px/25px Arial, Helvetica, sans-serif; }
#content h3 { color:#04a9ab; font:bold 15px/20px Arial, Helvetica, sans-serif; }
#content strong { color:#000; }


.blogEntry { width:665px; margin:0 auto; padding-bottom:17px; border-bottom:1px solid #e2e2e2; margin-bottom:20px; }
.date { font-size:10px; color:#999; text-transform:uppercase; }

.casaContainer { position:relative; width:815px; height:490px; }
.casa { width:665px; float:left; padding-top:26px; }
.casaThumbs { width:130px; float:right; overflow:hidden; }

.botones { width:479px; height:31px; text-align:center; border:9px solid #edf2f3; margin:15px auto;}

.container { width:815px;  }
.container, .areasHome { overflow:hidden; }
.areasHome { background:url(i/bk_areashome.jpg) no-repeat; }
.areasHome .rightContent { width:280px; margin:20px 20px 20px 0; }
.areasHome .leftContent { width:330px; margin:20px 0 20px 20px; }
.colCasa { width:265px; float:left; margin-right:10px; }
.leftContent { width:390px; float:left; margin-top:25px; }
.rightContent { float:right; width:390px; margin-top:25px;  }

ul.interior { margin:0 0 20px 5px; list-style:none; padding:0; }
ul.interior li { background:url(i/bullet.png) no-repeat 0 12px; padding: 6px 0 0 12px;  }

/* Banners bottom */
.bannersBottom { overflow:hidden; margin-top:15px;}
.cotiza { width:512px; float:left; }
.opina { width:232px; float:right; }

/* Submenu -------------------------- */
#footer { font-size:11px; text-align:center; height:50px; line-height:50px; clear:both; }
.footerContainer {  padding:8px; width:861px; height:31px;  margin:30px auto; overflow:hidden; position:relative; }
.footerTrans { opacity:.4; filter:alpha(opacity=40); background:#fff; position:absolute; left:0; top:0; width:877px; height:47px; }
ul#submenu { list-style:none; height: 31px; width:861px; position:absolute; left:8px; top:8px; z-index:100;  }
#submenu span {display:none;}
#submenu li {float:left;}
#submenu li a { display: block; height: 31px; line-height: 31px; }

li a#item_facebook {width: 92px; background: url(i/sub-menu.png) no-repeat 0 0;}
a#item_facebook:hover {background: url(i/sub-menu.png) no-repeat 0 -31px;}

li a#item_hola {width: 78px; background: url(i/sub-menu.png) no-repeat -92px 0;}
a#item_hola:hover {background: url(i/sub-menu.png) no-repeat -92px -31px;}

li a#item_residente {width: 112px; background: url(i/sub-menu.png) no-repeat -170px 0;}
a#item_residente:hover {background: url(i/sub-menu.png) no-repeat -170px -31px;}

li a#item_compromiso {width: 178px; background: url(i/sub-menu.png) no-repeat -282px 0;}
a#item_compromiso:hover {background: url(i/sub-menu.png) no-repeat -282px -31px;}

li a#item_avanzando {width: 111px; background: url(i/sub-menu.png) no-repeat -460px 0;}
a#item_avanzando:hover {background: url(i/sub-menu.png) no-repeat -460px -31px;}

li a#item_verde {width: 146px; background: url(i/sub-menu.png) no-repeat -571px 0;}
a#item_verde:hover {background: url(i/sub-menu.png) no-repeat -571px -31px;}

li a#item_tcn {width: 144px; background: url(i/sub-menu.png) no-repeat -720px 0;}
a#item_tcn:hover {background: url(i/sub-menu.png) no-repeat -720px -31px;}


/* Photos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.picbr { float:right; margin:3px 0 10px 10px; border:4px solid #cde1e7; }
.picbl {float:left; margin: 3px 10px 10px 0; border:4px solid #cde1e7;}
.picr {float: right; margin: 5px 0 5px 10px; }
.picl {float: left; margin: 5px 10px 5px 0;}
.last { margin:0; }