.element-invisible {height:0;margin-left:-3000px;margin-top:-3000px;position:absolute;}

#main img
{
      display:block;
}

#stream
{
      width:100%;
      height:630px;
}

#war_banner_div_close
{
      position:absolute;
      cursor:pointer;
      right:-10px;
      top:-10px;
      width:35px;
      height:36px;
      background:url('images/others/div_close.png') no-repeat 0 0; 
      z-index:40;
}

#war_banner_div
{
      display:none;;
      visibility: visible;
}

html
{
      color:#3F3939;
      font-family: 'Roboto', sans-serif;
      margin:0px;
      font-size:16px;
      width:100%; 
      background:#f8f8f8; 
}

body
{
      font-size:16px;
      margin:0px;
      width:100%;
      text-align:center;
      position:relative;
/*
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
      filter: gray; 
      -webkit-filter: grayscale(100%);*/
}

.rep_dates
{
      position:relative;
}

#rep_dates
{
      position:absolute;
      top:-150px;
}


.spectacle_row_lab_pr
{
      width:35%;
}
.spectacle_row_val_pr
{
      width:60%;
}

.anchor_b
{
      position:absolute;
      bottom:20px;

}

.anchor_n
{
      position:absolute;
      bottom:110px;

}

.anchor_nl
{
      position:absolute;
      bottom:90px;

}

.g_map
{
      width:400px;
      height:300px;
}

#text_content img
{
      max-width:100%;
      display:inline-block;
}

#text_content .photo_bckg_text
{
      border:solid 1px #eee;
      padding:2px;
}

#text_content .lsb_photo
{
      max-width:200px;
      margin:0 0 0 25px;
}

#text_content .photo_bckg_max
{
      max-width:800px;
}

.cookie_style
{
      position:fixed;
      right:0px;
      bottom:0px;
      width:100%;
      padding:0;
      background:#fff;
      text-align:center;
      color:#000;
      z-index:99;
      border-top:solid 2px #000;
      
}

.cookie_style_div
{
      width:95%;
      margin:15px auto;
      font-size:16px;
      font-weight:300;
}

.cookie_style_button
{
      background:#000;
      border:#111 solid 1px;
      height:31px;
      width:80px;
      cursor:pointer;
      color:#fff;
      font-family:Arial, Verdana, sans-serif;
      font-size:16px;
      font-weight:400;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px;
      margin:10px 0 10px 10px;
}

#main #line_left
{
      width:50%;
      height:1px;
      position:fixed;
      top:88px;
      left:0;
      background:#2D2D2D;
      z-index:98;
}

#main #box_roll_main
{
      width:100%;
      height:640px;
      position:relative;
      background:#000;
      margin:0 0 85px; 
}

.main_slider_arrows
{
      position:relative;
      max-width:1300px;
      margin:0 auto;
}

.main_slider_left
{
      z-index:50;
      position:absolute;
      left:10px;
      top:280px;
      width:53px;
      height:86px;
      background:url('images/img/slider_left.png') no-repeat 0 0; 
      cursor:pointer;  
}

.main_slider_right
{
      position:absolute;
      right:10px;
      top:280px;
      width:53px;
      height:86px;
      background:url('images/img/slider_right.png') no-repeat 0 0; 
      cursor:pointer;
}


#images .news_d
{
      width:100%;
      height:640px;
	display:none;
	position:absolute;
	left:0;
	top:0;
}


#main .box_roll_shadow
{
      width:100%;
      height:640px;
      /*background:url('images/img/slider_bckg.png') repeat-x 0 100%;*/
}

#main .box_roll
{
      width:1140px;
      height:640px;
      margin:0 auto;
      position:relative;
}

#main .box_roll_text
{
      position:absolute;
      bottom:50px;
      left:0px;
      background: rgb(0, 0, 0, 0.8);
      padding:5px 30px 5px 25px;
      border-left:solid #F00000 4px;
      z-index:95;
}

.slider_text
{
      max-width:860px;
}

#main .box_roll_text_a
{
      position:absolute;
      bottom:50px;
      left:0px;
      background:#000;;
      background: rgb(0, 0, 0, 0.8);
      padding:5px 30px 5px 25px;
      border-left:solid #F00000 4px;
      z-index:95;
}

#main .box_roll_text_a a
{
      /*background:url('images/img/slider_more.png') no-repeat 100% 0;*/
      padding:0 0px 0 0;
      display:block;
}

#slider_play_pause
{
      position:absolute;
      top:10px;
      left:10px;
      width:40px;
      height:40px;
      background:#B50000;
      z-index:17;
}

#slider_pause a
{
      display:inline-block;
      width:40px;
      height:40px;
      background:url('images/img/pause.png') no-repeat 50% 50%;
}

#slider_play a
{
      display:inline-block;
      width:40px;
      height:40px;
      background:url('images/img/play.png') no-repeat 50% 50%;
}

.slider_play_pause2
{
      position:absolute;
      top:0px;
      right:0px;
      width:30px;
      height:30px;
      background:#B50000;
      z-index:17;
      overflow:hidden;
}

.slider_pause2, .slider_play2, .slider_pause3, .slider_play3
{
      width:30px;
      height:30px;
}

.slider_pause2 a, .slider_pause3 a 
{
      display:inline-block;
      width:30px;
      height:30px;
      background:url('images/img/pause.png') no-repeat 50% 50%;
}

.slider_play2 a, .slider_play3 a
{
      display:inline-block;
      width:30px;
      height:30px;
      background:url('images/img/play.png') no-repeat 50% 50%;
}


#dotes_div
{
      position:absolute;
      height:10px;
      left:0;
      bottom:90px;
      width:100%;
}

#dotes
{
      width:1140px;
	height:10px;
      padding:0;
      margin:0 auto;
      position:relative;
}

#main_dotes
{
      position:absolute;
      right:280px;
      bottom:-75px;
}

#dotes .dot
{
      display:inline-block;
      width:10px;
	height:10px;
	margin:0 0 0 7px;
      background:#fff;
      cursor:pointer;
}

#dotes .dot_sel
{
      display:inline-block;
      width:10px;
	height:10px;
	margin:0 0 0 7px;
      background:#f00000;
      cursor:pointer;
}

#cal_button1, #cal_button2
{
      position:absolute;
      right:0px;
      padding:25px 0 0;
      bottom:-150px;
      width:260px;
      height:90px;
      background:url('images/img/cal_button.png') no-repeat 0 0; 
      line-height:21px;
      text-align:center;
}

.cal_button_up
{
      position:absolute;
      right:0px;
      padding:15px 20px;
      bottom:-35px;
      width:220px;
      min-height:65px;
      background:#1A1A1A; 
      text-align:center;
}

#main
{
      width:100%;
      margin:0 auto;
      padding:0;
      overflow:hidden;
      text-align:left;
      z-index:10;
}

#red_bar
{
      background:#fff; 
      padding:7px 0 3px;
}

.mkidn
{
      padding-top:0;
}

#up
{      
      width:100%;
      height:140px;
      background:url('images/img/pixel_gray3.png') repeat 0 0; 
      z-index:97;

}

#up_div
{
      width:1140px;
      height:140px;
      margin:0 auto;
      position:relative;
}

#up_left_div
{
      width:1048px;
      height:140px;
}         

#up #icons_fb
{
      width:25px;
      border-left:solid #2D2D2D 1px;
      height:120px;
      padding:20px 17px 0 16px;
}

   

#logo_div
{
      width:1048px;
      height:88px;
      border-bottom:solid #2D2D2D 1px;
}
#up #logo
{
      width:284px;
      height:52px;
      margin:18px 0 0 0;
      background:url('images/img/logo.png') no-repeat 0 0; 
}
/*
#up #logo
{
      width:308px;
      height:73px;
      margin:5px 0 0 0;
      background:url('images/img/logo_kar.png') no-repeat 0 0; 
}
*/
#phone_div
{
      height:84px;

}

#phone_
{
      height:40px;
      border-left:solid #2D2D2D 1px;
      padding:22px 30px;
}

#pl a, #en a
{
      display:inline-block;
      height:21px;
      width:20px;
      border-left:solid #2D2D2D 1px;
      padding:16px 15px 14px;
      background:none;
}

#pl a:hover, #en a:hover
{
      background:#B50000;
}

#menu_div
{
      height:51px;
}

#up #ticket
{
}

#up #ticket a
{
      display:block;
      width:67px;
      height:77px;
      background:#B50000 url('images/img/ticket_ico.png') no-repeat 25px 35px; 
      font-weight:500;
      padding:63px 0 0 24px;
      line-height:24px;
      color:#fefefe;
}

#up #ticket_down
{
      right:0;
      position:absolute;
      width:14px;
      height:13px;
      background:url('images/img/ticket_down.png') no-repeat 0 0; 
}

.up_icon
{
      margin:32px 15px 0 0;
}

#phone
{
      width:25px;
      height:26px;
      background:url('images/img/tw_phone2.png') no-repeat 0 0; 
}

#phone:hover
{
      background:url('images/img/tw_phone2.png') no-repeat 0 -26px; 
}

#access
{
      width:25px;
      height:26px;
      background:url('images/img/tw_access2.png') no-repeat 0 0; 
}

#access:hover
{
      background:url('images/img/tw_access2.png') no-repeat 0 -26px; 
}

#twitter
{
      width:25px;
      height:26px;
      background:url('images/img/tw_x.png') no-repeat 0 0; 
}

#twitter:hover
{
      background:url('images/img/tw_x.png') no-repeat 0 -26px; 
}

#tiktok
{
      width:25px;
      height:26px;
      background:url('images/img/tw_tt2.png') no-repeat 0 0; 
}

#tiktok:hover
{
      background:url('images/img/tw_tt2.png') no-repeat 0 -26px; 
}

#up #fb
{
      width:25px;
      height:26px;
      background:url('images/img/tw_fb2.png') no-repeat 0 0; 
}

#up #fb:hover
{
      background:url('images/img/tw_fb2.png') no-repeat 0 -26px; 
}

#up #yt
{
      width:25px;
      height:26px;
      background:url('images/img/tw_yt2.png') no-repeat 0 0; 
}

#up #yt:hover
{
      background:url('images/img/tw_yt2.png') no-repeat 0 -26px; 
}

#up #icons_fb #gp
{
      width:25px;
      height:26px;
      background:url('images/img/gp.png') no-repeat 0 0; 
}

#up #icons_fb #gp:hover
{
      background:url('images/img/gp.png') no-repeat 0 -26px; 
}

#inst
{
      width:25px;
      height:26px;
      background:url('images/img/tw_inst2.png') no-repeat 0 0; 
}

#inst:hover
{
      background:url('images/img/tw_inst2.png') no-repeat 0 -26px; 
}

#bw
{
      width:25px;
      height:26px;
      background:url('images/img/tw_bw.png') no-repeat 0 0; 
}
#bw2
{
      display:none;
}

#edu
{
      width:25px;
      height:26px;
      margin:32px 33px 0 0;
      background:url('images/img/tw_edu2.png') no-repeat 0 0; 
}

#edu:hover
{
      background:url('images/img/tw_edu2.png') no-repeat 0 -26px; 
}

#search_lupa
{
      height:51px;
      width:50px;
      border-left:solid #2D2D2D 1px;
}

#search_lupa input
{
      height:51px;
      width:50px;
      border:none;
      background:url('images/img/search.png') no-repeat 50% 50%;
      cursor:pointer;
}

#search_lupa input:hover, #search_lupa .clicked
{
      background-color:#B50000;
}

#search_main
{
      background:#fff;
      padding:40px 0;
      position:relative;
      z-index:60;
      display:none;
}

#tw_close a
{
      display:block;
      background:url('images/img/tw_close.png') no-repeat 50% 50%;
      position:absolute;
      top:20px;
      right:20px;
      width:20px;
      height:20px;
      cursor:pointer;
}

#search_div
{
      z-index:60;
      height:40px;
      width:auto;
}
.search_input
{
      width:500px;
      height:34px;
      padding:0 10px 2px;
      margin:0 0 0;
      font-size:16px;
      border:none;
      background:none;
      color:#000;
      background:#fff;
      border:solid #1d1d1d 1px;
      border-radius: 3px;
}

.search_button
{
      height:38px;
      border:none;
      padding:0 50px 0 20px;
      background:#1d1d1d url('images/img/tw_lupa2.png') no-repeat 90% 50%;
      cursor:pointer;
      border-radius: 3px;
      color:#eee;
      margin-left:20px;
}

.search_button:hover
{
      background-color:#555;
}

.input_select_search
{
      border:solid 1px #1d1d1d;
      border-radius: 3px;
      width:auto;      
      height:38px;
      padding:2px 10px 2px;
      margin-left:20px;
      font-size:16px;
      background:#fff;
      color:#000;
}

#search_div_podp
{
      display:none;
}

#ul_search_div_podp
{
      margin:0;
      padding:0
}

#ul_search_div_podp li
{
      list-style-type:none;
      margin-top:10px;   
}

#id_filtr
{
      text-transform:lowercase;
}


#main #menu_hor
{
}

#main #menu_hor ul
{
      padding:0; 
      margin:0;
}

#main #menu_hor ul li
{
      padding:0;
      list-style-type:none;
      float:left;
      font-family: 'Roboto', sans-serif;
      font-size:16px;
      font-weight:400;
      position:relative;
}

#main #menu_hor ul li a, #main #menu_hor ul li span
{
      display:block;
      padding:14px 17px 0;
      color:#fff;
      height:37px;
}

#main #menu_hor ul li:last-child a, #main #menu_hor ul li:last-child span
{
}

#main #menu_hor ul li:hover a, #main #menu_hor ul li a:hover, #main #menu_hor ul .m_sel a, #main #menu_hor ul .m_sel span
{
      background:#B50000;
}


#main #menu_hor ul li ul
{
      position:absolute;
      z-index:99;
      top:51px;
      left:0px;
      padding:0;
      margin:0; 
      height:auto;
      width:250px;
      display:none;
      background:#B50000;
      box-shadow: 0px 3px 2px #111;
}

#main #menu_hor ul li ul li
{
      padding:0;
      margin:0;  
      list-style-type:none;
      float:none;
      position:relative;
}

#main #menu_hor ul li ul li a, #main #menu_hor ul li ul li span
{
      display:block;
      padding:14px 19px;
      margin:0;
      height:auto;
      color:#fff;
      font-weight:300;
      font-size:16px;
      border-bottom:solid 1px #C73F3F;
}

#main #menu_hor ul li ul ._last a, #main #menu_hor ul li ul ._last span
{
      border-bottom:solid 0px #fff;
}

#main #menu_hor ul li ul li a:hover
{
      background:#C02626;
}

#main_cal_div
{
      width:1140px;
      margin:-85px auto 0;
      background:#fff;
      padding:0 0 40px;
}

#main_cal_div_rel
{
      position:relative;
}

#main #main_cal_cats
{
      margin:0 0 0;
      margin:0;
      padding:30px 10px 35px;
}

#main #main_cal_cats li
{
      padding:0 0 15px 0px;
      margin:0 25px 0 0;  
      list-style-type:none;
      display:inline;
      color:#999;
}

#main #main_cal_cats li input
{
      margin-right:8px;
}

#main #main_cal_cats li#li_opera
{
      color:#CC00CC;
}

#main #main_cal_cats li#li_operetta
{
      color:#0085D9;
}

#main #main_cal_cats li#li_ballet
{
      color:#FFC600;
}

#main #main_cal_cats li#li_concert
{
      color:#E67200;
}

#main #main_cal_cats li#li_education
{
      color:#72A700;
}

#main #main_cal_cats li#li_others
{
      color:#5C0983;
}


/*
      <ul id="main_cal_cats"><li id="li_opera" style="background:url('/images/photo/ico_opera0.gif') no-repeat 0 5px;"><input type="checkbox" id="ch_opera" name="ch_opera"/>{label369}</li><li style="background:url('/images/photo/ico_operetta.gif') no-repeat 0 5px;">{label370}</li><li style="background:url('/images/photo/ico_ballet.gif') no-repeat 0 5px;">{label371}</li><li style="background:url('/images/photo/ico_concert.gif') no-repeat 0 5px;">{label372}</li><li style="background:url('/images/photo/ico_education.gif') no-repeat 0 5px;">{label373}</li><li style="background:url('/images/photo/ico_others.gif') no-repeat 0 5px;">{label374}</li><li style="background:url('/images/img/ico_premiere.png') no-repeat 0 0;padding:0 0 15px 30px">{label375}</li></ul>
*/
#main_calendar_left
{
      position:absolute;
      top:30px;
      left:30px;
      width:26px;
      height:32px;
      background:url('images/img/main_calendar_left.png') no-repeat 0 0; 
}

#main_calendar_left.mcl
{
      top:0px;
}

#main_calendar_month
{
      margin:0 auto;
}

#cal_s #main_calendar_month
{
      padding:20px 0 0;
}

#main_calendar_month.mcm
{
      margin:-10px auto 10px;
}

#main_calendar_right
{
      position:absolute;
      top:30px;
      right:30px;
      width:26px;
      height:32px;
      background:url('images/img/main_calendar_right.png') no-repeat 0 0; 
}

#main_calendar_right.mcr
{
      top:0px;
}

#main_cal_bar
{
      position:relative;
      width:1092px;
      margin:0 auto;
      padding:10px 0;
      border-bottom:solid #e7e7e7 1px;
      border-top:solid #e7e7e7 1px;
      height:68px;
}

#main_cal_bar2
{
      position:relative;
      width:auto;
      margin:0 auto;
}

#main_calendar
{
      width:1092px;
      margin:0 auto;
}

#main_calendar_select
{
      width:1px;
      height:1px;
}

#main_calendar #main_calendar_table_head
{
      width:1092px;
}

#main_calendar #main_calendar_table_head .cell_div
{
      width:156px;
      margin:0;
      text-align:center;
      float:left;
      padding:20px 0;
      font-weight:700;
      position:relative;
}

#main_calendar #main_calendar_table_rows
{
      display:table;
}

#main_calendar #main_calendar_table_rows .row_div 
{
      display:table-row;
}

#main_calendar #main_calendar_table_rows .cell_div
{
      display:table-cell;
      margin:0;
      background:#FCFCFC;
      float:none;
      width:125px;
      height:auto;
      padding:15px 15px;
     border-right:solid 1px #fff;
     border-bottom:solid 1px #fff;
      position:relative;
}

.cal_bckg_abs
{
      text-align:center;
}

.cal_bckg_abs_a
{
}


.sp_ticket_cal
{
      max-width:90%;
      margin:0 auto;
      width:99px;
}

.sp_ticket_cal a
{
}

#main_calendar #main_calendar_table_rows .main_calendar_bckg
{
      background:#F7F7F7;
}

#main_calendar #main_calendar_table_rows .cal_bckg_empty
{
      border-top:solid 4px #C9C9C9;
      font-size:28px;
      text-align:center;
      height:100px;
}

#main_calendar #main_calendar_table_rows .cal_bckg_past
{
      border-top:solid 4px #C9C9C9;
      font-size:28px;
      text-align:center;
      color:#C9C9C9;
}

#main_calendar #main_calendar_table_rows .cal_bckg_past .cal_bckg_day a
{
      color:#C9C9C9;
}

#main_calendar #main_calendar_table_rows .cal_bckg_past .cal_bckg_title a
{
      color:#C9C9C9;
}


#main_calendar #main_calendar_table_rows .cal_bckg_day
{
      height:auto;
      font-size:28px;
      text-align:center;
      padding:15px 0 30px;
}

#main_calendar #main_calendar_table_rows .cal_bckg_day a
{
      text-align:center;
      color:#3F3939;
}

#main_calendar #main_calendar_table_rows .cal_bckg_cat
{
      height:auto;
      font-size:16px;
      text-transform:lowercase;
      text-align:center;
      padding:3px 0;
      line-height:15px;
}

#main_calendar #main_calendar_table_rows .cal_bckg_cat a
{
      color:#A7A7A7;
}

#main_calendar #main_calendar_table_rows .cal_bckg_cat_kb a
{
      color:#B50000;
      text-align:right;
}

#main_calendar #main_calendar_table_rows .main_calendar_bckg:hover .cal_bckg_cat a, #main_calendar #main_calendar_table_rows .main_calendar_bckg:hover .cal_bckg_cat
{
      color:#fff;
}

#main_calendar #main_calendar_table_rows .main_calendar_bckg:hover .cal_bckg_title a
{
      color:#fff;
}

#main_calendar #main_calendar_table_rows .main_calendar_bckg:hover .cal_bckg_day a
{
      color:#fff;
}

#main_calendar #main_calendar_table_rows .cal_bckg_past:hover .cal_bckg_cat a
{
      color:#A7A7A7;
}

#main_calendar #main_calendar_table_rows .cal_bckg_past:hover .cal_bckg_title a
{
      color:#C9C9C9;
}

#main_calendar #main_calendar_table_rows .cal_bckg_past:hover .cal_bckg_day a
{
      color:#C9C9C9;
}

#main_calendar #main_calendar_table_rows .cal_bckg_title
{
      height:auto;
      font-size:16px;
      font-weight:700;
      text-transform:uppercase;
      line-height:16px;
      text-align:center;
      margin:0 0 2px;
}

#main_calendar #main_calendar_table_rows .bckg_premiere
{
      cursor:pointer;
      border-top:solid 4px #C9C9C9;
      background:#F7F7F7 url('images/img/ico_premiere.png') no-repeat 50% 0px; 
}

#main_calendar #main_calendar_table_rows .bckg_premiere:hover
{
      border-top:solid 4px #C9C9C9;
      background:#999 url('images/img/ico_premiere2.png') no-repeat 50% 0px; 
}

#main_calendar #main_calendar_table_rows .bckg_premiere .cal_bckg_title a
{
      color:#CB0000;
}

#main_calendar #main_calendar_table_rows .bckg_ballet
{
      cursor:pointer;
      border-top:solid 4px #C9C9C9;
}

#main_calendar #main_calendar_table_rows .bckg_ballet:hover
{
      border-top:solid 4px #C9C9C9;
      background:#999; 
}

#main_calendar #main_calendar_table_rows .bckg_ballet .cal_bckg_title a
{
      color:#FFC600;
}

#main_calendar #main_calendar_table_rows .bckg_operetta
{
      cursor:pointer;
      border-top:solid 4px #C9C9C9;
}

#main_calendar #main_calendar_table_rows .bckg_operetta:hover
{
      border-top:solid 4px #C9C9C9;
      background:#999; 
}

#main_calendar #main_calendar_table_rows .bckg_operetta .cal_bckg_title a
{
      color:#0085D9;
}

#main_calendar #main_calendar_table_rows .bckg_opera
{
      cursor:pointer;
      border-top:solid 4px #C9C9C9;
}

#main_calendar #main_calendar_table_rows .bckg_opera:hover
{
      border-top:solid 4px #C9C9C9;
      background:#999; 
}

#main_calendar #main_calendar_table_rows .bckg_opera .cal_bckg_title a
{
      color:#CC00CC;
}

#main_calendar #main_calendar_table_rows .bckg_concert
{
      cursor:pointer;
      border-top:solid 4px #C9C9C9;
}

#main_calendar #main_calendar_table_rows .bckg_concert:hover
{
      border-top:solid 4px #C9C9C9;
      background:#999; 
}

#main_calendar #main_calendar_table_rows .bckg_concert .cal_bckg_title a
{
      color:#E67200;
}


#main_calendar #main_calendar_table_rows .bckg_education
{
      cursor:pointer;
      border-top:solid 4px #C9C9C9;
}

#main_calendar #main_calendar_table_rows .bckg_education:hover
{
      border-top:solid 4px #C9C9C9;
      background:#999; 
}

#main_calendar #main_calendar_table_rows .bckg_education .cal_bckg_title a
{
      color:#72A700;
}

#main_calendar #main_calendar_table_rows .bckg_others
{
      cursor:pointer;
      border-top:solid 4px #C9C9C9;
}

#main_calendar #main_calendar_table_rows .bckg_others:hover
{
      border-top:solid 4px #C9C9C9;
      background:#999; 
}

#main_calendar #main_calendar_table_rows .bckg_others .cal_bckg_title a
{
      color:#5C0983;
}


/*
if($dbxx->f('id_category') == 10)
      $this->tmpl->set_var('bckg_type', " bckg_ballet");
else if($dbxx->f('id_category') == 22)
      $this->tmpl->set_var('bckg_type', " bckg_operetta");
else if($dbxx->f('id_category') == 9)
      $this->tmpl->set_var('bckg_type', " bckg_opera");
else if($dbxx->f('id_category') == 32)
      $this->tmpl->set_var('bckg_type', " bckg_concert");
else if($dbxx->f('id_category') == 11)
      $this->tmpl->set_var('bckg_type', " bckg_others");
else if($dbxx->f('id_category') == 24)
      $this->tmpl->set_var('bckg_type', " bckg_education");
else 
      $this->tmpl->set_var('bckg_type', " bckg_others");
}
$this->tmpl->set_var('bckg_typex', "cat".$dbxx->f('id_category'));
*/

#main_calendar #main_calendar_table_rows .cat10 .cal_bckg_title a
{
      color:#FFC600;
}

#main_calendar #main_calendar_table_rows .cat22 .cal_bckg_title a
{
      color:#0085D9;
}

#main_calendar #main_calendar_table_rows .cat9 .cal_bckg_title a
{
      color:#CC00CC;
}

#main_calendar #main_calendar_table_rows .cat32 .cal_bckg_title a
{
      color:#E67200;
}

#main_calendar #main_calendar_table_rows .cat11 .cal_bckg_title a , #main_calendar #main_calendar_table_rows .cat .cal_bckg_title a
{
      color:#5C0983;
}

#main_calendar #main_calendar_table_rows .cat24 .cal_bckg_title a
{
      color:#72A700;
}


#main_spec_d
{
      width:700px;
      min-height:500px;
      padding:25px;
      position:absolute;
      top:700px;
      left:0;
      z-index:99;
      background:#fff;
      visibility:hidden;
      text-align:left;
}

#main_spec_d .spectacle_left img
{
      max-width:90%;
}

.ms_photo_bckg_sp_idd
{
      max-width:230px;
}

#ms_sp_poster
{
      position:relative;
      width:230px;
}

#ms_div_close
{
      width:30px;
      height:30px;
      position:absolute;
      right:-40px;
      top:-40px;
      cursor:poiner;
}

#ms_buy_ticket_sp
{
      background:url('images/img/buy_ticket_sp.png') no-repeat 0 0;
      line-height:25px;
      position:relative;
}

#ms_buy_ticket_sp a
{
      display:block;
      width:66px;
      height:111px;
      padding:40px 20px 0;
}

#ms_more_sp
{
      background:url('images/img/buy_ticket_sp2.png') no-repeat 0 0;
      line-height:25px;
}

#ms_more_sp a
{
      display:block;
      width:86px;
      height:111px;
      padding:40px 10px 0;
}

#ms_url_cloud, .ms_url_cloud
{
      position:absolute;
      top:-70px;
      left:25%;
      padding:20px;
      width:150px;
      background:#FAFAFA;
      color:#555;
      box-shadow:inset 0px 0px 30px 10px #aaa; 
      -webkit-box-shadow:inset 0px 0px 30px 10px #aaa; 
      -moz-box-shadow:inset 0px 0px 30px 10px #aaa;     
}

#tod_url_cloud
{
      position:absolute;
      top:-40px;
      left:35px;
      padding:20px;
      width:150px;
      background:#FAFAFA;
      color:#555;
      box-shadow:inset 0px 0px 30px 10px #aaa; 
      -webkit-box-shadow:inset 0px 0px 30px 10px #aaa; 
      -moz-box-shadow:inset 0px 0px 30px 10px #aaa;     
}

.premiere
{
      border-top: solid #B50000 5px;
      padding:0 0 0 20px;
      background:url('images/img/ico_premiere_bckg.png') repeat-x 0 0;
}

.ico_premiere_big
{
      height:54px;
      padding:2px 0 0 44px;
      background:url('images/img/ico_premiere_big.png') no-repeat 0 0;
}












.main_label
{
      width:1140px;
      margin:0 auto;
      border-bottom:solid #d3d3d3 1px;

}

.main_row
{
      width:1140px;
      margin:0 auto;
}

#main_label_red_spect
{
      width:270px;
      height:2px;
      margin:0 auto;
      border-left:solid #B50000 55px;
      border-right:solid #B50000 55px;
}

#main_label_red_news
{
      width:270px;
      height:2px;
      margin:0 auto;
      border-left:solid #B50000 55px;
      border-right:solid #B50000 55px;
}

#main_label_red_newsl
{
      width:250px;
      height:2px;
      margin:0 auto;
      border-left:solid #B50000 55px;
      border-right:solid #B50000 55px;
}

#main_label_text_spect
{
      width:270px;
}

#main_label_text_news
{
      width:270px;
}

#main_newsletter
{
      padding:70px 0 50px;
      background:#fff;
      position:relative;
      border:solid #fff 1px;
      z-index:20;
}

#main_label_text_newsl
{
      width:250px;
}

.main_label_text
{
      background:#f8f8f8;
      margin:-30px auto 45px;
}

.main_label_text_white
{
      background:#fff;
      margin:-30px auto 45px;
}

#main_banners
{
      height:660px;
      background:#b50000; 
      margin:0 0 0;
      position:relative;
}

#main_banners_div
{
      height:510px;
      margin:0 auto 50px;
      padding:70px 0 0;
}
#main_banners_div a
{
      display:inline-block;
}

.banner_pad_div
{
      background:#fff;

}

.banner_pad
{
      padding:30px 0;
      background:#fff;
}

.banner_border
{
      height:100px;
      overflow:hidden;
      position:relative;
      width:210px;
}

.banner_lab
{
      width:100px;
      height:65px;
      border-right:solid #EAEAEA 1px;
      padding:35px 15px 0 0;
      margin:0 15px 0 0;
}

.banner_lab2
{
      padding:22px 15px 13px 0;
}

.banners_line
{
      height:1px;
      /* background:#D3D3D3; */
      margin:10px 0;
}

#banner_sponsor_div, #banner_sponsor_div2
{
      width:1000px;
      height:100px;
      overflow:hidden;
      position:relative;
}

#banner_sponsor_div img, #banner_sponsor_div2 img
{
      display:inline-block;
}

#banner_sponsor_img, #banner_sponsor_img2
{
      position:absolute;
      height:100px;
      top:20px;
      left:0;
      width:auto;
}

#banner_sponsor_img a, #banner_sponsor_img2 a
{
      display:inline-block;
}

.sponsors_class
{
      margin:0 20px 0 0;
}

#banner_sponsor_img2 .sponsors_class
{
}

#main_foot
{
      background:#1C1A1A;
      padding:50px 0;
}


#main .ul_foot
{
      width:660px; 
      margin:0 0 0;
      margin:0;
      padding:0 0;
}

#main .ul_foot li
{
      padding:0;
      margin:0;  
      list-style-type:none;
      float:left;
}

#main .ul_foot li a, #main .ul_foot li span
{
      display:block;
      padding:0px 20px 12px 0px;
      margin:0;
      width:200px;
      color:#fff;
      text-decoration:none;
      font-family: 'Roboto', sans-serif;
      font-weight:300;
      font-size:16px;
      line-height:15px;
}

#main .ul_foot li a:hover
{
      color:#ddd;
      text-decoration:underline;
}

#main .ul_foot2
{
      margin:0 0 0;
      padding:0 0;
      margin:0;  
}

#main .ul_foot2 li
{
      padding:0;
      margin:0;  
      list-style-type:none;
}

#main .ul_foot2 li a, #main .ul_foot2 li span
{
      width:200px;
      display:block;
      padding:0px 20px 12px 0px;
      margin:0;
      color:#fff;
      text-decoration:none;
      font-family: 'Roboto', sans-serif;
      font-weight:300;
      font-size:16px;
      line-height:15px;
}

#main .ul_foot2 li a:hover
{
      color:#ddd;
      text-decoration:underline;
}

#foot_text
{
      line-height:33px;
      color:#fff;
      padding-right:80px;
}

#fb_foot
{
      width:25px;
      height:26px;
      margin:0 8px 0 0;
      background:url('images/img/fb.png') no-repeat 0 0; 
}

#fb_foot:hover
{
      background:url('images/img/fb.png') no-repeat 0 -26px; 
}

#yt_foot
{
      width:25px;
      height:26px;
      margin:0 8px 0 0;
      background:url('images/img/yt.png') no-repeat 0 0; 
}

#yt_foot:hover
{
      background:url('images/img/yt.png') no-repeat 0 -26px; 
}

#gp_foot
{
      width:25px;
      height:26px;
      margin:0 8px 0 0;
      background:url('images/img/gp.png') no-repeat 0 0; 
}

#gp_foot:hover
{
      background:url('images/img/gp.png') no-repeat 0 -26px; 
}


#inst_foot
{
      width:25px;
      height:26px;
      margin:0 8px 0 0;
      background:url('images/img/inst.png') no-repeat 0 0; 
}

#inst_foot:hover
{
      background:url('images/img/inst.png') no-repeat 0 -26px; 
}

#main .fast4net
{
      font-size:16px;
      color:#999;
      padding:20px 0;
}

#main .fast4net a
{
      color:#4b4b4b;
      text-decoration:none;
}

#newsletter_div
{
      width:550px;
      height:39px;
      border:solid #d9d9d9 1px;
      margin:0 auto 30px;
      padding:3px;
}

#newsletter_email
{
      border:none;
      height:39px;
      width:390px;
      padding:0 20px;
}

#newsletter_submit
{
      height:39px;
      background:#b50000;
      padding:0 20px;
      border:none;
      cursor:pointer;
      text-align:center;
      color:#fff;
}

#main_news_box_div
{
      width:1168px;
      margin:0 auto 40px;
      position:relative;
}

.main_news_box
{
      width:224px;
      min-height:440px;
      padding:30px 20px;
      background:#fff;
      margin:0 14px;
}

.main_news_title
{
      line-height:32px;
      min-height:160px;
}

.main_news_box:hover .main_news_title a
{
      color:#B50000;
}

.main_news_date
{
      height:23px;
      padding:2px 0 0 30px;
      background:url('images/img/date_ico.png') no-repeat 0 0; 
}

.main_news_date_sub
{
      padding:0 0 0 22px;
      background:url('images/img/tw_date_ico.png') no-repeat 0 5px; 
}

.line_h_title
{
      font-size:25px;
      text-align:left;
      line-height:29px;
}

.main_news_text
{
      min-height:250px;
      line-height:21px;
}


.main_news_more
{
      width:26px;
      height:32px;
      background:url('images/img/news_more.png') no-repeat 0 0; 
}

.main_news_box:hover .main_news_more
{
      background:url('images/img/news_more.png') no-repeat 0 -32px;
}

.news_arch
{
      width:264px;
      height:91px;
      background:url('images/img/news_arch.png') no-repeat 0 0; 
      cursor:pointer;
      text-align:center;
      color:#fff;
      border:none;
      padding:0 0 12px;
      margin:60px auto 30px;
}

.spectacle_left
{
      width:451px;
}  

.spectacle_row
{
      background:url('images/img/title_bckg.png') repeat-x 0 100%; 
      padding:8px 0;
}  

.spectacle_row_over a:hover
{
      color:#B50000;
}  

.spectacle_row_lab
{
      width:200px;
}

.spectacle_row_val
{
      width:240px;
}
.spectacle_row_lab_cast
{
      width:45%;
}
.spectacle_row_val_cast
{
      width:45%;
}

#ul_spect
{
      border-left:solid #424141 1px;
      margin:0;
      padding:0;
}

#ul_spect li
{
      padding:0;
      margin:0 0 30px;  
      list-style-type:none;
      float:left;
}

#ul_spect li a, #ul_spect li span
{
      display:block;
      padding:25px 0px;
      margin:0;
      font-size:20px;
      color:#3F3838;
      background:url('images/img/foot_spacer.png') no-repeat 0 6px;     
      text-decoration:none;
      font-family: 'Roboto', sans-serif;
      font-weight:400;
      width:264px;
      text-align:center;
      border-bottom:solid #CFCFCF 1px;
      border-top:solid #fff 4px;
}

#ul_spect li a:hover, #ul_spect .m_sel a
{
      color:#B50000;
      border-top:solid #000 4px;
      border-bottom:solid #fff 1px;
      /*
      border-left:solid #CFCFCF 1px;
      border-right:solid #CFCFCF 1px;
      padding:25px 0px;
      */
}

#sp_poster
{
      position:relative;
      height:auto;
      width:320px;   
}

#buy_ticket_sp
{
      background:url('images/img/buy_ticket_sp.png') no-repeat 0 0;
      line-height:25px;
      position:relative;
}
#buy_ticket_sp a
{
      display:block;
      width:66px;
      height:111px;
      padding:40px 20px 0;
}

.spectacles_div
{
      width:1140px;
      height:430px;
      margin:0 auto 50px;
      overflow:hidden;
      position:relative;
}

.spectacles_rows
{
      height:430px;
      position:absolute;
      top:0;
      left:0;
      margin:0;
      padding:0;
}

.spectacles_rows li
{
      margin:0 28px 0 0;
      padding:0;
      list-style-type:none;

}

.main_spect_box
{
      /*width:264px;*/
      width:167px;
      height:430px;
      background:#fff;
      margin:0 28px 0 0;
}

.owl-carousel .main_spect_box
{
      margin:0 0 0;
      width:auto;
}

.main_spect_box:hover .main_spect_title a
{
      color:#B50000;
}

.main_spect_box:hover .main_spect_more a
{
      /*background:url('images/img/news_more.png') no-repeat 0 -32px;  */
      text-decoration:underline;
}


.hvr-grow 
{
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: transform;
      transition-property: transform;
}
.main_spect_box:hover .hvr-grow
{
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
}

.main_spect_poster
{
      height:260px;
      margin:0 0 0px;
      text-align:center;
}

.main_spect_poster img
{
      width:100%;
}

.main_spect_in
{
      padding:0 20px;
      min-height:190px;      
}

.main_spect_in2
{
      padding:30px 20px 0;
      height:460px;
}

.main_spect_title
{
      line-height:32px;
      min-height:70px;
}

.main_spect_text
{
      min-height:240px;
      line-height:21px;
}

.main_spect_more a
{
      display:inline-block;
      height:30px;
      padding:2px 33px 0 0;
      background:url('images/img/news_more.png') no-repeat 100% 0; 
}

.sp_ticket a
{
      display:inline-block;
      background:#B50000;
      padding:7px 15px;
}


.sp_ticket a:hover
{
      background:#111;
}

#main_rep_div
{
      position:relative;
      width:1270px;
      max-width:100%;
      margin:0 auto 70px;
}

#main_spectacles
{
      position:relative;
      margin:0 auto 50px;
}

.owl-carousel
{
      margin:0 auto 50px;

}

.spec_left a
{
      position:absolute;
      left:5px;
      top:200px;
      width:19px;
      height:52px;
      background:url('images/img/spec_left.png') no-repeat 0 0; 
      cursor:pointer;
      display:block;
}


.spec_right a
{
      position:absolute;
      right:5px;
      top:200px;
      width:19px;
      height:52px;
      background:url('images/img/spec_right.png') no-repeat 0 0; 
      cursor:pointer;
      display:block;
}

.down1
{
      width:52px;
      height:19px;
      background:url('images/img/down1.png') no-repeat 0 0; 
      cursor:pointer;
      margin:0 auto 50px;
}

.down2
{
      width:52px;
      height:19px;
      background:url('images/img/down2.png') no-repeat 0 0; 
      cursor:pointer;
      margin:0 auto;
}

.main_poster
{
      width:220px;
      padding:3px;
      border:solid #eee 1px;
      margin:0 18px 20px;
      min-height:470px;
}

.main_poster img
{

}


#main #box_roll_sub
{
      width:100%;
      height:140px;
      position:relative;
      margin:0;
      background:#000 url('images/img/sub1.jpg') no-repeat 50% 0; 
      background:#000; 
}

#main #sub_div
{
      width:1140px;
      margin:0 auto;
      background:url('images/img/sub_bckg.png') repeat-y 0 0; 
}

#main #ul_text_path 
{
      width:1160px;
      margin:0 auto;
      padding:0;
}

#main #ul_text_path ul
{
      padding:0;
      margin:17px 0 17px 20px; 
}

#main #ul_text_path ul li
{
      padding:0;
      margin:0;  
      list-style-type:none;
      float:left;
}

#main #ul_text_path ul li a, #main #ul_text_path ul li span
{
      padding:0px 15px 0 11px;
      display:block;
      margin:0;
      font-size:16px;
      font-weight:300;
      color:#B50000;
      background:url('images/img/arrow.png') no-repeat 0 6px;   
}

#sub_left
{
      width:280px;
}

#sub_left #sub_back
{
}

#sub_left #sub_back a
{
      height:44px;
      background:#fff url('images/img/sub_back.png') no-repeat 0 0;         
      display:block;    
      padding:19px 0 0 97px; 
}

#sub_left ul
{
      margin:0;
      padding:0 0; 
      background:#B50000;
}

#sub_left ul li
{
      padding:0;
      margin:0;  
      list-style-type:none;
}

#sub_left ul li a, #sub_left ul li span
{
      display:block;
      padding:18px 28px;
      margin:0 0 0 0;
      font-weight:700;
      font-size:18px;
      color:#fff;
      border-bottom:solid #C73F3F 1px; 
}

#sub_left ul ._last a, #sub_left ul ._last span
{
}


#sub_left ul li a:hover, #sub_left ul .m_sel a, #sub_left ul .m_sel span, #sub_left ul .m_sel a:hover
{
      background:#C02626 url('images/img/sub_left_ico.png') repeat-y 100% 0;     
}


#sub_left ul li ul
{
      padding:0;
      margin:0;  
      background:0;
      border:none;
}

#sub_left ul li ul li
{
      padding:0;
      margin:0;  
      list-style-type:none;
      background:#C02626 url('images/img/sub_left_arrow.png') no-repeat 30px 27px;     
}

#sub_left ul li ul li a, #sub_left ul li ul li span, #sub_left ul .m_sel ul li a, #sub_left ul .m_sel ul li span
{
      padding:18px 28px 18px 45px;
      display:block;
      margin:0 0 0 0;
      font-size:17px;
      font-weight:500;
      border-bottom:solid #C73F3F 1px; 
      background:url('images/img/sub_left_ico.png') repeat-y 100% 0;     
}

#sub_left ul .m_sel ul li:hover
{
      background:#C02626 url('images/img/sub_left_arrow.png') no-repeat 30px 27px;     

}

#sub_left ul .m_sel ul li:hover a
{
      background:url('images/img/sub_left_ico.png') repeat-y 100% 0;     
      text-decoration:underline;
}

#sub_left ul .m_sel ul .m_sel a, #sub_left ul .m_sel ul .m_sel span
{
      text-decoration:underline;
      margin:0 0 0 0;
      border-bottom:solid #C73F3F 1px; 
}

.news_spacer.news_spacer_news
{
      width:340px;
      float:left;
      margin-right:30px;
      margin-bottom:10px;
      min-height:550px;
}

#text_content .news_spacer:nth-of-type(3n+1)
{
      margin-right:0px;
}


#main .photo_bckg2
{
      max-width:100%;
      margin:0 0 15px;
      float:none;
}

.news_spacer_cal
{
      padding-bottom:18px;
      background:url('images/img/title_bckg.png') repeat-x 0 100%;   
}

#sub_mid
{
      width:800px;
      background:#fff;
      padding:0 30px 30px;/* 63px */
      min-height:auto;
}

#sub_mid.sub_mid_all
{
      width:100%;
      padding:0 30px 30px;/* 63px */
      box-sizing:border-box;
}

#main #main_banners_bckg_sub
{
      width:1140px;
      margin:0 auto;
      background:#fff;
}

#main #main_banners_bckg_sub img
{
      display:block;
}

#main #main_banners_bckg_sub a
{
      display:inline-block;
}

#banners_bckg_sub
{
      width:820px;
      height:367px;
      padding:20px;
      background:#b50000;     
}

#banners_bckg_sub img
{
      width:205px;
}

#main_program_left
{
      width:150px;
      margin:0 30px 0 0;
}

.mp_date
{
      background:#B50000;
      padding:30px 0;
}

.mp_ticket
{
      position:relative;
}

.mp_ticket a
{
      display:block;
      background:#141414;
      padding:35px 0;
}

.mp_ticket_down
{
      height:15px;
      background:url('images/img/mp_ticket_down.png') no-repeat 100% 0;     
}

#main_program_right
{
      width:611px;
}

























































.photogallery
{
}

.photogallery a
{

}

.more
{
      border:none;
      cursor:pointer;
      font-size:16px;
      padding:0 0 5px;
      color:#fff;
      width:120px;
      height:46px;
      background:url('images/img/more.png') no-repeat 0 0;
      text-align:center;
      font-family: 'Roboto', sans-serif;
      font-weight:400;
      text-transform:lowercase;
}

.more_m
{
      border:none;
      cursor:pointer;
      font-size:16px;
      padding:0 0 5px;
      color:#fff;
      width:120px;
      height:46px;
      background:url('images/img/more.png') no-repeat 0 0;
      text-align:center;
      font-family: 'Roboto', sans-serif;
      font-weight:400;
      text-transform:lowercase;
}




#main #tresc
{
}

#main #text_title
{
      padding:13px 0 13px 0;
      background:url('images/img/title_bckg.png') repeat-x 0 100%;   
}

#icons
{
      width:80px;
      height:20px;
      margin:10px 5px 0 0;
}

#icons img
{
      width:auto;
      height:auto;
      display:inline-block;
      margin-left:2px;
}

#div_up
{
      height:24px;
      padding:0 0 6px 0;
      border-bottom:solid 1px #e7e7e7;
}

#div_up a
{
      display:inline-block;
}

#main #text_content
{
      zoom:1;
      text-align:left;
      line-height:22px;
      margin:0;
}


.scale
{
      font-size:16px;
      font-family: 'Roboto', sans-serif;
      color:#1E1E1E;
}

.scale a
{
      width:30px;
      height:14px;
      display:inline-block;
      padding:7px 2px 13px;
      font-weight:400;
      border:solid 1px #1E1E1E;
      vertical-align:top;
      color:#1E1E1E;
      font-size:16px;
}

.scale a:hover
{
      color:#fff;
      background-color:#1E1E1E;
}

.scale span
{
      width:30px;
      height:14px;
      display:inline-block;
      padding:7px 2px 13px;
      color:#fff;
      background:#1E1E1E;
      font-weight:400;      
      border:solid 1px #1E1E1E;
}

.scale span:first-child
{
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
}

.scale span:last-child
{
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
}

.scale .scale_arrow
{
      width:14px;
      height:14px;
      display:inline-block;
      padding:10px;
      background:#1E1E1E url('images/img/rt_right.png') no-repeat 50% 50%;   
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
}

.scale .scale_arrow2
{
      width:14px;
      height:14px;
      display:inline-block;
      padding:10px;
      background:#1E1E1E url('images/img/rt_left.png') no-repeat 50% 50%;   
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
}


#no_exist
{
      font-weight:bold;
      color:#f00;
      text-align:center;
}

.upper
{
      text-transform:uppercase;
}

.capital
{
      text-transform:capitalize;
}

.lower
{
      text-transform:lowercase;
}

.text
{
      line-height:18px;
      text-align:justify;
}

#main .photo_bckg_sp_idd
{
      max-width:320px;
}

#main .photo_bckg_sp
{
      max-width:220px;
      margin:0 30px 10px 0;
}

.chor_title
{
      min-height:45px;
}

.main_poster_chor
{
      width:120px;
      padding:3px;
      border:solid #eee 1px;
      margin:0 15px 20px;
}

#main .photo_bckg_chor
{
      max-width:120px;
      margin:0 20px 10px 0;
}

.table_photo_idd
{
      margin:0 0 10px 20px;
}

#main .photo_bckg_comp
{
      max-width:165px;
      border:solid #eee 1px;
      padding:3px;
      margin:0 15px 10px 0;
}

#main .photo_bckg_ph
{
      max-width:242px;
      border:solid #eee 1px;
      padding:3px;
      margin:0 15px 10px 0;
      max-height:156px;
}

#main .photo_bckg_idd
{
      max-width:300px;
      border:solid #eee 1px;
      padding:3px;
}


.photo_bckg_post
{
      width:210px;
}

.table_photo3
{
      margin:15px;
}

.photo_bckg_main
{
      width:160px;
      height:112px;
}

.photo_bckg
{
      width:185px;
      height:185px;
}


.f_arial
{
      font-family:Arial, sans-serif;
}

.f_roboto
{
      font-family: 'Roboto', sans-serif;
      font-weight:400;
}

.f_roboto_bold
{
      font-family: 'Roboto', sans-serif;
      font-weight:700;
}

.f_roboto_light
{
      font-family: 'Roboto', sans-serif;
      font-weight:300;
}

.f_roboto_thin
{
      font-family: 'Roboto', sans-serif;
      font-weight:100;
}

.f_roboto_medium
{
      font-family: 'Roboto', sans-serif;
      font-weight:500;
}

.f_roboto_slab
{
      /*font-family: "Roboto Slab", serif;*/      
}

.f_tahoma
{
      font-family:Tahoma, Arial, sans-serif;
}

.f_trebuchet
{
      font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
}

.f_times
{
      font-family:Times New Roman, Arial, sans-serif;
}

.f_georgia
{
      font-family:Georgia, Times New Roman, Arial, sans-serif;
}

.f72
{
      font-size:58px;
      line-height:normal;
}

.f60
{
      font-size:60px;
}

.f55
{
      font-size:55px;
}

.f50
{
      font-size:50px;
}

.f48
{
      font-size:48px;
      line-height:normal;
}

.f44
{
      font-size:44px;
      line-height:normal;
}

.f40
{
      font-size:40px;
      line-height:normal;
}

.f36
{
      font-size:36px;
      line-height:normal;
}

.f34
{
      font-size:34px;
      line-height:normal;
}

.f32
{
      font-size:32px;
}

.f30
{
      font-size:30px;
}

.f29
{
      font-size:29px;
}

.f26
{
      font-size:26px;
}

.f25
{
      font-size:25px;
      line-height:normal;
}

.f24
{
      font-size:24px;
      line-height:22px;
}

.f23
{
      font-size:23px;
}

.f22
{
      font-size:22px;
}

.f20
{
      font-size:20px;
}

.f19
{
      font-size:19px;
}

.f18
{
      font-size:18px;
      line-height:22px;
}

.f17
{
      font-size:17px;
}

.f16
{
      font-size:16px;
}

.f15
{
      font-size:15px;
}

.f14
{
      font-size:16px;
}

.f13
{
      font-size:16px;
}

.f12
{
      font-size:16px;
}

.f11
{
      font-size:16px;
}

.f10
{
      font-size:16px;
}

.col_text
{
      color:#3F3939;
}

.col_link
{
      color:#B50000;
}

.col_purple
{
      color:#421152;
}

.col_orange
{
      color:#f90;
}

.col_red
{
      color:#B50000;
}

.col_green
{
      color:#008D18;
}

.col_dark_green
{
      color:#498A00;
}

.col_green2
{
      color:#BFE741;
}

.col_blue
{
      color:#075DA1;
}

.col_light_blue
{
      color:#6FCCFF;
}

.col_darkblue
{
      color:#005878;
}

.col_white
{
      color:#fefefe;
}

.col_brown
{
      color:#7B2B00;
}

.col_gold
{
      color:#9D6D3B;
}

.col_gray
{
      color:#777;
}

.col_light_gray
{
      color:#ccc;
}

.col_dark_gray
{
      color:#727272;
}

.col_black
{
      color:#222;
}

.col_yellow
{
      color:#FFF100;
}

h1,h2,h3,h4,h5,h6,form,div,img
{
      padding:0;
      margin:0;
      border:0;
      border:none;
      font-weight:normal;
}

input, select, button, textarea
{
      padding:0;
      margin:0;
      font-size:16px;
      color:#666;
      font-family:Tahoma, Verdana, Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
      font-size:16px;
}

h3
{


}

ul, ol
{
      margin:0px;
      padding:3px 0 10px 25px;
}

ul li
{
      list-style-type:square;
      padding:0px;
      margin:0px;
      text-align:left;
}

ol li
{
      padding:0 0 3px 0;
      margin:0px;
      text-align:left;
      background:none;
}

.button_back
{
      padding:0;
      border:none;
      background:url('images/img/label_back2.png') no-repeat 0 0;
      width:106px;
      height:27px;
      cursor:pointer;
      text-align:center;
}


.button_add
{
      padding:0;
      border:none;
      background:url('images/img/label_add2.png') no-repeat 0 0;
      width:105px;
      height:27px;
      cursor:pointer;
      text-align:center;
}



.button_search
{
      padding:0;
      border:none;
      background:url('images/img/label_search2.png') no-repeat 0 0;
      width:105px;
      height:27px;
      cursor:pointer;
      text-align:center;
}

.button_logout
{
      padding:0;
      border:none;
      background:url('images/img/label_logout2.png') no-repeat 0 0;
      width:105px;
      height:27px;
      cursor:pointer;
      text-align:center;
}

.submit_form
{
      padding:0;
      border:none;
      background:#fff url('pl/images/search.gif') repeat-x 0 0;
      width:65px;
      height:19px;
      cursor:pointer;
      margin:5px 0 10px;
}

.submit_form2
{
      padding:0;
      border:none;
      background:url('pl/images/input_tlo.jpg') no-repeat 0 0;
      width:143px;
      height:20px;
      margin:0px;
      color:#fff;
      cursor:pointer;
      text-align:center;
}

#form_div
{
      padding:20px 10px;
      background:url('images/img/pixel3_png.png') repeat 0 0;
      -webkit-border-radius: 7px; 
      -moz-border-radius: 7px; 
      border-radius: 7px;
}


.f_label_class
{
      padding:3px 10px; 
      width:270px;
      text-align:right;
      font-size:16px;
      float:left;
}

.f_input_class
{
}

.input_form
{
      padding:0 8px 2px;
      margin:3px 0 0; 
      width:95%;
      height:36px;
      border:solid #DCDCDC 1px;
      font-size:16px;
}

.input_spam
{
      margin-top:0px;
      height:26px;
}

.input_select
{
      border:solid #DCDCDC 1px;
      min-width:120px;
      padding:6px 10px;
      font-size:16px;
      background:#fff;
      margin:0 0 10px 0;
}


.input_form_gray
{
      padding:0 10px 2px;
      margin:0; 
      width:285px;
      height:25px;
      background:#eee;
      border:solid #d4d4d4 1px;
      -webkit-border-radius: 3px; 
      -moz-border-radius: 3px; 
      border-radius: 3px;
      font-size:16px;
}

.check_form
{
      margin:7px 0 0;
}

.file_form
{
      margin:4px 0 0;
}

.input_form_textarea
{
      height:150px;
      padding:8px 8px;
      margin:3px 0 0; 
      width:95%;
      border:solid #DCDCDC 1px;
      font-size:16px;
}

.input_form_textarea_gray
{
      border:solid #d4d4d4 1px;
      width:285px;
      height:150px;
      font-size:16px;
      padding:8px 10px;
      background:#eee;
      -webkit-border-radius: 3px; 
      -moz-border-radius: 3px; 
      border-radius: 3px;
}


.input_file
{
      border:solid #fff 1px;
      background:#fff;
}

.input_select_gray
{
      border:solid #d4d4d4 1px;
      width:306px;
      padding:5px 5px 6px;
      font-size:16px;
      background:#eee;
      -webkit-border-radius: 3px; 
      -moz-border-radius: 3px; 
      border-radius: 3px;
}

.select_form
{
      border:none;
      width:178px;
      padding:2px 2px 2px 0;
      margin:10px 10px 0 0;
      font-size:16px;
      background:#fff;
}




.table_form .radio_tabx
{
      padding-top:4px;
}

.table_form
{
      border-collapse: collapse;
      padding: 0px;
}

.table_form td
{
      padding:0px;
      border-bottom:solid transparent 8px;
      zoom:1;
}

.table_form .label
{
      padding:3px 6px;
      background:#ebebeb; 
      font-weight:bold;
      color:#f00;
}

.table_form .td_white
{
      background:transparent; 
}

.table_form .td_white2
{
      background:transparent; 
      font-size:16px;
}

.table_form .td_left2
{
      padding:2px 10px 10px 2px; 
      width:120px;
      text-align:right;
      font-size:16px;
}

.table_form .td_left
{
      padding:6px 10px 6px 2px; 
      width:120px;
      text-align:right;
      font-size:16px;
}

.table_form .td_file
{
      width:300px; 
}

.text_label
{
      font-weight:bold;
      margin:0 5px 3px 0;
}

.text
{
}

.text_head
{
      font-weight:bold;
      font-size:16px;
      color:#803E2B;
      margin:5px 0 3px 0;
}

.opacity_0
{
      opacity:0;
      filter:alpha(opacity=0);
}

.opacity_1
{
      opacity:1;
      filter:alpha(opacity=100);
}

.d_none
{
      display:none;
}

.d_block
{
      display:block;
}

.f_right
{
      float:right;
}

.f_left
{
      float:left;
}

.center
{
      text-align:center;
}

.justify
{
      text-align:justify;
}

.right
{
      text-align:right;
}

.underline
{
      text-decoration:underline;
}

.italic
{
      font-style:italic;
}

.bold
{
      font-weight:bold;
}

.left
{
      text-align:left;
}

.hide
{
      visibility:hidden;
}

.show
{
      visibility:visible;
}

.mar0
{
      margin:0px;
}

.marright0
{
      margin-right:0px;
}

.mar2
{
      margin-bottom:2px;
}

.marup3
{
      margin-top:3px;
}

.mar3
{
      margin-bottom:3px;
}

.mar5
{
      margin-bottom:5px;
}

.mar7
{
      margin-bottom:7px;
}

.marup5
{
      margin-top:5px;
}

.mar10
{
      margin-bottom:10px;
}

.mar15
{
      margin-bottom:15px;
}

.marup10
{
      margin-top:10px;
}

.mar20
{
      margin-bottom:20px;
}

.mar25
{
      margin-bottom:25px;
}

.marup20
{
      margin-top:20px;
}

.mar30
{
      margin-bottom:30px;
}

.mar40
{
      margin-bottom:40px;
}

.mar60
{
      margin-bottom:60px;
}

.marup30
{
      margin-top:30px;
}

.pad10
{
      padding-bottom:10px;
}

.crossed
{
      text-decoration: line-through; 
}

.ul__
{
      margin:0px;
      padding:5px 0 10px 0px;
}

.ul__ li
{
      display:block;
      padding:1px 0 5px 13px;
      margin:0px;
      list-style-type:none;
      text-align:justify;
}


/*
.ul_
{
      margin:0px;
      padding:5px 0 5px 18px;
}

.ul_ li
{
      padding:0 0 3px;
      margin:0px;
      list-style-type:square;
      text-align:left;
      font-size:12px;
}
*/
.ul_none
{
      margin:0;
      padding:0;
}

.ul_none li
{
      padding:0;
      margin:0px;
      list-style-type:none;
}

.ul_none li a, .ul_none li span
{
      display:block;
      padding:0;
      margin:0 0 3px;
      list-style-type:none;
      color:#3F3939;
}

.ul_none li a:hover
{
      color:#b50000;
}

#ul_sonda
{
      margin:20px 0;
      padding:0;
}

#ul_sonda li
{
      margin:0px 0 1px;
      list-style-type:none;
      background:#B50000;
      padding:10px 20px;
      color:#fff;
}

.sub_ankieta_answer
{
      margin-left:20px;
}

.sub_ankieta_radio
{
      padding-top:1px;
}

/*
.ul_sub li a, .ul_sub li span
{
      display:block;
      padding:10px 20px;
      margin:0 0 3px;
      list-style-type:none;
      background:#B50000 url('images/img/sub_ico.png') no-repeat 98% 9px;
      font-size:18px;
      font-weight:300;
      color:#fff;
}
*/
.ul_sub
{
      margin:20px 0;
      padding:0;
}

.ul_sub li
{
      padding:0;
      margin:0px;
      list-style-type:none;
}

.ul_sub li a, .ul_sub li span
{
      display:block;
      padding:10px 20px;
      margin:0 0 3px;
      list-style-type:none;
      background:#B50000 url('images/img/sub_ico.png') no-repeat 98% 9px;
      font-size:18px;
      font-weight:300;
      color:#fff;
}

.ul_sub li a:hover, .ul_sub li span
{
      text-decoration:underline;
}

.ul_ico, .ul_, ul_video
{
      margin:0px;
      padding:5px 0 10px 0px;
}

.ul_ico li, .ul_ li, .ul_video li
{
      display:block;
      padding:1px 0 5px 19px;
      margin:0px;
      list-style-type:none;
      background:url('images/img/ico_ul.png') no-repeat 2px 10px;
      font-size:16px;
}

.ul_video li
{
      font-size:16px;
      padding:1px 0 5px 9px;
}

.ul_video li a
{
      padding:0;
      margin:0px;
}

.ul_ li ._sel
{
      color:#00A334;
}

.ul_vert
{
      margin:0;
      padding:0 0 0 10px;
}

.ul_vert li
{
      padding:0 15px 5px 10px;
      margin:0;
      list-style-type:none;
      display:inline;
      background:url('images/img/ico_ul.png') no-repeat 0 6px;
}

/*
.ul_ico li a, .ul_ li a
{
      color:#7b7b7b;
}
*/
.label
{
      font-size:16px;
}

table td
{
      vertical-align: top;
}

.tab_space
{
      border-collapse: collapse;
      padding: 0px;
}
.tab_space td
{
     padding: 0px;
}

.tab_space
{
      border-collapse: collapse;
      padding: 0px;
}
.tab_space td
{
     padding: 0px;
}

.table_border
{
      border-collapse: collapse;
      margin:0 auto 30px;
      text-align:left;
      width:100%;
}

.table_border th
{
      text-align:center;
}

.table_border td, .table_border th
{
      border:1px #dcdcdc solid;
      padding:8px 10px;
      background:#fff;
      font-size:16px;
}

.table_border td a
{
}

.table_border .label, .table_border th
{
      background:#f3f3f3;
      font-weight:bold;
      color:#B50000;
      font-size:16px;
}


/*
old versja bez absolute
.cal_up
{
      padding:2px 0 0;
      height:25px;
      margin:0;
      background:#4D4D4D url('images/cal_up.jpg') no-repeat 0 0;
      position:relative;
}

.cal_select
{
      border:solid #8B8B8B 1px;
      font-size:10px;
      font-family:Tahoma, Verdana, Arial, sans-serif;
      padding:0;
}

.cal_close
{
      width:15px;
      height:15px;
      padding:0;
      margin:5px 0 0 18px;
      border:none;
      background:url('images/cal_close.gif') no-repeat 0 0;
      cursor:pointer;
}

.cal_left
{
      width:15px;
      height:15px;
      padding:0;
      margin:5px 2px 0 6px;
      border:none;
      background:url('images/cal_left.gif') no-repeat 0 0;
      cursor:pointer;
}

.cal_right
{
      width:15px;
      height:15px;
      padding:0;
      margin:5px 0 0 2px;
      border:none;
      background:url('images/cal_right.gif') no-repeat 0 0;
      cursor:pointer;
}
*/

.cal_up
{
      padding:0 0 0;
      height:25px;
      margin:0;
      background:#4D4D4D url('images/cal_up.jpg') no-repeat 0 0;
      position:relative;
}

.cal_select
{
      border:solid #8B8B8B 1px;
      font-size:16px;
      font-family:Tahoma, Verdana, Arial, sans-serif;
      padding:0;
      position:absolute;
}

.cal_select1
{
      top:5px;
      left:23px;
      width:76px;
}

.cal_select2
{
      top:5px;
      left:139px;
      width:46px;
}


.cal_close
{
      width:15px;
      height:15px;
      top:6px;
      right:6px;
      border:none;
      background:url('images/cal_close.gif') no-repeat 0 0;
      cursor:pointer;
      position:absolute;
}

.cal_left
{
      width:15px;
      height:15px;
      padding:0;
      margin:0;
      border:none;
      background:url('images/cal_left.gif') no-repeat 0 0;
      cursor:pointer;
      position:absolute;
}

.cal_left1
{
      top:6px;
      left:6px;
}

.cal_left2
{
      top:6px;
      left:122px;
}
.cal_right
{
      width:15px;
      height:15px;
      padding:0;
      margin:0;
      border:none;
      background:url('images/cal_right.gif') no-repeat 0 0;
      cursor:pointer;
      position:absolute;
}

.cal_right1
{
      top:6px;
      left:101px;
}

.cal_right2
{
      top:6px;
      left:187px;
}




.cal_div_table
{
      border:solid #4D4D4D 1px;
      width:238px;
}

.cal_table
{
      border-collapse: collapse;
      padding:0;
      margin:0;
      width:238px;
}

.cal_table td, .cal_table th
{
      text-align:center;
      border:1px #fff solid;
      padding:2px 3px;
      background:#EAE9ED;
      color:#4D4D4D;
      font-size:6px;
      font-family:Tahoma, Verdana, Arial, sans-serif;
}

.cal_table .cal_head
{
      color:#fff;
      font-weight:normal;
      background:#AFAFAF;
}

.cal_table td a
{
      font-size:6px;
      color:#4D4D4D;
      font-family:Tahoma, Verdana, Arial, sans-serif;
}



.warstwa_war
{
      position: absolute;
      visibility: visible;
}

.warstwa
{
      position: absolute;
      visibility: hidden;
      text-align:center;
      z-index:98;
      left:0;
      top:0;
}

.warstwa_new
{
      z-index:999;
}

#warstwa_gray
{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:url('images/png_gray.png') repeat 0 0;
      visibility:hidden;
      z-index:98;
}

.clear, .clear2
{
      clear:both;
      font-size:0;
      line-height:0;
      height:0;
}

.clear_left
{
      clear:left;
      font-size:0;
      line-height:0;
      height:0;
}

.clear_right
{
      clear:right;
      font-size:0;
      line-height:0;
      height:0;
}

.spacer
{
      width:100%;
      height:100%;           
}

.center_d
{
      margin:0 auto;
}

a
{
      text-decoration: none;
      color:#B50000;
}

a:hover
{
      text-decoration:underline;
}

a:focus
{
      outline:solid #0078D7 2px;
}

