@charset "UTF-8";
/* CSS Document */
html.body {
	height:100%;
}
body {
    margin: 0;
    font-family: arial;
	background:url(images/bg.gif) right repeat-y #fff;
}

a {
    color: #858688;
	cursor:pointer;
}

#inicio {
	margin:-20px 0 0 0;
}
.fondo,.lejano,.cerca {
	position:absolute;
}
#preloader {
	background:url(images/preloader.gif) no-repeat center #fff;
	width:100%;
	height:100%;
	z-index:9999;
	position:fixed;
	top:0;
}

#ecologico {
    width: 101px;
    height: 41px;
    background:url(images/ecologico.png);
    position:absolute;
    margin:316px 0 0 300px;
}

h1 {
    position: absolute;
    width: 209px;
    height: 0px;
    margin: 106px 0 0 42px;
    padding: 174px 0 0;
    overflow: hidden;
    background: url(images/logo_principal.png);
}
.seccion {
    height: 482px;
	width:1024px;
	margin:auto;
}
.web {
    height: 482px;
}

#header {
    height: 31px;
    width: 100%;
	min-width:1024px;
    position: fixed;
    top: 0;
    background: url(images/header_bg.jpg);
	z-index:999;
}

#especificaciones {
    height: 626px;
}

#footer {
    background: #6F7072;
    width: 100%;
    height: 99999px;
    top: 438px;
    position: fixed;
	z-index:999;
}

#circulo {
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    border-radius: 8px;
    margin-top: -2px;
}

#footer h2 {
    width: 138px;
    height: 0px;
    margin: 27px 0 0 25px;
    padding: 37px 0 0;
    background: url(images/surrey_footer.png);
    overflow: hidden;
    float: left;
}

#footer ul {
    padding: 0;
    margin: 0 10px 0 0;
    list-style: none;
    float: right;
}

#footer ul li {
    width: 48px;
    height: 48px;
    float: right;
    margin: -15px 0 0;
}

#footer ul li a {
    width: 48px;
    padding-top: 48px;
    display: block;
    height: 0px;
    overflow: hidden;
    background: url(images/icon_social_facebook.png) no-repeat;
}

#footer ul li a.call {
    margin: -5px 0 0 -9px;
    width: 61px;
    padding-top: 61px;
    background-image: url(images/icon_social_phone.png);
}

.comprar {
	width:205px;
	height:0px;
	padding:49px 0 0;
    margin:38px 0 0 617px;
	overflow:hidden;
	display:block;
	position:absolute;
	background:url(images/donde_comprar.png);
}

#footer ul li a.surreyresponde {
    width:206px;
    padding-top:54px;
    background-image:url(images/surrey_responde.png);
    margin:-3px 0 0 -160px;
}

#footer ul li a.twitter {
    background-image: url(images/icon_social_twitter.png);
}

#footer ul li a.mail {
    margin-top: 42px;
    background-image: url(images/icon_social_mail.png);
}

#footer ul li a.google {
    background-image: url(images/icon_social_google.png);
}

.navbar {
    position: absolute;
    width: 89px;
    height: 107px;
    list-style: none;
    padding: 0;
    margin: 310px 0 0 38px;
    background: url(images/navbar_01.png) no-repeat;
}

.navbar li a {
    display: block;
    height: 0px;
    padding-top:21px;
    overflow: hidden;
}

.navbar li a.inicio {
    padding-top:18px;
}

#inicio .navbar li .inicio {
    padding-top: 25px;
}

#inicio .navbar li a {
    padding-top: 22px;
}

#texto {
    position: absolute;
    width: 270px;
    height: 0px;
    margin: 138px 0 0 688px;
    overflow: hidden;
    padding-top: 180px;
    background: url(images/texto_principal.png);
}

#surrey_principal {
    position: absolute;
    margin: 360px 0 0 707px;
}

#surrey_principal .logo {
    float: left;
    width: 103px;
    height: 0px;
    padding-top: 31px;
    overflow: hidden;
    background: url(images/surrey__small_principal.png);
}

#surrey_principal .text {
    border-left: solid 1px #858688;
    padding: 0px 5px;
    margin: 5px 0 0 9px;
    float: left;
    font-size: 9px;
    color: #858688;
	width:300px;
}

#surrey_principal .text a {
    color: #858688;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#gotas div {
    width: 426px;
    padding-top: 426px;
    height: 0px;
    overflow: hidden;
    background: url(images/gota_1.png);
    position: absolute;
    margin: 35px 0 0 260px;
	z-index:-2;
}

#gotas div.dos {
    background: url(images/gota_2.png);
}

#gotas div.tres {
    background: url(images/gota_3.png);
}

#gotas div.cuatro {
    background: url(images/espacios_mas_verdes.png) no-repeat center;
    margin: 10px 0 0 295px;
}

.galeria {
    margin: 110px 0 0 10px;
    padding: 0;
    list-style: none;
    width: 200px;
    position: absolute;
}

.galeria li {
	widows:44px;
	height:33px;
    float: left;
    border: solid 3px #fff;
    padding: none;
    margin: 8px 0 0 8px;
    box-shadow: 1px 1px 3px #999;
	cursor:pointer;
}

.seccion h2 {
    width: 284px;
    height: 0px;
    margin: -25px 0 0 -40px;
    padding-top: 179px;
    overflow: hidden;
    background: url(images/imagenes.png) no-repeat;
    position: absolute;
	z-index:2;
}

.seccion h2.imagenes {
	z-index:0;
}

.seccion h2.vista {
    background-image: url(images/vista.png);
}

.seccion h2.ambiente {
    background-image: url(images/ambiente.png);
}

.seccion h2.especificaciones {
    background-image: url(images/esp.png);
}

#render {
    width: 328px;
    height: 169px;
    margin: 175px 0 0 235px;
    background: url(images/render.png);
    position: absolute;
}

.ecologico_eficiente {
    width: 125px;
    height: 0px;
    margin: 100px 0 0 820px;
    padding-top: 126px;
    overflow: hidden;
    background: url(images/ecologico_eficiente.png);
    position: absolute;
}

#puntos {
    width: 78px;
    height: 59px;
    margin: 360px 0 0 318px;
    overflow: hidden;
    background: url(images/puntitos.png);
    position: absolute;
}

#imagenes .background {
    width: 1024px;
    height: 421px;
    background: url(images/bg_imagenes.jpg) #fff no-repeat right top;
    position: absolute;
    margin:25px 0 0;
	z-index:-1;
}

#imagenes .background div {
    width: 360px;
    height: 514px;
    margin:-30px 0 0 230px;
    position: absolute;
    background: url(images/gota_imagenes.png);
}

#logo_pria_small {
    width: 131px;
    height: 109px;
    margin:55px 0 0 380px;
    position: absolute;
    background: url(images/logo_imagenes.png);
}
#imagenes .navbar {
    background:url(images/navbar_imagenes.png) no-repeat ;
    width: 170px;
    margin:312px 0 0 17px;
}
#vista .navbar {
    background:url(images/navbar_vista.png) no-repeat ;
    width: 170px;
    margin:319px 0 0 21px;
}
#ambiente .navbar {
    background:url(images/navbar_ambiente.png) no-repeat ;
    width: 170px;
    margin:319px 0 0 21px;
}
#especificaciones .navbar {
    background:url(images/navbar_esp.png) no-repeat ;
    width: 170px;
    margin:319px 0 0 21px;
}






#galeria_imagenes {
    position: absolute;
}

#galeria_imagenes img {
    display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	padding-top:100px;
    position: absolute;
}

#galeria_imagenes img.a {
    margin: 170px 0 0 210px;
}

#galeria_imagenes img.b {
    margin: 175px 0 0 210px;
}

#galeria_imagenes img.c {
    margin: 175px 0 0 210px;
}

#galeria_imagenes img.d {
    margin: 175px 0 0 210px;
}

#galeria_imagenes img.e {
    margin: 175px 0 0 210px;
}

#galeria_imagenes img.f {
    margin: 170px 0 0 210px;
}

#galeria_imagenes img.g {
    margin: 170px 0 0 210px;
}

#galeria_imagenes img.z {
    margin: 175px 0 0 210px;
}

#galeria_imagenes img.h {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
    margin: 140px 0 0 210px;
	padding:0;
}

#galeria_imagenes img.i {
    margin: 157px 0 0 240px;
}

#video {
    width: 460px;
    height: 370px;
    margin: 50px 0 0 300px;
	position:absolute;
	z-index:0;
	background:url(images/video.jpg) no-repeat center;
}
#video div {
	height:370px;
	display:none;
}

#tabla {
	width:637px;
    position: absolute;
    margin: 50px 0 0 340px;
}

#tabla table {
    border-radius:10px;
	padding:0 0 10px;
	margin:60px 0 0;
    overflow:hidden;
    background:#fff;
    font-size:11px;
	position:absolute;
}

#tabla table .green {
    background:green;
    color:#fff;
    font-weight:bold;
	border-radius:10px;
	overflow:hidden;
}

#tabla table td {
    padding:5px 10px;
}

#tabla table .strong {
    font-weight:bold;
}

.logo_white {
    background: url(images/logo_blanco.png);
    width: 277px;
    height: 327px;
    position: absolute;
    margin: -80px 0 0 780px;
}

#vista .ecologico_eficiente {
    margin: 260px 0 0 780px;
}

#especificaciones .logo_white {
    margin: 0 0 0 -34px;
}

#tabla a {
    display:block;
    float:left;
    font-size:13px;
    font-weight:bold;
    padding:3px 8px;
    margin:2px;
}

#tabla a#activado {
    background:#F15D22;
    color:#fff;
    border-radius:5px;
}


.iconos {
    list-style: none;
    margin: 330px 0 0 420px;
    position: absolute;
    width: 331px;
}

.render_ambiente {
    margin: 160px 0 0 60px;
    position: absolute;
    width: 331px;
    height: 205px;
    background: url(images/ambiente/render.png);
}

.iconos li {
    float: left;
    display: block;
    width: 78px;
    height: 0;
    padding-top: 86px;
    overflow: hidden;
    background: url(images/ambiente/icon_1.png);
}

.iconos li.bbb {
    background: url(images/ambiente/icon_2.png);
}

.iconos li.ccc {
    background: url(images/ambiente/icon_3.png);
}

.iconos li.ddd {
    background: url(images/ambiente/icon_4.png);
}

.imagenes_ambiente div {
	padding:100px 0 0;
    width: 538px;
    height: 722px;
    position: absolute;
    background: url(images/ambiente/imagen_1.png) no-repeat bottom;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.imagenes_ambiente .aaa {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	padding-top:0;
    margin: -200px 0 0 530px;
}

.imagenes_ambiente .bbb {
    margin: -144px 0 0 590px;
    background-image: url(images/ambiente/imagen_2.png);
}

.imagenes_ambiente .ccc {
    margin: -244px 0 0 530px;
    background-image: url(images/ambiente/imagen_3.png);
}

.flecha_izq,.flecha_der {
	width:29px;
	height:49px;
	background:url(images/ambiente/flecha_der.png) no-repeat center;
	position:absolute;
    margin:365px 0 0 350px;
	cursor:pointer;
}

.flecha_izq {
    margin:365px 0 0 300px;
	background-image:url(images/ambiente/flecha_izq.png);
}

#play_boton {
    margin-top: 86px !important;
}
#jp_container_1 {
    margin-top: 80px !important;
}
a.comprar {
    margin-left: 560px;
    margin-top: 22px;
}

a.surreyresponde {
    margin-top: 38px !important;
    margin-left: -15px !important;
}

a.twitter {
    margin-top: -420px;
    margin-left: 50px;
}

a.google {
    margin-top: -420px;
    margin-left: 50px;
}
a.facebook {
    margin-top: -420px;
    margin-left: 50px;
}