@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
/* @group General */

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
	color: #57807f;
	text-align: justify;
	line-height: 22px;
	font-size: 15px;
}
#directorio{
	background: #e2ece0 url('../images/back_directorio.jpg') no-repeat center top;
}
#comercio{
	background: #fff5e0 url('../images/back_comercio.jpg') no-repeat center top;
}
#gastronomia{
	background: #fff5e0 url('../images/back_gastronomia.jpg') no-repeat center top;
}
#servicios{
	background: #fff5e0 url('../images/back_servicios.jpg') no-repeat center top;
}
#promociones{
	background: #e2ece0 url('../images/back_promociones.jpg') no-repeat center top;
}
#fotos{
	background: #e2ece0 url('../images/back_fotos.jpg') no-repeat center top;
}
#contactenos{
	background: #e2ece0 url('../images/back_contactenos.jpg') no-repeat center top;
}
#ubicacion{
	background: #e2ece0 url('../images/back_ubicacion.jpg') no-repeat center top;
}
a.copy {
	color: #668f8f;
	text-decoration: none;
}
a.copy:hover {
	color: #ffa82c;
	text-decoration: none;
}
a.copy2 {
	color: #92d2d2;
	text-decoration: none;
}
a.copy2:hover {
	color: #ffa82c;
	text-decoration: none;
}
img {
	border: 0px;
}
a {
	color: #6c8481;
	text-decoration: none;
	line-height: 27px;
}
a:hover{
	color: #f29e50;
}
.floatright {
	float: right;
	margin-left: 30px;
	margin-bottom: 20px;
}
/* @end */

/* @group Sections */

header {
	top: 0;
	width: 100%;
	height: 370px;
	position: relative;
}
#headerarea {
	width: 970px;
	height: 370px;
	margin: 0 auto;
	position: relative;
}
#middledirectorio {
	width: 970px;
	height: 1140px;
	margin: 0 auto;
	position: relative; 
}
#middlecomercio {
	width: 970px; 
	height: 1210px;
	margin: 0 auto;
	position: relative;
}
#middleservicios {
	width: 970px;
	height: 710px;
	margin: 0 auto;
	position: relative;
}
#middlegastronomia {
	width: 970px;
	height: 1030px;
	margin: 0 auto;
	position: relative;
}
#middlepromociones {../../../../../../Users/Tentori/Desktop/Captura de pantalla 2017-11-30 a la(s) 14.01.24.png
	width: 970px;
	height: 500px;
	margin: 0 auto;
	position: relative;
}
#middlefotos {
	width: 970px;
	height: 560px;
	margin: 0 auto;
	position: relative;
}
#middlecontactenos {
	width: 970px;
	height: 665px;
	margin: 0 auto;
	position: relative;
}
#middleubicacion {
	width: 970px;
	height: 650px;
	margin: 0 auto;
	position: relative;
}
footer {
	width: 100%;
	height: 600px;
	background: url('../images/interna_back_footer.png') repeat left top;
	position: relative;
}
#footerarea {
	top: -135px;
	width: 970px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}
#footer2 {
	width: 100%;
	height: 360px;
	background: url('../images/interna_back_footer2.png') repeat left top;
	position: relative;
}
#footerarea2 {
	width: 970px;
	height: 360px;
	margin: 0 auto;
	position: relative;
}
/* @end */

/* @group Header */

#logo {
	top: 32px;
	left: 30px;
	position: absolute;
	z-index: 99;
}
#face {
	top: 56px;
	right: 15px;
	position: absolute;
}
#menu {
	width: 650px;
	height: 20px;
	top: 60px;
	right: 55px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	text-align: right;
	position: absolute;
	z-index: 99;
}
a.menu {
	color: #ffffff;
	text-decoration: none;
	margin: 10px;
}
a.menu:hover {
	color: #ff8420;
	text-decoration: none;
	margin: 10px;
}
#facebook {
	top: 43px;
	right: 15px;
	position: absolute;
}
/* @end */

/* Middle */
#intro{
	top: 60px;
	left: 35px;
	width: 800px;
	height: 80px;
	position: absolute;
}
#introcontactenos{
	top: 60px;
	left: 35px;
	width: 600px;
	height: 80px;
	position: absolute;
}
#introcomercio{
	top: 60px;
	left: 35px;
	width: 800px;
	height: 80px;
	color: #976f19;
	position: absolute;
}
#introofertas{
	top: 60px;
	left: 35px;
	width: 800px;
	height: 80px;
	color: #57807f;
	position: absolute;
}
#textoservicios {
	top: 380px;
	left: 65px;
	width: 200px;
	height: 700px;
	position: absolute;
}
#textocomercio {
	top: 380px;
	left: 380px;
	width: 200px;
	height: 700px;
	position: absolute;
}
#textogastronomia {
	top: 380px;
	left: 700px;
	width: 230px;
	height: 700px;
	position: absolute;
}
.proximamente {
	color: #e6a32d;
	font-size: 12px;
}
#columna1 {
	top: 150px;
	left: 15px;
	width: 230px;
	height: 700px;
	text-align: center;
	position: absolute;
}
#columna2 {
	top: 150px;
	left: 250px;
	width: 230px;
	height: 700px;
	text-align: center;
	position: absolute;
}
#columna3 {
	top: 150px;
	left: 485px;
	width: 230px;
	height: 700px;
	text-align: center;
	position: absolute;
}
#columna4 {
	top: 150px;
	left: 720px;
	width: 230px;
	height: 700px;
	text-align: center;
	position: absolute;
}
a.servicios {
	color: #1c897d;
	text-decoration: none;
	line-height: 27px;
}
a.comercio {
	color: #c48624;
	text-decoration: none;
	line-height: 27px;
}
a.gastronomia {
	color: #c45135;
	text-decoration: none;
	line-height: 27px;
}
#formulario{
	top: 160px;
	left: 100px;
	width: 600px;
	position: absolute;
}
#ofertasarea{
	top: 180px;
	left: 20px;
	color: #57807f;
	position: relative;
}
#fotogallery{
	top: 180px;
	left: 40px;
	position: absolute;
}
#googlemaps{
	top: 100px;
	right: 120px;
	position: absolute;
}
#botonmapa{
	top: -54px;
	right: 42px;
	position: absolute;
}
/* Fin Middle */

/* @group Footer */
#comerciofooter {
	top: 272px;
	left: 130px;
	position: absolute;
}
#gastronomiafooter {
	top: 272px;
	left: 380px;
	position: absolute;
}
#serviciosfooter {
	top: 272px;
	left: 660px;
	position: absolute;
}
#oferta {
	top: 197px;
	left: 80px;
	position: absolute;
}
#copy {
	top: 565px;
	right: 30px;
	width: 920px;
	height: 110px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	line-height: 12px;
	position: absolute;
}
#copy3 {
	top: 225px;
	right: 15px;
	width: 950px;
	height: 110px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	line-height: 23px;
	position: absolute;
}
#logofooteroficentromomentumpinares {
	top: 440px;
	left: 90px;
	position: absolute;
	z-index: 9999999999;
}
#logofooterpinares {
	top: 405px;
	left: 150px;
	position: absolute;
	z-index: 9999999999;
}
#logofootertorre {
	top: 435px;
	left: 285px;
	position: absolute;
	z-index: 9999999999;
}
#logofootercentromedico {
	top: 435px;
	left: 535px;
	position: absolute;
	z-index: 9999999999;
}
#logofooterescazu {
	top: 405px;
	left: 415px;
	position: absolute;
	z-index: 9999999999;
}
#logofooterlindora {
	top: 405px;
	left: 665px;
	position: absolute;
	z-index: 9999999999;
}


/* @end */