@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:#444; font-family:Arial, Helvetica, sans-serif; font-size:80%; margin:0; padding:0; background: #feea9f}

#page {width:965px; height:680px; overflow:hidden; background: #feea9f url(img/bg_wrap.jpg) right bottom no-repeat; margin:0 auto}

#page a { color:#444; 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%}


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

#page #header {background: #fddc76 url(img/bg_header.jpg) center top no-repeat; height: 95px; position:relative}
#page #header .wrap {width:930px}
/* #page #header .event_name { float:left; width:auto; }
#page #header .event_name h1 {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:13px; padding-top: 70px; color:}
#page #header .logo a:hover {text-decoration:none}

#page #header .ikuna {position:absolute; width:100px; height:90px; left:660px}


/* ************************************* */ 
/* 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: #9f958b; 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 {}

#page #main .box h2 { border-bottom:1px solid #79716a; padding-bottom:2px; margin-bottom:3px; color:#fff}
#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:119px; overflow: auto}
#page #main .box .index ul li { border-bottom: 1px solid #79716a; 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:#666666;}
#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:380px}
#page #main .box .slides img {border: 1px solid #fff; margin:8px 0}

#page #el_message1 {height: 23px; 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; margin-left: 50px}
#page #footer .credits img {}
#page #footer .ikuna { float:left; 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 }