/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}:focus {outline:0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse; border-spacing: 0;}ul, li {list-style:none}
/**/
body {background: #000 url(images/bg.jpg) fixed repeat; font: 62.5%/1.5 "Helvetica", Arial, sans-serif;}
body#roomful {background: #000 url(images/bg2.png) fixed repeat;}
.abs {position:absolute}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* Mozilla based browsers */
::-moz-selection {background-color: #F3E6C3; color: #801E12;}
/* Works in Safari */
::selection {background-color: #F3E6C3; color: #801E12;}
.float-izq {float:left; margin-right: 10px}
.float-der {float:right; margin-left: 10px}
.seccion {background:#000; width:960px; margin: auto; padding:0 20px 20px 20px; color:#fff; min-height:400px; height:auto !important; height:400px;}
.seccion p {font-size: 1.3em; margin-bottom: 1em;}
a {text-decoration: none; outline-style: none;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.6em;}
.oculto {display:none;}
.cont {width:100%; text-align: center; background: url(images/bg-top2.png) no-repeat center 0;}
.head {width:100%; text-align: left;}
.head .wrapper {width:1000px; height: 360px; margin: auto; position:relative;}
.head h1, .head .menu, .head .sponsors {position:absolute}
.head h1 {left:15px; top: 10px; width: 372px; height: 53px; display: block; text-indent: -9999px; background: url(images/sprite1.png) no-repeat -115px -230px;}
.head h1 a {width: 372px; height: 53px; display: block}
#roomful .head h1 {left:-45px; top: 0px; width: 368px; height: 233px; display: block; text-indent: -9999px; background: url(images/roomful-logo-24.png) no-repeat 0 0;}
#roomful .head h1 a {width: 368px; height: 233px; display: block}
/*.head .sponsors {right:20px; bottom: 30px; width:340px; height:80px; background-position: 0 0}*/
.head .sponsors, .head .links a {background-image: url(images/sprite1.png); background-repeat: no-repeat; text-indent: -9999px; }
.head .sponsors {background-position: -160px -340px; width:340px; height:130px; right:20px; bottom: 20px; position: absolute}
.head a.room {width: 160px; height: 95px; position: absolute; right: -10px; top:90px; display: block; text-indent: -9999px; background: url(images/sprite1.png) no-repeat 0px -374px;}
.head a.lang, .head a.lang:visited {display:block;position:absolute;background-image:url(images/sprite1.png);background-repeat:no-repeat;padding: 2px 4px 1px 23px;top:24px;right:20px;color:#888; background-color: rgba(0,0,0,0.5)}
.head a.lang:hover {color:#000;background-color: rgba(255,255,255,0.7);-webkit-box-shadow:0 0 10px #333; -moz-box-shadow: 0 0 10px #333; box-shadow:0 0 10px #333;}
#english {background-position: -480px -176px}
#espanol {background-position: -480px -193px}
.head .links {width:95px; right:20px; top: 50px; position: absolute}
.head .links a {float: left; height: 25px; width: 25px}
.head .links a:hover {-webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
.head .links a#home {background-position: -455px -150px}
.head .links a#contact {background-position: -455px -175px; margin: 0 10px}
.head .links a#rss {background-position: -455px -200px}
#foto1 {background-image: url(images/bg-foto1.jpg)}
#foto2 {background-image: url(images/bg-foto2.jpg)}
#foto3 {background-image: url(images/bg-foto3.jpg)}
#foto4 {background-image: url(images/bg-foto4.jpg)}
#foto5 {background-image: url(images/bg-foto5.jpg)}
#foto6 {background-image: url(images/bg-foto6.jpg)}
#foto7 {background-image: url(images/bg-foto7.jpg)}
#foto8 {background-image: url(images/bg-foto8.jpg)}
#foto9 {background-image: url(images/bg-foto9.jpg)}
#foto10{background-image: url(images/bg-foto10.jpg)}
#foto11{background-image: url(images/bg-foto11.jpg)}
#foto12{background-image: url(images/bg-foto12.jpg)}
#roomful {background-image: url(images/bg-roomful.jpg)}
#roomful .head .sponsors {display:block; opacity:0.75}
/* imagenes rotativas */
#headerimgs { height:360px;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:1000px; height:360px; position:absolute;}
/* MENU */
.menu {left:20px; bottom: 20px;}
.menu li {display:block; margin-bottom:1px; padding-left:5px; background: url(images/sprite1.png) no-repeat -495px 0;}
.menu li.store {background: url(images/sprite1.png) no-repeat -480px 0;}
.menu li a {color:#fff; font-size:18px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.5); display:inline-block; padding:3px 5px; line-height:18px;
-webkit-transition: background-color .6s ease-out; -webkit-transition: color .6s ease-out
}
.menu li a:hover {color:#000; background:#fff}
.menu li a.activo {color:#000; background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow:3px 0 8px #333; -moz-box-shadow: 3px 0 8px #333; box-shadow:3px 0 8px #333;}
.menu li.store a {background:#341707;}
.menu li.store a:hover {color:#fff; background:#000;}
.menu li.store a span {background: url(images/sprite1.png) no-repeat -436px -29px; display:inline-block; text-indent:-9999px; width:64px}
.menu li.store a.activo {color:#000; background:#fff;}
.menu li.store a.activo span {background: url(images/sprite1.png) no-repeat -436px -48px;}
.menu li.contact {margin-top:10px;}
#roomful .menu {top:230px;}
#roomful .menu li {display:block; margin-bottom:1px; padding-left:5px; background: url(images/sprite1.png) no-repeat -495px 0;}
#roomful .menu li a {background-color: rgba(0, 0, 0, 0.6); color:#ffed8e}
#roomful .menu li a:hover {background-color: rgba(247, 136, 36, 0.7); color:#fff}
/*SIDEBAR */
.sidebar {background:#1a1a1a; width:300px; padding:20px; float:right; text-align:right; border-top:2px solid #050505}
.sidebar h4 {color:#447780; border-bottom:1px solid #447780; font-size:23px; line-height:22px; padding-bottom:4px; font-weight:normal}
.sidebar .calendar, .sidebar .quote {margin-bottom:30px;}
.sidebar .quote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em;}
.sidebar blockquote {margin: 5px 0; padding-left: 40px; font-style: italic; color: #808080; line-height: 1.5em; text-align: right; float: right; background: url(images/sprite1.png) no-repeat -462px -669px; text-shadow: 0 2px 0 #000; word-wrap: break-word;}
.sidebar cite {font-size: .8em; color:#999; font-style: normal; font-weight:bold; display: block; text-align:right; margin-top:20px; word-wrap: break-word;}
.sidebar .calendar a.more {padding:2px 5px; background:#19272D; color:#808080}
.sidebar .calendar a.more:hover {background:#801E12; color:#ddd}
.sidebar a.myspace, .sidebar a.facebook, .sidebar a.youtube {width:49px; height:19px; display:block; background-image:url(images/sprite1.png); text-indent: 9999px; margin:10px 0 20px 0; overflow: hidden; line-height: 30px; float: left}
.sidebar a.myspace {width:109px; height:20px; background-position: -115px -285px; margin-right: 25px}
.sidebar a.myspace:hover {background-position: -115px -305px}
.sidebar a.facebook {width:97px; height:20px; background-position: -225px -286px;}
.sidebar a.facebook:hover {background-position: -225px -306px}
.sidebar a.youtube {width:49px; height:19px; background-position: -322px -286px; float: right}
.sidebar a.youtube:hover {background-position: -322px -305px}
.sidebar .mail {width:153px; height:20px; display:block; font-size:1.4em; color:#333; border:0; float:left; padding:5px 10px; background: #989898 url(images/sprite1.png) no-repeat -467px -310px; padding-left: 36px;}
.sidebar .submit {background:#801E12; color:#AFAC81; text-align:center; height:30px; width:90px; border:0; float:right; text-transform: uppercase; cursor: pointer}
.sidebar .submit:hover {background:#C5B794; color:#801E12;}
.sidebar .calendar ul {margin-top:10px}
.sidebar .calendar li {border-bottom: 1px dotted #2C393F; margin-bottom:10px;}
.sidebar .calendar li .datos {float:left; width:250px; text-align:right;}
.sidebar a.fecha {color:#BEBEBE; font-size:1.2em; font-weight:bold; display:block}
a.fecha:hover {text-decoration:underline}
.sidebar .calendar li small {color:#808080; font-size:1.2em; letter-spacing:-1px}
.sidebar .calendar li p.fech {background:#19272d; color:#AEB0B1; width:35px; float:right; margin:0; padding:5px 0; font-size:1em; line-height:12px; text-align:center;}
.sidebar .calendar li p.fech span {font-size:1.8em; display:block}
/* FOOTER */
.footer {width: 1000px; height: 210px; background: url(images/footer.png) no-repeat 0 0; position: relative; margin:0px auto 0 auto; text-align: left;}
.footer a {color:#920114}
.footer a:hover {text-decoration: underline}
.footer .gw, .footer .vcard, .footer p {position: absolute}
.footer p.jlp {left:185px; top:73px; font-size: 2em;}
.footer p.data {left:185px; top:108px; font-size: 1.1em;}
.footer p.kit {left:600px}
.footer #epk {font-family:Georgia, serif; }
.footer .data em {font-style:normal; color:#888}
a.vcard {width: 50px; height: 53px; left: 380px; top: 103px; display: block; text-indent: -9999px; background: url(images/sprite1.png) no-repeat 1px -321px;}
a.vcard:hover {background-position: -50px -321px}
.gw {width:117px; height:15px; right:19px; bottom: 0; text-align: center; color:#333}
.gw a, .gw a:visited, .gw a:active {}
.gw a:hover {text-decoration: underline;}
.footer1 {width:960px; margin: 0 auto; text-align: center; background: #181818; padding: 10px 20px; text-align: center;}
.footer1 a, .footer1 a:visited {color:#555; font-size: 1.15em; margin-right: 20px}
.footer1 a:hover {color:#fff}
.footer1 a.activo {color:#aaa; border-bottom: 1px dotted #aaa}
/*IZQ */
.izq {float:left; width:600px; text-align: left;}
.izq a {color:#EFAD49}
.izq h1 {color:#C5B794; border-bottom:2px solid #801E12; margin:10px 0; font-size:25px; font-weight:normal}
#roomful .izq h1 {color:#f5e181; border-bottom:2px solid #c15e06; margin:10px 0; font-size:25px; font-weight:normal}
.filtros {background:#37342E; padding:5px 10px; font-size: 1.2em; margin-bottom: 10px;}
.filtros select {background:#1A1A1A; color:#fff; border:none; padding:2px; margin: 0 10px 0 5px;}
.filtros a {color:#F3E6C3; margin-right: 5px;}
.filtros a:hover {text-decoration: underline}
.filtros a.print {padding-left: 20px; background: url(images/sprite1.png) no-repeat -483px -114px;}
.filtros a.pdf {padding-left: 20px; background: url(images/sprite1.png) no-repeat -484px -129px;}
/* SPLASH */
#splash {height:100%; text-align: center}
#splash .outter {width:100%; height: 100%; position: relative;}
#splash .inner {width:900px; height: 500px; position: absolute; top:50%; left: 50%; margin-top: -250px; margin-left: -500px; background-color: rgba(0, 0, 0, 0.7); background-image: url(images/bg-splash1.gif); background-repeat: no-repeat; background-position: 20px 26px; border: 1px solid #745f51}
#splash h1, #splash .sponsors, #splash a.esp, #splash a.eng {position:absolute; display: block; text-indent: -9999px; background-repeat: no-repeat;}
#splash h1 {left:40px; top: 27px; width: 372px; height: 53px; background: url(images/sprite1.png) no-repeat -115px -230px;}
#splash .sponsors {background-image: url(images/sprite1.png); background-position: -115px -150px; width:340px; height:80px; right:15px; top: 18px; opacity:0.5}
#splash a.esp {right:30px; top:180px; width:253px; height: 62px; background: url(images/sprite1.png) no-repeat -246px -471px;}
#splash a.esp:hover {background-position: -246px -337px}
#splash a.eng {right:30px; top:273px; width:203px; height: 62px; background: url(images/sprite1.png) no-repeat -295px -538px;}
#splash a.eng:hover {background-position: -295px -404px;}
#splash a.facebook, #splash a.youtube, #splash a.myspace {position: absolute; float:none; bottom:20px; opacity:0.7}
#splash a:hover {opacity:1}
#splash a.facebook {right:280px}
#splash a.myspace {right:115px}
#splash a.youtube {right:30px}
#splash2 {height:100%; text-align: center}
#splash2 .outter {width:100%; height: 100%; position: relative;}
#splash2 .inner {width:461px; height: 165px; position: absolute; top:50%; left: 50%; margin-top: -82px; margin-left: -230px; background: url(images/splash.png) no-repeat 0 0;}
/* HOME */
.home .news li {background:#1A1A1A; padding:10px 10px 20px 10px; margin-bottom:10px; position:relative; height:150px; border:1px solid #333}
.home li .clip {position:absolute; top:0; left:0; width:180px; height:180px; overflow:hidden}
/*.clip img {height:180px;}*/
.home .news li h2 {font-size:1.8em; letter-spacing:-1px; font-weight:normal; color:#ddd; margin:0 0 5px 190px; font-family:georgia}
.home .news li p {color:#808080; font-size:1.3em; margin-left:190px; }
.home li abbr{position:absolute; bottom:10px; right:10px; color:#474747; font-size:1.1em;}
.home .news a {color:#ccc}
.home .news a:hover {color:#fff}
.home h3 {color:#C5B794; border-bottom:2px solid #801E12; margin:10px 0; font-size:21px; font-weight:normal; text-transform:uppercase}
.home .col1 {width:290px; float:left}
.home .col2 {width:280px; float:right}
/* col izq */
.home .album li {padding-left: 84px; margin-bottom:10px; position:relative; height:70px;}
.home .album .tb {width:64px; height:64px; border: 2px solid #222; position:absolute; left:0;}
.home .album a h4 {font-size: 1.4em; font-weight:bold; line-height:13px; margin-bottom:3px; color:#C5B794; font-family:"Lucida Grande",Arial,Helvetica,sans-serif; font-size:12px;}
.home .album a:hover img {border-color:#444}
.home .album a:hover em {color:#fff; background:#0f4b6a; cursor:pointer}
.home .album small {display:block; font-size: 1em; color:#666; margin-bottom:5px}
.home em {color:#ccc; font-size:1.1em; font-weight: bold; background:#801E12; display:inline-block; padding:3px 5px; line-height:12px; font-style:normal; text-transform:uppercase}
/* col der */
.home .info {width: 270px; padding: 0 1px; clear:both; font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif; margin-bottom:10px; position:relative; height:70px;}
.home .tapa {height: 64px; border: 2px solid #000}
.home .info .tb a strong {position:absolute; left: 90px; color:#C5B794; font-size:1.2em; width:250px }
.home.info .tb a:hover strong, .home .info .tb a:hover {text-decoration:underline}
.info .caja-cd {position: absolute; z-index: 10; background-position: -116px -152px; width: 73px; height: 71px; display:block; background-image: url(images/sprite1.png); background-repeat: no-repeat; text-indent: -9999px; -webkit-box-shadow:0 0 10px #111; -moz-box-shadow: 0 0 10px #111; box-shadow:0 0 10px #111;}
.info .caja-dvd {position: absolute; z-index: 10; background-position: -191px -152px; width: 49px; height: 68px; display:block; background-image: url(images/sprite1.png); background-repeat: no-repeat; text-indent: -9999px; -webkit-box-shadow:0 0 10px #111; -moz-box-shadow: 0 0 10px #111; box-shadow:0 0 10px #111;}
.info img#dvd {top:0px; left: 3px; width:50px; height: 68px}
.home .info p.data {position:absolute; left:92px; top:20px; font-size:1.1em; color:#666; width:250px}
.home .info p.data span {color:#ddd; font-weight:bold}
.home .info p.links {position: absolute; bottom:-8px; left:92px}
.home .info p.links a {display: block; float:left; background-image: url(images/sprite1.png); background-repeat: no-repeat; text-indent: -9999px;}
.home .info p.links a, .info p.links span {text-indent: -9999px; height: 24px; margin-right: 10px}
/* News Slider */
.newsSlider {width: 600px; height: 180px; position: relative; margin: 0 auto 0;}
.newsSlider .wrapper {width: 600px; overflow: auto; height: 180px; margin: 0 0px; position: absolute; top: 0; left: 0; }
.newsSlider .wrapper ul {width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0;}
.newsSlider ul li {display: block; float: left; padding: 10px; height: 158px; width: 578px; overflow:hidden; margin: 0; position:relative}
.newsSlider .arrow {display: block; height: 24px; width: 24px; background: url(images/sprite1.png) no-repeat 0 0; text-indent: -9999px; position: absolute; bottom: 10px; cursor: pointer;}
.newsSlider .forward {background-position: -327px -48px; left: 230px;}
.newsSlider .back {background-position: -327px -72px; left: 200px;}
.newsSlider .forward:hover {background-position: -351px -48px;}
.newsSlider .back:hover {background-position: -351px -72px;}
.newsSlider #thumbNav {position: relative; top: 0px; text-align: center; width:30px}
.newsSlider #thumbNav a {background: #C5B794; color:#000; font: 11px/18px; display: block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; margin-bottom: 5px}
.newsSlider #thumbNav a:hover {background: #801E12; color: #fff;}
.newsSlider #thumbNav a.cur {background: #801E12; color:#fff}
.newsSlider #start-stop {display:none;}
.newsSlider #start-stop.playing {background-color: #801E12; color:#fff}
.newsSlider #start-stop:hover {background: #C5B794; color:#000}
/* Prevents*/
.newsSlider .wrapper ul ul {position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0;}
.newsSlider .wrapper ul ul li {float: none; height: auto; width: auto; background: none;}
/* fin Anything Slider */
/* FOTOS listado */
.fotos .album {padding:10px 0; border-bottom:1px dashed #333; padding-left: 100px; position:relative; height: 80px}
.fotos .album .tb {width:70px; height:70px; border: 5px solid #fff; position:absolute; left:0;}
.album h2 {font-size: 1.8em; color:#D5892F; font-weight:normal; line-height:18px; margin-bottom:5px}
.album h2 a {color:#D5892F;}
.album h2 a:hover {color:#FFA13B;}
.album h3 {font-size: 1.3em; color:#666; font-weight:normal }
.album small {display:block; font-size: 1em; color:#4C4C4C; margin-bottom:5px}
a.view-album {color:#B0B0B0; font-size:1.2em; text-transform: uppercase; background:#141D22; display:inline-block; padding:3px; line-height:12px}
a.view-album:hover {color:#fff; background:#25373F;}
/* Anything Slider */
.anythingSlider {width: 600px; height: 380px; position: relative; margin: 0 auto 0;}
.anythingSlider .wrapper {width: 598px; overflow: auto; height: 380px; margin: 0 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul {width: 9999px; list-style: none; position: absolute; top: 0; left: 0; border-top: 0px solid #e0a213; border-bottom: 0px solid #e0a213; margin: 0;}
.anythingSlider ul li {display: block; float: left; padding: 0; height: 380px; width: 598px; overflow:hidden; margin: 0; text-align:center; position:relative}
.anythingSlider .arrow {display: block; height: 45px; width: 15px; background: url(images/flechas-slider.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 110px; cursor: pointer; }
.anythingSlider .forward {background-position: right top; right: -13px;}
.anythingSlider .back {background-position: left top; left: -15px;}
.anythingSlider .forward:hover {background-position: right bottom;}
.anythingSlider .back:hover {background-position: left bottom;}
.anythingSlider ul li img {height:380px}
#thumbNav {position: absolute; top: -47px; right:-28px; text-align: center; width:200px}
#thumbNav a {background: #C5B794; color:#000; font: 11px/18px; display: inline-block; padding: 2px 10px; height: 20px; line-height:20px; margin: 0 5px 0 0; text-align: center; margin-bottom: 5px}
#thumbNav a:hover {background: #801E12; color: #fff;}
#thumbNav a.cur {background: #801E12; color:#fff}
#start-stop {background: #801E12; color: #fff; padding: 2px 5px; text-align: center; position: absolute; left: 170px; top: -41px;}
#start-stop.playing {background-color: #801E12; color:#fff}
#start-stop:hover {background: #C5B794; color:#000}
/* Prevents*/
.anythingSlider .wrapper ul ul {position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0;}
.anythingSlider .wrapper ul ul li {float: none; height: auto; width: auto; background: none;}
/* fin Anything Slider */
.anythingSlider ul li .data {position:absolute; bottom:20px; left:-260px; width:250px; padding:5px 30px 5px 5px; background: #000 url(images/sprite1.png) no-repeat 4px -354px; color:#fff; text-align:right; border:1px solid #555; display: none}
.anythingSlider ul li .data p {margin-bottom:5px; font-size:1em}
.anythingSlider ul li a.view {display:inline-block; padding:1px 5px; background:#C5B794; color:#000; margin-left:5px; display: none}
.anythingSlider ul li a.view:hover {background:#801E12; color:#fff;}
/* BIO */
.bio .contenedor {width:570px; margin-top:20px; color:#ccc; font-size: 11px; line-height: 2.2em;}
.bio .contenedor .tb {border:2px solid #888; margin-bottom: 5px; /*width:132px; height: 132px;*/ padding:5px;}
.bio .contenedor .float-izq {margin-right: 20px}
.bio .contenedor .float-der {margin-left: 20px}
.bio .contenedor .tb img {border:1px solid #aaa;}
.bio .contenedor .tb a:hover img {border-color: #801E12}
.bio .contenedor p strong {color:#fff}
.bio .contenedor a {color:#4d8691}
.bio .contenedor a:hover {text-decoration: underline}
.bio ul li {font-size:1.2em; list-style: disc}
.bio ul {margin-bottom: 1em; margin-left: 30px;}
#pag2, #pag3 {display:none}
.bioPagin a {padding:1px 5px;}
.bioPagin a:hover {background:#F3E6C3; color:#333; text-decoration:none}
.pagActiva {background:#920114; color:#333}
/* AGENDA listado */
#search {width: 110px; height: 20px; background: #1A1A1A; float:right; margin-top:1px;}
#search #s {float: left; padding: 2px 5px; color:#fff; border: 0; width: 75px; background: none;}
#search #go {float: right;}
.agenda .filtros .ics {padding-left: 20px; background: url(images/sprite1.png) no-repeat -284px -127px;}
.agenda li {height:60px; margin:20px 0; position:relative;}
.agenda li:hover {cursor:pointer}
.agenda-detalle li:hover {cursor:auto}
.agenda li h2, .agenda li h3, .agenda li p.fecha, .agenda li a.more, .agenda li .share {position:absolute}
.agenda li p.fecha {width:30px; color:#A9ABAB; float:left; line-height:16px; font-size:13px; text-align:center; left:12px; top:6px; }
.agenda li p.fecha span {font-size:25px; letter-spacing:-1px}
.agenda li p.fecha small {font-size:12px;}
.agenda li h2 {font-size:1.5em; left:84px; top:6px; width:440px; height: 1.5em; overflow: hidden;}
.agenda h2 a {color:#fff;}
.agenda h2 a:hover {color:#F3E6C3}
.agenda li h3 {font-size:1.3em; width:440px; height: 1.5em; overflow: hidden;font-weight:normal; color:#4E4E4E; left:84px; top:36px;}
.agenda li a.more {color:#F3E6C3; top:20px; right:30px; font-size:1.1em; font-weight:bold; text-align:center; line-height:11px;}
.agenda li a.more:hover {color:#fff;}
.agenda li a.more em {display:block; font-style:normal; font-size:.9em}
.agenda li .share {display: none; background: #222; height:18px; padding-top:2px; width: 60px; right:90px; bottom:5px;}
li .share a {display:block; text-indent: -9999px; margin:0 2px; width: 16px; height: 16px; float: left; background-image:url(images/sprite1.png); background-repeat: no-repeat;}
.share a.fb {background-position: -484px -66px}
.share a.tw {background-position: -484px -82px}
.share a.my {background-position: -484px -98px}
p.past {color:#D88C2E; background:#121212; padding:2px 10px}
li.next-impar {background: url(images/agenda-bg.png) no-repeat 0 -60px;}
li.next-par {background: url(images/agenda-bg.png) no-repeat 0 -120px;}
li.past-impar {background: url(images/agenda-bg.png) no-repeat 0 -180px;}
li.past-par {background: url(images/agenda-bg.png) no-repeat 0 -240px;}
li.primera {background: url(images/agenda-bg.png) no-repeat 0 0;}
li.primera h3 {color:#8C8C8C}
li.primera-det {background: url(images/agenda-bg.png) no-repeat 0 -300px;}
/* AGENDA Detalle */
.detalle {background:#151515; width:477px; margin:60px 0 20px 55px; float:left; line-height: 25px; padding-bottom:20px}
.primera-det strong {color:#fff;}
.detalle table {font-size: 1.3em; color:#ADADAD;}
.detalle .bold {color:#fff; font-weight:bold; padding-left:30px; width:80px}
.primera-det .mapa {color:#fff; font-weight:bold; padding-left:30px; font-size: 1.3em;}
.primera-det .map {margin-left:30px; margin-top:10px; border:3px solid #fff; width:425px}
/* STORE */
ul.store {color:#000}
ul.store li {background: #fff; padding: 10px; height: 150px; margin-bottom: 10px; position: relative}
.store h2, .store h3, .store .data, .store .precio, .store .links {margin-left: 170px;}
ul.store h2, ul.store h3 {font-weight: normal}
ul.store h2 {font-size: 1.8em; line-height: 18px; margin-bottom: 3px}
ul.store h3 {font-size: 1.5em; margin-bottom: 7px;}
.store h2 a {color:#0f4b6a}
.store h2 a:hover {text-decoration: underline}
.store p.precio {line-height: 24px; font-size: 2.4em; color: #801E12;}
.store .links a, .sale, .new, .caja-cd, .caja-dvd {display: block; background-image: url(images/sprite1.png); background-repeat: no-repeat; text-indent: -9999px;}
.store p.links {position: absolute; bottom:0; left:10px}
.store p.links a, .store p.links span {text-indent: -9999px; height: 24px; float: left; margin-right: 10px}
p.links a.buy {background-position: -194px 0; width: 70px}
p.links a.buy:hover {background-position: -194px -24px;}
p.links a.more {background-position: -264px 0; width: 87px}
p.links a.more:hover {background-position: -264px -24px;}
.store p.ico {position:absolute; bottom: -7px; right: 8px;}
.sale, .new {width: 45px; height: 45px; float: left; margin-right: 5px;}
.sale {right:58px; background-position: -194px -48px}
.new {right:8px; background-position: -239px -48px}
.store .tb {width: 156px; height: 148px; float: left; position: relative}
.store img.cd {position: absolute; top:4px; left: 12px; width: 140px; height: 140px}
.store .caja-cd {position: absolute; z-index: 10; background-position: left top; width: 156px; height: 148px; display:block}
.store img.dvd {position: absolute; left: 2px; top: 2px; width:105px; height:148px}
.store .caja-dvd {position: absolute; z-index: 15; background-position: 0 -150px; width: 110px; height: 152px; display:block}
.filtros a.filtro-activo {font-weight:bold; color:#fff}
form.quicksearch {padding: 5px 10px; background: #37342E; color:#999; font-size:1.2em; margin-bottom:10px; width: 250px; }
form.quicksearch label {display: inline; }
form.quicksearch input {margin-left: 5px; width: 130px; color:#999; background: #1A1A1A; border:0; padding:2px 5px}
form.quicksearch img {vertical-align: middle; margin-left: 5px; }
/* STORE Detalle */
.filtros a {padding-bottom:1px}
.filtros .fb {padding-left: 20px; background: url(images/sprite1.png) no-repeat -484px -66px;}
.filtros .tw {padding-left: 20px; background: url(images/sprite1.png) no-repeat -484px -82px; margin-right:20px}
.store-det {background:#fff; color:#000; padding-bottom:10px}
.store-det ul.store li {margin-bottom: 10px; position: relative; border-bottom:1px dashed #ccc}
.store-det p.links span {width:85px; height:23px; background:url(images/sprite1.png) no-repeat -371px 2px; }
.store-det p.links span.paypal {width:85px; height:23px; background:url(images/sprite1.png) no-repeat -371px 2px; margin-left: 145px; margin-top: -47px}
/* boton paypal */
ul.store li form input {margin-left:10px;}
.store-det .col-izq {float:left; width:340px; margin-left:10px }
.store-det .col-der {float:right; width:200px; margin-right:10px;}
.store-det .col-der p {color:#808080; font-size:1.2em}
.store-det h4 {color:#801E12; font-size:1.8em; font-family:Georgia, Times, serif; font-weight:normal; margin-bottom:10px}
.tracklist {width: 100%; color:#696969}
.tracklist td {padding:2px 6px;}
.tracklist thead td {font-size:1.1em}
.tracklist thead td.nro {width:1px;}
.tracklist tbody td.tema {color:#000}
.tracklist tbody td.nro {text-align:right;}
tr.impar {background:#E6E6E6}
tr.par {background:#fff}
/* FOTOS Detalle */
.foto {background:#fff; padding:10px; color:#000; margin-bottom:10px}
.foto-cont {text-align:center}
.fotoinfo {width:450px; }
.foto h2 {font-size:1.2em; margin-top:7px; width:450px; float:left}
.foto p.album {font-size:1.2em; padding:0; margin:0; width:450px; float:left}
.foto a:hover {text-decoration:underline}
.fotoDet .filtros a {margin:0; color:#EFAD49;}
span.prev-next {float: right;}
span.prev-next a {padding:2px;}
span.prev-next a:hover, .a-hover {background:#111; text-decoration:none;}
.foto h2, .foto p.album {}
.voto {float:right; width:80px; height:25px; margin-top:10px; color:#999}
.voto p {font-size:1.1em; line-height:1.1em; float:left; width:50px;}
.voto a {display:block; width:25px; height:25px; background:url(images/sprite1.png); background-position: -194px -93px; text-indent:-9999px; float:right;}
.voto a:hover {background-position: -219px -93px}
.voto #votar {display:none}
.scroll_no, .scroll_si {padding:1px 5px 1px 16px; color:#ddd; cursor:pointer; display:none}
.scroll_no em, .scroll_si em {padding:1px; font-style:normal; font-size:10px}
.scroll_si em {color:red}
.scroll_no em {color:green}
.scroll_si span {color:green}
.scroll_no span {color:red}
#filtros2 {background:transparent; padding:0; font-weight:bold}
#filtros2 a {display:block-inline; padding:3px 6px; background:#801E12; color:#ddd; margin:0 8px 0 0}
#filtros2 a:hover {text-decoration:none; background:#C5B794; color:#801E12}
#filtros2 span a {background:#19272d; margin:0 0 0 8px}
#filtros2 span a em {font-weight:normal; font-style:normal; color:#aaa}
#filtros2 span a:hover em {color:#801E12}
#screenshot{position:absolute; border:1px solid #ccc; padding:7px; display:none; color:#fff; background: #333 url(images/loader1.gif) no-repeat 50% 50%;}
/* FOTOS ALBUM */
.albumCont {background:#222; margin-bottom:11px;}
.album table {width:100%}
.album td {padding:10px 0; text-align:center; vertical-align:middle;}
.album td a {}
.album img {background:#000 url(images/loader4.gif) no-repeat 50% 50%; border:4px solid #000; padding:0px; vertical-align:middle;}
.album img:hover {border-color:#fff}
.album td a span {display: none;}
/* NEWS */
.news .news li, .news div.news {position:relative; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #808080} /* Esto es xq en el Listado son UL.news LI y en el Detalle es un DIV.news */
.news .news .tb {width:100px; position:absolute; border:1px solid #333; padding:2px}
.news .news a:hover .tb {border:1px solid #aaa;}
.news .news h2 {color: #DDD; font-family: georgia; font-size: 1.8em; font-weight: normal;letter-spacing: -1px; margin: 0px 0px 5px 120px;}
.news .news p {margin-left:120px; margin-bottom:0.5em; color:#808080}
.news .news span.fecha {margin-left:120px; color:#808080}
.news .news a.vermas {margin-left:120px; display:inline-block; padding:0 5px; background:#801E12; color:#C5B794; font-size:1.1em}
.news .news a.vermas:hover {background:#C5B794; color:#801E12;}
.news a:hover, .news-det a:hover {text-decoration: underline}
/* NEWS Detalle */
.news-det .news p {line-height:1.75em; margin-bottom:1em; color:#b3b3b3}
#fotos {padding: 5px; background: #222;}
#fotos a img {padding: 3px; border: 1px solid #333; float:left; margin-right: 10px;}
#fotos a:hover img {border-color: #aaa;}
/* VIDEOS */
ul.videos li {float:left; width:140px; height:170px; margin:0 10px 20px 0; overflow:hidden; position:relative;}
ul.videos li h2 {font-size:1.3em; font-weight:normal; text-align:left; line-height:1.3em; position:relative}
ul.videos li h2 span {position:absolute; top:1px; left:1px; background-color: rgba(0, 0, 0, 0.75); color:#ccc; font-size:10px; padding:1px 5px; display:none}
ul.videos li h2 a {color:#bfbfbf; text-transform:capitalize}
ul.videos li h2 a img {margin-bottom:5px; border:1px solid #444; padding:2px; display:block}
ul.videos li h2 a:hover img {border-color:#eee}
ul.videos li h2 a:hover {color:#eee}
ul.videos li p {font-size:1.1em; color:#777}
ul.videos li p span {color:#444; display:none} /* votos */
ul.videos li em {position:absolute; left:50%; top:30px; margin-left: -24px; display:block; text-indent:9999px; background:url(images/sprite1.png) no-repeat -285px -48px; width:32px; height:32px}
ul.videos li a:hover em {background-position:-284px -80px; width:35px; height:34px; top:29px; margin-left: -25px;}
.video-cont {background:none repeat scroll 0 0 #1A1A1A;}
.videoDet .voto {float:right; width:80px; height:50px; margin-top:10px; color:#999}
.videoDet .count {width:70px}
.video-cont {background:#1a1a1a}
.video-cont h2 {color:#fff}
.video-cont p {color:#555}
.videoDet p.votos {margin-bottom: 2em}
/* AUDIO */
.audio .tema {padding:4px 5px; cursor:pointer}
.audio .tema h2 {float: left; width:280px; padding-right:20px; font-size:1.4em; font-weight:normal; text-align:right; text-shadow: 0 1px 0 #000}
.audio .tema .player {float: left; width:200px;}
.audio .tema .moreinfo {float: right; width:80px; line-height:20px; text-align:center; color:#888; display: none;}
.audio .tema .info {display: none; width: 375px; margin:25px 0 0 auto; padding: 5px; clear:both; font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif; position:relative}
.audio .tema .tapa {height: 64px; border: 2px solid #000}
.info .tb {width: 73px; height: 71px; position: relative;}
.info img.cd {position: absolute; top:2px; left: 7px; width: 64px; height: 64px}
.info .caja-cd {position: absolute; z-index: 10; background-position: -116px -152px; width: 73px; height: 71px; display:block; background-image: url(images/sprite1.png); background-repeat: no-repeat; text-indent: -9999px; -webkit-box-shadow:0 0 10px #111; -moz-box-shadow: 0 0 10px #111; box-shadow:0 0 10px #111;}
.audio .info .tb a strong {position:absolute; left: 100px; color:#C5B794; font-size:12px; width:250px }
.info .tb a:hover strong, .info .tb a:hover {text-decoration:underline}
.info p.data {position:absolute; left:105px; top:24px; font-size:1.1em; color:#888; width:250px}
.info p.data span {color:#ddd; font-weight:bold}
.audio .info p.links {position: absolute; bottom:-4px; left:105px}
.audio .info p.links a {display: block; float:left; background-image: url(images/sprite1.png); background-repeat: no-repeat; text-indent: -9999px;}
.audio .info p.links a, .info p.links span {text-indent: -9999px; height: 24px; margin-right: 10px}
.info p.links a.buy {background-position: -194px 0; width: 70px}
.info p.links a.buy:hover {background-position: -194px -24px;}
.info p.links a.more {background-position: -264px 0; width: 87px}
.info p.links a.more:hover {background-position: -264px -24px;}
p#expand {cursor: pointer; text-align:right; color:#C5B794}
.audio .impar {background:#191919}
.audio .par {background:#111}
.audio .over {background:#333}
/* PRENSA */
ul.prensa li {position:relative; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dashed #808080} /* Esto es xq en el Listado son UL.news LI y en el Detalle es un DIV.news */
ul.prensa .tb {width:70px; min-height: 50px; position:absolute; padding:2px; background:url(images/loader4.gif) no-repeat 50% 50%;}
ul.prensa .tb-vert {height:85px; position:absolute; border:1px solid #333; padding:2px}
ul.prensa a:hover .tb-vert {border:1px solid #aaa;}
ul.prensa h2 {color: #DDD; font-family: georgia; font-size: 1.8em; font-weight: normal;letter-spacing: -1px; margin: 0px 0px 3px 90px;}
ul.prensa p {margin-left:90px; margin-bottom:0.5em; color:#808080}
ul.prensa span.fecha {margin-left:90px; color:#808080}
.fecha strong {text-decoration: underline}
ul.prensa .links {margin:0 0 7px 90px}
ul.prensa .links a {display:inline-block; padding:0 5px; background:#801E12; color:#C5B794; font-size:1.1em; margin-right: 5px}
ul.prensa .links a:hover {background:#C5B794; color:#801E12;}
.prensa .col1 {width:380px; float: left}
.prensa .col2 {width:200px; float: right}
.prensa .col2 h1 {font-size: 2em; line-height: 1.9em}
.prensa .col2 .tb {width:40px}
/* MATERIAL */
.material p {margin-bottom: 10px;}
.material p.fecha {margin-left:100px; color:#808080; font-size: 1em}
/* CLASES */
.clases h2, .clases h3 {font-family: Georgia; font-weight: normal;}
.clases h2 {color: #eee; font-size: 2.2em; letter-spacing: -1px;}
.clases h3 {color: #999; font-size: 1.7em; letter-spacing: 0;}
p.masinfo {font-size: 1.4em; padding: 15px 0; border-bottom: 1px dashed #888}
.clases ul li {font-size:1.2em; list-style: disc}
.clases ul {margin-bottom: 1em; margin-left: 30px;}
/* CONTACTO */
.contacto h2 {margin-bottom: 1em}
.contacto label {color:#888; display:block; font-size:1.5em; line-height:2em; text-indent:2px;}
.contacto input.texto, .contacto textarea {background:transparent; border:0; border-bottom: 3px dotted #888; color:#888; font-size:18px; padding:5px; width:270px;}
.contacto input.texto:focus, .contacto textarea:focus {background:#111; color:#C5B794; border-color:#C5B794}
.contacto textarea {font-size: 16px; height: 50px}
.contacto a {color:#447780}
.contacto a:hover {text-decoration: underline}
.contacto a.mail {background: url(images/sprite1.png) no-repeat -484px -160px; padding-left: 23px;}
p.tit {font-size: 1.6em; font-weight: normal; color: #ccc}
p.tit strong {color:#fff}
p.formu {font-size: 1.3em; margin-top: -14px; color:#888}
p.vcard {background:url(images/sprite1.png) no-repeat -462px -600px; height: 29px; line-height: 29px; padding: 0 0 0 50px; font-size: 1.7em; margin-top: 30px}
p.formu a {color:#801E12}
.contacto .col1 {width:280px; float:left}
.contacto .col2 {width:280px; float:right}
form .enviar {padding:9px 20px; color:#C5B794; background:#801E12; line-height:70px; font-size:1.25em; font-weight:bold; margin:20px 1px 1px 1px; border: 0; cursor: pointer;}
form .enviar:hover {background:#C5B794; color:#801E12;}
#msg {display:none}
/* ROOMFUL */
#roomful .izq {font-family:Georgia, Times New Roman, serif;}
#roomful .seccion p { font-size:1.5em; line-height:1.6em}
#roomful .sidebar {background:#1a1a1a url(images/bg-room-sidebar.png) repeat; width:298px; padding:20px; float:right; text-align:right; border: 1px dashed #252525; border-top:2px solid #000}
#roomful .sidebar h4 {color:#68adc1;}
#roomful .bio .contenedor .tb {border:2px solid #888; margin-bottom: 5px; padding:5px;}
#roomful a.band img {border:1px solid #000; margin-right: 10px; height:80px;}
#roomful a.band:hover img {border-color:#fff}
#roomful .sidebar .vid {margin:20px 0;}
#roomful .borde a.band img {border:1px solid #aaa}
#roomful .borde a.band:hover img {border-color:#fff}
#roomful blockquote.right {float:right; font-family:Georgia,Times New Roman,serif; font-size:1.333em; font-style:normal; line-height:1.61em; margin: 0 0 1em 1em !important; padding:1.61em !important; width:165px; background:#111}
#roomful blockquote.right p {color:#F5E181; font-size:1.15em; letter-spacing:-1px; margin:0 !important; text-align:center;}
/* Paginacion */
.pagin {background-color:#37342E; overflow:hidden; color:#FFF; text-align:center; padding:0 0 5px 0; margin-bottom: 10px; font-size: 1.1em}
.pagin span.pages {display:none;}
.pagin a, .pagin span {padding:3px 10px; margin:3px 3px 0 3px; display:inline-block; line-height:14px;}
.pagin a {border-width:1px; border-style:solid;}
.pagin a:link, .pagin a:visited {color:#CCC; border-color:#222;}
.pagin a:hover {color:#F3E6C3; border-color:#000; background-color:#801E12; text-decoration: none;}
.pagin span.current {font-weight:bold; background-color:#000; color:#F3E6C3; padding-top:7px; line-height:16px; margin-top:0;}