@charset "utf-8";
/*  Documento CSS para MG Apartments */
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	Todos 

Author: 		Francisco Castillo (http://www.29pasos.com)
Created: 		15.06.2009

******************************************************************************************************
*/


/*-------------------------------PROPIEDADES DE BODY----------------------------------------*/


* {
	margin: 0 auto 0 auto; /* RESETEO GLOBAL  */
	padding: 0;
}
body{
	margin: 0 auto 0 auto;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*cambia font*/
	line-height: 150%; 
	color:#333; /*cambia el color de la fuente*/
	background: #f5f5f5; 
}

div, p, ul, h2, h3, h4, img{
	padding:0px;
	margin:0 10px 0 0;
	border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Elimina los bordes punteados de Firefox */ text-decoration:none; color:#819d00; padding:0; margin:0;}
a img { border:none;} /* Elimina los bordes azules de IE */
a:hover{ color:#000;}

txt a{ color:#819d00;}
txt a:hover()

h1 { border:none; margin:10px 0 0 0; padding:0;}
h2 {
	font-size: 1.8em;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	margin:0;
	padding:0;
	color:#1889B8;
}/**/
h3 {font-size: 2.6em; line-height:1.2em; font-weight:normal; border:none; width:610px; margin:0 0 10px 10px; padding:0; float:left; color:#0099cc;}/**/
h4 {font-size: 1.6em; border:none; margin:0; padding:0; color:#fff;}/**/
h5 {font-size: 1.8em; line-height:1.2em; border:none; margin:0; padding:0; font-weight:normal;}/**/
h6 {
	font-size: 2.3em;
	line-height:1em;
	font-weight:normal;
	border:none;
	width:320px;
	margin:0 0 20px 0;
	padding:0;
	float:right;
}/**/
p  {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em;}/**/
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 2.2em; padding:0; line-height:1.4em; color:#666666;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.heading {font-size: 1.4em; font-weight:normal; border:none; margin:0; padding:0;}
.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 10px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:-50px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}
/*-------------------------------FIN PROPIEDADES DE BODY----------------------------------------*/

.center{width:960px; height:100%; padding:0; margin:0 auto;}

/*------------------------------CONTENIDO--------------------------------*/

/*CABECERA*/

#header{ width:100%; height:321px; background:transparent url(../images/bg_header.jpg) top left repeat-x;}
#header_holder{
	width:960px;
	height:321px;
	background:transparent url(../images/cabecera00.jpg) top center no-repeat;
	position: relative;
}

/*NAVEGACIÓN*/

#nav ul {
	margin: 45px 0 0 0;
	padding: 0;
	list-style: none;
	float:right;
}
#nav ul li,
#nav ul li a {float: left; display: block;}
#nav ul li a {background-color: #ff8702;margin: 15px 10px 0 20px; padding: 5px;font-size: 1.4em;color: #fff;text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#nav ul li a:hover,
#nav ul li a.selected {background-color: #23ade6;color: #fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;}

/*NAVEGACIÓN DE PIÉ*/

#f_nav ul {margin: 10px 0 10px 0; padding: 0; list-style: none; float:left;}
#f_nav ul li,
#f_nav ul li a {float: left; display: block;}
#f_nav ul li a {margin: 15px 10px 0 10px; padding: 5px;font-size: 1.2em;color: #fff;text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#f_nav ul li a:hover,
#f_nav ul li a.selected {background-color: #23ade6;color: #fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;}


/*NAVEGACIÓN*/
#idioma {
	float:left;
	position: absolute;
	left: 787px;
	top: 1px;
}
#idioma ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	float:right;
}
#idioma ul li,
#idioma ul li a {float: left; display: block;}
#idioma ul li a {
	background-color: #7595B3;
	margin: 5px 0 0 5px;
	padding: 2px 5px;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#idioma ul li a:hover,
#idioma ul li a.selected {
	background-color: #5880A0;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*Teaser with headings and icons*/
#teaser{ width:960px; height:160px; background:transparent url(../images/bg_teaser.png) top left repeat; margin:-160px 0 0 0;}
.teaser_box{ width:280px; padding:10px; margin:0 10px 0 10px; color:#fff; font-size:1em; float:left; display:inline; overflow:hidden;}

.consulting{ width:154px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/consulting.png) top left no-repeat;}
.education{ width:140px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/education.png) top left no-repeat;}
.finance{ width:111px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/finance.png) top left no-repeat;}

.more{ float:right; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 13px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/button_more.png) no-repeat; text-transform:uppercase;}
.more_left{ float:left; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 13px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/button_more.png) no-repeat; text-transform:uppercase;}
.view_left{ float:left; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 18px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/button_more.png) no-repeat; text-transform:uppercase;}

/*CONTENIDO PRINCIPAL*/

.main{ width:100%; background: transparent url(../images/bg_main.jpg) top left repeat-x; padding:0; margin:0;}
.main_wrapper{ width:960px; height:100%; padding:40px 0 40px 0; margin:0;}

.welcome{
	width:250px;
	display:block;
	text-indent:10px;
	line-height:1em;
	float:left;
	margin:0 0 10px 0;
	font-family: Arial;
	font-size: 2.6em;
	font-weight: normal;
	color: #1889B8;
}
.news_events{
	width:220px;
	display:block;
	text-indent:2px;
	line-height:2em;
	float:right;
	margin:10px 20px 0 0;
	font-size: 2em;
}

.separator_top{ width:960px; height:21px; background:transparent url(../images/sep_top.png) top center no-repeat;}
.separator_mid{ width:960px; height:21px; background:transparent url(../images/sep_mid.png) top center no-repeat; margin:20px 0 0 0;}
.separator_bot{ width:960px; height:21px; background:transparent url(../images/sep_bot.png) top center no-repeat;}

.intro{ width:100%; margin:0 0 40px 0;}
.tagline{ margin:0 0 20px 30px;}

#preview{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:5px;display:none;color:#333;}
#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}	

/*contenido individual*/
.box{
	width:600px;
	height:100%;
	padding:10px 0 10px 10px;
	float:left;
	border-right:1px solid #b6b6b6;
	border-left:none;
	border-bottom:none;
	border-top:none;
}
.box a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:20px 20px 20px 0;}
.box_2{ width:300px; height:100%; float:right; padding:10px; display:inline; overflow:hidden;}
.box_2 a{ color:#333;}
.box_2 a:hover{ color:#819d00;}
.box_2 a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:0 0 20px 0;}
.box_3{ width:300px; height:100%; float:left; padding:10px; display:inline; overflow:hidden;}

.services{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/services.png) top left no-repeat;}
.featured{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/featured.png) top left no-repeat;}
.proposal{width:171px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/proposal.png) top left no-repeat;}

ul.listing{ padding:20px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(../images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 25px; font-size:1.2em;}

.img_border{ width:294px; height:80px; background-color:#b6b6b6; padding:2px; margin:20px 0 0 0;}
.img_border2{ width:133px; height:80px; background-color:#fff; padding:2px; margin:0 10px 10px 0; float:left;}
.img_border3{ width:138px; height:138px; background-color:#b6b6b6; padding:1px; margin:5px 10px 0 0; float:left;}
.img_border4{
	width:590px;
	height:400px;
	background-color:#b6b6b6;
	padding:1px;
	margin:0;
}

.stroke_main{display:block; border:2px solid #b6b6b6; margin:20px 0 0 0; padding:0; }
.stroke_footer{display:block; border:2px solid #fff; margin:0 10px 10px 0; padding:0; float:left; }

/*NOTICIAS*/

.news{}
.ico_date{ display:block; width:46px; height:51px; background:url(../images/ico_date.png) no-repeat; float:left; margin:0 10px 20px 0;}
.month{ font-size:0.9em; text-transform:uppercase; padding:3px 12px 3px 12px; color:#fff;}
.day{font-size:2em; text-transform:uppercase; padding:1px 12px 10px 11px; color:#666;}

/*PIE*/

#footer{overflow: hidden; width:100%; background:transparent url(../images/bg_footer.jpg) top left repeat-x;background-color: #054056; color:#fff; padding:0; margin:0; display:block;}
.footer_cont{ margin:20px 0 0 0;}
.archive a{color:#fff; font-weight:bold;}
.archive a:hover{color:#819d00; font-weight:bold;}
.date{ margin:0 10px 0 0;}
.cc{margin: 30px 0  0 0; font-size:1.1em; float:right;}

/*------------------------------FORMULARIO DE CONTACTO--------------------------------*/

form#one {width:100%;padding:0;margin:0;}
form#formContacto fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}
form#formContacto input {border:1px solid #b6b6b6;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:220px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}
form#formContacto label{font-family:Arial, sans-serif; color:#333; padding:0;}
form#formContacto textarea {width:300px;height:15em;border:1px solid #b6b6b6;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#333; background: #fff url(../images/bg_input.jpg) top left repeat-x;}
form#formContacto #button1 { float:left; color:#333;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0; background:#fff;border:1px solid #b6b6b6;font-family: Arial, sans-serif;font-size: 11px;}
form#formContacto #button1:hover{margin:10px 0 0 0;color:#034057;font-family: Arial, sans-serif;font-size: 11px;border:1px solid #b6b6b6; background:#fff; width:50px;}

/*formulario de pié*/

form#formPie {width:100%;padding:0;margin:0;}
form#formPie fieldset {width:100%;padding:0;font-family:Arial, sans-serif;margin:0;border: 0;font-size: 11px;}
form#formPie input {border:none;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:220px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#fff; background-color:#1e9cd1;}
form#formPie label{font-family:Arial, sans-serif; color:#fff; padding:0;}
form#formPie textarea {width:300px;height:15em;border:none;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#fff; background-color:#1e9cd1;}
form#formPie #button1 { float:left; color:#fff;padding:0;cursor:pointer;width:50px;margin:10px 0 0 0;border:none;font-family: Arial, sans-serif;font-size: 11px;}
form#formPie #button1:hover{margin:10px 0 0 0;color:#000;font-family: Arial, sans-serif;font-size: 11px;border:none; background-color:#1e9cd1; color:#fff;width:50px;}


/* TABLA DE PRECIOS */
#precios table {	clear: both;	width: 100%;	margin-bottom:1em;	border-bottom: 1px solid #000;}
#precios table * {	position: static;	text-align: center;	font-size: 1em;}
#precios table caption {	display: none;}
#precios table th,#precios table td {	padding: .5em;	border-top: 1px solid #000;	vertical-align: middle;}
#precios table tr.alternate td,#precios table tr.alternate th {	background-color: #f4f4f4;}
#precios table th {	border-left: 1px solid #000;}
#precios table .lastCell {	border-right: 1px solid #000;}
#precios table .notes th, #precios table .notes td {	border-top: none;}
#precios table .periodBegin, #precios table .periodEnd {	text-align:left;}
#precios table .cols, #precios table .cols th {	border-top: 1px solid #000;}
#precios table td.exchange {	text-align: right;	font-weight: bold;	padding: 0 10px;}
#precios table th.minstay {	padding-left: 0.25em;	padding-right: 0.2em;}
#precios table td {	white-space: nowrap;}
#precios table .colgroups th {	border: 1px solid #000;	border-width: 1px;	font-weight: bold;}
#precios table .colgroups th.period, #precios table .colgroups th.minstay {	border: 0px none;}
#precios table .cols th.period, #precios table .cols th.minstay {	border: 1px solid #000;}
#precios table .cols th {	border: 1px solid #000;	padding: 10px;	border-width: 0 1px 1px 1px;	background: #eee;	color: #333;	font-weight: bold;}
#precios .legal {	font-weight: bold;	margin: 1em 0pt;}
#precios .notes li {	margin-bottom: 0.35em;}
#precios .notes th {	text-align:right;}
#precios .notes td {	text-align:left;}
.precioName{	white-space: nowrap;}
#precios .period {	width: 10%;}


/*CALENDARIO*/

.property .calendars {	clear:both;	display:block;	margin-top:15px;	position:relative;	width: 950px;}
.property .calendars .cal-content {	float:left;	width: 54.5em;}
.property .calendars .cal-content .lastUpdated {	margin-bottom: 1em;}
.property .calendars .cal-content .lastUpdated dt,.property .calendars .cal-content .lastUpdated dd{	float:left;}
.property .calendars .cal-content .lastUpdated dd{	margin-left:5px;}
.calendars .cal-content table {	border-collapse: separate;}
.calendars .cal-content .month {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;	display:inline;	float:left;	margin-right:4px;	border: solid 1px #BFBFBF;	padding: 4px;	margin-bottom: 1em;}
.calendars .cal-content .month tr {	overflow:hidden;}
.calendars .cal-content .month th, .calendars .cal-content .month td{	width:auto;	padding: 4px;	border: 0px;	text-align: center;}
.calendars .cal-content .month th.month-label{	background-color: #2A6EBB;	color: #fff;	font-weight: bold;	*width: 160px;}
.calendars .cal-content .month th.day-label{	background-color: #ddedf9;	color: #000000;}
.calendars .cal-content .month td.e {	visibility:hidden !important;}
.calendars .cal-content .month th,.calendars .cal-content .month td {	line-height:1em;	overflow:visible;	vertical-align:middle;	white-space:nowrap;	width:1em;}
.calendars .changeover {	margin-bottom: 10px;	clear:both;}
.calendars .changeover span {	font-weight: bold;}
.calendars .legend-content {	width: 13em;	float: left;	padding-top: 30px;	*zoom: 1;}
.calendars .legend dt {	border:1px solid #BFBFBF;	display:block;	height:25px;	width:25px;	margin-top:0.25em;	text-align:center;	clear:left;	float:left;}.calendars .legend dd {	line-height:30px;	margin-top: 0.25em;	margin-left: 2.5em;	min-height:25px;	vertical-align:middle;}#availability .legend dt.a,.calendars .month td.a {
	background-color:#fff;
	color: #333;
}.calendars .legend dt.s,.calendars .month td.s{	background-color:#ffa952;}.calendars .legend dt.u,.calendars .month td.u{	background-color:#bfbfbf;	text-decoration:line-through;}.calendars .month td.available-unavailable,.calendars .month td.available-special,.calendars .month td.unavailable-available,.calendars .month td.unavailable-special,.calendars .month td.special-available,.calendars .month td.special-unavailable {	background-image: url(/resources/7843/images/property-details/avail-start-end.gif);	background-repeat: no-repeat;}.calendars .month td.available-unavailable {	background-color: #bfbfbf;	background-position: -136px center;}.calendars .month td.available-special {	background-color: #ffa952;	background-position: -170px center;}
.calendars .month td.unavailable-available {	background-color: #fff;	background-position: -238px center;}
.calendars .month td.unavailable-special {	background-color: #ffa952;	background-position: -272px center;}
.calendars .month td.special-available {	background-color: #fff;	background-position: -340px center;}
.calendars .month td.special-unavailable {	background-color: #ffa952;	background-position: right center;}
