@charset "UTF-8";
/* 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, 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, caption, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*--------------- Font face ---------------*/
@font-face {
    font-family: 'ubunturegular';
    src: url('/css/fonts/ubuntu-regular-webfont.eot');
    src: url('/css/fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('/css/fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntulight';
    src: url('/css/fonts/ubuntu-light-webfont.eot');
    src: url('/css/fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/ubuntu-light-webfont.woff2') format('woff2'),
         url('/css/fonts/ubuntu-light-webfont.woff') format('woff'),
         url('/css/fonts/ubuntu-light-webfont.ttf') format('truetype'),
         url('/css/fonts/ubuntu-light-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntubold';
    src: url('/css/fonts/ubuntu-bold-webfont.eot');
    src: url('/css/fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/ubuntu-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/ubuntu-bold-webfont.woff') format('woff'),
         url('/css/fonts/ubuntu-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensansL';
    src: url('/css/fonts/opensans-light.eot');
    src: url('/css/fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/opensans-light.woff') format('woff'),
         url('/css/fonts/opensans-light.ttf') format('truetype'),
         url('/css/fonts/opensans-light.svg#opensansL') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url('/css/fonts/opensans-regular.eot');
    src: url('/css/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/opensans-regular.woff') format('woff'),
         url('/css/fonts/opensans-regular.ttf') format('truetype'),
         url('/css/fonts/opensans-regular.svg#opensans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensansSB';
    src: url('/css/fonts/opensans-semibold.eot');
    src: url('/css/fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/opensans-semibold.woff') format('woff'),
         url('/css/fonts/opensans-semibold.ttf') format('truetype'),
         url('/css/fonts/opensans-semibold.svg#opensansSB') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensansEB';
    src: url('/css/fonts/opensans-extrabold.eot');
    src: url('/css/fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/opensans-extrabold.woff') format('woff'),
         url('/css/fonts/opensans-extrabold.ttf') format('truetype'),
         url('/css/fonts/opensans-extrabold.svg#opensansEB') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0 0 0 0%;
}

.col_event {
  display: block;
  float:left;
  margin: 0 0 0 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 75%;
}
.span_2_of_4 {
	width: 50%;
}
.span_1_of_4 {
	width: 25%;
}

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 80%;
}
.span_3_of_5 {
	width: 60%;
}
.span_2_of_5 {
	width: 40%;
}
.span_1_of_5 {
	width: 20%;
}

/*  GRID OF SIX  */
.span_1_of_6a {
  width: 17%;
}
.span_1_of_6b {
  width: 16%;
}

@media only screen and (max-width: 1000px) {
  .moments_col .h-whrap {overflow-x:scroll; overflow-y:hidden; width: 100%;}
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
  .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
  
  /*  COLUMN SETUP  */
    .player_col .col {
      display: block;
      float:left;
      margin: 0 0 0 0%;
    }
    .player_col .col:first-child { margin-left: 0; }
    
    /*  GROUPING  */
    .player_col .group:before,
    .player_col .group:after { content:""; display:table; }
    .player_col .group:after { clear:both;}
    .player_col .group { zoom:1; /* For IE 6/7 */ }

  /*  GRID OF FOUR  */
   .player_col .span_4_of_4 {
      width: 100%;
    }
   .player_col .span_3_of_4 {
      width: 75%;
    }
   .player_col .span_2_of_4 {
      width: 50%;
    }
    .player_col.span_1_of_4 {
      width: 25%;
    }
    
    /*  GRID OF FIVE  */
    .player_col .span_5_of_5 {
      width: 100%;
    }
    .player_col .span_4_of_5 {
      width: 80%;
    }
    .player_col .span_3_of_5 {
      width: 60%;
    }
    .player_col .span_2_of_5 {
      width: 40%;
    }
    .player_col .span_1_of_5 {
      width: 20%;
    }
    .moments_col .moments_cont {}
    .moments_col .moments_cont .moments_box {display:inline-block !important; float:left !important; margin:0 auto !important; padding: 20px 20px 0 !important; width:150px !important;}
    
    /*  COLUMN SETUP  */
    .second_col .col {
      display: block;
      float:left;
      margin: 0 0 0 0%;
    }
    .second_col .col:first-child { margin-left: 0; }
    
    /*  GROUPING  */
    .second_col.group:before,
    .second_col.group:after { content:""; display:table; }
    .second_col.group:after { clear:both;}
    .second_col.group { zoom:1; /* For IE 6/7 */ }

  /*  GRID OF FOUR  */
   .second_col .span_4_of_4 {
      width: 100%;
    }
   .second_col .span_3_of_4 {
      width: 75%;
    }
   .second_col .span_2_of_4 {
      width: 50%;
    }
    .second_col .span_1_of_4 {
      width: 25%;
    }
    
    /*  GRID OF FIVE  */
    .second_col .span_5_of_5 {
      width: 100%;
    }
    .second_col .span_4_of_5 {
      width: 80%;
    }
    .second_col .span_3_of_5 {
      width: 60%;
    }
    .second_col .span_2_of_5 {
      width: 40%;
    }
    .second_col .span_1_of_5 {
      width: 20%;
    }
    #titleProgDay {font-size:12px !important;}
}

@media only screen and (max-width: 720px) {
.program_cont ul li .img {width:100% !important; margin:0 !important; float:none !important;}
.input-auxi {margin:30px 0 0 !important; width:85% !important; float:none !important; }
}

@media only screen and (max-width: 640px) {
    .second_col .col {  margin: 1% 0 1% 0%; }
    .second_col .span_1_of_5, .second_col .span_2_of_5, .second_col .span_3_of_5, .second_col .span_4_of_5, .second_col .span_5_of_5 { width: 100%; }
    .second_col .span_1_of_4, .second_col .span_2_of_4, .second_col .span_3_of_4, .second_col .span_4_of_4 { width: 100%; }

    .program_cont ul li .img {width:150px !important; margin:0 5% 0 0 !important; float:left !important;}
}

@media only screen and (max-width: 585px) {
    .timecontrol .time_rot {background:#4b6d95 !important; width:100% !important; text-align: center !important;}
    .timecontrol .time_col {height:70px; width:25% !important;}
}

@media only screen and (max-width: 415px) {
    .program_cont ul li .img {width:100% !important; margin:0 !important; float:none !important;}
    .timecontrol .time_col {height:70px; width:90% !important; margin:0 5% !important; text-align: left !important;}
    .timecontrol .time_col select {width:55% !important; max-width:55% !important;}
    .timecontrol .time_col input {width:55% !important; max-width:55% !important;}
    .timecontrol .time_col #day {width:55% !important; max-width:55% !important;}
    .timecontrol .time_col #hour {width:55% !important; max-width:55% !important;}
    .timecontrol .time_col #month {width:55% !important; max-width:55% !important;}
    .timecontrol .time_col label {display: inline-block !important;}
    .timecontrol .time_col button {width:150px !important; margin: 0 auto !important; float:none !important;}
}

/* FIN */