/* AUTHOR: DESIGN: Apple love DEVELOPMENT:Procesyva.com CHANGELOG: Tipo de letra nueva 24-10-11 - Agregados 3 idiomas: EN, FR, DE INDICE: - GENERAL - SCROLLERS - MENU - SP - EN - FR - DE - FOOTER */ @font-face { font-family: 'Zapfino'; src: url('monotype_corsiva.eot'); src: url('monotype_corsiva.eot?#iefix') format('embedded-opentype'), url('monotype_corsiva.woff') format('woff'), url('monotype_corsiva.ttf') format('truetype'), url('monotype_corsiva.svg#monotype_corsiva') format('svg'); font-weight: normal; font-style: normal; } /**** GENERAL ****/ BODY{background-repeat: repeat;margin: 0;padding: 0;text-align: center;} p {font-family: Zapfino;} H1 {font-family: Zapfino;} H2 {font-family: Zapfino;font-weight: normal;} H3 {font-family: Zapfino;font-size: 70px;color: #605E5F;text-align: center;float: right;} A{color: #999;font-family: Zapfino;} a img { border: 0; } /**** CONTAINERS ****/ .Container {position:absolute; width: 200px; height: 310px;background: #faf9f6 url(../imagenes/container_background.gif) no-repeat; padding-left:3px;} .fotos{padding: 114px 0 0 415px;} .barra{padding: 62px 0 0 402px;} #cabecerasinidioma{margin-top: 20px; display: block;} #logo{width: 400px;height: 300px;float: inherit;} #contenido1{width: 1000px;height: 434px;position: relative;} #contenido1 UL{width: 150px;margin: 180px 20px 0 0;float: right;} #contenido1 UL LI A{color: #000;font: 1em Zapfino, Helvetica, sans-serif;font-size: 2.5em;padding: 0 5px;text-decoration: none;} #contenido1 UL LI A:hover{text-decoration: none;} #contenido1 LI{width: 150px;height: 40px;color: #000;padding: 0 16px 0 0;list-style: none;background-image: url(../imagenes/icono.gif);background-repeat: no-repeat;background-position: 5.9em;} /*** SCROLLERS ****/ #Scroller-1 { position: absolute; overflow: hidden; width:200px;height: 343px;} #Scroller-1 p {font-family: Zapfino; margin: 0; padding: 0;font-size: 20px; color:#454545;} /*un tabulador al empezar cada parrafo text-indent: 20px;*/ .Scroller-Container { position: absolute;text-align:left;padding-right:10px;} #Scrollbar-Container { position: absolute; padding-left:560px; padding-top:65px;} .Scrollbar-Up {cursor: pointer;position: absolute;} .Scrollbar-Track {padding-left:407px;width: 23px;height: 313px;position:absolute;background: transparent url(../imagenes/scrollbar_track.gif) no-repeat center center;text-align:right;z-index:100;} .Scrollbar-Handle {position: absolute; width: 23px;height: 73px;padding-left:203px;} .Scrollbar-Down {cursor: pointer;position: absolute;top: 187px;} .estilotextarea {width:221px;height:340px;margin-left:420px;margin-top:90px;border: 1px solid #fff;} /**** MENU ****/ #menu{list-style: none;padding: 0;margin: 0;width: 1000px;height: 210px;background: url(images/menu-bg.jpg) no-repeat;} #sobre{margin-top:7px;margin-left:150px;} #pagina{width: 1000px;height: 635px;text-align: left;margin-left: auto;margin-right: auto;} #entrada{width: 1000px;height: 635px;background: url(../imagenes/entrada.gif) no-repeat;text-align: left;margin-right: auto;} /*#inicio{width: 1000px;height: 635px;background: url(../imagenes/binicio.jpg) no-repeat;text-align: left;margin-left: auto;margin-right: auto;}*/ #inicio{width: 760px;height: 450px;text-align: center;margin-left: auto;margin-right: auto;} #principal{width: 1000px;height: 635px;background: url(../imagenes/home.gif) no-repeat;text-align: left;margin-left: auto;margin-right: auto;} #fondo{width: 1000px;height: 635px;background: url(../imagenes/bgn.gif) no-repeat;text-align: left;margin-left: auto;margin-right: auto;} #fondonada{width: 1000px;height: 635px;text-align: left;margin-left: auto;margin-right: auto;} #coleccion{width: 1000px;height: 635px;background: url(../imagenes/bgcoleccion.jpg) no-repeat;text-align: left;margin-left: auto;margin-right: auto;} #filosofia{width: 1000px;height: 635px;background: url(../imagenes/bgfilo.gif) no-repeat;text-align: left;margin-left: auto;margin-right: auto;} #contacto{width: 1000px;height: 635px;background: url(../imagenes/bgcontacto.gif) no-repeat;text-align: left;margin-left: auto;margin-right: auto;} #animacion{margin-top: 11px;width: 1000px;height: 535px;text-align: left;margin-right: auto;} #cabecera{padding-left:147px;height: 89px;} #barra{float: left;width: 80%;} #barra LI{list-style: none;float: left;padding: 0;margin-left: 0;} #idiomas {float:right;display:block;margin-top: 70px;} .btnMenu {display: block;width: 132px;height: 60px;text-decoration: none;} .listIdioma {display: list-item;} /**** SPANISH MENU TOP ****/ #inicio_es A {background: url(../imagenes/home-menu-inactivo.jpg) no-repeat;} #inicio_es A:hover{background-image: url(../imagenes/home-menu-presionado.jpg);} #inicio_es A.active{background-image: url(../imagenes/home-menu-presionado.jpg);} #filosofia_es A{background: url(../imagenes/filosofia-menu-inactivo.jpg) no-repeat;} #filosofia_es A:hover{background-image: url(../imagenes/filosofia-menu-presionado.jpg);} #filosofia_es A.active{background-image: url(../imagenes/filosofia-menu-presionado.jpg);} #coleccion_es A{background: url(../imagenes/coleccion-menu-inactivo.jpg) no-repeat;} #coleccion_es A:hover{background-image: url(../imagenes/coleccion-menu-presionado.jpg);} #coleccion_es A.active{background-image: url(../imagenes/coleccion-menu-presionado.jpg);} #mapa_es A{background: url(../imagenes/distribucion-menu-inactivo.jpg) no-repeat;} #mapa_es A:hover{background-image: url(../imagenes/distribucion-menu-presionado.jpg);} #mapa_es A.active{background-image: url(../imagenes/distribucion-menu-presionado.jpg);} #contacto_es A{background: url(../imagenes/contacto-menu-inactivo.jpg) no-repeat;} #contacto_es A:hover{background-image: url(../imagenes/contacto-menu-presionado.jpg);} #contacto_es A.active{background-image: url(../imagenes/contacto-menu-presionado.jpg);} /**** INGLÉS MENU TOP ****/ #filosofia_en A{background: url(../imagenes/filo-ing.jpg) no-repeat;} #filosofia_en A:hover{background-image: url(../imagenes/filo-ing-presionado.jpg);} #filosofia_en A.active{background-image: url(../imagenes/filo-ing-presionado.jpg);} #coleccion_en A{background: url(../imagenes/home-coleccion-ing-fra.jpg) no-repeat;} #coleccion_en A:hover{background-image: url(../imagenes/home-coleccion-ing-fra-presionado.jpg);} #coleccion_en A.active{background-image: url(../imagenes/home-coleccion-ing-fra-presionado.jpg);} #mapa_en A{background: url(../imagenes/home-distribucion-ing-fr.jpg) no-repeat;} #mapa_en A:hover{background-image: url(../imagenes/home-distribucion-ing-fr-pres.jpg);} #mapa_en A.active{background-image: url(../imagenes/home-distribucion-ing-fr-pres.jpg);} #contacto_en A{background: url(../imagenes/home-contacto-ing-fra.jpg) no-repeat;} #contacto_en A:hover{background-image: url(../imagenes/home-contacto-ing-fra-presionado.jpg);} #contacto_en A.active{background-image: url(../imagenes/home-contacto-ing-fra-presionado.jpg);} /**** FRANCES MENU TOP ****/ #filosofia_fr A{background: url(../imagenes/filo-fra-ale.jpg) no-repeat;} #filosofia_fr A:hover{background-image: url(../imagenes/filo-fra-ale-presionado.jpg);} #filosofia_fr A.active{background-image: url(../imagenes/filo-fra-ale-presionado.jpg);} #coleccion_fr A{background: url(../imagenes/home-coleccion-ing-fra.jpg) no-repeat;} #coleccion_fr A:hover{background-image: url(../imagenes/home-coleccion-ing-fra-presionado.jpg);} #coleccion_fr A.active{background-image: url(../imagenes/home-coleccion-ing-fra-presionado.jpg);} #mapa_fr A{background: url(../imagenes/home-distribucion-ing-fr.jpg) no-repeat;} #mapa_fr A:hover{background-image: url(../imagenes/home-distribucion-ing-fr-pres.jpg);} #mapa_fr A.active{background-image: url(../imagenes/home-distribucion-ing-fr-pres.jpg);} #contacto_fr A{background: url(../imagenes/home-contacto-ing-fra.jpg) no-repeat;} #contacto_fr A:hover{background-image: url(../imagenes/home-contacto-ing-fra-presionado.jpg);} #contacto_fr A.active{background-image: url(../imagenes/home-contacto-ing-fra-presionado.jpg);} /**** ALEMAN MENU TOP *****/ #filosofia_de A{background: url(../imagenes/filo-fra-ale.jpg) no-repeat;} #filosofia_de A:hover{background-image: url(../imagenes/filo-fra-ale-presionado.jpg);} #filosofia_de A.active{background-image: url(../imagenes/filo-fra-ale-presionado.jpg);} #coleccion_de A{background: url(../imagenes/home-coleccion-ale.jpg) no-repeat;} #coleccion_de A:hover{background-image: url(../imagenes/home-coleccion-ale-presionado.jpg);} #coleccion_de A.active{background-image: url(../imagenes/home-coleccion-ale-presionado.jpg);} #mapa_de A{background: url(../imagenes/home-distribucion-ale.jpg) no-repeat;} #mapa_de A:hover{background-image: url(../imagenes/home-distribucion-ale-pres.jpg);} #mapa_de A.active{background-image: url(../imagenes/home-distribucion-ale-pres.jpg);} #contacto_de A{background: url(../imagenes/home-contacto-ale.jpg) no-repeat;} #contacto_de A:hover{background-image: url(../imagenes/home-contacto-ale-presionado.jpg);} #contacto_de A.active{background-image: url(../imagenes/home-contacto-ale-presionado.jpg);} /**** FOOTER ****/ #pie{text-align:center;margin-top:-35px;margin-right:20px;margin-bottom:10px;} #pie UL{margin: 0 170px 0 0;} #pie UL LI{margin: 0;float: right;color: #000;list-style: none;} #pie UL LI A{color: #000;background-color: inherit;padding: 0 8px;text-decoration: none;} #pie UL LI A:hover{text-decoration: underline;} #subcabecera {width: 350px; margin-left: 344px; position: absolute; margin-top: 4px;} #subcabecera ul {margin-top: 0;} #subcabecera ul li {list-style: none;display: inline-block;zoom: 1; *display:inline;} #subcabecera ul li a {text-decoration: none; display: block; width: 80px; height: 22px; font-size: 20px; padding-left: 23px; padding-top: 1px; color: #843330; } #subcabecera ul li a.selected, #subcabecera ul li a:hover {background: url('/imagenes/apple.png') no-repeat;}