body {
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #000;
  background-color: #f0f0f0;
	text-align: center;
  line-height: 1.4; }

td, th {  _font-size: 0.75em; _line-height: 1.4; }
tt { font-size: 1.2em; }
td p  { margin: 0; padding: 0; }
th p  { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a img {  border: 0; }

a {  color: #599831;  }
a:hover { color: #d9681a;  text-decoration: none;}
a.externi, a.externi:visited, a.externi:hover { padding-right:13px; background: url('../images/external.png') center right no-repeat; }
a.newwindow, a.newwindow:visited, a.newwindow:hover { padding-right:13px; background: url('../images/newwindow.png') center right no-repeat; }

h1 { color: #c45e3e; font-family: 'Open Sans', Arial, sans-serif; /*font-weight: 600; */ font-size: 2em; margin-top: 0.1em;  }
h2 { color: #c45e3e; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.6em;  }
h3 { color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.3em;  }
h4 { color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.1em;  }

hr { height: 1px; font-size: 0; line-height: 1px; border-top: 1px solid #c45e3e; border-left: none; border-right: none; border-bottom: none; margin: 0;}

input, select {  border: 1px solid #db8e34;  font-size: 0.9em; }
textarea {  border: 1px solid #db8e34; }
.checkbox {  border: none; }
.whitelogin {  border: none; background-color:#fff; width:400px; }
.loginsmall {  width:150px; }
.login {  width:300px; }

ol { margin: 0.5em 0 2em 2.5em; padding: 0; }
ul { margin: 0.5em 0 2em 2em; padding: 0; }

ul.menu { list-style-type: none; margin: 0.5em 0 2em 0; padding: 0; line-height: 1.3; }
ul.menu li {
  list-style-type: none;
  margin: 0.4em 0 0.25em 8px;
  padding: 0 0 0 1em;
  font-weight: bold;
  background: url(../images/li-menu_brown.gif) no-repeat left 0.4em;
}

ul.submenu { list-style-type: none; margin: 0; padding: 0; }
ul.submenu li {
  list-style-type: none;
  margin: 0.2em 0 0.1em 0;
  padding: 0 0 0 1em;
  font-weight: normal;
/*  font-style: italic;*/
  background: url(../images/li-submenu_brown.gif) no-repeat left 0.3em;
}

ul.subsubmenu { list-style-type: none; margin: 0;   padding: 0; }
ul.subsubmenu li {
  list-style-type: none;
  margin: 0.2em 0 0.1em 0;
  padding: 0 0 0 1em;
  background: url(../images/li-subsubmenu_brown.gif) no-repeat left 0.3em;
}
ul.menu a { text-decoration: none;}
ul.menu a.current { text-decoration: underline; color: #000; }

/*ul.menu a:hover { color: #000; }
ul.submenu a { color: #5792c9;}
ul.subsubmenu a { color: #78abdc;} */


ul.odrazky { margin: 0.5em 0 1em 0.3em; padding: 0;  }
ul.odrazky li {
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1.6em;
  background: url('../images/li.gif') 0 4px no-repeat;
}

ul.sipky { margin: 0.5em 0 0.8em 0.3em; padding: 0;  }
ul.sipky li {
  font-size: 0.9em;
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1em;
  background: url('../images/li-sipky.gif') 0 4px no-repeat;
}

ul.sipky_off { margin: 0.5em 0 0.8em 0.3em; padding: 0;  }
ul.sipky_off li {
  font-size: 0.9em;
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1em;
  background: url('../images/li-sipky_off.gif') 0 4px no-repeat;
}

ul.sipky_graybg { margin: 0.5em 0 0.8em 0.3em; padding: 0;  }
ul.sipky_graybg li {
  font-size: 0.9em;
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1em;
  background: url('../images/li-sipky_graybg.gif') 0 4px no-repeat;
}

.s08 {  font-size: 0.8em;  }
.s085 {  font-size: 0.85em;  }
.s09 {  font-size: 0.9em;  }
.s095 {  font-size: 0.95em;  }
.s11 {  font-size: 1.1em;  }
.s12 {  font-size: 1.2em;  }
.s13 {  font-size: 1.3em;  }
.s14 {  font-size: 1.4em;  }
.s15 {  font-size: 1.5em;  }
.s16 {  font-size: 1.6em;  }

.active {   color: #4b4b4d;  text-decoration: none;   }
.skryty, .hidden { visibility: hidden; }
.nodisplay { display: none;  }
.nomargin { margin: 0;  }
.automargin  { margin: auto; }
.autocentermargin  { margin: auto; text-align: center;   }
.center {  text-align: center;   }
.left {  text-align: left;   }
.right {  text-align: right;   }
.top { vertical-align: top;   }
.topright { text-align: right;  vertical-align: top;   }
.middle { vertical-align: middle;   }
.bottom { vertical-align: bottom;   }
.bold {  font-weight: bold;  }
.small {   font-size: 0.9em;  }
.white {  color: #fff; }
.bgwhite {background-color: #fff; }
.bgwhitecenter {background-color: #fff; text-align:center;}
.centerwhite {  font-weight: bold;  color: #fff;  text-align:center;  }
.topwhite { background-color: #fff; vertical-align:top; }
.red {  color: red;   }
.blue {  color: #4474ba;   }
.lightblue {  color: #69b8e6;   }
.gray {  color: #545454;   }
.bggray {background-color: #545454;   }
.smallbggray {background-color: #545454;  color: #fff; font-size: 0.8em;  }
.bglightgray0 {background-color: #f4f4f4;   }
.bglightgray1 {background-color: #ddd;   }
.box { padding: 10px;  border: 1px solid #545454; background-color: #f4f4f3; }
.lower-alpha { list-style-type: lower-alpha; }
.ibacolor {  color: #a38b69;}
.green  { color: #7eb300;}
.nowrap { white-space:nowrap; }

.lightbrown0 { color:  #f7f6ed }
.lightbrown { color:  #eae9da }
.lightbrown1 { color:  #cec3b1 }
.brown1 { color:  #b4a38f  }
.brown2 { color: #9f8c77 }
.brown3 { color: #8e765b }
.bglightbrown0 { background-color:  #f7f6ed }
.bglightbrown { background-color:  #eae9da }
.bglightbrown1 { background-color:  #cec3b1 }
.bgbrown1 { background-color:  #b4a38f  }
.bgbrown2 { background-color: #9f8c77 }
.bgbrown3 { background-color: #8e765b }

.bordered { border: 2px solid #999; background-color:  #eee }
.borderedsmall {border: 2px solid #8e765b; background-color:  #eae9da; font-size:0.9em }
.borderedsmall td, .borderedsmall th { _font-size:1em }
.lightbordered {border: 1px solid #9f8c77; background-color:  #eae9da }

.crumb { background: url(../images/crumb-sipka.gif) no-repeat 5px center; padding-left: 20px; color: #808080;  }
.subtitle { background: url(../images/h1-sipka.gif) no-repeat left center; padding-left: 30px; color: #d9681a;  }
.subtitle_parent { background: url(../images/h1-sipka.gif) no-repeat left center; padding-left: 30px;  }

.bottom_dots { border-bottom: 1px dashed #005471;   }

.obrazek {  border: 1px solid #7c7c7c; }
.obrazek_left {  margin-right: 2em;  margin-bottom: 1em;  float: left; }
.obrazek_right { margin-left: 2em;  margin-bottom: 1em;  float: right; }
.obrazek_vychozi {  margin-right: 10px;  margin-bottom: 10px;  float: left;  border: 1px solid #7c7c7c; }
.obrazek_vpravo {  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 1px solid #7c7c7c;}
.obrazek_vpravo_logo {  margin-left: 10px;  margin-bottom: 10px;  float: right; /* border: 1px solid #7c7c7c;*/ }
.obrazek_logo {  margin-right: 1px;  float: left;  border: 1px solid #7c7c7c; }
.obrazek_h2_vpravo {  margin-top: 1.8em;  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 1px solid #7c7c7c;  background-color: #eeeded;}
.foto { margin-right: 10px;  margin-bottom: 10px;  float: left;  border: 3px double #f4f4f3;  background-color: #eeeded;}
.foto_center { margin-right: 10px;  margin-bottom: 10px;  text-aling: center;  border: 3px double #f4f4f3;  background-color: #eeeded;}
.obrazek_menu {  border: 3px double #7c7c7c;  background-color: #eeeded;}

.sipka {  padding-left: 14px;  background: transparent url(../images/li-sipka.gif) left 0.3em no-repeat ;  }
.anotace {  margin-top: 1em; padding-left: 14px;  background: url(../images/li.gif) left 0.3em no-repeat ;  }
.anotace p  { margin: 0;  }

.anot {  }
.anot p { margin: 0; line-height: 1.2 }
.anot h3 { margin: 0.5em 0; font-size: 1.3em; line-height: 1.2 }
.anot a { text-decoration: none; }
.anot h3 a { text-decoration: none;  }
.anot .more  { text-align: right; font-size: 0.9em; border: 0; border-bottom: 1px solid #b5b5b5 }

.anotace_projects { clear:left; }
.anotace_projects p { margin: 0; line-height: 1.2 }
.anotace_projects h2 { margin: 0.5em 0; font-size: 1.3em; line-height: 1.2 }
.anotace_projects a { text-decoration: none; }

.photogallery_table { /*border: 1px dotted #999;*/ }
.photogallery_th { /*background-color:  #ddd */ }
.photogallery_td { border: 1px solid #c4c4c4; background-color: #f0f0f0; padding: 4px; text-align: center;  }
.photogallery_td img {/* border: 1px solid #fecf54;*/  }

.katalog_table { border: 1px solid #33281d; }
.katalog_td { border-bottom: 1px solid #33281d; padding: 4px; text-align: center;  }
.katalog_item {  margin-right: 30px;  margin-bottom: 5px;  float: left;  background-color: #000;}

.rightbox {
/*  margin-top: 1.8em; */
  width: 230px;
  margin-left: 1.8em;
  margin-bottom: 1em;
  float: right;
  border: 1px #d5d2b3 solid;
  background-color: #f3f4f3;
}
.rightbox h3 { color: #622a19; margin: 0; padding: 0.3em 0.5em; text-align: center; /*background: #d4d1b3 url('../images/bg_h3.gif') no-repeat; */}
.in {  padding: 0.3em 1em;}
.rightbox a { color: #a7523a }

.greenbox { padding: 10px;  border: 1px solid #022c15; background-color: #ccc;  }
.bluebox { padding: 10px;  border: 1px solid #333366; background-color: #ccc;  }
.redbox { padding: 10px;  border: 1px solid #990000; background-color: #ccc;  }

.faq {   line-height: 1.4;  font-size: 0.9em; margin: 0.3em 0; }
.highlighted {  color: #d9681a;  font-weight: bold; }
.helpbox { background-color:#ffffcc; width:670px; border:2px solid #3399ff; padding:3px;  }

/*.tlacitko-go { width: 22px; height: 13px; font-size: 0; color: #000; background: url(../images/tl-go.gif) no-repeat; border: 0; vertical-align: middle;}*/

.Tabulka { /* color: #fff;*/ background-color:#a3bfcc; border: 1px solid #aaa;}
.Folder        { /*color: #FFFFFF; font-size: 11px*/}
.Folder A      {/*color: #FFFFFF; text-decoration: none*/}
.Folder A:hover      {/*color: #000000; background-color: #FFFFFF*/}
a.Strankovani_current { color: #000; text-decoration:none; font-weight:bold; }
.Formular { border: 1px solid #ccc; }
.Formular h4 { background-color: #eee; margin:0; padding: 4px 6px }
.FormTip { font-size:0.9em; }
.FormTipTop { font-size:0.95em; color: #666; padding-left: 18px;  background: transparent url(../images/ico-helptop.png) 3px 2px no-repeat ; }
.Vstup {  width: 200px; }
.VstupLong {  width: 500px; }
.VstupAjax {  width: 200px; background-color: #ffc; }
.VstupLongAjax {  width: 500px; background-color: #ffc; }

a.Kontrastni:link        { color: #000000; text-decoration: underline}
a.Kontrastni:visited   { color: #000000; text-decoration: underline}
a.Kontrastni:hover     { color: #FFFFFF; background-color: #291E7F}
a.Kontrastni:hover img  {background-color: #FFFFFF}

/*.Formular  { border: 1px solid #000000; background-color: #D4D0C8; color: #000000; padding: 0;} prepise ??
.Formular_pad  { border: 1px solid #000000; background-color: #D4D0C8; color: #000000; padding: 8px;}*/
.lightbordered { border: 1px solid #9f8c77; margin: 2px 0 }
.bglightyellow { background-color: #ffb; }

.Tabulka    {background-color: #000000}
.Zahlavi      { text-align: center; color: #FFFFFF; font-weight: bold; background-color: #666}

.Telo1        {background-color: #FFFFFF; color: #000000}
.Telo2        {background-color: #EEEEEE; color: #000000}
.Telo3        {background-color: #D4D0C8; color: #000000}
.Telo         {background-color: #FFFFFF; color: #000000}


.zalozka_current { padding: 4px; background-color: #ddd; border:0;}
.zalozka { padding: 4px; background-color: #aca1a1;border-right: 1px solid #808080; border-left:0; border-top:0; border-bottom:0;}
.zalozkovy_form { background-color: #ddd; padding: 2px 6px 6px 6px; }

table.hp  { width: 1010px; background-color: #fff; /*border-spacing: 10px;*/  }
table.hp tr  {  }
table.hp tr td { width: 330px; border: none; border-right: 10px solid #fff; border-bottom: 10px solid #fff; vertical-align: top; background: #f6f6f6 url(../images/bg_td.gif) left bottom repeat-x; }

.col1 { width:1010px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; } 
.col2_left {float:left; width:480px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right {float:right; width:480px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right_border {float:right; width:310px !important /*Non-IE6*/; width:330px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:20px; border-left: 1px dotted #717171; }
.col3_left {float:left; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col3_middle {float:left; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:30px; }
.col3_middle_border {float:left; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:30px; padding-left:10px; border-left: 1px dotted #717171; }
.col3_right {float:right; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col3_right_border {float:right; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:10px; border-left: 1px dotted #717171; }
.col1:after, .col2_left:after, .col2_right:after, .col2_right_border:after, .col3_left:after, .col3_middle:after, .col3_right:after, .col3_middle_border:after, .col3_right_border:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearwhite {clear:both; width:680px; height:0.1em; border:none; background:#fff; color:#fff; }

.cleaner {  clear:both;  height:1px; _height:0;  font-size:0; margin:0; padding:0;  border:none;  visibility: hidden; }
.cleaner1 {  clear:both;  height:1px;  font-size:1px;  border:none;  margin:0;  padding:0;  background:transparent; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.clearboth_ff { clear: both; _display: none}

.hide {display:none;}
.show {}
.section_nav_hide { padding-left: 18px; background: transparent url('../images/dhtmlgoodies_plus.gif') no-repeat left 2px;  }
.section_nav_show { padding-left: 18px; background: transparent url('../images/dhtmlgoodies_minus.gif') no-repeat left 2px;  }

/*********
layout
*********/
#whole { background-color: #fff; width: 1050px; margin: 0 auto; text-align: left; background: #f0f0f0 url('../images/bg_tophead.gif') 0 0 no-repeat; }

#tophead { height: 72px; position: relative; }
.tophead_bg_konference_konference-starsi_2008, .tophead_bg_conference_previous-years_conference-2008 { background: transparent url('../images/bg_mefanet2008.jpg') 0 0 no-repeat;}
.tophead_bg_konference_konference-starsi_2009, .tophead_bg_conference_previous-years_conference-2009 { background: transparent url('../images/bg_mefanet2009.jpg') 0 0 no-repeat;}
.tophead_bg_konference_konference-starsi_2010, .tophead_bg_conference_previous-years_conference-2010 { background: transparent url('../images/bg_mefanet2010.jpg') 0 0 no-repeat;}
.tophead_bg_konference_konference-starsi_2011, .tophead_bg_conference_previous-years_conference-2011 { background: transparent url('../images/bg_mefanet2011.jpg') 0 0 no-repeat;}
#tophead img { margin-top: 12px; }
#head-search { position: absolute; top: 30px; left:0;  }

#head {
  height: 31px;
  border: 0;
  border-top: 2px solid #b7d769;
  font-family: 'Open Sans', Arial, sans-serif;  color: #000; font-size: 1.2em; 
}
#head a {  /*color: #fff;  font-weight: bold; font-size: 1.1em; */ }
#head-left { width: 1050px; height: 31px; line-height: 31px; float: left; text-align: left; }
/*#head-right { width: 120px; height: 31px; line-height: 31px; float: right; text-align: right; }*/

#head_bottom {color: #808080; text-transform: lowercase; }

#slideshow  { width: 1050px; height: 166px; }

#main1 { margin:0; padding:0; border: 0; border-top: 2px solid #b7d769; background: #fff; }
#main1.main1_odd { background: #fff url(../images/bg_main.gif) 0 0 repeat-y;  }
#main2 { margin:0; padding:0; border: 0; border-bottom: 1px solid #b7d769;  }

#right {
  width: 240px;
  float: right;
}


#middle {
  margin: 0 250px 0 0; 
  padding: 0;
  min-height: 500px; /* uprav pro dlouhe menu, kvuli IE7 */
  width: 800px; 
}
#middle-onecol {
  margin: 0px; 
  padding: 0px; 
  width: 1050px; 
}

.middle-in {
 /* height:1%; _width:100%; 3px bug IE6 */
  margin: 20px;
  padding: 0;
  padding-bottom: 8px;
  text-align: left;
}

#middle-bottom {  color: #545454;  font-size: 0.8em; height: 25px; /*background-color: #f3f4f2; border-bottom: 5px solid #c3cac4*/ }
#middle-bottom a, #middle-bottom a:hover { color: #545454; text-decoration: none; }
.to_the_top {  margin-top: 3px; text-align: right; width: 300px; height: 12px; float: right;}

#footer { color: #717171;  width: 1050px; min-height: 89px; font-size: 0.95em; border-bottom: 2px solid #b7d769 }
#footer a { color: #717171; text-decoration: none; }
.footer-in {  }
.footerleft { line-height: 1.5em; text-align: left; width: 155px; float: left; padding: 16px 20px 16px 20px;  }
.footerleft ul, .footerleft li { list-style-type: none; margin: 0; padding: 0;  }
.footerright { line-height: 1.5em; text-align: center; padding: 20px 20px; /* padding-left: 35px; width: 880x; height: 117px; float: left; background: transparent url('../images/bg_footer.gif') no-repeat left top;*/ }

#footer-bottom { clear: both; color: #717171; width: 1050px; height: 100px; font-size: 0.95em; border-bottom: 2px solid #cfcfcf; margin-bottom: 1em; }
#footer-bottom .footerleft { height: 60px; }
#footer-bottom .footerright { height: 60px;}

/*********
navigace
*********/
#navcontainer {  /*line-height: 1.3;*/ width: 990px; height: 31px; overflow: hidden; text-transform: lowercase; }
#navcontainer a,  #navcontainer a:hover, #navcontainer a.current {
  display: block;
  float: left;
  height: 31px;   line-height: 31px;
  margin: 0 1.3em 0 0;
  color: #000;
  text-align: left;
  text-decoration: none; }
#navcontainer a:hover, #navcontainer a.current, #navcontainer a.current:hover { /* color: #c45e3e;*/ background: transparent url('../images/bg_nav_on.gif') no-repeat center top; }

#navcontainer_sub { font-family: 'Open Sans', Arial, sans-serif; color: #000; font-size: 1em; padding-right: 21px; text-align: right; }
#navcontainer_sub a,  #navcontainer_sub a:hover, #navcontainer_sub a.current {
  display: block;
  padding: 6px 7px 6px 22px;
  color: #000;
  text-decoration: none;}
#navcontainer_sub a:hover, #navcontainer_sub a.current { color: #c45e3e; }

.navsub { margin-right: 17px; font-size:0.95em; }


#site_offline {
  margin: 0;
  padding: 5em 0;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  font-weight: bold;
  text-align: center;
  background: #f0f0f0;
  line-height: 1.4;
}


/*
    demo ori.

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../include/jquery/plugins/colorbox/images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../include/jquery/plugins/colorbox/images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
    .cboxIframe{width:100%; height:100%; display:block; border:0;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:30px; color:#999; font-size: 0.85em}
        #cboxLoadingOverlay{background:#fff url(../include/jquery/plugins/colorbox/images/loading.gif) no-repeat 5px 5px;}

        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
          border:0; 
          text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:0px; background:url(../include/jquery/plugins/colorbox/images/controls.png) no-repeat 0 0;
        }
        
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
   
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../include/jquery/plugins/colorbox/images/controls.png) no-repeat 0px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../include/jquery/plugins/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../include/jquery/plugins/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
*/

/* akutne old style
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../include/jquery/plugins/colorbox/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-20px; left:0; margin-right:66px; padding: 2px 3px 1px 3px; color:#000; background-color:#fff; }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../include/jquery/plugins/colorbox/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; /*nasledujici pridano - prostor pro Title dole */ margin-bottom:32px; }
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:38px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../include/jquery/plugins/colorbox/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; left:0; color:#000; /*nasledujici upraveno / pridano*/ bottom:-34px; padding: 2px 3px 1px 3px; /*background-color:#fff;*/ }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../include/jquery/plugins/colorbox/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


.ui-effects-transfer { border: 2px dotted gray; }