/* GRID */ .grid3cola .column { width: 582px; margin-left: 15px; } .grid3cola .column.first, .grid3cola .column.last { width: 184px; } .grid3cola .grid3col .column { width: 32%; margin-left: 14px; } /* MAIN */ #main h3 { font-size: 13px; color: #333; font-weight: normal; word-spacing: -0.1em; } #main a:link, #main a:visited { color: #2971a7; text-decoration: none; } #main a:hover { text-decoration: underline; } #main .more { padding-right: 9px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/morearrow.png) 100% 0.4em no-repeat; white-space: nowrap; _white-space: normal; *position: relative; _display: inline-block; } #main .sidebar { font-size: 11px; color: #666; } #main .sidebar p, #main .sidebar ul, #main .sidebar h4 { font-size: 11px; line-height: 14px; } #main .sidebar p, #main .sidebar ul { margin-bottom: 10px; } /* CONTENT */ #content { padding: 15px 0 0; } /* BOXES */ #main .box { background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_582bgrep.png) repeat-y; overflow: hidden; position: relative; } #main .sidebar .box { height: 500px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_184bgrep.png) repeat-y; } #main .box h2 { text-indent: -9999px; height: 25px; overflow: hidden; position: relative; margin-bottom: 0; } #main .box h2 a { display: block; position: relative; height: 25px; width: 100%; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_linkarrow.png) 95% 50% no-repeat; _background-image: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_linkarrow.gif); } #main .padder { padding: 0 15px; } #main .boxcap { height: 5px; width: 100%; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_582capbottom.png) no-repeat; behavior:url(/scripts/iepngfix.htc); } #main .sidebar .boxcap { background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_184capbottom.png) no-repeat; } #main .sidebar .captop { bottom: auto; top: 0; background-image: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_184captop.png); } /* DRAWERS */ #main ul.drawers { margin: 0; } #main .slider .drawer-handle { color: #333; font-size: 12px; padding: 5px 0; text-indent: 15px; width: 100%; background: #939393 url(http://www.turismovolts.com.ar/imagenes/estilo-mac/slider_handlebg.png) 0 0 no-repeat; cursor: default; } #main .slider .drawer-content { display: block; height: auto; } #main .slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; } /* LATEST */ #latest { height: auto; min-height: 500px; *height: 500px; margin-bottom: 15px; position: relative; overflow: hidden; _width: 184px; } #latest .drawers .drawer-content { width: 184px; min-height: 415px; *height:415px; } /* TOP LISTS */ #latest .toplist { margin: 0; } #latest .toplist li { margin: 0; padding: 0 13px; list-style-type: none; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_ruleinset.png) 25% 0 no-repeat; } #latest .toplist a { display: block; padding: 8px 15px 8px 0; overflow: hidden; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_linkarrowgrey.png) no-repeat; behavior:url(/scripts/iepngfix.htc); } #latest .toplist a:link, #latest .toplist a:visited { color: #666; } #latest .toplist a:hover { text-decoration: none; background-position: -184px 0; } #latest .toplist a strong { color: #333; } #latest .toplist a span { display: block; width: 145px; *width: 145px; } #latest .toplist .first { background: none; padding-top: 8px; } #latest .toplist .first a { padding-bottom: 10px; } #latest .toplist .first a:hover { background-position: -184px 0; } #latest .toplist .first img.left { float: left; margin: 0 8px 8px 0; } #latest .toplist .first strong { height: 1.8em; overflow: hidden; } /* HOTNEWS */ #hotnews ul.stories { margin: 0; } #hotnews .stories .story { padding: 8px 10px 8px 15px; position: relative; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/box_ruleinset.png) 50% 0 no-repeat; } /* for hotnews test */ #hotnews .stories h3 { font-size: 11px; line-height: 14px; font-weight: bold; color: #666; } /*#hotnews .stories .story { padding: 12px 10px 2px 15px; }*/ #hotnews .stories .story .title { color: #333; margin-bottom: 0; position: relative; } #hotnews .stories .story .title a { color: #333; } #hotnews .stories .story .summary { margin-bottom: 0; position: relative; } #hotnews .stories .leadstory { background: none; } #hotnews .stories .leadstory .title { font-size: 13px; font-weight: normal; } #hotnews .stories .leadstory .leadimage { position: absolute; top: 0; left: 0; _left: -15px; } /* MAC AT WORK */ #macatwork h2 { background: url(http://www.turismovolts.com.ar/paquetes/imagenes/cabezapaquetes.png) no-repeat; } #macatwork .shingles { margin: 0 1px; position: relative; overflow: hidden; } #macatwork .shingles li { display: block; z-index: 1; width: 100%; } #macatwork .shingles img.photo { display: block; margin: 2px 3px 0 3px; } #macatwork .shingles .handle { display: block; padding: 15px 15px 8px; height: 57px; margin-bottom: -6px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/shingles_handlebg.png) -184px 100% no-repeat; overflow: hidden; _margin-bottom: -3px; } #macatwork .shingles .handle:hover { text-decoration: none; } #macatwork .shingles .handle strong { display: block; font-size: 13px; color: #333; font-weight: normal; height: 18px; white-space: nowrap; overflow: hidden; } #macatwork .shingles .handle .description { color: #333; height: 28px; overflow: hidden; line-height: 14px; } #macatwork .shingles .handle .more { color: #2971a7;} #macatwork .shingles li.obscured .handle { background-position: 0 100%; } #macatwork .shingles li.obscured .handle .description { color: #666; } /* VIDEOS */ #videos { height: 501px; } #videos h2 { background: url(http://www.turismovolts.com.ar/paquetes/imagenes/cabezapaquetesargentina.png) no-repeat; } #videos .padder { padding: 0 11px; } #videos .nowplaying { font-size: 11px; color: #666; padding: 4px 0; margin-bottom: 0; } #videos .nowplaying strong { color: #333; } #videos #quicktime { position: relative; width: 560px; height: 316px; background: #fdfdfd; margin: 0 auto; text-align: center; } #videos #quicktime .poster { cursor: pointer; _cursor: hand; } #videos .endstate { position: absolute; left: 0; top: 0; } #videos #quicktime.loading object { width:1px !important; height:1px !important; } #videos #videoplaylist { overflow: hidden; margin: 0 0 9px; } #videos #videoplaylist li { display: inline; } #videos #videoplaylist .button a { float: left; margin-left: 10px; width: 180px; height: 0; padding-top: 90px; overflow: hidden; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/videos_playlistbg20070912.png) no-repeat; } #videos #videoplaylist .button.first a { margin-left: 0; } #videos #videoplaylist .button.last a { float: right; } #videos #videoplaylist #mov-b a { background-position: -180px 0; } #videos #videoplaylist #mov-c a { background-position: -360px 0; } #videos #videoplaylist #mov-a.active a { background-position: 0 -90px; } #videos #videoplaylist #mov-b.active a { background-position: -180px -90px; } #videos #videoplaylist #mov-c.active a { background-position: -360px -90px; } #videos .posterFrame {display: none;} /* END STATES */ #videos #quicktime .endstate { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } #videos #quicktime .endstate li { display: block; margin: 0; padding: 0; } #videos #quicktime .endstate a { display: block; height: 41px; margin: 10px auto; overflow: hidden; text-indent: -9999px; behavior:url(/scripts/iepngfix.htc); } #videos #quicktime .endstate .replay { width: 200px; margin-top: 120px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/2007/06/endbutton_watchagain_20070611.png); } #videos #quicktime .endstate .learnmore { width: 200px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/2007/06/endbutton_learnmore_20070611.png); } #videos #quicktime .endstate .replaynew { width: 200px; margin-top: 245px; margin-left: 65px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/2007/06/endbutton_watchagain_20070611.png); } #videos #quicktime .endstate .learnmorenew { width: 200px; margin-top: -51px; margin-right: 65px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/2007/06/endbutton_learnmore_20070611.png); } #videos #quicktime .endstate.ilife { background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/2007/08/endframe_ilife08_20070807.jpg); } #videos #quicktime .endstate.iphoto { background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/2007/08/endframe_iphoto_20070807.jpg); } #videos #quicktime .endstate.imovie { background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/2007/08/endframe_imovie_20070807.jpg); } /* VIDEO CONTROLLER */ #videos .ACQuicktimeController { visibility: hidden; padding-top: 6px; padding-bottom: 6px; } #videos .ACQuicktimeController.active { visibility: visible; } #videos .ACQuicktimeController div.control { width: 18px; height: 18px; background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/playpause_light.gif) 6px 0 no-repeat; } #videos .ACQuicktimeController div.control.pause { background: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/playpause_light.gif) 6px -18px no-repeat; } #videos .ACQuicktimeController div.sliderPanel { width: 532px; left: 24px; } #videos .ACQuicktimeController div.sliderPanel div.track { border: 1px solid #aaa; background-color: #ccc; width: 532px; height: 6px; } #videos .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { background-color: #aaa; height: 6px; } #videos .ACQuicktimeController div.sliderPanel div.track div.trackProgress { background-color: #fff; height: 6px; } #videos .ACQuicktimeController div.sliderPanel div.track div.playHead { background-image: url(http://www.turismovolts.com.ar/imagenes/estilo-mac/pointer_light.gif); height: 13px; } /* FOOTER */ #globalfooter p.sosumi { float: right; color: #999; margin-top: -18px; } #cajapromo { color: #999; margin-top: 0px; height: 100%; width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #cajaformu { color: #666666; margin-top: 0px; height: 420px; width: 500px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; } #cajapromosabajo { width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .promo1 { display: inline; margin: 0px; float: left; } .promos { margin-left: 14px; display: inline; float: left; } .promofinal { margin-left: 13px; display: inline; float: left; }