/** ############################################# # ETIQUETAS GENERALES # ##############################################**/ body { background-color: transparent; margin: 0; padding: 0; } iframe {border: 0; padding: 0; margin: 0; text-indent: 0; font-size: 0; float: right; background-color: transparent; } #info {display: none;} /** HEADER **/ #header { font-size: 0; line-height: 0; text-indent: -20000px; width: 960px; height: 152px; margin: 0px auto 0px; background: url(img/banner.jpg) top left no-repeat; } #header a { font-size: 0; line-height: 0; text-indent: -20000px; width: 360px; height: 132px; display: block; outline: none; } /** MENU-UP **/ #menu-up { padding-left: 30px; width: 960px; height: 152px; margin: 0px auto; height: 22px; } #menu-up ul { margin: 0 auto; padding: 0; } #menu-up li { font-size: 0; line-height: 0; text-indent: -20000px; margin: 0; padding: 0; float: left; height: 22px; list-style: none; background: url(img/menu-up.jpg) center no-repeat; background-position: -10px -10px;} #menu-up li a { display: block; background: red url(img/menu-up.jpg); outline: none;} #menu-up li.trailers a { width: 88px; height: 22px; background-position: 0px 0px; background-color: white; } #menu-up li.sinopsis a { width: 100px; height: 22px; background-position: -71px 0px; background-color: white; } #menu-up li.imagenes a { width: 115px; height: 22px; background-position: -155px 0px; background-color: white; } #menu-up li.descargas a { width: 130px; height: 22px; background-position: -252px 0px; background-color: white; } #menu-up li.making a { width: 122px; height: 22px; background-position: -372px 0px; background-color: white; } #menu-up li.personajes a { width: 125px; height: 22px; background-position: -479px 0px; background-color: white;} #menu-up li.proyecto a { width: 118px; height: 22px; background-position: -592px 0px; background-color: white;} #menu-up li.dvd a { width: 127px; height: 22px; background-position: -695px 0px; background-color: white; } #menu-up li.trailers a:hover { background-position: 0px 24px; background-color: white; } #menu-up li.sinopsis a:hover { background-position: -71px 24px; background-color: white; } #menu-up li.imagenes a:hover { background-position: -155px 24px; background-color: white; } #menu-up li.descargas a:hover { background-position: -252px 24px; background-color: white; } #menu-up li.making a:hover { background-position: -372px 24px; background-color: white; } #menu-up li.personajes a:hover { background-position: -479px 24px; background-color: white;} #menu-up li.proyecto a:hover { background-position: -592px 24px; background-color: white;} #menu-up li.dvd a:hover { background-position: -695px 24px; background-color: white; } /** MENU-DOWN **/ #menu-down { width: 950px; margin: 0px auto 0; height: 22px; } #menu-down ul { margin: 0px; padding: 0; margin: auto; text-align: center; } #menu-down li { font-size: 0; line-height: 0; text-indent: -20000px; width: 75px; margin: 0; padding: 0; float: right; height: 22px; list-style: none; } #menu-down li a { background: red url(img/menu-down.jpg) top left; outline: none; } #menu-down li.prensa a { display: block; width: 75px; height: 22px; background-position: -5px 0px; background-color: white; } #menu-down li.prensa a:hover { display: block; width: 75px; height: 22px; background-position: -5px 24px; background-color: white; } #menu-down img {border: 0; float: left; margin-left: -25px;} #menu-down img a {border: 0;} /** IZ **/ #iz li.criticas { margin-left: 14px; } #iz li.premios { margin-left: 25px; } #iz ul { margin: 0px; padding: 0; margin: auto; text-align: center; } #iz li { width: 75px; margin: 0; padding: 0; height: 22px; list-style: none; float: left; } #iz li a { background: red url(img/menu-iz.jpg) top left; outline: none; } #iz li.criticas a { display: block; width: 75px; height: 22px; background-position: -5px 0px; background-color: white; } #iz li.criticas a:hover { display: block; width: 75px; height: 22px; background-position: -5px 24px; background-color: white; } #iz li.premios a {display: block; width: 75px; height: 22px; background-position: -84px 0px; background-color: white; } #iz li.premios a:hover { display: block; width: 75px; height: 22px; background-position: -84px 24px; background-color: white; } #trailers li.trailers a { width: 88px; height: 22px; background-position: 0px 24px; background-color: white; } #sinopsis li.sinopsis a { width: 100px; height: 22px; background-position: -71px 24px; background-color: white; } #imagenes li.imagenes a { width: 115px; height: 22px; background-position: -155px 24px; background-color: white; } #descargas li.descargas a { width: 130px; height: 22px; background-position: -252px 24px; background-color: white; } #making li.making a { width: 122px; height: 22px; background-position: -372px 24px; background-color: white; } #personajes li.personajes a { width: 125px; height: 22px; background-position: -479px 24px; background-color: white; } #proyecto li.proyecto a { width: 118px; height: 22px; background-position: -592px 24px; background-color: white;} #dvd li.dvd a { width: 127px; height: 22px; background-position: -695px 24px; background-color: white; } #prensa li.prensa a { display: block; width: 75px; height: 22px; background-position: -5px 24px; background-color: white; } #criticas li.criticas a { display: block; width: 75px; height: 22px; background-position: -5px 24px; background-color: white; } #premios li.premios a {display: block; width: 75px; height: 22px; background-position: -84px 24px; background-color: white; } /** CONTENT **/ #content { border: 1px solid #cecece; margin: 20px auto; width: 920px; height: 290px; } /** FOOTER **/ #footer { background: url(img/footer.jpg) top center no-repeat; width: 960px; height: 67px; margin: auto; margin-top: 10px; display: block; font: 9px arial; text-align: center; width: 920px;} #powered {font: 9px arial; color: #cecece;; width: 920px; margin: auto; text-align: center;} #powered a {color: #cecece; text-decoration: none; } #player-area { float: right; height: 290px; width: 633px; background: url(img/trailers_front.jpg) no-repeat center;} /** ############################################# # ETIQUETAS POR SECCIÓN # ##############################################**/ /** MAIN **/ #main #content { background: url(img/nerea.jpg) no-repeat center; } #main #pack-shoot { margin-top: 80px; margin-left: 35px;width: 140px; height: 180px; background: url(img/packshoot.jpg);} #main #pack-shoot a { outline: none; display: block; width: 140px; height: 180px; } /** TRAILERS **/ #trailers #content { } #trailers #content .video { background: #cecece; margin: 2px; margin-left: 0px; margin-top: 0px; height: 96px; width: 140px;} #trailers #content #trailer1 { background: url(img/mini-trailer1.jpg) no-repeat center; } #trailers #content #trailer2 { height: 95px; background: url(img/mini-trailer2.jpg) no-repeat center; } #trailers #content #spot { height: 95px; background: url(img/mini-spot.jpg) no-repeat center; } #trailers #content #column { width: 265px; height: 290px; float: left; background: url(img/flor_trailers.jpg) no-repeat center; } #trailers #content #player-area { float: right; height: 290px; width: 633px; background: url(img/trailers_front.jpg) no-repeat center;} #trailers #flashcontent { float: right; margin-left: 20px; border-left: 1px solid #cecece; } #trailers .flor #flashcontent { float: right; margin-left: 0; border-left: 0; } #trailers #content .video a {display: block; margin-left: 15px; outline: none; width: 85px; height: 65px;} #trailers .flor { border:0; float: right; width: 140px; height: 199px; position: absolute; margin-left: 140px; margin-top: -182px; } /** SINOPSIS **/ #sinopsis #content { background: url(img/raton.jpg) no-repeat center; } #sinopsis p { font: 21px Century Gothic, Arial; text-align: center; padding: 20px; color: gray; } /** IMÁGENES **/ #imagenes #content { } /** DESCARGAS **/ #descargas #content { border: 0; color: gray; height: 292px;} #descargas #content #T1 { padding-left: 10px; height: 270px; float: left; width: 266px; background-color: white; margin-left: 23px; margin-top: 8px; border-bottom: 1px solid #cecece; } #descargas #content #T2 { padding-left: 10px; height: 270px; float: left; width: 266px; background-color: white; margin-left: 23px; margin-top: 8px; border-bottom: 1px solid #cecece; } #descargas #content #SPOT { padding-left: 10px; height: 270px; float: left; width: 266px; background-color: white; margin-left: 23px; margin-top: 8px; border-bottom: 1px solid #cecece;} #descargas #content h2 { font: 22px Century Gothic, Arial; color: #16425f; font-weight: bold; border-bottom: 1px dotted #16425f; padding: 0 0 8px 0; margin: 0; } #descargas #content dl { font: 14px Century Gothic, Arial; } #descargas #content dt { font-size: 16px; margin-top: 5px; color: #16425f;} #descargas #content dd { border-bottom: 1px dotted silver; } #descargas #content dd a { display: block; border-bottom: 1px dotted silver; color: gray; text-decoration: none; } #descargas #content dd a:hover { color: #009aff; border-bottom: 1px dotted #009aff; } /** MAKING OF **/ #making #content { height: 400px; border: 0; } /** PERSONAJES **/ #personajes #content { width: 925px; overflow: hidden; border: 0; height: 292px; } #personajes #imageMenu { position: relative; height: 290px; overflow: hidden; } #personajes #imageMenu ul { list-style: none; margin: 0px; padding: 0px; display: block; } #personajes #imageMenu ul li {float: left;} #personajes #imageMenu ul li a { text-indent: -920px; background:#FFFFFF none repeat scroll 0%; cursor:pointer; display: block; overflow: hidden; width: 227px; height: 290px; border-right: 3px solid white; } #personajes #imageMenu ul li.camino a { background: url(images/camino.jpg) repeat ; } #personajes #imageMenu ul li.nuria a { background: url(images/nuria.jpg) repeat ; } #personajes #imageMenu ul li.gloria a { background: url(images/gloria.jpg) repeat ; } #personajes #imageMenu ul li.jose a { border-right: 0px solid white; background: url(images/jose.jpg) repeat ; } #personajes .clear { clear: both; } /** PROYECTOS **/ #proyecto {} #proyecto #content { border: 0; height: auto; font: 14px Century Gothic, arial; color: gray; } #proyecto #content #txt { border: 0px solid #cecece; margin-left: 0px; height: auto; font: 14px Century Gothic, arial; color: gray; width: 920px } #proyecto #content img {border:0; padding:0; margin:0;} #proyecto #content p {} /** DVD/BLU-RAY **/ #dvd #content {border: 0; margin-top: 30px; } #dvd #content h2 { margin: 0; padding: 0 0 4px; margin: 20px 0; color: #16425f; font-size: 20px; border-bottom: 1px solid #16425f; text-transform: uppercase; } #dvd #content h3 { margin:0; padding: 0; padding: 10px 0; color: #16425f; font-size: 18px; font-weight: normal; } #dvd #content dl { margin:0 0 0 12px; padding: 0; } #dvd #content dt { margin:8px 0 0 0; padding: 0; font-size: 14px; color: #16425f; } #dvd #content dd { margin:0 0 0 12px; padding: 0; border-bottom: 1px solid #edecec; display: block; } #dvd #content dd:hover { display: block; border-bottom: 1px solid #549ce5; color: #549ce5; } #dvd #content ul { margin:0 0 0 36px; padding: 0; } #dvd #content ol { margin:0 0 0 36px; padding: 0; } #dvd #content li { margin:0; padding: 0; border-bottom: 1px solid #edecec;} #dvd #content { height: auto; font: 12px century gothic, arial; color: gray; } #dvd #content #bd-1 {float: left; width: 355px; margin: 0 68px; } #dvd #content #dvd-1 {float: left; width: 355px; } #dvd #content #dvd-2 {float: left; width: 355px; } #dvd #content #dvd-3 {float: left; width: 355px; } #dvd #content .mini {font-size: 10px; text-align: right;} #dvd #content dd:hover.negative {color: gray; border: 0;} #dvd #content dd.negative {color: gray; border: 0;} #dvd #content li:hover { border-bottom: 1px solid #549ce5; color: #549ce5; } /** PRENSA **/ #prensa #content { height: auto; font: 12px century gothic, arial; color: gray; border: 0; margin-top: 30px; } #prensa #content #alfa { float: left; width: 255px; margin: 0 37px; } #prensa #content #beta { float: left; width: 255px; margin: 0 37px 0 0px; } #prensa #content #gamma { float: left; width: 255px; } #prensa #content span {color: #16425f; } #prensa #content ul {margin: 0; padding:0;} #prensa #content li {margin:0 0 0 12px; padding: 0; border-bottom: 1px solid #edecec; display: block; } #prensa #content li a { text-decoration: none; color: gray; } #prensa #content li a:hover { text-decoration: none; color: #549ce5; } #prensa #content h3 {margin: 0; padding: 0 0 4px; margin: 20px 0; color: #16425f; font-size: 20px; border-bottom: 1px solid #16425f; text-transform: uppercase; font-weight: normal; } #prensa #content h4 { margin:0; padding: 0; padding: 0px 0; color: #16425f; font-size: 18px; font-weight: normal;} #prensa #content h5 { margin:-20px 0 20px; padding: 0; padding: 0px 0; color: #16425f; font-size: 14px; font-weight: normal;} #prensa #content #low {font-size: 12px; float: left; } #prensa #content #p2, #prensa #content #p4, #prensa #content #p6 {margin-top: 20px; } #prensa #content #p2 li, #prensa #content #p4 li, #prensa #content #p6 li {border: 0; } #prensa #content #p1, #prensa #content #p2, #prensa #content #p3, #prensa #content #p4, #prensa #content #p5, #prensa #content #p6 {height: 260px;} /** CRITICAS **/ #criticas #content {height: auto; font: 14px century gothic, arial; color: gray; border: 0; margin-top: 30px; padding-bottom: 20px; } #criticas #content blockquote { margin-top: 20px; } #criticas #content h4 { margin:0; color: #16425f;} #criticas #content h2 { color: #16425f;} #criticas #content blockquote { display: block; padding: 5px; border: 1px dotted #cecece; } #criticas #content blockquote:hover { display: block; background-color: silver; color: white; } /** PREMIOS **/ #premios #content { border: 0; color: gray; height: auto;} #premios #content h2 { font: 17px Century Gothic, Arial; color: #16425f; font-weight: bold; border-bottom: 1px dotted #16425f; padding: 0 0 2px 0; margin: 0; } #premios #content dl { font: 12px Century Gothic, Arial; } #premios #content dt { font-size: 14px; margin-top: 5px; color: #16425f;} #premios #content dd { border-bottom: 1px dotted silver; } #premios #content dd a { display: block; border-bottom: 1px dotted silver; color: gray; text-decoration: none; } #premios #content dd:hover { color: #009aff; border-bottom: 1px dotted #009aff; } #premios #content #bloque1 {float: left; width: 420px; margin-right: 80px; } #premios #content #bloque2 {float: left; width: 420px;} /** NAVIGATION **/ .navigation {display: none;} /** STANDARDS **/ #standards #content { font: 16px arial; height: auto; } #standards #content p {padding: 5px 20px;} /** IDIOMAS **/ #idiomas { position: absolute; margin-left: 840px; margin-top: -150px; color: #cecece; text-decoration: none; font: 10px Century Gothic, Arial; } #idiomas a {color: #16425f; text-decoration: none; font: 10px Century Gothic, Arial } /** MUSICA **/ #music {padding:0; margin:0; font-size: 0; line-height: 0; position: absolute; margin-top:-130px; margin-left: 900px; } #music object {padding:0; margin:0; font-size: 0; line-height: 0;} /** PACK **/ #pack { width: 401px; height: 342px; background: url(images/pack.jpg) top left no-repeat; margin-top: 30px; } #main #flashcontent { padding:0; margin:0; font-size: 0; line-height: 0; position: absolute; margin-top:-130px; margin-left: 900px; } #main #flashcontent object {padding:0; margin:0; font-size: 0; line-height: 0;} #personajes #flashcontent { padding:0; margin:0; font-size: 0; line-height: 0; position: absolute; margin-top:-130px; margin-left: 900px; } #personajes #flashcontent object {padding:0; margin:0; font-size: 0; line-height: 0;} #sinopsis #flashcontent { padding:0; margin:0; font-size: 0; line-height: 0; position: absolute; margin-top:-130px; margin-left: 900px; } #sinopsis #flashcontent object {padding:0; margin:0; font-size: 0; line-height: 0;} #proyecto #flashcontent { padding:0; margin:0; font-size: 0; line-height: 0; position: absolute; margin-top:-130px; margin-left: 900px; } #proyecto #flashcontent object {padding:0; margin:0; font-size: 0; line-height: 0;} #imagenes #flashcontent { padding:0; margin:0; font-size: 0; line-height: 0; position: absolute; margin-top:-130px; margin-left: 900px; } #imagenes #flashcontent object {padding:0; margin:0; font-size: 0; line-height: 0;}