/** ########################################################################################## **/ /** ############## GENERAL ############## **/ /** ########################################################################################## **/ /** GENERALES **/ #htmlElement { padding: 10px; background-color: #000; } body { font: 12px sans-serif;} #wrapper { background: transparent url(img/bg-back.jpg) no-repeat bottom left; height: 560px; width: 980px; margin: auto; } #center { width: 755px; float: left; height: 533px; background: transparent url(img/main.jpg) no-repeat top right; } #center2 { width: 755px; float: left; height: 533px; background: transparent url(img/subway.jpg) no-repeat top left; } #wrap { width: 755px; float: left; height: 533px; } #container { width:755px; position: relative; height: 527px; overflow: hidden; } .scrolling-content { width:755px; height:530px; margin-bottom: 600px; float: left; } .box-content { padding:15px 15px 0px 15px; overflow: hidden; text-align: justify; } #center-right { width: 220px; float: left; } #logotipo2 { background: transparent url(img/map-logo2.jpg) no-repeat top left; width: 220px; height: 278px; } #logotipo { background: transparent url(img/map-logoi.jpg) no-repeat top left; width: 220px; height: 255px; } .sp #logotipo { background: transparent url(img/map-logoi2.jpg) no-repeat top left; width: 220px; height: 255px; } /** TAGS **/ p { font-size: 13px; } a { color: black; text-decoration: none; outline: none; } /** INDEPENDIENTES **/ #main-en h2 {padding: 0; margin: 0px 40px 10px; font-size: 16px; color: #a0a041;} /** MÚSICA **/ #main-en #sound { position: absolute; } /** ENLACES A SECCIONES **/ #main-en #auxiliar { display: block; width: 212px; height: 240px; } /** ENLACES A SECCIONES - IMAGENES **/ /** Generales **/ #kwicks { margin: 2px 0 0 0; padding: 0; } #kwicks ul { margin: 0; padding: 0; width: 182px; } #kwicks li {width: 182px; height: 27px; list-style: none; margin: 0; padding: 0; text-indent: -50000px; } #kwicks li a { color: white; width: 182px; display: block; height: 27px; } /** English **/ #kwick_about a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -5px; } #kwick_about a:hover { background-position: -209px -4px; } #kwick_blog a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -92px; } #kwick_blog a:hover { background-position: -209px -91px; } #kwick_news a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -261px; } #kwick_news a:hover { background-position: -209px -260px; } .kwick_cast a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -232px; } .kwick_cast a:hover { background-position: -209px -231px; } #kwick_portfolio a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -33px; } #kwick_portfolio a:hover { background-position: -209px -32px; } #kwick_projects a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -62px; } #kwick_projects a:hover { background-position: -209px -61px; } #kwick_red a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -119px; } #kwick_red a:hover { background-position: -209px -118px; } #kwick_trailer a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -145px; } #kwick_trailer a:hover { background-position: -209px -144px; } #kwick_contact a { background: transparent url(img/menus.jpg) no-repeat; background-position: 0px -202px; } #kwick_contact a:hover { background-position: -209px -201px; } #kwick_press a { background: transparent url(img/menus.jpg) no-repeat; background-position: 2px -174px; } #kwick_press a:hover { background-position: -207px -173px; } /** Castellano **/ .spanish #kwick_about a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -5px; } .spanish #kwick_about a:hover { background-position: -209px -4px; } .spanish #kwick_blog a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -92px; } .spanish #kwick_blog a:hover { background-position: -209px -91px; } .spanish #kwick_news a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -261px; } .spanish #kwick_news a:hover { background-position: -209px -260px; } .spanish .kwick_cast a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -232px; } .spanish .kwick_cast a:hover { background-position: -209px -231px; } .spanish #kwick_portfolio a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -33px; } .spanish #kwick_portfolio a:hover { background-position: -209px -32px; } .spanish #kwick_projects a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -62px; } .spanish #kwick_projects a:hover { background-position: -209px -61px; } .spanish #kwick_red a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -119px; } .spanish #kwick_red a:hover { background-position: -209px -118px; } .spanish #kwick_trailer a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -145px; } .spanish #kwick_trailer a:hover { background-position: -209px -144px; } .spanish #kwick_contact a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 0px -202px; } .spanish #kwick_contact a:hover { background-position: -209px -201px; } .spanish #kwick_press a { background: transparent url(img/menu-cast.jpg) no-repeat; background-position: 2px -174px; } .spanish #kwick_press a:hover { background-position: -207px -173px; } /** CONTRAORDENES **/ #main-en #center { text-indent: 0px; } /** SELECCIÓN DE IDIOMAS **/ #sel_idiomas {float: right; margin: 0; padding: 0} #sel_idiomas li {display-style: none;display: inline;font-size: 12px;} #sel_idiomas li a:hover {color: blue;} /** FOOTER **/ #foot { width: 980px; float: left; height: 20px; } #foot a { display: block; height: 20px; } .logos {float: left; height: 20px; width: 380px; } .versatil { float: left; height: 20px; width: 20px; margin-left: 0px; text-indent: -50000px; display: inline; } .mediapro { float: left; height: 20px; width: 20px; margin-left: 8px; text-indent: -50000px; display: inline; } .copy {float: right; height: 20px; width: 560px; } .little { float: left; height: 20px; width: 178px; text-indent: -50000px; background: transparent url(img/minis.jpg) no-repeat center top; } .icons {float: right; height: 20px; width: 108px; } .jump {float: left; width: 18px; } #youtube a { background: transparent url(img/minis.jpg) no-repeat; background-position: -67px 0px; } #youtube a:hover {background-position: -67px -18px;} #digg a { background: transparent url(img/minis.jpg) no-repeat; background-position: -84px 0px; } #digg a:hover { background-position: -84px -18px;} #delicious a { background: transparent url(img/minis.jpg) no-repeat; background-position: -102px 0px; } #delicious a:hover { background-position: -102px -18px; } #stumbleupon a { background: transparent url(img/minis.jpg) no-repeat; background-position: -119px 0px; } #stumbleupon a:hover {background-position: -119px -18px; } #reddit a { background: transparent url(img/minis.jpg) no-repeat; background-position: -136px 0px; } #reddit a:hover {background-position: -136px -18px; } #twiter a { background: transparent url(img/minis.jpg) no-repeat; background-position: -153px 0px; } #twiter a:hover {background-position: -153px -18px;} #facebook { float: right; height: 20px; width: 174px; text-indent: -50000px; } #facebook a { background: transparent url(img/facebook.jpg) no-repeat center top; } #facebook a:hover { background-position: 0px -19px; } #myspace {float: right; height: 20px; width: 174px; margin-right: 20px; text-indent: -50000px; } #myspace a { background: transparent url(img/myspace.jpg) no-repeat center top;} #myspace a:hover { background-position: 0px -17px; } /** ENGLISH VERSION **/ .ingles .text {position: absolute; } .ingles #register {position: absolute; width: 200px; height: 35px; margin-top: 372px; margin-left: 290px; } .ingles #register .r-cas { width: 200px; height: 35px; float: left; text-indent: -50000px;} .ingles #register .r-cas a {width: 200px; height: 35px; display: block; } .ingles #register .r-cas a:hover {width: 200px; height: 35px; background: url(img/subwayen.jpg) no-repeat; background-position: -1px -407px;} .ingles #legal { width: 252px; height: 30px; position: absolute; margin-top: 460px; margin-left: 490px; text-indent: -50000px; } .ingles #legal #empresas { width: 252px; height: 17px; } .ingles #legal #empresas .media { width: 149px; height: 17px; float: left; text-indent: -50000px; } .ingles #legal #empresas .media a { width: 149px; height: 17px; display: block; } .ingles #legal #empresas .media a:hover { width: 149px; height: 17px; display: block; background: url(img/subwayen.jpg) no-repeat; background-position: -7px -495px; } .ingles #legal #empresas .vers { width: 103px; height: 17px; float: left; text-indent: -50000px; } .ingles #legal #empresas .vers a { width: 103px; height: 17px; display: block; } .ingles #legal #empresas .vers a:hover { width: 103px; height: 17px; display: block; background: url(img/subwayen.jpg) no-repeat; background-position: -156px -495px; } .ingles #legal #notas { width: 252px; height: 12px; margin-left: 75px; } .ingles #legal #notas .legal { width: 60px; height: 12px; float: left; } .ingles #legal #notas .legal a { width: 60px; height: 12px; display: block; } .ingles #legal #notas .legal a:hover { width: 60px; height: 12px; background: url(img/subwayen.jpg) no-repeat; background-position: -82px -512px; display: block; } .ingles #legal #notas .datos { width: 45px; height: 12px; float: left; } .ingles #legal #notas .datos a { width: 45px; height: 12px; display: block; } .ingles #legal #notas .datos a:hover { width: 45px; height: 12px; background: url(img/subwayen.jpg) no-repeat; background-position: -142px -512px; display: block; } .ingles #legal #notas .design { width: 65px; height: 12px; float: left; } .ingles #legal #notas .design a { width: 65px; height: 12px; display: block; } .ingles #legal #notas .design a:hover { width: 65px; height: 12px; background: url(img/subwayen.jpg) no-repeat; background-position: -187px -512px; display: block; } .ingles #lang-en { position: absolute; margin-top: 415px; margin-left: 382px; padding: 2px; width: 100px; height: 15px; text-indent: -50000px; } .ingles #lang-en a { width: 100px; height: 15px; display: block; } .ingles #lang-en a:hover { width: 100px; height: 15px; background: url(img/subwayen.jpg) no-repeat; background-position: -95px -452px; } /** Spanish VERSION **/ .sp .text {position: absolute; } .sp #register {position: absolute; width: 200px; height: 35px; margin-top: 372px; margin-left: 290px; } .sp #register .r-cas { width: 200px; height: 35px; float: left; text-indent: -50000px;} .sp #register .r-cas a {width: 200px; height: 35px; display: block; } .sp #register .r-cas a:hover {width: 200px; height: 35px; background: url(img/subway_es.jpg) no-repeat; background-position: -1px -407px;} .sp #legal { width: 252px; height: 30px; position: absolute; margin-top: 460px; margin-left: 490px; text-indent: -50000px; } .sp #legal #empresas { width: 252px; height: 17px; } .sp #legal #empresas .media { width: 149px; height: 17px; float: left; text-indent: -50000px; } .sp #legal #empresas .media a { width: 149px; height: 17px; display: block; } .sp #legal #empresas .media a:hover { width: 149px; height: 17px; display: block; background: url(img/subway_es.jpg) no-repeat; background-position: 3px -495px; } .sp #legal #empresas .vers { width: 103px; height: 17px; float: left; text-indent: -50000px; } .sp #legal #empresas .vers a { width: 103px; height: 17px; display: block; } .sp #legal #empresas .vers a:hover { width: 103px; height: 17px; display: block; background: url(img/subway_es.jpg) no-repeat; background-position: -146px -495px; } .sp #legal #notas { width: 252px; height: 12px; float: left; } .sp #legal #notas .legal { width: 94px; height: 12px; float: left; } .sp #legal #notas .legal a { width: 94px; height: 12px; float: left; } .sp #legal #notas .legal a:hover { width: 94px; height: 12px; float: left; background: url(img/subway_es.jpg) no-repeat; background-position: 3px -512px; } .sp #legal #notas .datos { width: 94px; height: 12px; float: left; } .sp #legal #notas .datos a { width: 94px; height: 12px; float: left; } .sp #legal #notas .datos a:hover { width: 94px; height: 12px; float: left; background: url(img/subway_es.jpg) no-repeat; background-position: -91px -512px; } .sp #legal #notas .design { width: 64px; height: 12px; float: left; } .sp #legal #notas .design a { width: 64px; height: 12px; float: left; } .sp #legal #notas .design a:hover { width: 64px; height: 12px; float: left; background: url(img/subway_es.jpg) no-repeat; background-position: -185px -512px; } .sp #lang-en { position: absolute; margin-top: 415px; margin-left: 382px; padding: 2px; width: 100px; height: 15px; text-indent: -50000px; } .sp #lang-en a { width: 100px; height: 15px; display: block; } .sp #lang-en a:hover { width: 100px; height: 15px; background: url(img/subway_es.jpg) no-repeat; background-position: -95px -452px; } /** ########################################################################################## **/ /** ############## SPLASH SCREEN ######### **/ /** ########################################################################################## **/ #loop { } #loop a {background-color: black; color: white; padding: 2px 4px; } #join {height: 90px; margin-top: 10px; } #join ul {margin: 0; padding: 0; list-style: none; } #join li {margin: 0; padding: 0; list-style: none; height: 29px; text-indent: -50000px; } #join li a { display: block; height: 29px; } #video { border: 5px solid white; background-color: white; width: 208px; font-size: 0; line-height: 0; margin-top: 220px; margin-left: -10px; } #play { margin: 5px 0px 5px -5px; } .english a {background: transparent url(img/peces.jpg) no-repeat ; background-position: 00px 0px; } .english a:hover {background-position: -260px 0px; } .english a:active { background-position: -550px 0px; } .spanish a {background: transparent url(img/peces.jpg) no-repeat ; background-position: 0px -29px; } .spanish a:hover {background-position: -260px -29px; } .spanish a:active { background-position: -550px -29px; } .french a {background: transparent url(img/peces.jpg) no-repeat ; background-position: 00px -58px; } .french a:hover {background-position: -260px -58px; } .french a:active { background-position: -550px -58px; } #flashcontent { font-size: 0; padding:0; margin:0; line-height: 0; width: 208px; } #flashcontentx { font-size: 0; padding:0; margin:0; line-height: 0; width: 208px; border: 1px solid black; } #flashcontent2 {border: 0px solid silver; font-size: 0; padding:0; margin:0; line-height: 0; } #clara {display: none;} #cannes {height: 60px; width: 115px; position: absolute; margin-top: 400px; margin-left: 135px; } #cannes a {display: block; height: 60px; width: 115px; } .ToolText{position:relative; } .ToolText:hover {cursor: help; position:relative; } .ToolTextHover{position:relative; cursor: help; } .ToolText span{display: none;} .ToolTextHover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo.jpg) no-repeat left bottom; text-align: center; margin-top: -45px; margin-left: 80px; padding: 5px; width: 340px; font-weight: bold; } .ToolText2{position:relative; } .ToolText2:hover {cursor: help; position:relative; } .ToolText2Hover{position:relative; cursor: help; } .ToolText2 span{display: none;} .ToolText2Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo.jpg) no-repeat left bottom; text-align: center; margin-top: -32px; margin-left: 60px; padding: 5px; width: 340px; font-weight: bold; } .ToolText3{position:relative; } .ToolText3:hover { position:relative; } .ToolText3Hover{position:relative;} .ToolText3 span{display: none;} .ToolText3Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo.jpg) no-repeat left bottom; text-align: center; margin-top: -5px; margin-left: 75px; padding: 5px; width: 340px; font-weight: bold; display: none; } .ToolText4{position:relative; } .ToolText4:hover {cursor: help; position:relative; } .ToolText4Hover{position:relative; cursor: help; } .ToolText4 span{display: none;} .ToolText4Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo4.jpg) no-repeat left top; text-align: center; margin-top: 25px; margin-left: 60px; padding: 5px; width: 240px; font-weight: bold; } .ToolText5{position:relative; } .ToolText5:hover {cursor: help; position:relative; } .ToolText5Hover{position:relative; cursor: help; } .ToolText5 span{display: none;} .ToolText5Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo4.jpg) no-repeat left top; text-align: center; margin-top: 25px; margin-left: 60px; padding: 5px; width: 200px; font-weight: bold; } .ToolText6{position:relative; } .ToolText6:hover {cursor: help; position:relative; } .ToolText6Hover{position:relative; cursor: help; } .ToolText6 span{display: none;} .ToolText6Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo.jpg) no-repeat left bottom; text-align: center; margin-top: -30px; margin-left: 55px; padding: 5px; width: 340px; font-weight: bold; } .ToolText7{position:relative; } .ToolText7:hover {cursor: help; position:relative; } .ToolText7Hover{position:relative; cursor: help; } .ToolText7 span{display: none;} .ToolText7Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo.jpg) no-repeat left bottom; text-align: center; margin-top: -45px; margin-left: 60px; padding: 5px; width: 340px; font-weight: bold; } .ToolText8{position:relative; } .ToolText8:hover {cursor: help; position:relative; } .ToolText8Hover{position:relative; cursor: help; } .ToolText8 span{display: none;} .ToolText8Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo3.jpg) no-repeat right bottom; text-align: center; margin-top: 5px; margin-left: -360px; padding: 5px; width: 340px; font-weight: bold; } .ToolText9{position:relative; } .ToolText9:hover {cursor: help; position:relative; } .ToolText9Hover{position:relative; cursor: help; } .ToolText9 span{display: none;} .ToolText9Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo2.jpg) no-repeat right top; text-align: center; margin-top: 35px; margin-left: -360px; padding: 5px; width: 340px; font-weight: bold; } .ToolText0{position:relative; } .ToolText0:hover { position:relative; } .ToolText0Hover{position:relative; } .ToolText0 span{display: none;} .ToolText0Hover span{ display:block; position:absolute; border:1px solid black; background-color: #ce242c; color:white; background: #ce242c url(img/triangulo2.jpg) no-repeat right top; text-align: center; margin-top: 62px; margin-left: -345px; padding: 5px; width: 340px; font-weight: bold; display: none; } #ico-doll { width: 50px; height: 80px; position: absolute; margin-left: 102px; margin-top: -5px; } #ico-bol { width: 80px; height: 80px; position: absolute; margin-left: 12px; margin-top: 70px; } #ico-cat { width: 50px; height: 50px; position: absolute; margin-left: 352px; margin-top: 45px;} #ico-star {width: 50px; height: 50px; position: absolute; margin-left: 462px; margin-top: -10px; } #ico-kimono { width: 50px; height: 80px; position: absolute; margin-left: 222px; margin-top: 180px; } #ico-girl { width: 50px; height: 60px; position: absolute; margin-left: 65px; margin-top: 220px; } #ico-anime { width: 50px; height: 80px; position: absolute; margin-left: 475px; margin-top: 230px; } #ico-pika { width: 50px; height: 50px; position: absolute; margin-left: 562px; margin-top: 165px; } #ico-arrow { width: 77px; height: 77px; position: absolute; margin-left: 655px; margin-top: 199px; } .flechita { width: 77px; height: 77px; position: absolute; margin-left: 655px; margin-top: 198px; } .flechita a { width: 77px; height: 77px; display: block; } #splash_screen #register {position: absolute; width: 200px; height: 35px; margin-top: 406px; margin-left: 390px; } #splash_screen #register .r-cas { width: 90px; height: 35px; float: left; text-indent: -50000px;} #splash_screen #register .r-eng { width: 110px; height: 35px; float: left; text-indent: -50000px; } #splash_screen #register .r-cas a {width: 90px; height: 35px; display: block; } #splash_screen #register .r-eng a {width: 110px; height: 35px; display: block; } #splash_screen #register .r-cas a:hover {width: 90px; height: 35px; background: url(img/main.jpg) no-repeat; background-position: -15px -406px;} #splash_screen #register .r-eng a:hover {width: 110px; height: 35px; background: url(img/main.jpg) no-repeat; background-position: -104px -406px;} #splash_screen #legal { width: 252px; height: 30px; position: absolute; margin-top: 495px; margin-left: 500px; text-indent: -50000px; } #splash_screen #legal #empresas { width: 252px; height: 17px; } #splash_screen #legal #empresas .media { width: 149px; height: 17px; float: left; text-indent: -50000px; } #splash_screen #legal #empresas .media a { width: 149px; height: 17px; display: block; } #splash_screen #legal #empresas .media a:hover { width: 149px; height: 17px; display: block; background: url(img/main.jpg) no-repeat; background-position: -2px -495px; } #splash_screen #legal #empresas .vers { width: 103px; height: 17px; float: left; text-indent: -50000px; } #splash_screen #legal #empresas .vers a { width: 103px; height: 17px; display: block; } #splash_screen #legal #empresas .vers a:hover { width: 103px; height: 17px; display: block; background: url(img/main.jpg) no-repeat; background-position: -151px -495px; } #splash_screen #legal #notas { width: 252px; height: 12px; float: left; } #splash_screen #legal #notas .legal { width: 94px; height: 12px; float: left; } #splash_screen #legal #notas .legal a { width: 94px; height: 12px; float: left; } #splash_screen #legal #notas .legal a:hover { width: 94px; height: 12px; float: left; background: url(img/main.jpg) no-repeat; background-position: -2px -512px; } #splash_screen #legal #notas .datos { width: 94px; height: 12px; float: left; } #splash_screen #legal #notas .datos a { width: 94px; height: 12px; float: left; } #splash_screen #legal #notas .datos a:hover { width: 94px; height: 12px; float: left; background: url(img/main.jpg) no-repeat; background-position: -96px -512px; } #splash_screen #legal #notas .design { width: 64px; height: 12px; float: left; } #splash_screen #legal #notas .design a { width: 64px; height: 12px; float: left; } #splash_screen #legal #notas .design a:hover { width: 64px; height: 12px; float: left; background: url(img/main.jpg) no-repeat; background-position: -190px -512px; } #flotante {position: absolute; } #avion {} /** ########################################################################################## **/ /** ############## PRINCIPAL ############ **/ /** ########################################################################################## **/ /** HOME **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #content_about { background: transparent url(img/subwayen.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_about { background: transparent url(img/subway_es.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_about p { padding-right: 40px; padding-left: 40px; } /** SINOPSIS **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #content_blog {background: transparent url(img/sinopsis.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_blog {background: transparent url(img/sinopsis_es.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_blog p { padding-right: 40px; padding-left: 40px; } /** NEWS **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #content_news {background: transparent url(img/news.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_news {background: transparent url(img/newses.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_news p { padding-right: 40px; padding-left: 40px; } /** THE MOVIE **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #content_portfolio1 {background: transparent url(img/vagon.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_portfolio1 {background: transparent url(img/vagon_es.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_portfolio1 p { padding-right: 40px; padding-left: 40px; } #main-en #content_portfolio1 h2{ padding: 0; margin: 0px 40px 10px; font-size: 18px; } #main-en #content_portfolio1 ul { margin-top: 21px; } #main-en #content_portfolio1 li { list-style: none; font-size: 13px; } #main-en #content_portfolio1 ul.port { } #main-en #content_portfolio1 .port li {display: inline; font-size: 18px; } #content_portfolio2 {background: transparent url(img/vagon.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_portfolio2 {background: transparent url(img/vagon_es.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_portfolio2 p { padding-right: 40px; padding-left: 40px; } #main-en #content_portfolio2 h2{ padding: 0; margin: 0px 40px 10px; font-size: 18px; } #main-en #content_portfolio2 ul { margin-top: 21px; } #main-en #content_portfolio2 li { list-style: none; font-size: 13px; } #main-en #content_portfolio2 ul.port { } #main-en #content_portfolio2 .port li {display: inline; font-size: 18px; } #content_portfolio1 .box-content .port .kwick_portfolio1 a {color: #adb273;} #content_portfolio1 .box-content .port .kwick_portfolio2 a {color: gray;} #content_portfolio2 .box-content .port .kwick_portfolio1 a {color: gray;} #content_portfolio2 .box-content .port .kwick_portfolio2 a {color: #adb273;} #main-en #content_portfolio2 .pd ul { list-style: square; color: #a0a041;} #main-en #content_portfolio2 .pd span { color: black; } #main-en #content_portfolio2 .pd li { list-style-type: square; margin: 0 0px 0 12px; display: list-item; color: #a0a041;} #main-en #content_portfolio2 .pd li { } /** DIARIO DE RODAJE **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #content_diary { background: transparent url(img/diary.jpg) no-repeat top right; padding: 0; } .sp #content_diary { background: transparent url(img/diary_es.jpg) no-repeat top right; padding: 0; } #content_nov08 { background: transparent url(img/Noviembre-08.jpg) no-repeat top right; padding: 0; } .sp #content_nov08 { background: transparent url(img/Noviembre-08_es.jpg) no-repeat top right; padding: 0; } #content_dec08 { background: transparent url(img/Diciembre-08.jpg) no-repeat top right; padding: 0; } .sp #content_dec08 { background: transparent url(img/Diciembre-08_es.jpg) no-repeat top right; padding: 0; } #content_ene09 { background: transparent url(img/Enero-09.jpg) no-repeat top right; padding: 0; } .sp #content_ene09 { background: transparent url(img/Enero-09_es.jpg) no-repeat top right; padding: 0; } #content_feb09 { background: transparent url(img/Febrero-09.jpg) no-repeat top right; padding: 0; } .sp #content_feb09 { background: transparent url(img/Febrero-09_es.jpg) no-repeat top right; padding: 0; } #content_mar09 { background: transparent url(img/Marzo-09.jpg) no-repeat top right; padding: 0; } .sp #content_mar09 { background: transparent url(img/Marzo-09_es.jpg) no-repeat top right; padding: 0; } #content_abr09 { background: transparent url(img/Abril-09.jpg) no-repeat top right; padding: 0; } .sp #content_abr09 { background: transparent url(img/Abril-09_es.jpg) no-repeat top right; padding: 0; } #content_may09 { background: transparent url(img/Mayo-09.jpg) no-repeat top right; padding: 0; } .sp #content_may09 { background: transparent url(img/Mayo-09_es.jpg) no-repeat top right; padding: 0; } #content_jun09 { background: transparent url(img/Junio-09.jpg) no-repeat top right; padding: 0; } .sp #content_jun09 { background: transparent url(img/Junio-09_es.jpg) no-repeat top right; padding: 0; } #content_jul09 { background: transparent url(img/Julio-09.jpg) no-repeat top right; padding: 0; } .sp #content_jul09 { background: transparent url(img/Julio-09_es.jpg) no-repeat top right; padding: 0; } #content_ago09 { background: transparent url(img/Agosto-09.jpg) no-repeat top right; padding: 0; } .sp #content_ago09 { background: transparent url(img/Agosto-09_es.jpg) no-repeat top right; padding: 0; } .meses div {position: absolute; width: 60px; height: 60px; } .meses div a {width: 60px; height: 60px; display: block; } .d01 { margin-left: 220px; margin-top: 20px; } .d02 { margin-left: 283px; margin-top: 20px; } .d03 { margin-left: 345px; margin-top: 20px; } .d04 { margin-left: 408px; margin-top: 20px; } .d05 { margin-left: 472px; margin-top: 20px; } .d06 { margin-left: 535px; margin-top: 20px; } .d07 { margin-left: 600px; margin-top: 20px; } .d08 { margin-left: 220px; margin-top: 82px; } .d09 { margin-left: 283px; margin-top: 82px; } .d10 { margin-left: 345px; margin-top: 82px; } .d11 { margin-left: 408px; margin-top: 82px; } .d12 { margin-left: 472px; margin-top: 82px; } .d13 { margin-left: 535px; margin-top: 82px; } .d14 { margin-left: 600px; margin-top: 82px; } .d15 { margin-left: 220px; margin-top: 146px; } .d16 { margin-left: 283px; margin-top: 146px; } .d17 { margin-left: 345px; margin-top: 146px; } .d18 { margin-left: 408px; margin-top: 146px; } .d19 { margin-left: 472px; margin-top: 146px; } .d20 { margin-left: 535px; margin-top: 146px; } .d21 { margin-left: 600px; margin-top: 146px; } .d22 { margin-left: 220px; margin-top: 220px; } .d23 { margin-left: 283px; margin-top: 220px; } .d24 { margin-left: 345px; margin-top: 220px; } .d25 { margin-left: 408px; margin-top: 220px; } .d26 { margin-left: 472px; margin-top: 220px; } .d27 { margin-left: 535px; margin-top: 220px; } .d28 { margin-left: 600px; margin-top: 220px; } .d29 { margin-left: 220px; margin-top: 281px; } .d30 { margin-left: 283px; margin-top: 281px; } .d31 { margin-left: 345px; margin-top: 281px; } .d32 { margin-left: 408px; margin-top: 281px; } .d33 { margin-left: 472px; margin-top: 281px; } .d34 { margin-left: 535px; margin-top: 281px; } .d35 { margin-left: 600px; margin-top: 281px; } #back-month {position: absolute; height: 24px; width: 80px; margin-left: 430px; margin-top: 342px; } #back-month a {display: block; height: 24px; width: 80px; } #main-en #content_diary p { margin-right: 40px; margin-left: 40px; } .nov08 { position: absolute; margin-top: 42px; margin-left: 140px; width: 60px; height: 80px;} .nov08 a {display: block; width: 60px; height: 80px; } .nov08 a:hover {} .dec08 { position: absolute; margin-top: 42px; margin-left: 220px; width: 60px; height: 80px; } .dec08 a {display: block; width: 60px; height: 80px; } .dec08 a:hover {} .ene09 { position: absolute; margin-top: 42px; margin-left: 302px; width: 60px; height: 80px; } .ene09 a {display: block; width: 60px; height: 80px; } .ene09 a:hover {} .feb09 { position: absolute; margin-top: 42px; margin-left: 384px; width: 60px; height: 80px; } .feb09 a {display: block; width: 60px; height: 80px; } .feb09 a:hover {} .mar09 { position: absolute; margin-top: 42px; margin-left: 468px; width: 60px; height: 80px; } .mar09 a {display: block; width: 60px; height: 80px; } .mar09 a:hover {} .abr09 { position: absolute; margin-top: 42px; margin-left: 550px; width: 60px; height: 80px; } .abr09 a {display: block; width: 60px; height: 80px; } .abr09 a:hover {} .may09 { position: absolute; margin-top: 42px; margin-left: 632px; width: 60px; height: 80px; } .may09 a {display: block; width: 60px; height: 80px; } .may09 a:hover {} .jun09 { position: absolute; margin-top: 152px; margin-left: 140px; width: 60px; height: 80px; } .jun09 a {display: block; width: 60px; height: 80px; } .jun09 a:hover {} .jul09 { position: absolute; margin-top: 152px; margin-left: 220px; width: 60px; height: 80px; } .jul09 a {display: block; width: 60px; height: 80px; } .jul09 a:hover {} .ago09 { position: absolute; margin-top: 152px; margin-left: 302px; width: 60px; height: 80px; } .ago09 a {display: block; width: 60px; height: 80px; } .ago09 a:hover {} .extra01 { position: absolute; margin-top: 205px; margin-left: 440px; width: 60px; height: 80px; } .extra01 a {display: block; width: 60px; height: 80px; } .extra01 a:hover {} .extra02 { position: absolute; margin-top: 159px; margin-left: 486px;; width: 60px; height: 80px; } .extra02 a {display: block; width: 60px; height: 80px; } .extra02 a:hover {} .extra03 { position: absolute; margin-top: 205px; margin-left: 600px; width: 60px; height: 80px; } .extra03 a {display: block; width: 60px; height: 80px; } .extra03 a:hover {} /** GALERIA **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #galeria { margin: -10px 0 0 0px; padding: 0; } #galeria .gallery_demo { margin: 0; padding: 0; } #galeria #main_image { margin:0 auto 60px auto; height:341px; width:513px; background:black; float: left; } #galeria #thumbs { float: left; width: 200px; } #galeria #thumbs .gallery_demo ul { margin: 0; padding: 0; } #galeria #thumbs .gallery_demo li { width: 27px; height: 21px; border:3px double #2e2e2d; margin: 12px 0 0 16px !important; margin: 12px 0 0 11px; float: left; color: grey; text-align: center; list-style: none; } #galeria #thumbs .gallery_demo li.nombre { width: 175px; margin-top: 0; color: #cecece; font-size: 12px; } #content_red {background: transparent url(img/gale.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_red {background: transparent url(img/gale_es.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_red p { font-weight: bold; } #content_img {background: transparent url(img/imagenes.jpg) no-repeat top right; padding: 0px 0px 0px 0px; } .sp #content_img {background: transparent url(img/imagenes_es.jpg) no-repeat top right; padding: 0px 0px 0px 0px; } #main-en #content_img p { font-weight: bold; } /** TRAILER **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #content_trailer {background: transparent url(img/trailer.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_trailer {background: transparent url(img/trailer_es.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_trailer .box-content { padding-left: 120px; } #main-en #content_trailer p { padding-right: 40px; padding-left: 40px; font-weight: bold; } #main-en #content_trailer #playing { border: 12px solid white; border-top: 0; border-bottom: 0; width: 500px; } /** CONTACTO **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #content_contact {background: transparent url(img/contact.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } .sp #content_contact {background: transparent url(img/contact_es.jpg) no-repeat top right; padding: 20px 0px 20px 0px; } #main-en #content_contact p { padding-right: 40px; padding-left: 40px; } #main-en #content_contact ul { margin:0; padding:0; } #main-en #content_contact li { margin:0; padding:0; padding-left: 50px; list-style: none; font-size: 13px; } #main-en #content_contact h4 {margin: 10px 0 0; padding:0; padding-left: 40px; font-weight: bold; font-size: 16px; } /** CAST AND CREW **/ /**--------------------------------------------------------------------------------------------------------------------------------------- **/ #main-en #castandcrew, #castandcrew a { color: white; } #main-en #castandcrew h4 { font-size: 16px; margin-top: 0; margin-bottom: 10px; color: #a0a041; } #main-en #castandcrew .box-content { margin: 22px 28px 0px; height: 352px; width: 692px; padding: 0; } #main-en #castandcrew ul { margin: 0; padding: 0; list-style: none; } #main-en #castandcrew li { font-size: 13px; list-style: none; margin: 0; display: inline; } #main-en #castandcrew li.activo { background-color: white; color: #a0a041; padding: 5px; } #main-en #castandcrew a.activo { background-color: white; color: #a0a041; } #main-en #castandcrew .data { height: 292px; width: 500px; } #main-en #castandcrew .nav-cast-crew { } #main-en #castandcrew .nav-cast { } #main-en #castandcrew .nav-cast-crew ul, #main-en #castandcrew .nav-cast ul { padding: 0px; height: 30px; background-color: black; } #main-en #castandcrew .nav-cast-crew li, #main-en #castandcrew .nav-cast li { margin: 0 8px; } #castandcrew #content_cast { background: transparent url(img/rinko.jpg) no-repeat top right; } #castandcrew #content_cast2 { background: transparent url(img/sergi.jpg) no-repeat top right; } #castandcrew #content_cast3 { background: transparent url(img/tanaka.jpg) no-repeat top right; } #castandcrew #content_cast4 { background: transparent url(img/manabu.jpg) no-repeat top right; } #castandcrew #content_cast5 { background: transparent url(img/takeo.jpg) no-repeat top right; } #castandcrew #content_cast6 { background: transparent url(img/hideo.jpg) no-repeat top right; } #castandcrew #content_cast7 { background: transparent url(img/rinko.jpg) no-repeat top right; } #castandcrew #content_cast8 { background: transparent url(img/gale.jpg) no-repeat top right; } #castandcrew #content_cast9 { background: transparent url(img/gale.jpg) no-repeat top right; } .sp #castandcrew #content_cast { background: transparent url(img/rinko_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast2 { background: transparent url(img/sergi_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast3 { background: transparent url(img/tanaka_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast4 { background: transparent url(img/manabu_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast5 { background: transparent url(img/takeo_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast6 { background: transparent url(img/hideo_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast7 { background: transparent url(img/rinko_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast8 { background: transparent url(img/gale_es.jpg) no-repeat top right; } .sp #castandcrew #content_cast9 { background: transparent url(img/gale_es.jpg) no-repeat top right; } /** CONTRAORDENES **/ #main-en #castandcrew .data ul { list-style: square; color: #a0a041;} #main-en #castandcrew .data ul span { color: white; } #main-en #castandcrew .data li { list-style-type: square; margin: 0 0px 0 12px; display: list-item; } #main-en #castandcrew #content_cast2 .data li { line-height: 12px; font-size: 11px; } #main-en #castandcrew #content_cast9 .data { height: 265px; margin-bottom: 27px; width: 680px; overflow: auto; } #main-en #castandcrew #content_cast9 .data p {padding: 0 20px 0 0; } #informa { position: absolute; margin-top: 369px; margin-left: 640px; } #concurso { position: absolute; width: 281px; height: 140px; margin-top: 215px; margin-left: 0px; background: url(img/animated2.gif); } #concurso a {display: block; width: 281px; height: 140px;} #concurso2 { position: absolute; width: 281px; height: 140px; margin-top: 30px; margin-left: 600px; } #concurso2 a {display: block; width: 281px; height: 140px;} /** CONCURSO **/ #page-node-4 {} /** PROMO **/ #promo {width: 120px; height: 155px; position: absolute; margin-top: 93px; } #promo a {display: block; width: 120px; height: 155px; }