@charset "utf-8";

/* RESET */
#page div, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page img, #page table, #page span {position:relative; overflow:hidden; margin:0; padding:0; float:none; border:none;}

#page p {margin:0; padding:0;}

#page ul {margin:0; padding:0; list-style:none}

#page a img {outline:none}


/* General */

html {}

body {color:#eee; font-family:Arial, Helvetica, sans-serif; font-size:80%; margin:0; padding:0;  background: #c1c5d0 url(img/bg.gif) repeat-x;}

body #page {width:965px; height:680px; overflow:hidden; margin:0 auto;}

#page a { color:#eee; text-decoration:none;}
#page a:hover {  outline: none; text-decoration:underline}

#page .wrap {width:900px; margin: 0 auto; }

#page .left {float:left}
#page .right {float:right}
#page .clean {float:none; height:1px; overflow:hidden}
#page .spacer {float:none; height:20px; overflow:hidden}

#page object, #page embed {outline: none}

h1 {font-size: 150%}
h2 {font-size: 125%}
strong {font-size: 125%}


/* ************************************* */ 
/* Header */

#page #header { height: 95px; position:relative; overflow:visible}
#page #header .wrap {width:900px}
/* #page #header .event_name { float:left; width:auto; }
#page #header .event_name h1 {display:none}
*/
#page #header #ie6 {display:none}


#page #header .select { width:185px; overflow:visible; position:absolute; top:0; right:0}
#page #header .select ul {position:relative; height:1%; margin-top:5px}
#page #header .select ul li {position:relative; background:#d00; display:inline-block; width: 30px; height: 30px; font-size:70%; text-align:center; float:left; margin-right:5px; overflow:visible; background: url(img/bg_date.gif) center top no-repeat;}
#page #header .select ul li.titulo {width:auto; color:#C60; font-size:10px; background:none}
#page #header .select ul li a {display:block; width: 30px; height: 30px; overflow:visible; outline:none; color:#FFF}
#page #header .select ul li.selected a span.day { color:#fff }
#page #header .select ul li a span.day { font-family: arial black, Arial, Helvetica, sans-serif; display:block; font-size:16px; line-height: 14px;}
#page #header .select ul li a:hover, #page #header .select ul li.selected a, #page #header .select ul li.selected a span.day {color:#ff6; text-decoration:none}
#page #header .select ul li span.live {display:block; background:#c00 url(img/envivo.gif) center center no-repeat; color:#FFF; font-size:8px; text-indent:-8000px; }

#page #header .languages {position:absolute; top:50px; right:0; width:160px}
#page #header .languages ul {position:relative; height:1%; margin-top:5px}
#page #header .languages ul li {position:relative; background:#d00; display:inline-block; width: 20px; height: 20px; font-size:70%; text-align:center; float:left; margin-right:2px; overflow:visible; background: center center no-repeat;}
#page #header .languages ul li.eng {background-image: url(img/bg_eng.gif)}
#page #header .languages ul li.eng:hover, #page #header .languages ul li.eng.selected  {background-image: url(img/bg_eng_on.gif)}
#page #header .languages ul li.esp {background-image: url(img/bg_esp.gif)}
#page #header .languages ul li.esp:hover, #page #header .languages ul li.esp.selected {background-image: url(img/bg_esp_on.gif)}
#page #header .languages ul li.titulo {width:auto; color:#C60; font-size:10px; background:none}
#page #header .languages ul li a {text-indent:-8000px; display:block; width: 20px; height: 20px; }

#page #header .logo {float:left; width:530px;}
#page #header .logo a {display:block; width:530px; height:90px; color:#C80; cursor:pointer}
#page #header .logo a h1 {font-size:45px; color: #039; font-family:"arial black"; font-weight:normal; letter-spacing:-2px; margin-top:5px}
#page #header .logo a h2 {font-size:22px; color: #679; font-weight:bold; letter-spacing:-1px; margin-top:-10px}
#page #header .logo a:hover {text-decoration:none}

#page #header .ikuna {position:absolute; width:131px; height:150px; left:750px; background: url(img/k_ikuna.png) center -20px no-repeat;}


/* ************************************* */ 
/* Main */

#page #main { height:520px}
#page #main.nobg { background:none}
#page #main.nobg p {margin:5px 0}

#page #main .wrap {margin: 5px auto; overflow:visible}
#page #main .left { width: 340px; overflow:visible}
#page #main .right { width: 550px;}

#page #main .box { margin:0; position:relative; overflow:visible}
#page #main .box .box_top { background: url(img/bg_340_top.png) no-repeat; _background: url(img/bg_340_top.gif) no-repeat; height:10px; display:block; padding:-10px; }
#page #main .box .box_bot{ background: url(img/bg_340_bot.png) no-repeat; _background: url(img/bg_340_bot.gif) no-repeat; height:26px; display:block; }
#page #main .box .box_mid {background: url(img/bg_340_mid.png) repeat-x; padding:2px 9px;}

#page #main .box.large .box_top { background-image: url(img/bg_540_top.png); _background: url(img/bg_540_top.gif)}
#page #main .box.large .box_bot{ background-image: url(img/bg_540_bot.png); _background: url(img/bg_540_bot.gif)}
#page #main .box.large .box_mid { background-image: url(img/bg_540_mid.png)}

#page #main .box h2 { border-bottom:1px solid #abc; padding-bottom:2px; margin-bottom:3px; color:#678}
#page #main .box strong { border-bottom:1px solid #abc; padding-bottom:2px; margin-bottom:-12px; color:#678; display: block; }
#page #main .box .index h2 span {float:right; margin:0; font-size:70%}
#page #main .box .index h2 span a { background:url(img/icon_pdf.gif) no-repeat center left; display: inline-block; padding: 2px 0px 2px 20px}

#page #main .box .player {-moz-opacity: 1;opacity:1.00;filter: none}
#page #main .box .player h2 {display: none}
#page #main .box #playerbox {width: 320px; height: 260px; background-color: #F0F0F0; margin-bottom:2px}

#page #main .box .local {position: absolute; width:30px; height:90px; left:-20px; top:30}
#page #main .box .local li {display: block; background:url(img/bg_salon.gif) no-repeat; width:30px; height:30px; margin: 5px 0 0 0 }
#page #main .box .local li a { font-family: 'arial black', arial, sans_serif; color:#FFF; padding: 6px 7px; display:block}
#page #main .box .local li a:hover, #page #main .box .local li a.selected {text-decoration:none; color:#C00}
#page #main .box .local li.titulo {background:none; height: 50px; padding:0 3px}


#page #main .box .index ul { height:125px; overflow: auto}
#page #main .box .index ul li { border-bottom: 1px solid #abc; padding-bottom: 5px}
#page #main .box .index ul li b:hover {text-decoration:underline}
#page #main .box .index ul li small {font-size:85%; color:#ccc;}
#page #main .box .index ul ol li {border:none; padding-bottom:0}

/*  #page #main .box .titulo {font-weight: bold}  */

#page #main .box .slides {text-align:center; height:386px}
#page #main .box .slides img {border: 1px solid #fff; margin:0px 0}

#page #main .box #div_slide a span {

  position: absolute;
  display: block;
  z-index: 5;
  bottom: 0;
  background: #76BADF url(img/icon_lupa_top_search.gif) center right no-repeat;
  width: 514px;
  text-align: center;
  padding: 0 4px;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  *left:0;

}
#page #main .box #div_slide a:hover span {-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); text-decoration:none}

#page #el_message1 {height: 24px; font-size:90%; line-height:100%}
#page #el_message2 {height: 50px; position:relative;}
/*
#page #el_message2 .content {width:465px; float:left; position: relative}
#page #el_message2 .ask {position:relative; float:right; width:50px; height:50px; display:inline-block; margin-left:5px}
#page #el_message2 .ask a {background:url(img/preguntar.gif); text-indent:-8000px; width:50px; height:50px; display:block}
*/
#page div.titulo .content {width:465px; float:left; position: relative}
#page div.titulo .ask {position:relative; float:right; width:50px; height:50px; display:inline-block; margin-left:5px}
#page div.titulo .ask a {background:url(img/preguntar.gif); text-indent:-8000px; width:50px; height:50px; display:block}

/* Forms */
#page #main .questions { display: none; height: 50px; }
#page #main .questions form { margin:0; padding:0}
#page #main .questions form textarea {width:465px; height:30px; overflow:auto; font-family:Arial, Helvetica, sans-serif; border:1px solid #79716a; color: #79716a; margin:0; padding:3px;  font-size:90%; vertical-align:center}
#page #main .questions input.question {width: 50px; height: 39px; padding:0; margin:0; text-align:center; vertical-align:top}
#page #main .questions a.close {
  display: inline-block;
  width: 47px;
  text-align: center;
  margin-right: 5px;
  float: right;
  font-size: 9px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}


/*
#page #main .form fieldset { display:block; padding:8px 0; margin:2px 0; position:relative; border:none} 
#page #main .form fieldset.submit { text-align:center}
#page #main .form fieldset.submit input {width:150px; background:#C00; color:#666; border:none; font-weight:bold}
#page #main .form fieldset.submit input:hover {background: #F00}
#page #main .form fieldset label {width:200px}
#page #main .form fieldset input.input, #page #main .box .form fieldset select.input{border:1px solid #099; padding:3px; font-size:120%; left:200px; width:300px; vertical-align:middle; margin-top:-5px; position:absolute}
#page #main .form fieldset.textarea {height:120px}
#page #main .form fieldset textarea {border:1px solid #ccc; padding:3px; font-size:120%; left:200px; width:300px;position:absolute; height:100px}
#page #main .form fieldset.radio label {width:240px; display:inline-block}
*/

/* ************************************* */ 
/* Footer */

#page #footer {}
#page #footer .credits { float: left; height:50px; padding:3px;}
#page #footer .credits a { margin-right: 20px}
#page #footer .credits img {}
#page #footer .ikuna { float:right; color:#999; font-size: 80%; padding:3px; height:50px}
#page #footer .ikuna a {background: url(img/ikuna_logo2009.gif) no-repeat; text-indent: -8000px; width:100px; height:30px; display:block; margin: 5px 0 }