body { margin: 0; padding: 0 0 15px 0; font-size: 100%; color: #333333; background: #fff url('../images/cdos/bg.jpg') repeat-x; font-family: arial, verdana, serif; }


#idname {
	display:none;
}


/* ----- zakladni rozlozeni ---- */

#layout { width: 941px; margin: 0 auto; padding: 0 15px 15px 15px; background: #fff; position: relative; top: 0; left: 0; }

#head { height: 140px; background: url('../images/cdos/bg-top.jpg') no-repeat;  }

  #head.volnycas { background: url('../images/cdos/bg-top-volnycas.jpg') no-repeat; }
  #head.cdonline { background: url('../images/cdos/bg-top-cdonline.jpg') no-repeat; }
  #head.mezinarodnicestovani { background: url('../images/cdos/bg-top-mezinarodnicestovani.jpg') no-repeat; }
  #head.vnitrostatnicestovani { background: url('../images/cdos/bg-top-vnitrostatnicestovani.jpg') no-repeat; }
  #head.vyhody { background: url('../images/cdos/bg-top-vyhody.jpg') no-repeat; }

#headhp { height: 188px; background: url('../images/cdos/bg-tophp.jpg') no-repeat;  }
#head #logo, #headhp #logo { width: 140px; margin: 12px 0 15px 3px; float: left; text-align: center; font-size: 70%; font-weight: bold; color: #003b79; }
#head #logo p, #headhp #logo p { margin: 0; padding: 0; }
#head #logo a, #headhp #logo a { color: #003b79; }
#head #logo img, #headhp #logo img { margin-bottom: 10px; }

/* ---- horni navigace ---- */
#menu { background: #00acee url('../images/cdos/bg-topmenu-b.jpg') bottom no-repeat; margin-top: 10px; }
#menu ul { margin: 0; padding: 8px 5px 11px 10px; background: url('../images/cdos/bg-topmenu-t.jpg') top no-repeat; }
#menu li { list-style-type: none; padding: 0; margin: 0; display: inline; }
#menu li a { color: #fff; font-size: 75%; padding: 6px 10px; margin: 10px 0; font-weight: bold; text-decoration: none; }
#menu li a:hover, #menu li a.over { background: #003b79; }

.ipruvodce { float: right; padding: 5px 5px 0 0; }

/* ---- vyhledavani a jazyky ---- */

#topmenu { background: url('../images/cdos/bg-topmenu-l.gif') bottom left no-repeat; margin-right: 15px; float: right; }
#topmenu .box { background: url('../images/cdos/bg-topmenu-r.gif') bottom right no-repeat; padding: 0 12px 0 10px; }
#topmenu .innerbox { padding: 8px 0 10px 0; background: #c7eafb; }
#headhp #topmenu { background: url('../images/cdos/bg-topmenus-l.gif') bottom left no-repeat; }
#headhp #topmenu .box { background: url('../images/cdos/bg-topmenus-r.gif') bottom right no-repeat; }
  #topmenu #searchform { background: url('../images/cdos/bg-topsearch-l.gif') left no-repeat; margin-right: 10px; float: left; width: 165px; }
  #topmenu #searchform .subbox { background: url('../images/cdos/bg-topsearch-r.gif') right no-repeat; padding: 3px 0 2px 30px; height: 20px; overflow: hidden; }
  #topmenu #searchform p { margin: 0; padding: 0; }
  #topmenu .input { font-size: 12px; color: #000; margin: 0 5px; padding: 0 5px; border: none; width: 85px;  float: left; }
  #topmenu .imgbutton { border: none; margin-top: 2px; float: left; }

#toplang { margin-right: 5px; float: left;  } 
#toplang p { margin: 5px 0 0 0; padding: 0; }
#toplang a span { display: none; }
#toplang a.cz { width: 24px; height: 17px; float: left; display: block; background: url('../images/cdos/lang-cz.gif') no-repeat; }
#toplang a.cz-off { width: 24px; height: 17px; float: left; display: block; background: url('../images/cdos/lang-cz-off.gif') no-repeat; }
#toplang a.en { width: 24px; height: 17px; float: left; display: block; background: url('../images/cdos/lang-en.gif') no-repeat; }
#toplang a.en-off { width: 24px; height: 17px; float: left; display: block; background: url('../images/cdos/lang-en-off.gif') no-repeat; }

#topuser { white-space: nowrap; float: left; font-size: 12px; background: url('../images/cdos/bg-topuser-r.gif') right no-repeat; }
  #topuser .subbox { background: url('../images/cdos/bg-topuser-l.gif') left no-repeat; padding: 5px 10px; }
  #topuser p { margin: 0; padding: 1px 0 0 0; color: #606060; }
  #topuser a { color: #606060; }
  #topuser a.login { text-decoration: none; padding: 0 20px 0 0; font-size: 11px; background: url('../images/cdos/arrowdown-white-gray.gif') top right no-repeat; }
  .notlogged { width: 95px; overflow: hidden;  }

#loginbox { position: absolute; width: 270px; overflow: hidden; top: 47px; left: 671px; font-size: 12px; background: url('../images/cdos/bg-loginbox-b.gif') bottom no-repeat;  }
  #loginbox .subbox { background: url('../images/cdos/bg-loginbox-t.gif') top no-repeat; padding: 5px 10px 11px 10px; }
  #loginbox p { margin: 0; padding: 1px 0 0 3px; }
  #loginbox form { margin: 0; padding: 0 0 10px 0; }
  #loginbox .input { border: 1px solid #003b79; color: #000; margin: 5px 0 0 0; padding: 3px 3px; font-size: 95%; }
  #loginbox .email { width: 175px; }
  #loginbox .password { width: 100px; }
  #loginbox .imgbutton { margin: 10px 0 0 0; }
  #loginbox a { color: #009cdf; text-decoration: underline; padding: 0 20px 0 0; font-size: 11px; }
  #loginbox a:hover { text-decoration: none; }

/* ---- layout obsahove casti ---- */
#main { width: 941px; clear: both; }
#content { width: 700px; float: right; overflow: hidden; }
#menucol { width: 228px; float: left; margin: 10px 13px 0 0; }

#data { width: 471px; padding: 10px 15px 10px 14px; float: left; font-size: 75%; overflow: hidden; }
#datahome { width: 726px; float: left; overflow: hidden; }
#datawide { width: 686px; padding: 10px 15px 10px 14px; float: left; font-size: 75%; overflow: hidden; }
#extras { width: 192px; float: left; margin-left: 8px; }
#extrashp { font-size: 80%; width: 196px; float: left; margin: 15px 0 0 18px; min-height: 653px; padding-bottom: 25px; background: url('../images/cdos/bg-extrashp-b.gif') bottom no-repeat; }
  #extrashp .box { padding: 10px 8px 10px 8px; background: url('../images/cdos/bg-extrashp-t.gif') top no-repeat; overflow: hidden; }

.breadcrump { margin-top: 0; font-size: 95%; color: #828282;  }
.breadcrump a { color: #828282;  }
.breadcrump .active { color: #003b79;  }

.smartmenu { width: 941px; position: absolute; top: 198px; left: 15px; background: url('../images/cdos/bg-smartmenuf-b.gif') bottom no-repeat; }
  .smartmenu .box { background: url('../images/cdos/bg-smartmenuf-t.gif') top no-repeat; padding: 12px 0 3px 0; }
  .smartmenu p { margin: 0; padding: 0; }
  .smartmenu .icons img { float: left; margin: 0 5px 0 0; border: none; }
  .smartmenu .icons a { display: block; width: 55px; height: 30px; margin: 0 0 8px 12px; padding: 0 0 0 35px; float: left; font-size: 70%; font-weight: bold; text-decoration: none; overflow: hidden; }
  .smartmenu .icons { width: 228px; height: 120px; float: left; }
  .smartmenu .content { width: 410px; margin-left: 90px; float: left; font-size: 80%; }
  .smartmenu .content a { font-size: 85%; color: #003b79; }
  .smartmenu .content .input { background: #f3f3f3; border: 1px solid #999999; margin-bottom: 6px; } /* edit MSW 2011 */
  .smartmenu .content .calendar { float: left; margin-left: 2px; }
  .smartmenu .content .days { float: left; margin-left: 5px; width: 21px; }
  .smartmenu .content .days a { float: left; width: 21px; height: 11px; display: block; margin: 0; padding: 0; }
  .smartmenu .content .days img { margin: 0; padding: 0; border: none; text-align: top; }
  .smartmenu .buble { width: 210px; float: left; font-size: 70%; background: url('../images/cdos/bg-smartmenuf-buble-b.gif') bottom no-repeat; }
  .smartmenu .buble .subbox { background: url('../images/cdos/bg-smartmenuf-buble-t.gif') top no-repeat; padding: 8px 10px 8px 35px; }
  .smartmenu .close { margin: 0 0 0 10px; float: left; } 

  .smartmenu.home {  width: 727px; margin: 15px 0 10px 0; float: left; background: url('../images/bg-smartmenuhp-b.gif') bottom no-repeat; }
  .smartmenu.home .box { background: url('../images/bg-smartmenuhp-t.gif') top no-repeat; padding: 12px 0 3px 0; }  

 /* begin MSW 2011 */ 
  .smartmenu table { width: 100%; }
  .smartmenu td.pleft { padding-left: 10px; }
  .smartmenu .mleft { margin-left: 5px; }
  .smartmenu .button { margin-left: 0; }
  .smartmenu .exmarg { margin-right: 32px; }
  .smartmenu .exmarg2 { margin-right: 15px; }
  .smartmenu.home .content { width: 390px; }
  .smartmenu .content .input.noindent { margin-left: 0; }
  .smartmenu .content select { font-size: 90%; }

/* existing definitions */

  .smartmenu .content .input { background: #f3f3f3; border: 1px solid #999999; margin: 0 0 6px 8px; }
  .smartmenu .buble { width: 170px; float: left; font-size: 70%; background: url('../images/bg-smartmenuf-buble-b.gif') left bottom no-repeat; }
  .smartmenu .buble .subbox { background: url('../images/bg-smartmenuf-buble-t.gif') left top no-repeat; padding: 8px 10px 8px 35px; }
  
/* end MSW 2011 */

  .smartmenu table, .smartmenu table td { border: none; margin: 0; padding: 0; }

#smartmenuclose { background: url('../images/cdos/bg-smartmenu-b.gif') bottom no-repeat; }
  #smartmenuclose .box { background: url('../images/cdos/bg-smartmenu-t.gif') top no-repeat; padding: 12px 0 3px 0; }
  #smartmenuclose p { margin: 0; padding: 0; }
  #smartmenuclose img { float: left; margin: 0 5px 0 0; border: none; }
  #smartmenuclose a { display: block; width: 55px; height: 30px; margin: 0 0 8px 12px; padding: 0 0 0 35px; float: left; font-size: 70%; font-weight: bold; text-decoration: none; overflow: hidden; }

.smartmenuhome { width: 727px; margin: 15px 0 10px 0; float: left; background: url('../images/cdos/bg-smartmenuhp-b.gif') bottom no-repeat; }
  .smartmenuhome .box { background: url('../images/cdos/bg-smartmenuhp-t.gif') top no-repeat; padding: 12px 0 3px 0; }
  .smartmenuhome p { margin: 0; padding: 0; }
  .smartmenuhome .icons img { float: left; margin: 0 5px 0 0; border: none; }
  .smartmenuhome .icons a { display: block; width: 55px; height: 30px; margin: 0 0 8px 12px; padding: 0 0 0 35px; float: left; font-size: 70%; font-weight: bold; text-decoration: none; overflow: hidden; }
  .smartmenuhome .icons { width: 228px; height: 120px; float: left; }
  .smartmenuhome .content { width: 390px; margin-left: 90px; float: left; font-size: 80%; }
  .smartmenuhome .content a { font-size: 85%; color: #003b79; }
  .smartmenuhome .content .input { background: #f3f3f3; border: 1px solid #999999; margin-bottom: 6px; }
  .smartmenuhome .content .calendar { float: left; margin-left: 2px; }
  .smartmenuhome .content .days { float: left; margin-left: 5px; width: 21px; }
  .smartmenuhome .content .days a { float: left; width: 21px; height: 11px; display: block; margin: 0; padding: 0; }  

/* begin MSW 2011 */ 

  .smartmenuhome table { width: 100%; }
  .smartmenuhome td.pleft { padding-left: 10px; }
  .smartmenuhome .mleft { margin-left: 5px; }
  .smartmenuhome .button { margin-left: 0; }
  .smartmenuhome .exmarg { margin-right: 32px; }
  .smartmenuhome .exmarg2 { margin-right: 15px; }
  .smartmenuhome .content .input.noindent { margin-left: 0; }
  .smartmenuhome .content select { font-size: 90%; }

/* existing definitions */

  .smartmenuhome .content .input { background: #f3f3f3; border: 1px solid #999999; margin: 0 0 6px 8px; }
  .smartmenuhome .buble { width: 170px; float: left; font-size: 70%; background: url('../images/bg-smartmenuf-buble-b.gif') left bottom no-repeat; }
  .smartmenuhome .buble .subbox { background: url('../images/bg-smartmenuf-buble-t.gif') left top no-repeat; padding: 8px 10px 8px 35px; }
/* end MSW 2011 */

  .smartmenuhome table, .smartmenuhome table td { border: none; margin: 0; padding: 0; }

  a.sm-spojeni { background: url('../images/cdos/sm-spojeni.gif') top left no-repeat; color: #818a8f; }
    a.sm-spojeni:hover { background: url('../images/cdos/sm-spojeni-hover.gif') top left no-repeat;color: #000; }
    a.sm-spojeniover { background: url('../images/cdos/sm-spojeni-over.gif') top left no-repeat; color: #003b79; }
  a.sm-razeni { background: url('../images/cdos/sm-razeni.gif') top left no-repeat; color: #818a8f; }
    a.sm-razeni:hover { background: url('../images/cdos/sm-razeni-hover.gif') top left no-repeat;color: #000; }
    a.sm-razeniover { background: url('../images/cdos/sm-razeni-over.gif') top left no-repeat; color: #003b79; }
  a.sm-cena { background: url('../images/cdos/sm-cena.gif') top left no-repeat; color: #818a8f; }
    a.sm-cena:hover { background: url('../images/cdos/sm-cena-hover.gif') top left no-repeat;color: #000; }
    a.sm-cenaover { background: url('../images/cdos/sm-cena-over.gif') top left no-repeat; color: #003b79; }
  a.sm-poloha { background: url('../images/cdos/sm-poloha.gif') top left no-repeat; color: #818a8f; }
    a.sm-poloha:hover { background: url('../images/cdos/sm-poloha-hover.gif') top left no-repeat;color: #000; }
    a.sm-polohaover { background: url('../images/cdos/sm-poloha-over.gif') top left no-repeat; color: #003b79; }
  a.sm-jizdenka { background: url('../images/cdos/sm-jizdenka.gif') top left no-repeat; color: #818a8f; }
    a.sm-jizdenka:hover { background: url('../images/cdos/sm-jizdenka-hover.gif') top left no-repeat;color: #000; }
    a.sm-jizdenkaover { background: url('../images/cdos/sm-jizdenka-over.gif') top left no-repeat; color: #003b79; }
  a.sm-sluzby { background: url('../images/cdos/sm-sluzby.gif') top left no-repeat; color: #818a8f; }  
    a.sm-sluzby:hover { background: url('../images/cdos/sm-sluzby-hover.gif') top left no-repeat;color: #000; }
    a.sm-sluzbyover { background: url('../images/cdos/sm-sluzby-over.gif') top left no-repeat; color: #003b79; }
    
#submenu { background: #c7eafb url('../images/cdos/bg-submenu-b.gif') bottom no-repeat; margin-top: 10px; }
  #submenu ul { background: url('../images/cdos/bg-submenu-t.gif') top no-repeat; margin: 0; padding: 5px 0 10px 0; }
  #submenu ul li { list-style-type: none; margin: 0; padding: 0; background: none; }
  #submenu ul li a { color: #003b79; font-weight: bold; display: block; padding: 6px 8px; margin: 0 10px; font-size: 75%; text-decoration: none; border-bottom: 1px solid #85b0d0; }
  #submenu ul li span { color: #000; font-weight: bold; display: block; padding: 6px 8px; margin: 0 10px; font-size: 75%; text-decoration: none; border-bottom: 1px solid #85b0d0; }
  #submenu ul li a:hover { color: #333; }
  #submenu ul li.active a { border-bottom: none; }
  * html div#submenu ul li, * html div#submenu ul li a { height: 1px; }

  #submenu ul ul { background: #e3f5fd; margin: 0; padding: 0; border-top: 1px solid #85b0d0; border-bottom: 1px solid #85b0d0; }
  #submenu ul ul li a, #submenu ul ul li span { padding: 6px 8px 6px 30px; border-bottom: none; background: url('../images/cdos/arrow-lblue-blue.gif') 10px 9px no-repeat; }
  #submenu ul ul li a:hover, #submenu ul ul li a.over, #submenu ul ul li span { background: url('../images/cdos/arrow-lblue-gray.gif') 10px 9px no-repeat; }

#footer { clear: both; border-top: 15px solid #FFF; background: #f1f1f1 url('../images/cdos/bg-footer-b.gif') bottom no-repeat; font-size: 70%; }
#footer .box { padding: 20px 10px; background: url('../images/cdos/bg-footer-t.gif') top  no-repeat; }
#footer a { color: #343434; }
#footer p { margin: 0; padding: 0; }
#footer .links { float: left; color: #343434; }
#footer .copy { float: right; color: #7b7b7b; }
#footer .printcontacts { display: none; }

h1 { color: #003b79; font-size: 170%; margin: 0 0 10px 0; font-weight: bold; }
h2 { color: #003b79; font-size: 130%; margin: 10px 0; font-weight: normal; }
h3 { color: #003b79; font-size: 120%; margin: 10px 0; font-weight: bold; }
h4 { color: #003b79; font-size: 110%; margin: 10px 0; font-weight: bold; font-style: italic; }

.floatleft { float: left; }
.floatright { float: right; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.gray { color: #6b6b6b; }

.small { font-size: 90%; }

.sico { display: block; padding: 0 0 0 20px; margin: 0 0 0 15px; float: right; color: #6b6b6b; font-size: 90%;  }
.prints { background: url('../images/cdos/sico-print.gif') no-repeat; }
.emails { background: url('../images/cdos/sico-email.gif') no-repeat;  }

.reset { clear: both; height: 1px; display: block; overflow: hidden; }
.important, .important strong { color: #003b79; }

#data p { line-height: 150%;  }
#datawide p { line-height: 150%;  }

img { border: none; }

.thumbleft{ float: left; padding: 5px; margin: 10px 10px 10px 0; border: 1px solid #ccc; }
.thumbright { float: right; padding: 5px; margin: 10px 0 10px 10px; border: 1px solid #ccc; }

form { margin: 0; padding: 0; }

a { text-decoration: underline; color: #009cdf; }
a:hover { text-decoration: none; }

.hidden { visibility:hidden; }

ul { margin: 0; padding: 10px 0; }

div.ui-datepicker {
display:none;
font-size:62.5%;
}

.prokalendar { margin-right: 5px; }