html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */


body { color: #444; font: 11px Tahoma, sans-serif; text-align: center; background: #B8B8B8 url('/img/bg.gif') center 0 repeat-y; line-height: 1.22;}
table { font-size: inherit; font: 100%; }
select, input, textarea { font: 99% Tahoma, sans-serif; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; }
body, select, input, textarea { color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:active { outline: none; }
a:focus { outline: 1px dotted #444; }
a, a:active, a:visited { color: #444; }
a:hover { text-decoration: underline; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px;
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.right {
   text-align: right !important;
}

/* GERENIC STYLES */
.hr {
   height:1px;
   border-bottom: 1px solid #D5D5D5;
}

/* BOXES */
.box_msg { padding: 10px; background-color: #E1FFD7; border: 1px solid #28BF1D; font-weight: bold; font-size: 13px; }
.box_err { padding: 10px; background-color: #FDE2C3; border: 1px solid #C31E19; font-weight: bold; font-size: 13px; }
/* BOXES end */

/* inputs */
input[type=text]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=radio]:focus, input[type=number]:focus, input[type=email]:focus, input[type=date]:focus, input[type=file]:focus, select:focus, textarea:focus {
   -webkit-box-shadow: 0 0 8px #2862A8 ;
   -moz-box-shadow: 0 0 8px #2862A8;
   box-shadow: 0 0 8px #2862A8;
   
}
.highlight_text {
   text-shadow: 0 0 4px #B8D0EE; 
}

.w25 { width: 25px; }
.w80 { width: 80px; }
.w250 { width: 250px; }
.w500 { width: 500px !important; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.mtop { position: relative; top: 15px; }

a.bold { font-weight: bold; }
a.red { color: red !important; }
a.blue { color: blue !important; }
a.green { color: green !important; }

table td, table th { padding: 3px 10px 3px 0px; }

/* BOXik nahore s hlaskami o zastaralem prohlizeci apod. */
#errorbox { padding: 10px; background-color: #FDE2C3; border: 1px solid #C31E19; font-weight: bold; font-size: 13px; }

td.nopadding { padding: 0px 5px 0px 0px; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.center * { text-align: left; }
.tcenter { text-align: center; } 
.tright { text-align: right; } 
.red { color: red; }
p { margin-bottom: 10px; }
table { margin-bottom: 10px; }

.bold { font-weight: bold; }
.mt20 { margin-top: 20px; }
.pt20 { padding-top: 20px !important; }
.mb20 { margin-bottom: 20px; }
.mt40 { margin-top: 40px; }
.mb40 { margin-bottom: 40px; }
.required { background: #ffCCCC; }
.req_box { position: absolute; color: red; padding: 0 5px; background: #ffCCCC; }
.btnsubmit { font-weight: bold; }

#accom_table { width: 100%; position: relative; left: 10px;  }
#accom_table td { padding: 10px 3px; }
#accom_table th { padding: 5px 3px; }
#accom_table td select { width: 270px; }

/* PROFIL OSOB start */
.profile_photo {
   margin-right: 10px;
   margin-bottom: 10px;
}
h2.profile_title {
   text-transform: none !important;
}
/* PROFIL OSOB end */

#reports table { width: 100%; }
.reports_box td, .reports td { padding: 4px 3px; }
.reports_box td.id, .reports td.id { width: 10px; }
.reports_box td.name, .reports td.name { width: 500px; }
.reports_box .middle td, .reports .middle td { vertical-align: middle; }
#reg_first .btn_edit, .reports .btn_edit { padding-left: 20px; background: url('/img/btn.edit.png') no-repeat; }
#reg_first .btn_add, .reports .btn_add { padding-left: 20px; background: url('/img/btn.add.gif') no-repeat; }
.reports_box .btn_del, .reports .btn_del { padding-left: 20px; background: url('/img/btn.del.png') no-repeat; }
.reports_box .btn_delrep, .btn_delrep { background: url('/img/btn.del.png'); display: block; width: 16px; height: 16px; }
.reports_box .btn_ok, .reports .btn_ok { padding-left: 20px; background: url('/img/btn.okay.png') no-repeat; }
.reports_box .btn_cancel, .reports .btn_cancel { padding-left: 20px; background: url('/img/btn.del.png') no-repeat; }
#reg_first .btn_upload, .reports .btn_upload { padding-left: 20px; background: url('/img/btn.upload.png') no-repeat; }
.btn_pay { padding-left: 20px; background: url('/img/btn.pay.png') no-repeat; }
label { line-height: 18px; }
.checkbox_note { font-size: 10px; margin-left: 23px; margin-top: -5px; }
#main p { line-height: 1.6em;}
#reportlist tr.top td { padding-top: 20px; }
#reportlist a { font-weight: bold; }
#reportlist .report_name { padding: 5px 0; }

/* tabs */
ul#tabs { text-align: left; margin: 1em 0 1em 0; font: bold 11px arial, sans-serif; border-bottom: 1px solid #b5b5b5; list-style-type: none; padding: 3px 10px 3px 10px; }
ul#tabs li { display: inline; }
ul#tabs li span { color: #999 !important; }
ul#tabs li.active { border-bottom: 1px solid #d8d8d8; background-color: #fff; }
ul#tabs li.active a, ul#tabs li.active span { background-color: #fff; color: #000 !important; position: relative; top: 1px; padding-top: 4px;}
ul#tabs li a, ul#tabs li span { padding: 3px 4px; border: 1px solid #b5b5b5; 
    -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px; border-top-right-radius: 4px;
    background-color: #eee; color: #444; margin-right: 0px; text-decoration: none; border-bottom: none; }
ul#tabs a:hover { background: #fff; }
/* tabs end */

/* TRANSLATOR */
#translator {
   position: absolute;
   right: 15px;
   top: 260px;
}
.translate {
   cursor: pointer;
   margin-left: 3px;
}
/* TRANSLATOR end */

/* homepage */
.hp_group {
   list-style-type: none;
   margin: 0;
   margin-bottom: 10px;
}
.hp_group li {
   float: left;
   width: 96px;
   height: 80px;
   text-align: center;
   margin: 0 10px 50px 10px;
   position: relative;
}
.hp_group li img {
   padding-bottom: 5px;
}
.hp_group li div {
   position: absolute;
   text-align: center;
   width: 100px;
   bottom: 0;
}

/* historie */
.history_years {
   list-style-type: none;
   margin: 0;
}
.history_years li {
   float: left;
   padding: 0 10px 0 0;
}

.udata {
   background: #E9E9E9;
   padding: 5px;
   margin: 5px 0;
}

/* predbezny program  */
.program_topics {
   list-style-type: none;
   margin: 0;
}
.program_topics li {
   padding: 3px 0;
   text-transform: uppercase;
}


#sidebar nav small {
   font-size: 11px;
   color: #717171;
}

#sidebar .twolines a { line-height: 15px; }
#sidebar .twolines a span { padding-top: 5px; }
#topmenu .twolines a { line-height: 15px !important; }
#topmenu .twolines a span.ico span { position: relative; top: 5px; left: 2px; }

/* tlacitka v sumari registrace - edit, ... */
.reg_edit {
   text-decoration: none;     
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #E57F11;
   background: #F7D891;
   padding: 2px 3px;
   font-weight: bold;
   font-size: 10px;
   line-height: 16px;
   color: #555 !important;
   margin-left: 10px;
   float: right;
   margin-right: 420px;
}
.reg_edit:hover {
   text-decoration: none; 
   background: #F6DF92;    
   color: #444 !important;
}

/* PAY BOX */
#pay_box {
   border: 1px solid #C84848; 
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 8px;
   width: 250px;
   text-align: center;
   position: relative;
   float: right;
   -webkit-box-shadow: 1px 1px 4px black;
   -moz-box-shadow: 1px 1px 4px black;
   box-shadow: 1px 1px 4px black;
   
}
#pay_box table {
   text-align: left;
   margin: 0 auto;
   width: 200px;
   margin-bottom: 5px;
}
#pay_box table td {
   vertical-align: middle;
}
#pay_box .total_price {
   font-size: 14px;
}
#pay_box .button {
   font-weight: bold;
}

.button {
   line-height: 20px !important;
   height: 26px !important;
   position: relative;
   top: -2px;
   vertical-align: middle !important;
}

/* INFO BOX */
#info_box {
   width: 205px;
   height: 366px;
   background: url('/img/info_box.jpg') no-repeat;
}
#info_box .title_infobox {
   font-size: 12px;
   font-family: Arial;
   font-weight: bold;
   color: #2f2f2f !important; 
   text-transform: uppercase;
   padding: 13px;
}
.lang_cz #info_box .title_proceeding {
   padding-top: 17px !important;
}
.lang_en #info_box .title_proceeding {
   padding-top: 25px !important;
}
#info_box .cal {
   width: 41px;
   height: 41px;
   background: url('/img/calendar.jpg');
   margin: 0 auto !important;
   position: relative;
}
#info_box .month {  
   font-size: 15px;
   font-family: Arial;
   font-weight: bold;
   color: white;
   text-align: center;
   text-transform: uppercase;
}
#info_box .day {
   font-size: 26px;
   font-family: Arial;
   font-weight: bold;
   color: black;
   text-align: center;
   margin-top: -4px;
}
#info_box #terms {
   width: 200px;
   margin-left: 2px;    
}
#info_box #terms td {
   text-align: center;
   position: relative;
   padding-left: 5px;
   padding: 0 !important;
   width: 33%;
}
#info_box #terms .label {
   padding-top: 5px !important;   
   text-transform: uppercase;
   font-size: 9px;
}

#info_box #accompany {
   width: 190px;
   margin-left: 8px;
   position: relative;
   top: 11px;
}
#info_box #accompany td {  
   font-size: 11px;
   font-family: Arial;
   font-weight: bold;
   color: #2f2f2f !important; 
   text-transform: uppercase;
   text-align: center;
   font-weight: bold;
   vertical-align: top;
} 
#info_box #accompany td sup {
   text-transform: lowercase;
}
/* INFO BOX end*/

/* ikonky u souboru */
.ico_doc:before { 
   content: url('/img/ico/doc.gif');
   padding-right: 6px;
   position: relative;
   top: 2px;
}
.ico_rtf:before { 
   content: url('/img/ico/rtf.gif');
   padding-right: 6px;
   position: relative;
   top: 2px;
}
.ico_pdf:before { 
   content: url('/img/ico/pdf.gif');
   padding-right: 6px;
   position: relative;
   top: 2px;
}
.ico_pps:before { 
   content: url('/img/ico/pps.gif');
   padding-right: 6px;
   position: relative;
   top: 2px;
}
.ico_ppt:before { 
   content: url('/img/ico/ppt.gif');
   padding-right: 6px;
   position: relative;
   top: 2px;
}

.price_lbl {
   position: relative;
   top: 20px;
}

h2 { margin-bottom: 10px; margin-top: 10px; font-size: 11px; text-transform: uppercase; }

fieldset { border: 1px solid #888; margin-bottom: 10px; padding: 10px 8px; }
legend { font-weight: bold; font-size: 1.1em; padding: 0 5px; }
legend span { font-weight: normal; font-size: 0.9em; }
legend a { font-weight: normal; font-size: 0.9em; }
legend span.actual { font-weight: bold; font-size: 1.1em; }
input[type="button"], input[type="submit"], input[type="reset"] { padding: 3px 5px; }
input[type="text"],input[type="password"]  { height: 18px; padding: 0px 3px;}
#login           { padding: 5px; }
#login label     { display: block; }
#login input     { display: block; }

.groups td {
   padding-bottom: 8px !important;
}
.topics_title {
   padding-bottom: 0px !important;
   margin-bottom: 5px !important;
}

/* LOADING */
#loading    { display: none; position: fixed; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px;
              opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; z-index: 999; }
#loadingbg  { position: fixed; width: 100%; height: 100%; background-color: black; display: none;
              opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; z-index: 998; }
/* LAODING end */
/* GERENIC STYLES end */

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}


/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}