@charset "utf-8";

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	background-image: url(images/fondos/bg.jpg);
	background-repeat: repeat;
}

ol li {}
ul {list-style-type : none; margin : 0; padding : 0; }
li {
	position : relative;
	padding-left: 15px;
	padding-top: 10px;
}
img{
	border-style: none;
	text-decoration: none;
	z-index: 3;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	background-color : #9A5DA4;
	color : #fff;
	text-decoration : none;
}
form {
	margin: 10px;
	float: right;
}
fieldset input {
	width : 35%;
	border : 1px solid #8D3792;
	margin-right: 0px;
	margin-left: 10px;
}
fieldset input#si, #no  {
	width : auto;
	border : 1px solid #8D3792;
	margin-right: 0px;
	margin-left: 10px;
}

fieldset input:hover { border-color : #73B5B1; }

fieldset input:active, input:focus { border-color : #C671CA; }
textarea {
	width : 35%;
	height: 50px;
	border: 1px solid #8D3792;
	margin-left: 10px;
}
textarea:hover { border-color : #73B5B1; }
textarea:active, textarea:focus {border-color: #C671CA; }

label, label span {
	display : block;
}
label {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
label span {
	float : left;
	width : 60%;
	text-align : right;
	font-size: 13px;
}
form div {
	margin-bottom : 20px;
	text-align : center;
	width: 210px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* =fieldset */
fieldset {
	width : 600px;
	margin: 0;
	padding : 10px 10px;
	overflow : hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
fieldset:hover { border-color: #722549;}
form div input { padding : 0 .25em; background-color: #996699; border : 2px double #8D3792;	color : #fff; text-transform: none; font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-weight: bold; }
form div input : hover { background-color: #e591b9 ; }
li#armonia { width: 400px; height: 450px; background-image: url(images/PNGs/armonia.png); background-repeat: no-repeat; left: 235px; }
li#armonia p{ padding-left: 198px; padding-right: 0px; }
div#container {
	position : relative;
	width: 800px;
	margin: 0 auto;
	border: none;
	text-align: left;
	background-color: #ffffff;
} 
div#header {
	position : relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	height: 103px;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 15px;
}
div#header h2{
	display: inline;
	position: absolute;
	left: -9999px;
	z-index: 1;
}
div#subheader {
	padding: 0;
	background-image: url(images/PNGs/lineaVerd.png);
	background-repeat: repeat-x;
	height: 13px;
	left: 1px;
	position: absolute;
	top: 107px;
	width: 800px;
	margin: 0px;
	visibility: visible;
	z-index: 5;
}

div#linecontent {
	padding: 0;
	background-image: url(images/PNGs/lineAmar.png);
	background-repeat: repeat-y;
	width: 13px;
	position: absolute;
	margin: 0px;
	visibility: visible;
	left: 104px;
	top: 105px;
}
div#marquisa {
	position: absolute;
	top: 629px;
	z-index: 3;
	height: 100px;
}
div#intro {
	position: absolute;
	top: 720px;
	z-index: 3;
	right: 10px;
	width: 725px;
}
div#intro img{
	float: left;
	margin-left: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div#intro p{
	float: left;
	text-align: left;
	margin-left: 15px;
	width: 215px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px;
}
div#arquitectos {
	position: absolute;
	top: 1004px;
	z-index: 4;
	height: 100px;
}
div#pincel {
	padding: 0;
	position: absolute;
	top: 220px;
	margin: 0px;
	visibility: visible;
	left: 0px;
	z-index: 2;
}
div#sidebar1 {
	float: left;
	width: 103px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	visibility: visible;
	background-color: #FFF;
	height: 1110px;
}
div#sidebarindex {
	float: left;
	width: 103px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	visibility: visible;
	background-color: #ffffff;
	height: 180px;
	padding-top: 5px;
}

div#mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 103px;
	padding-top: 7px;
	padding-right: -2px;
	padding-bottom: 10px;
	padding-left: 7px;
} 
div#logoCentral {
	position: absolute;
	top: 590px;
	left: 368px;
	alpha: 80%;

background: alpha
:50%;
	z-index: 100;
}
div#mainContent li {
	font-size: 80%;
	width: 195px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 18px;
	padding-left: 6px;
	text-align: left;
	margin-left: 6px;
	float: left;
}
div#footer { padding: 0 10px; background:#DDDDDD; } 
div#footer p { margin: 0; padding: 2px 0; }
td#trescuadtext li {
	width: 190px;
	left: 0px;
}
td#trescuadtext li#tres {
	width: 230px;
}
td#trescuadResidencias li {
	width: 190px;
	left: 10px;
}
td#trescuadResidencias li#dos {
	width: 225px;
}
td#trescuadSMA li {
	width: 203px;
	left: 10px;
}
td#doscuadtext li {
	width: 300px;
	left: 15px;
}
td#doscuadtext li#cinco {
	width: 300px;
	left: 25px;
}
td#doscuadLocalizacion li {
	width: 315px;
	left: 5px;
}
td#doscuadLocalizacion li#cinco {
	width: 300px;
	left: 10px;
}
td#doscuadFiestas li {
	width: 360px;
	left: 5px;
}
td#doscuadFiestas li#dos {
	width: 265px;
	margin-top: 50px;
	padding-top: 20px;
}
td#residencias li { width: 300px; width: 300px; left: -22px; }
img#elArte {
	position: absolute;
	left: 167px;
	top: 358px;
}
.imgelartevivir {
	position: absolute;
	left: 140px;
	top: 560px;
}
.imgvivatheartofliving {
	position: absolute;
	left: 120px;
	top: 620px;
}
.imgtextacuarela {
	left: 190px;
	top: 30px;
	position: absolute;
}
.animacion {
	left: 400px;
	top: 0px;
}
.imgplanos {
	position: absolute;
	left: 120px;
	top: 550px;
}
.imgbienestar {
	position: absolute;
	left: 130px;
	top: 550px;
}
.imgcerteza {
	position: absolute;
	left: 200px;
	top: 526px;
}
.imgdesarrolladores {
	position: absolute;
	left: 180px;
	top: 520px;
}

.imgservicios {
	position: absolute;
	left: 130px;
	top: 410px;
}
.imgcontacto {
	position: absolute;
	left: 130px;
	top: 500px;
}
.imglocaliz {
	position: absolute;
	left: 130px;
	top: 550px;
}
.imgsma {
	position: absolute;
	left: 150px;
	top: 470px;
}
.imgplans {
	position: absolute;
	left: 150px;
	top: 500px;
}
p#smaText {
	font-size: 13px;
	width: 650px;
	display: block;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 25px;
}

p#linksma {
	font-size: 80%;
	width: 200px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
}

p#linkface {
	font-size: 80%;
	width: 100px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-left: 0px;
}

.pTextintro {
	font-size: 13px;
	width: 300px;
	display: block;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 25px;
	font-weight: bold;
}
.pTex {
	font-size: 15px;
	width: 200px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	position: absolute;
	top: 230px;
	margin-left: 30px;
}
.home { background-image: url(images/fondos/home.jpg); background-repeat: no-repeat; background-position: 7px 7px; }
.sidebarHome {
	background-color: #ffffff;
	margin-top: 275px;
}
.lineContentIntro {
	height: 1120px;
	background-color: #FFE5C1;
}
.lineContentHome {
	height: 460px;
}
.lineContentThankyou {
	height: 685px;
}
.lineContentServicios {
	height: 1120px;
}
.lineContentResidencias {
	height: 1120px;
}
.lineContentPlanos {
	height: 1120px;
}
.lineContentContact {
	height: 1120px;
}
.lineContentDesarrolladores {
	height: 1120px;
}
.lineContentFaq {
	height: 1120px;
}
.lineContentSma {
	height: 1120px;
}
.barraDesarrollador {
	padding: 0;
	width: 690px;
	margin: 0px;
	right: 2px;
	border-top-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #84B275;
	border-right-color: #84B275;
	border-bottom-color: #84B275;
	border-left-color: #84B275;
	border-bottom-width: 6px;
	visibility: visible;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
}
.barraplanos {
	padding: 0;
	width: auto;
	margin: 0px;
	visibility: visible;
	text-align: center;
	height: 210px;
	right: 16px;
	vertical-align: middle;
	position: absolute;
	top: 640px;
	z-index: 5;
}
.dropshadow img{
	filter: Color:#666; OffX:123px; OffY:131px;
}
.home {
	height: 455px;
	background-image: url(images/fondos/home.jpg);
}
.intro {
	background-image: url(images/fondos/home2.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.home2 {
	background-image: url(images/fondos/home2.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.planos {
	background-image: url(images/fondos/plans.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.plans {
	background-image: url(images/fondos/plans.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.residencias {
	background-image: url(images/fondos/erecidences.jpg);
	background-repeat: no-repeat;
	background-position: 7px 0px;
}	
.erecidences {
	background-image: url(images/fondos/erecidences.jpg);
	background-repeat: no-repeat;
	background-position: 7px 0px;
}			
.servicios {
	background-image: url(images/fondos/servicios.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.amenities {
	background-image: url(images/fondos/servicios.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.faq {
	background-image: url(images/fondos/fondoFaq.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.efaq {
	background-image: url(images/fondos/faq.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.empresa {
	background-image: url(images/fondos/developers.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}	
.developers {
	background-image: url(images/fondos/developers.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}	
.contacto {
	background-image: url(images/fondos/contact.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.contact {
	background-image: url(images/fondos/contact.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.localizacion {
	background-image: url(images/fondos/location.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.location {
	background-image: url(images/fondos/location.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.sanMiguel {
	background-image: url(images/fondos/sma.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.sma {
	background-image: url(images/fondos/sma.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.tituloLi { font-weight: bold;font-style: italic; font-size: 100%; text-align: center; }
.bold { font-style: bold; }
.cursiva { font-style: italic;font-weight: bold;}	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
.p10px {
	font-size: 12px;
	padding: 10px;
}
.Estilo2 {
	color: #000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 3px;
	text-align: center;
	display: block;
}

ul#linksSMA {
	margin-left: 420px;
}
ul#linksSMA li {
	width: 250px;
	display: block;
	border: 1px solid #83378F;
	margin: 0px;
	padding: 0px;
	float: none;
	font-size: 14px;
	text-align: right;
}
ul#linksSMA li a {
	color: #000000;
	text-decoration: none;
}
img a {
	text-decoration: none;
}
.audioPosition {
	position: absolute;
	right: 7px;
	top: 50px;
}
∫