html{overflow-y: scroll; margin:0; padding:0; height:100%;}
body{
	background-image: url(../img/pattern.jpg);
	background-repeat: repeat; 
	margin:0;
	padding:0;
	color: #333333; 
	font-size: 14px;
	height:100%;
}
img{margin:0; padding:0; max-width:100%; height: auto; border:0;}
img.scale-with-grid { max-width:100%; height: auto; width:auto;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

/*------ESTRUCTURA--------*/

#container{margin-right:auto;margin-left:auto; padding-left:10px;padding-right:10px;}
#container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
#header {
	width: 100%;
	background-color: #118CC3;
}
#botonera{
	background-color: #118CC3;
	min-height: 20px;
}
#contenido{
	margin: 0px auto;
	max-width: 980px;
	min-height: 300px;
}
#logo {
	float: left;
	max-width: 200px;
	margin: 0px;
	height: auto;
}

/*------FOOTER--------*/
#footer {
	background-image:url(../img/fondo.jpg);
	background-repeat:repeat;
	width:100%;
}
#contenido-footer {
	height: auto;
	max-width: 980px;
	margin: 0px auto;
	padding: 5px;
}
.logo-footer {
	float: inherit;
	max-width: 155px;
	margin: auto auto;
	vertical-align: middle;
}
.contacto-footer {
	float: left;
	max-width: 247px;
	margin: 5px;
	vertical-align: middle;
}
.redes-footer {
	float: right;
	max-width: 200px;
}
#apdg{ margin: 0px auto; width: 100%;}

/*----------------------------------------------------------------------*/


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

#home{
	font-family: 'robotoregular', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin: 5px auto;
	max-width: 980px;
	width: 100%;
}
#descripciones{
	max-width: 700px;
	margin: 5px;
	float: left;
}
#descripciones .titulo{
	font-family:'quicksandregular', Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	margin: 5px;
}
#descripciones .subtitulo{
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #118CC3;
	margin: 5px;
}
#descripciones .corrido{
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin: 5px;
}
#descripciones .corrido .a{
	color: #333333;
}
#contacto{
	float: left;
	font-family: 'robotoregular', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin: 0px 5px;
	max-width: 350px;
	color: #333333;
}
#contacto-datos{
	float: left;
	font-family: 'robotoregular', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin: 5px;
	max-width: 450px;
	color: #333333;
}
#contacto-datos .foto{
	background-color: #FFFFFF;
	box-shadow: 0px 0px 3px #333333;
	float: left;
	max-width: 80px;
	margin: 5px;
	padding: 5px 5px 2px 5px;
	vertical-align: middle;
}
#logo-amari-fijo {
	float: left;
	max-width: 180px;
	margin: 5px;
	width: auto;
}
#destacado-promo-home {
	float: left;
	max-width: 374px;
	margin: 5px;
	width: auto;
}
.abre-galeria-servicios{
	margin: 3px 5px;
}
.abre-galeria{
	float: left;
	margin: 3px 5px;
}
#apartamentos {
	color: #333333;
	font-family: 'robotoregular', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin: 10px auto;
	max-width: 700px;
	padding: 10px;
	width: 100%;
}
#apartamentos .minificha {
	margin: 10px auto;
	width: 100%;
}
#apartamentos .minifoto {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 3px #333333;
	float: left;
	max-width: 250px;
	margin: 5px 10px 5px 5px;
	padding: 10px 10px 7px 10px;
	vertical-align: middle;
}
#apartamentos .titulos {
	font-family:'quicksandregular', Helvetica, sans-serif;
	font-size: 18px;
	font-weight:700;
	color: #333333;
	margin: 10px 5px;
}
#apartamentos .subtitulos {
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #118CC3;
	margin: 10px 5px;
}
#apartamentos .descripcion {
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #333333;
	margin: 10px 5px;
}
#tarifas{
	max-width: 700px;
	margin: 5px;
	float: left;
	width: 100%;
}
#tarifas .titulo{
	font-family:'quicksandregular', Helvetica, sans-serif;
	font-size: 20px;
	font-weight:700;
	line-height: 28px;
	color: #333333;
	margin: 5px;
}
#tarifas .subtitulo{
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #118CC3;
	margin: 5px;
}
#tarifas .corrido{
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin: 5px;
}
#novedades{
	max-width: 700px;
	margin: 5px;
	float: left;
	width: 100%;
}
#novedades .titulo{
	font-family:'quicksandregular', Helvetica, sans-serif;
	font-size: 20px;
	font-weight:700;
	line-height: 28px;
	color: #333333;
	margin: 5px;
}
#novedades .subtitulo{
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #118CC3;
	margin: 5px;
}
#novedades .corrido{
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin: 5px;
}
#novedades .minifoto {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 3px #333333;
	float: left;
	max-width: 250px;
	margin: 5px 10px 5px 5px;
	padding: 5px 5px 2px 5px;
	vertical-align: middle;
}
/*----------------------------------------------------------------------*/


/*------ESTILOS--------*/

.corrido{
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	margin: 5px;
}
.corrido .a{
	color: #333333;
}
.titulos {
	font-family:'quicksandregular', Helvetica, sans-serif;
	font-size: 18px;
	font-weight:700;
	color: #333333;
	margin: 5px;
}
.subtitulos {
	font-family:'robotoregular', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #118CC3;
	margin: 5px;
}
.fl_left{float: left;}
.fl_right{float: right;}
.margin10 {
	margin: 10px;
}
@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand/quicksand-regular-webfont.eot');
    src: url('../fonts/quicksand/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand/quicksand-regular-webfont.woff') format('woff'),
         url('../fonts/quicksand/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fonts/quicksand/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'archivo_narrowregular';
    src: url('../fonts/archivo/archivonarrow-regular-webfont.eot');
    src: url('../fonts/archivo/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archivo/archivonarrow-regular-webfont.woff') format('woff'),
         url('../fonts/archivo/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('../fonts/archivo/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*maps*/
.google-maps {
     position: relative;
     padding-bottom: 40%; // This is the aspect ratio
     height: 0;
     overflow: hidden;
	 max-width: 980px;
}
.google-maps iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
	  max-width: 980px;
}
/*-----------------------------*/