/* CSS Document */ #cabeza {position : absolute;top : 0;left : 0;width : 1024px;height : 120px;border : 1px solid;border-color : #ffcccc;} #logopyc {position: absolute; top: 0; left: 860px; width: 129px; height: 96px;} #mundoci {position: absolute;top: 10px;left: 0px;} #searcgog {position: absolute;top: 65px;left: 360px;} #eltiempo {position: absolute;top: 0;left: 315px;} #reloj {position: absolute;top: 2px;left: 730px;} #fecha {position: absolute; top: 95px; left: 715px;} #txt-1 {position: absolute; top:50px; left:3px; width:275px;height:45px;} #txt-2 {position: absolute; top:50px; left:295px; width:275px;height:45px;} #txt-3 {position: absolute; top:50px; left:537px; width:340px;height:45px;} #contenido {position: absolute; top:125px; left:0px; width:1024px; height:718px; border:1px solid; border-color: #999999} #menu {position: absolute; top:1px; left:0px; width:1024px;} #adsgogvi {position: absolute; top:32px; left:882px; width:135px;height:611px; border:1px solid; border-color: #FFCCFF} #cine-onl {position: absolute; top:32px; left:770px; width:105px;height:30px; border:1px solid; border-color: #FF0000} #cuadro-1 {position: absolute; top:103px; left:3px; width:275px;height:611px;} #padrino {position: absolute; top:3px; left:3px; width:268px;height:30px;} #padrinoII {position: absolute; top:38px; left:3px; width:268px;height:30px;} #lucesdeciudad {position: absolute; top:73px; left:3px; width:268px;height:30px;} #testigocargo {position: absolute; top:108px; left:3px; width:268px;height:30px;} #seronoser {position: absolute; top:143px; left:3px; width:268px;height:30px;} #tiemposmodernos {position: absolute; top:178px; left:3px; width:268px;height:30px;} #crepusculo {position: absolute; top:213px; left:3px; width:268px;height:30px;} #docehombres {position: absolute; top:248px; left:3px; width:268px;height:30px;} #lalista {position: absolute; top:283px; left:3px; width:268px;height:30px;} #perdicion {position: absolute; top:318px; left:3px; width:268px;height:30px;} #grandictador {position: absolute; top:353px; left:3px; width:268px;height:30px;} #apartamento {position: absolute; top:388px; left:3px; width:268px;height:30px;} #casablanca {position: absolute; top:423px; left:3px; width:268px;height:30px;} #muertetalones {position: absolute; top:458px; left:3px; width:268px;height:30px;} #pulpfiction {position: absolute; top:493px; left:3px; width:268px;height:30px;} #americanh {position: absolute; top:528px; left:3px; width:268px;height:30px;} #unonuestros {position: absolute; top:563px; left:3px; width:268px;height:30px;} #hasta100 {position: absolute; top:597px; left:3px; width:268px;height:30px;} #cuadro-2 {position: absolute; top:103px; left:295px; width:237px;height:540px; border:1px solid; border-color: #FFCC66} #bergman {position: absolute; top:3px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #bunuel {position: absolute; top:63px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #eastwood {position: absolute; top:123px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #fellini {position: absolute; top:183px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #fordj {position: absolute; top:243px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #fcoppola {position: absolute; top:303px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #garci {position: absolute; top:363px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #hichcock {position: absolute; top:423px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #huston {position: absolute; top:483px; left:3px; width:230px;height:55px; border:1px solid; border-color: #FFCC66} #cuadro-3 {position: absolute; top:103px; left:537px; width:340px;height:242px;} #marshall {position: absolute; top:3px; left:3px; width:338px;height:30px;} #crack {position: absolute; top:38px; left:3px; width:268px;height:30px;} #colmena {position: absolute; top:73px; left:3px; width:268px;height:30px;} #verdugo {position: absolute; top:108px; left:3px; width:268px;height:30px;} #viajenin {position: absolute; top:143px; left:3px; width:268px;height:30px;} #furtivos {position: absolute; top:178px; left:3px; width:268px;height:30px;} #santosi {position: absolute; top:213px; left:3px; width:268px;height:30px;} #adsgogcc {position: absolute; top:353px; left:537px; width:340px;height:290px; border:1px solid; border-color: #33CCFF} #cuadro-4 {position: absolute; top:648px; left: 295px; width: 722px; height:65px; border:1px solid; border-color: #66CC00} #txt-cab {position : absolute;top: 648px; left: 295px; width: 722px; height: 65px; border: 1px solid; border-color: #66cc00;} #alineabv {position : absolute;top : 0px;left : 133px;} #alineabvtxt {position : absolute;top : 28px;left : 133px;} #cuadro-5 {position: absolute; top:308px; left:695px; width:180px;height:200px; border:1px solid; border-color: #FFCC66} #cuadro-6 {position: absolute; top:513px; left:695px; width:180px;height:200px; border:1px solid; border-color: #FFCC66} #cuadro-7 {position: absolute; top:603px; left:144px; width:178px;height:111px; border:1px solid; border-color: #FFCC66} #cuadro-8 {position: absolute; top:603px; left:328px; width:178px;height:111px; border:1px solid; border-color: #FFCC66} #cuadro-9 {position: absolute; top:603px; left:512px; width:178px;height:111px; border:1px solid; border-color: #FFCC66} .Estilo1 { font-family : Arial; font-size : 10px; color : #ff0000; text-decoration : none; } .Estilo11 {font-family : Arial;font-size : 10px; color: #0000FF;text-decoration : none;} .Estilo2 {font-family: Arial;font-size: 12px;color: #000000; margin:5px; padding:3px; text-align:justify; text-decoration:none} .Estilo26 {color: #0000FF;font-weight: bold;font-family: Arial;font-size: 12px; padding:5px} .Estilo3 { font-family : Arial; font-size : 9px; } .Estilo4 {font-family : Arial; font-size : 14px; color : #0000ff; text-decoration : none; } .Estilo43 {font-family : Arial; font-size : 14px; color: #009900; text-decoration : none; } .Estilo23 {font-family : Arial; font-size : 14px; color : #000000; text-decoration : none; } .Estilo5 {font-family: Arial;font-size: 16px;color: #009900; padding:5px; text-decoration:none} /*.Estilo6 {font-family: Arial;font-size: 16px;color: #0000FF; padding:5px; text-decoration:none}*/ .Estilo6 {font-family: Arial;font-size: 17px;color: #CC0066; margin:15px; text-decoration:none} .Estilo66 {font-family: Arial;font-size: 17px;color: #CC0066; margin:15px 5px 15px 0px; text-decoration:none} .jquerycssmenu{ font: bold 12px Arial; border-bottom: 1px solid black; padding-left: 15px; /*offset of tabs relative to browser left edge*/ } .jquerycssmenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jquerycssmenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .jquerycssmenu ul li a{ display: block; background: white url(tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/ padding: 5px 3px 4px 3px; margin-right: 3px; /*spacing between tabs*/ border: 1px solid #778; border-bottom-width: 0; color: #2d2b2b; text-decoration: none; } .jquerycssmenu ul li a:hover{ background-image: url(tintbluedark.gif) /*tab link background during hover state*/ } /*1st sub level menu*/ .jquerycssmenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; border-top: 1px solid black; } /*Sub level menu list items (undo style from Top level List Items)*/ .jquerycssmenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jquerycssmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .jquerycssmenu ul li ul li a{ font: normal 13px Verdana; width: 160px; /*width of sub menus*/ background: white; color: black; padding: 4px 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid black; } .jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/ background: #eff9ff; color: black; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 7px; right: 5px; } .rightarrowclass{ position: absolute; top: 5px; right: 5px; } #bannerhd { position : absolute; top : 850px; left : 0px; width : 1024px; height : 35px; border : 1px solid; border-color: #666666} #genta { position : absolute; top : 5px; left : 10px;} #pie { position : absolute; top : 895px; left : 0px; width : 1024px; height : 165px; background-color: #FFFFEE; border : 1px solid; border-color: #FFFF33; } #w3c { position : absolute; left : 10px; top : 10px; } #w3c-1 { position : absolute; left : 10px; top : 50px; } #prje { position : absolute; left : 115px; top : 13px; } #logocybpo { position : absolute; left : 505px; top : 5px; width : 170px; height : 90px; } #piedown { position : absolute; left : 5px; top : 100px; width : 980px; } a {color: #ffffff; text-decoration:none;/* display:block*/} a:link {} a:visited {} a:hover {color:red ; background-color: white} /*DHTML position*/ .dhtmlwindow{position: absolute;border: 2px solid black;visibility: hidden;background-color: white;} .drag-handle{ /*CSS for Drag Handle*/padding: 1px;text-indent: 3px;font: bold 14px Arial;background-color: #CA0000;color: white;cursor: move;overflow: hidden;width: auto;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;} .drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/position: absolute;right: 1px;top: 2px;cursor: hand;cursor: pointer;} * html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/width: 100%;} .drag-contentarea{ /*CSS for Content Display Area div*/border-top: 1px solid brown;background-color: white;color: black;height: 150px;padding: 2px;overflow: auto;} .drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/border-top: 1px solid gray;background-color: #F8F8F8;height: 13px; /*height of resize image*/} .drag-resizearea{ /*CSS for Resize Area itself*/float: right;width: 13px; /*width of resize image*/height: 13px; /*height of resize image*/cursor: nw-resize;font-size: 0;} /*Fin DHTML position*/ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .thumbnail{position: relative;z-index: 0;} .thumbnail:hover{background-color: transparent;z-index: 50;} .thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: lightyellow;padding: 5px;left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;text-decoration: none;} .thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;} .thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: 0;left: 60px; /*position where enlarged image should offset horizontally */}