/* CSS Document */
body { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 1000px; background: url(../imatges/pixel.png); background-color: #000; background-attachment: fixed; }
a { font-family: Helvetica; font-size: 14px; color: #FFF; text-decoration: underline; }
a:link { color: #FFF; text-decoration: underline; }
a:active { color: #FFF; text-decoration: underline; }
a:visited { color: #FFF; text-decoration: underline; }
a:hover { color: #FFF; text-decoration: none; }
img { border: 0px; }

#top { position: absolute; top: 0px; margin-top: 0px; margin-bottom: 0px; width: 1000px; height: 390px; background: url(../imatges/cap.jpg); background-position: center; background-repeat: no-repeat; z-index: 1; }
#tapiz { position: absolute; top: 390px; width: 1000px; background: url(../imatges/tapiz.jpg); background-position: top; background-repeat: repeat-y; z-index: 1; }
#menu { top: 0px; z-index: 101; position: fixed; width: 1000px; padding-left: 242px; z-index: 2; }
#menu li { float: left; list-style: none; }

#central-content-body { position: relative; margin-top: 500px; }
#central-content-mueble-juvenil-avatar { position: relative; top: 300px; padding-left: 208px; padding-top: 400px; }
#central-content-mueble-juvenil-sistema-avatar { position: relative; top: 300px; padding-top: 660px; }
#central-content-armarios-dormitorios-argento { position: relative; top: 80px; padding-left: 208px; padding-top: 200px; }
#central-content-contact { position: relative; padding-top: 180px; }
#copyright { position: relative; color: #FFF; height: 30px; z-index: 1000; width: 100%; text-align: center; font-family: Helvetica; font-size: 14px; }

#left-menu { position: fixed; top: 112px; width: 138px; z-index: 6; }
#left-menu ul { list-style-type: none; display: none; }
#left-menu img { width: 85%; }
#avatar-menu-1 { padding: 0; position: absolute; margin-left: 7px; z-index: 8; line-height: 0.95; }
#avatar-menu-2 { position: absolute; margin-left: 12px; z-index: 7; line-height: 0.95; }
#avatar-menu-3 { padding: 0; position: absolute; margin-top: 180px; margin-left: 7px; z-index: 8; line-height: 0.95; }
#avatar-menu-4 { position: absolute; margin-top: 180px; margin-left: 12px; z-index: 7; line-height: 0.95; }
#argento-menu-1 { padding: 0; position: absolute; margin-left: 7px; z-index: 8; line-height: 1.25; }
#argento-menu-2 { position: absolute; margin-left: 12px; z-index: 7; line-height: 1.25; }
#argento-menu-3 { padding: 0; position: absolute; margin-top: 180px; margin-left: 7px; z-index: 8; line-height: 1.25; }
#argento-menu-4 { position: absolute; margin-top: 180px; margin-left: 12px; z-index: 7; line-height: 1.25; }

#argento { position: relative; width: 1000px; height: 158px; background: url(../imatges/argento.png); z-index: 5; margin-left: -208px; margin-bottom: 75px; }
#avatar { position: absolute; top: 200px; width: 1000px; height: 133px; background: url(../imatges/avatar.png); z-index: 5; margin-left: -208px; }
#bombilla { position: fixed; top: 0px; margin-left: 916px; width: 26px; height: 141px; background: url(../imatges/bombilla.png); z-index: 7; cursor: pointer; }
#burro { position: absolute; top: 300px; width: 196px; height: 469px; margin-left: 804px; background: url(../imatges/burro.png); z-index: 6; }
#burro_2 { position: relative; top: 100px; width: 196px; height: 469px; margin-left: 804px; background: url(../imatges/burro.png); z-index: 6; }
#camara { position: absolute; width: 191px; height: 361px; background: url(../imatges/camara.png); z-index: 3; top: 200px; }
#camara_2 { position: absolute; width: 191px; height: 361px; background: url(../imatges/camara.png); z-index: 7; top: 200px; }
#camara_flip { position: absolute; left: 809px; width: 191px; height: 361px; background: url(../imatges/camara_flip.png); z-index: 3; }
#cesped { position: absolute;  top: 270px; width: 1000px; height: 715px; background: url(../imatges/cesped.png); z-index: 2; }
#cesped_2 { position: relative; width: 1000px; height: 715px; background: url(../imatges/cesped.png); z-index: 2; }
#cesped_3 { position: relative; margin-top: 62px; width: 1000px; height: 715px; background: url(../imatges/cesped.png); margin-left: -208px; z-index: 1; }
#cesped_4 { position: relative; margin-top: -50px; width: 1000px; height: 325px; background: url(../imatges/cesped.png); z-index: 1; }
#descargas { position: absolute; top: 275px; margin-left: 840px; width: 85px; height: 90px; background: url(../imatges/descargas.png); background-repeat: no-repeat; background-position: top left; z-index: 600; cursor: pointer; }
#elefant { position: absolute; top: -155px; width: 334px; height: 544px; margin-left: 190px; background: url(../imatges/elefant.png); z-index: 3; }
#elefant_flip { position: absolute; top: 700px; width: 315px; height: 513px; margin-left: 475px; background: url(../imatges/elefant_flip.png); z-index: 3; }
#film { position: fixed; top: 117px; margin-left: 0px; width: 150px; height: 388px; background: url(../imatges/film.png); z-index: 5; }
#gos { position: absolute; top: 134px; width: 331px; height: 145px; margin-left: 430px; background: url(../imatges/gos.png); z-index: 3; }
#jirafa { position: absolute; top: 250px; margin-left: 35px; width: 215px; height: 451px; background: url(../imatges/jirafa.png); z-index: 5; }
#jirafa_2 { position: absolute; top: 730px; margin-left: -173px; width: 215px; height: 451px; background: url(../imatges/jirafa.png); z-index: 5; }
#lleo { position: absolute; top: 500px; left: 0px; width: 175px; height: 440px; background: url(../imatges/lleo.png); z-index: 5; }
#mono { position: absolute; top: 123px; margin-left: 768px; width: 194px; height: 267px; background: url(../imatges/mono.png); z-index: 5; }
#mono_2 { position: absolute; top: 615px; margin-left: 572px; width: 194px; height: 267px; background: url(../imatges/mono.png); z-index: 5; }
#muestras { position: absolute; top: 80px; margin-left: 800px; width: 95px; height: 42px; background: url(../imatges/muestras.png); z-index: 5 }
#obras { position: absolute; width: 176px; height: 404px; margin-left: 75px; background: url(../imatges/obras.png); z-index: 6; }
#onair { position: fixed; top: 60px; margin-left: 0px; width: 115px; height: 57px; background: url(../imatges/onair.png); z-index: 5; }
#reproductor { position: absolute; top: 250px; width: 500px; margin-left: 257px; z-index: 3; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; }
#tele { position: absolute; width: 236px; height: 229px; left: 75px; background: url(../imatges/tele.png); z-index: 3; }
#ventana { position: absolute; top: 250px; width: 136px; height: 139px; margin-left: 800px; background: url(../imatges/ventana.png); z-index: 3; }
#ventana_2 { position: absolute; top: 500px; width: 136px; height: 139px; margin-left: -175px; background: url(../imatges/ventana.png); z-index: 3; }
#zone_lagrama { position: absolute; top: 150px; width: 256px; height: 67px; margin-left: 175px; background: url(../imatges/zone_lagrama.png); z-index: 3; }

#visor { display: none; position: fixed; width: 970px; z-index: 1000; left: 0px; padding: 15px; background: #FFFFFF; }
#imatge_visor { margin: auto; }
#close { position: absolute; z-index: 100; background: #000; height: 50px; width: 50px; cursor: pointer; padding-top: 4px; padding-left: 4px; }
#fondo_negro { display: none; position: fixed; z-index: 999; background: #000000; left: 0px; }
#carregant { display: none; position: fixed; z-index: 999; background: #000000; left: 0px;}
#carregant_text { color: #FFF; font-family: Helvetica; font-size: 24px; font-weight: bold; text-align: center; margin-top: 25%; }

.text_cuadre_contacte { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; }
.input_text_contacte {  overflow: hidden; border: 0px; background-color: #FFF; color: #000; height: 15px; font-family: Helvetica; font-size: 13px; font-weight: bold; padding-left: 10px; padding-right: 10px; }
.text_cuadre_contacte_pregunta { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #FFF; }
.text_cuadre_contacte_resposta { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #000; }

.check { width: 15px; height: 14px; background-color: #FFF; cursor: pointer; padding-left: 3px; padding-bottom: 3px; float: left; margin-top: 2px; margin-right: 5px; }
.radio-1 { width: 15px; height: 14px; background-color: #FFF; cursor: pointer; padding-left: 3px; padding-bottom: 3px; float: left; margin-top: 3px; margin-right: 5px; }
.radio-2 { width: 15px; height: 14px; background-color: #FFF; cursor: pointer; padding-left: 3px; padding-bottom: 3px; float: left; margin-top: 3px; margin-right: 5px; }
input[type="checkbox"] { display: none; }
input[type="radio"] { display: none; }
#check-list-1 ul { padding: 0px; }
#check-list-1 li { float: left; list-style: none; margin-right: 5px; }
#check-list-2 ul { padding: 0px; }
#check-list-2 li { float: left; list-style: none; margin-right: 5px; }
#radio-list-1 ul { padding: 0px; }
#radio-list-1 li { float: left; list-style: none; margin-right: 5px; }
#radio-list-2 ul { padding: 0px; }
#radio-list-2 li { float: left; list-style: none; margin-right: 5px; }

#enviar { position: relative; top: 5px; left: 3px; width: 200px; background: #FFF; color: #000; font-family: Helvetica; font-size: 20px; font-weight: bold; text-align: center; padding: 10px; cursor: pointer; }
#mail-container { position: fixed; width: 980px; height: 150px; background: #000; z-index: 999; display: none; border: 10px #FFF solid; color: #FFF; font-family: Helvetica; font-weight: bold; font-size: 18px; }
#mail-container-tancar { position: absolute; height: 50px; width: 50px; cursor: pointer; padding-top: 4px; padding-left: 4px; right: 5px; bottom: 5px; }
#mail-container-texte { position: absolute; top: -40px; left: 10px; }

#idiomes { margin-bottom: 15px; text-align: center; }
#idiomes img { cursor: pointer; margin-right: 10px; }

#colors { position: fixed; width: 100%; left: 0px; top: 50px; display: none; z-index: 1000; }
#colors table { width: 435px; height: 540px; margin-left: auto; margin-right: auto; border: 10px #FFF solid; }
#colors td { background-color: #000; color: #FFF; font-family: Helvetica; font-size: 12px; font-weight: bold; }
#tancar_colors { cursor: pointer; margin-left: 5px; margin-top: 5px; }

#descargas_cuadro { position: fixed; width: 100%; left: 0px; top: 50px; display: none; z-index: 1000; }
#descargas_cuadro table { width: 395px; height: 250px; margin-left: auto; margin-right: auto; background: #000; border: 10px #FFF solid; }
#descargas_cuadro table .titulo { color: #FFF; font-family: Helvetica; font-size: 14px; font-weight: bold; text-align: center; }
#descargas_tancar { cursor: pointer; float: right; margin: 5px; }

#aviso_legal { position: fixed; display: none; top: 50px; background-color: #000; color: #FFF; font-family: Helvetica; font-size: 14px; font-weight: bold; text-align: justify; width: 960px; z-index: 1000; padding: 10px; border: 10px #FFF solid; }
#aviso_legal_tancar { cursor: pointer; margin: 5px; float: right; }
#aviso_legal_link { cursor: pointer; }