/*CSS RESET*/
HTML
{
	color: #000;
	background: #080808;
	height: 100%;
}
BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, CODE, FORM, FIELDSET, LEGEND, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD
{
	margin: 0;
	padding: 0;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
FIELDSET
{
	border: 0;
}
ADDRESS, CAPTION, CITE, CODE, DFN, EM, STRONG, TH, VAR
{
	font-style: normal;
	font-weight: normal;
}
LI
{
	list-style: none;
}
CAPTION, TH
{
	text-align: left;
}
H1, H2, H3, H4, H5, H6
{
	font-size: 100%;
	font-weight: normal;
}
Q:before, Q:after
{
	content: '';
}
ABBR, ACRONYM
{
	border: 0;
	font-variant: normal;
}
SUP
{
	vertical-align: text-top;
}
SUB
{
	vertical-align: text-bottom;
}
INPUT, TEXTAREA, SELECT
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
LEGEND
{
	color: #000;
}
BODY
{
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
}
TABLE
{
	font-size: inherit;
	font-size: 100%;
}
PRE, CODE, KBD, SAMP, TT
{
	font-family: monospace;
	line-height: 100%;
}
IMG
{
	border: 0;
}
/*CSS RESET*/
BODY
{
	text-align: center;
	color: #FFF;
	width: 100%;
	height: 100%;
	background-color: #080808;
	background-image: url(../images/gray-gradient-marco-inner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*FONTS*/
.lato-light
{
	font-family: Lato, sans-serif;
	font-weight: 300;
}
.lato-regular
{
	font-family: Lato, sans-serif;
	font-weight: 400;
}
.lato-bold
{
	font-family: Lato, sans-serif;
	font-weight: 700;
}
A
{
	text-decoration: none;
	color: #EEE;
}
A:hover
{
	text-decoration: underline;
	color: #8899AA;
}
P A
{
	text-decoration: underline;
}
#wrap
{
	width: 990px;
	margin: 0 auto -4em;
	text-align: center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.clearfix
{
	clear: both;
}
/*header*/
#header
{
	width: 980px;
	padding-top: 56px;
}
#header H1
{
	font-size: 34px;
	color: #FFF;
	float: left;
}
#nav
{
	line-height: 25px;
}
#nav LI
{
	float: left;
	font-weight: bold;
	margin: 0 16px;
}
#nav A
{
	text-decoration: none;
	display: block;
	text-align: center;
}
#nav A:hover
{
	color: #8899AA;
	text-decoration: underline;
}
#idiomas .lang-button
{
	float: left;
	margin-left: 5px;
}
.active
{
	text-decoration: underline;
}
/*content*/
#content
{
	overflow: visible;
}
.main
{
	width: 980px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 520px;
	margin: 8px auto 0;
}
#text
{
	width: 100%;
	text-align: center;
	line-height: 1.4em;
}
H3
{
	font-size: 16px;
	margin-top: -8px;
}
H2
{
	font-size: 30px;
	padding-bottom: 20px;
	padding-top: 10px;
}
#text P IMG
{
	float: left;
	padding: 0 20px 0 0;
}
#text A
{
	color: #8899AA;
}
#col
{
	margin: 20px 0 0 20px;
}
#col DIV
{
	display: inline;
}
.info
{
	margin-top: 15px;
	width: 980px;
	display: inline;
	font-size: 1.2em;
}
.mapa
{
	float: left;
	display: inline;
	width: 444px;
	height: 328px;
	margin: 18px 8px;
	border: 4px solid #333;
}
/*footer*/
#footer
{
	padding-top: 20px;
	height: 25px;
	margin-top: 40px;
	font-size: 0.8em;
}
/*Extras*/
TEXTAREA.textolegal
{
	color: #D8D8D8;
	background-color: transparent;
	border: 4px solid #2A2A2A;
}
.ocios
{
	padding: 12px 0 0 12px;
}
.ocio
{
	float: left;
	margin: 2px 13px;
}
.ocio IMG
{
	border: 5px solid #333;
}
.ocio IMG:hover
{
	border: 5px solid #666;
}
.interiores
{
	padding: 12px 0 0 12px;
}
.interior
{
	float: left;
	margin: 2px 13px;
}
.interior IMG
{
	border: 5px solid #333;
}
.interior IMG:hover
{
	border: 5px solid #666;
}
.promociones
{
	padding: 12px 0 0 14px;
}
.promocion
{
	float: left;
	margin: 4px 12px;
}
.promocion IMG
{
	border: 5px solid #333;
}
.promocion IMG:hover
{
	border: 5px solid #666;
}
.viviendas
{
	padding: 6px 0 0 12px;
}
.vivienda
{
	float: left;
	margin: 28px;
}
.vivienda IMG
{
	border: 5px solid #333;
}
.vivienda IMG:hover
{
	border: 5px solid #666;
}
.publicaciones
{
	padding-top: 6px;
}
.publicaciones IMG
{
	margin: 16px 22px;
	border: 5px solid #333;
}
.publicaciones IMG:hover
{
	border: 5px solid #666;
}
.comercios
{
	padding-top: 14px;
	padding-left: 14px;
}
.comercio
{
	float: left;
	margin: 4px 12px;
}
.comercio IMG
{
	border: 5px solid #333;
}
.comercio IMG:hover
{
	border: 5px solid #666;
}
.gray
{
	color: #8899AA;
}