/* ----- initialize -----*/
html, body {margin: 0; padding: 0; background: #ffffff url(../img/gradient.gif) repeat-x top left; border: none; text-align: left; font: 11px Helvetica, Arial, Verdana, sans-serif; color: #21211a;}
p, img, form {margin: 0; padding: 0;}
p a, p a:link, p a:visited, p a:hover {color: #d02421; text-decoration: none;}
p a:hover {background: url(../img/stripes.gif) repeat;}
ul, li {margin: 0 0 0 12px; padding: 0; list-style: disc;}
iframe {margin: 0 0 45px 45px; padding: 0; width: 402px; height: 270px; border: none; overflow: auto;}
/* ----- classes -----*/
.column, .info1, .info2 {padding: 0; float: left; display: block;}
.info1 {margin: 0 6px 0 0;}
.column, .info2 {margin: 0;}
.info1, .info2 {width: 447px;}
.stripes1, .stripes2, .stripes3 {padding: 0; display: block;}
.stripes1, .stripes2 {background: url(../img/stripes.gif) repeat;}
.stripes1 {margin: 0; width: 447px; height: 290px;}
.stripes2, .stripes3 {margin: 0 0 6px 45px; width: 402px; height: 12px;}
.clear {margin: 0; padding: 0; width: 900px; height: 6px; background: #ffffff; overflow: hidden; clear: both;}
.indent1 {margin: 45px 0 3px;}
.indent2 {margin: 0 45px 18px;}
.indent3 {margin: 0 45px 45px;}
.indent4 {margin: 45px 0;}
.indent5 {margin: 0 45px 0;}
.indent6 {margin: 0 45px 6px;}
.indent7 {margin: 0 0 45px;}
.red {color: #d02421;}
.highlight {background: #ffff00;}
.center {text-align: center;}
.middle {vertical-align: middle;}
.hide {display: none;}
.form {width: 351px;}
.font {font: 11px Helvetica, Arial, Verdana, sans-serif;}
.large {font: 14px Helvetica, Arial, Verdana, sans-serif;}
.map {margin: 0 0 6px 45px; width: 402px; height: 300px; background: url(../img/map.gif) no-repeat;}
.developers {margin: 0 0 6px 45px; width: 402px; height: 76px; background: url(../img/developers.gif) no-repeat;}
/* ----- divisions -----*/
#wrapper1, #wrapper2 {margin: 0 auto;}
#header, #data, #footer {margin: 0; display: block;}
#wrapper1, #wrapper2, #header, #data {padding: 0;}
#wrapper1 {background: url(../img/bg1.gif);}
#wrapper2 {background: url(../img/bg2.gif);}
#footer {padding: 16px 0 15px; background: #e3e3e2; bottom: 0;}
#wrapper1, #wrapper2, #header, #data, #footer {width: 900px;}
/* ----- menu1 -----*/
#menu1 {margin: 0; padding: 0; width: 172px; height: 450px; position: relative; background: url(../img/menu1.gif) no-repeat;}
#menu1 li {margin: 0; padding: 0; list-style: none; position: absolute;}
#menu1 li, #menu1 a {display: block;}
/* ----- menu1 list items -----*/
#news1 {left: 0; top: 282px; width: 172px; height: 18px;}
#inspiracion1 {left: 0; top: 303px; width: 172px; height: 18px;}
#concepto1 {left: 0; top: 324px; width: 172px; height: 18px;}
#edificio1 {left: 0; top: 345px; width: 172px; height: 18px;}
#ubicacion1 {left: 0; top: 366px; width: 172px; height: 18px;}
#video1 {left: -1px; top: 387px; width: 172px; height: 18px;}
#contacto1 {left: 0px; top: 408px; width: 172px; height: 18px;}
/* ----- menu1 list links -----*/
#news1 a, #inspiracion1 a, #concepto1 a, #edificio1 a, #ubicacion1 a, #video1 a, #contacto1 a {height: 18px;}
/* ----- menu1 list links hover -----*/
#news1 a:hover {background: transparent url(../img/menu1.gif) -172px -282px no-repeat;}
#inspiracion1 a:hover {background: transparent url(../img/menu1.gif) -172px -303px no-repeat;}
#concepto1 a:hover {background: transparent url(../img/menu1.gif) -172px -324px no-repeat;}
#edificio1 a:hover {background: transparent url(../img/menu1.gif) -172px -345px no-repeat;}
#ubicacion1 a:hover {background: transparent url(../img/menu1.gif) -172px -366px no-repeat;}
#video1 a:hover {background: transparent url(../img/menu1.gif) -172px -387px no-repeat;}
#contacto1 a:hover {background: transparent url(../img/menu1.gif) -172px -408px no-repeat;}
/* ----- menu2 -----*/
#menu2 {margin: 0; padding: 0; width: 453px; height: 108px; position: relative; background: url(../img/menu2.gif) no-repeat;}
#menu2 li {margin: 0; padding: 0; list-style: none; position: absolute;}
#menu2 li, #menu2 a {display: block;}
/* ----- menu2 list items -----*/
#news2 {left: 51px; top: 22px; width: 63px; height: 12px;}
#inspiracion2 {left: 51px; top: 39px; width: 92px; height: 15px;}
#concepto2 {left: 51px; top: 57px; width: 87px; height: 15px;}
#edificio2 {left: 51px; top: 75px; width: 72px; height: 14px;}
#ubicacion2 {left: 186px; top: 22px; width: 88px; height: 12px;}
#video2 {left: 186px; top: 39px; width: 88px; height: 12px;}
#contacto2 {left: 186px; top: 57px; width: 84px; height: 12px;}
/* ----- menu2 list links -----*/
#news2 a, #ubicacion2 a, #video2 a, #contacto2 a {height: 12px;}
#inspiracion2 a, #concepto2 a {height: 15px;}
#edificio2 a {height: 14px;}
/* ----- menu2 list links hover -----*/
#news2 a:hover {background: transparent url(../img/menu2.gif) -51px -130px no-repeat;}
#inspiracion2 a:hover {background: transparent url(../img/menu2.gif) -51px -147px no-repeat;}
#concepto2 a:hover {background: transparent url(../img/menu2.gif) -51px -165px no-repeat;}
#edificio2 a:hover {background: transparent url(../img/menu2.gif) -51px -183px no-repeat;}
#ubicacion2 a:hover {background: transparent url(../img/menu2.gif) -186px -130px no-repeat;}
#video2 a:hover {background: transparent url(../img/menu2.gif) -186px -147px no-repeat;}
#contacto2 a:hover {background: transparent url(../img/menu2.gif) -186px -165px no-repeat;}
.apositvo {
	color: #A8A8A8;
}