/**************************************************/
/*                                                */
/*     Author:    Bc. Richard Kalab               */
/*     websites:  www.medplus.cz         	        */
/*                                                */
/*     Date:       28.06.2009                     */
/*                                                */
/*     Copyright:  Bc. Richard Kalab 	       	    */
/*                 www.richard-kalab.cz           */
/*                                                */
/**************************************************/

/* nastaveni defaultnich prvku */
html { width: 100%; margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; background: #325704; }

a img { border: 0; }
em { font-style: normal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

body, p, em, h1, h2, h3, h4, h5, h6, div, span, li, a, textarea, abbr {
  font-family: Arial, Verdana, Helvetica, "Geneva CE", lucida, sans-serif;
 }

p, address, dl, dl{ margin: 0; padding: 0 0 15px 0; font-size: 12px; line-height: 1.4em; color: #fff; font-style: normal; }
p a { color: #ffed00; text-decoration: none; }

ul { margin: 0 20px; padding: 0; font-size: 12px; line-height: 1.2em; color: #fff; font-style: normal; }

table { font-size: 0.75em; /*border: solid 1px #d0e6ff; */width: 100%; }
td, th { padding: 0; margin: 0; background: #fff; }

abbr { cursor: help; }
form {margin:0;padding:0;}

h2 { text-transform: none; font-size: 14px; font-weight: bold; color: #0175b9; }
h3 { margin-bottom: 5px; text-transform: none; font-size: 12px; font-weight: bold; color: #0175b9; }
h4 { margin-bottom: 4px; text-transform: none; font-size: 12px; font-weight: bold; color: #333; }
h1, .h2likeh1 { margin: 0; padding: 0 0 18px 27px; text-transform: none; font-size: 22px; font-weight: normal; color: #f8eb65;
  background: url('../design/dot.gif') 0 6px no-repeat;}
h1 a, .h2likeh1 a { color: #f8eb65; }
.h2sp { margin: 0; padding: 0 0 10px 0; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #000; }
.h2sp a { color: #000; }
.h2home { margin: 0; padding: 30px 5px 0 60px; color: #1d3340; text-transform: uppercase; font-size: 13px; }
.h2home a { color: #1d3340; }



#main-layout { margin: 0 auto; padding: 0; width: 1000px;}
#head { margin: 0; padding: 61px 0 20px 28px; width: 972px; height: 323px; overflow: hidden; }
  .head-home { background: url('../design/head-home.jpg') 50% 0 no-repeat; }
  .head-kontakt { background: url('../design/head-kontakt.jpg') 50% 0 no-repeat; }
  .head-aktuality { background: url('../design/head-aktuality.jpg') 50% 0 no-repeat; }
  #head-top { margin: 0; padding: 0; overflow: hidden; height: 273px; }
  #logo { margin: 0; padding: 0; display: block; float: left; width: 157px; height: 83px; }
  #logo img { border: 0; margin: 0; padding: 0; }
  #moto-txt { margin: 0; padding: 15px 0 0 0; width: 705px; float: right; text-align: left; }
  #moto1, #moto2 {display: block; color: #f4f2bc; font-weight: normal; }
  #moto1 { font-size: 28px; line-height: 33px; }
  #moto2 { padding: 0 0 0 170px; font-size: 46px; line-height: 36px; font-family: Verdana, Arial, Helvetica, "Geneva CE", lucida, sans-serif;  }

  #head-bann { margin: 0; padding: 10px 0 0 0; float: left; width: 330px; }
  #shop-link { margin: 0; padding: 0 0 0 36px; background: url('../design/kosik.gif') 0 0 no-repeat; color: #fff; font-size: 20px; text-transform: uppercase; }
  #podpora-link { margin: 0 0 0 25px; padding: 7px 0 0 36px; background: url('../design/obalka.gif') 0 0 no-repeat; color: #fff; font-size: 16px; }
  

  #menu { margin: 0 0 20px 0; padding: 0 0 0 0; list-style-type: none; float: right; width: 618px; overflow: hidden;}
  #menu li { margin: 0; padding: 0; float: left; width: 103px; }
    .mitem { margin: 0; padding: 13px 0 0 0; float: left; width: 103px; height: 37px; color: #325704; font-size: 15px;
      background: url('../design/menu-hover.jpg') 100% 0 no-repeat; text-align: center; text-transform: uppercase; }
    .mitem:hover, .actv { background-position: 0 0 !important; color: #fff; text-decoration: none; }
    .spm { padding-top: 7px !important; height: 43px !important; }
/* content */
  #container { margin: 0; padding: 0; background: url('../design/vert-dot.gif') 744px 0 repeat-y; }
    #content { margin: 0; padding: 0 28px; float: left; width: 688px; min-height: 500px; background: url('../design/gradient.jpg') 100% 100% no-repeat; }
      .pside { margin: 0; padding: 0; width: 320px; }

      .txt-box { margin: 0; padding: 0 5px 0 0; float: right; width: 580px; min-height: 120px; _height: 120px; }
        .wide530 { width: 530px !important; float: none; }
        .wide485 { width: 485px !important; float: none; }
        .wide690 { width: 690px !important; float: none; }
        h2.h2vypis { margin: 0; padding: 0 0 1px 0; color: #fff; font-weight: normal; font-size: 12px; font-weight: normal; }
        h2.h2vypis a { color: #fff; text-decoration: none; }
        h2.h2vypis a strong { color: #fff; font-weight: normal; }
        h2.h2vypis a:hover { text-decoration: none; }
        h2.h2vypis a:hover strong { text-decoration: underline; }
        .img-box { margin: 0; padding: 0; float: left; width: 160px; min-height: 120px; _height: 120px; }
        .img-box img { border: solid 1px #849fa6; }
        .bb1-clear { margin: 0 0 10px 0; padding: 0; clear: both; border-bottom: dotted 1px #fff; }
        .gr-date { margin: 0; padding: 0; color: #30ff00; font-size: 12px; }
        .next-akt { color: #ffed00; font-weight: bold; }
        .btn-90 { margin: 0; padding: 3px 0 0 0; display: block; width: 90px; height: 20px; overflow: hidden;
          color: #000; background: url('../design/btn-90.gif') 0 0 no-repeat; text-align: center;  }
        .btn-oval-69 { margin: 0; padding: 3px 0 0 0; display: block; width: 69px; height: 18px; overflow: hidden;
          color: #000; background: url('../design/btn-oval-69.gif') 0 0 no-repeat; text-align: center; font-size: 12px; }
        .btn-red-222 { margin: 0; padding: 7px 0 0 0; display: block; width: 222px; height: 22px; overflow: hidden; text-transform: uppercase;
          color: #fff; background: url('../design/btn-red-222.jpg') 0 0 no-repeat; text-align: center; font-size: 12px; }

        .kontakty-box { margin: 0; padding: 10px 0; width: 432px; float: right; font-size: 13px; }
        .kontakty-box p, .kontakty-box address { font-size: 13px; line-height: 22px; }
        .kontakty-box a { color: #fff; }

        #zamestnanci { margin: 0; padding: 0 0 100px 0; }
          .zam { margin: 0; padding: 0; width: 229px; }
            .zam-img { margin: 0; padding: 0; display: block; float: left; width: 162px; height: 160px; }
            .zam-txt { margin: 0; padding: 40px 0 0 0; display: block; }
            .zam-txt a { color: #fff; }
            .zam-txt.w280 { width: 280px; }

       #formular-sup { width: 490px; }
        .half-block { margin: 0; padding: 0; width: 241px; }
        .wide120 { width: 120px !important; }
        .wide190 { width: 190px !important; }
        .wide220 { width: 220px !important; }
        .wide250 { width: 260px !important; }
        .wide470 { width: 470px !important; }
        .wide440 { width: 440px !important; }
        .clasic { margin: 0;padding: 0; }
        .clasic dd, .clasic dt { margin: 0 0 5px 0; padding: 0; clear: left; }
        .clasic dt input { width: 209px; }
        .sp-area { margin: 0; padding: 3px 5px; width: 209px; height: 100px;
          font-size: 12px;  }
        .sp-area-reg { margin: 0; padding: 3px 5px; width: 209px; height: 100px;
          font-size: 12px; background: url('../design/area-big.gif') 0 0 no-repeat; border: solid 1px #849fa6; }

        .dd-flt { margin: 0; padding: 3px 0 0 0 !important; float: left; width: 130px; display: block; }
        .dt-flt { margin: 0; padding: 0; float: left; width: 340px; display: block; }


    #news-panel { margin: 0; padding: 0 20px; width: 215px; float: right; }

#foot { margin: 0 auto; padding: 38px 0 0 0; width: 1000px; height: 51px; font-size: 14px; background: url('../design/foot.jpg') 0 0 no-repeat; text-align: center; }
#foot-menu { margin: 0 auto; padding: 5px 0 0 0; text-align: center; list-style-type: none; }
#foot-menu li { margin: 0; padding: 0; color: #325704; font-size: 16px; display: inline; }
#foot-menu li a { margin: 0 10px; padding: 0; color: #325704; font-size: 14px; display: inline; text-transform: uppercase; }
.factiv { font-weight: bold !important; }

#copyright { margin: 0 auto; padding: 8px 0 10px 0; width: 100%; text-align: center; background: #849fa6; }
#copyright p { padding-bottom: 3px; color: #fff; }
#copyright p a { color: #fff; }

.system-vypis { margin: 0; padding: 10px 0; }
.pocty-clanku { margin: 0; padding: 0; font-size: 0.7em; color: #918e8e; width: 30%; float: left; }
.clanky-pocet-top { margin: 0; padding: 0; font-size: 0.7em; color: #918e8e; text-align: right; }
.galerie-pocet-top { margin: 0; padding: 8px 10px 0 0; font-size: 0.7em; color: #918e8e; text-align: right; }
.modely-pocet-top { margin: 0; padding: 0 20px 0 0; font-size: 0.75em; color: #918e8e; text-align: right; }
.modely-pocet-top strong { margin: 0; padding: 0; color: #000; }
.strankovani { margin: 0; padding: 0; font-size: 0.7em; color: #918e8e; width: 70%; float: right; text-align: right; }
.strankovani a { color: #0a88b7; }
.strankovani a:hover { color: #2424e3; text-decoration: underline; }
.po-str { margin: 0; padding: 0 20px 3px 0; color: #918e8e; font-weight: bold; /*background: url('../design/orng-sip.gif') 100% 0px no-repeat;*/ }
.pred-str { margin: 0; padding: 0 0 3px 20px; color: #918e8e; font-weight: bold; /*background: url('../design/orng-sip2.gif') 0 0px no-repeat;*/ }


/* hlasky */
.error-message { margin: 0; padding: 20px 0 20px 80px; display: block; min-height: 36px; _height: 26px; color: #d70000;
    /*border: solid 1px #d70000; */background: url('../design/hlaska-not.gif') 20px 50% no-repeat; }
.error-message-2 { margin: 0 0 5px 0; padding: 8px; display: block; min-height: 16px; _height: 16px; color: #d70000;
    border: solid 1px #d70000; /*background: url('../design/hlaska-not.gif') 0px 50% no-repeat;*/ }
.info-message { margin: 0; padding: 20px 0 10px 100px; display: block; min-height: 36px; _height: 26px; color: #5592c3;
    /*border: solid 1px #77b4e5; */background: url('../design/hlaska-info.gif') 20px 50% no-repeat; }
.ok-message { margin: 0; padding: 20px 0 10px 80px; display: block; min-height: 36px; _height: 26px; color: #6bc734;
    /*border: solid 1px #6bc734;*/ background: url('../design/hlaska-ok.gif') 20px 50% no-repeat; }

.soubory-list { margin:0; padding: 0; list-style-type: none; }
.soubory-list li { margin:0; padding: 4px 0; }
.ico-sp { margin: 0; padding: 3px 0 3px 25px; color: #000; background: url('../design/ikony/ico-null.gif') 0 2px no-repeat; }
.ico-sp:hover { color: #04b0f5; }
.idoc { background: url('../design/ikony/ico-doc.gif') 0 2px no-repeat !important; }
.ixls { background: url('../design/ikony/ico-xls.gif') 0 2px no-repeat !important; }
.ipdf { background: url('../design/ikony/ico-pdf.gif') 0 2px no-repeat !important; }
.izip { background: url('../design/ikony/ico-zip.gif') 0 2px no-repeat !important; }
.irar { background: url('../design/ikony/ico-rar.gif') 0 2px no-repeat !important; }

/* mess cleaner */
.alternative { display: none; }
.hide { visibility: hidden; }
.cleaner, .clnr { clear: both; margin: 0 !important; padding: 0 !important; }
.clnr-t17 { clear: both; margin: 0 !important; padding: 0 !important; height: 17px; }
.cleaner-s, .clnr-s { clear: both; display: block; margin: 0 !important; padding: 0 !important; }
.block { display: block !important; }
.ovh { overflow: hidden !important; }

.fleft { float: left; }
.flefti { float: left !important; }
.fright { float: right; }
.frighti { float: right !important; }

.bg-t { background: transparent !important; }
.upper { text-transform: uppercase; }
.no-dec { text-decoration: none; }
.no-dec:hover { text-decoration: none; }

.bt1 { padding-top: 10px; border-top: dotted 1px #849fa6; }

.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.tcenter { text-align: center !important; }

.white { color: #fff; }
.black { color: #000 !important; }
.fs-075 { font-size: 0.75em; }
.fs-075i { font-size: 0.75em !important; }
.fs-08i { font-size: 0.8em !important; }
.fs-1 { font-size: 1em; }

.ovl { text-decoration: overline; }


.w200i { width: 200px !important; }
.w132 { width: 132px; }
.w134 { width: 134px; }
.w139 { width: 139px; }
.w140 { width: 140px; }
.w152 { width: 152px; }
.w154 { width: 154px; }

.ico-pdf { margin: 0; padding: 0 0 0 20px; background: url('../design/ico-pdf.gif') 0 0 no-repeat; }
.foto-slozka { margin: 0; padding: 35px 0 8px 75px; display: block; width: 200px; background: url('../design/galerie.jpg') 0 0 no-repeat; }

.red { color: #d84c39; }
.red-star { padding: 0 0 0 10px; color: #d84c39; display: block; width: 20px; float: left;}

ul.no-style { margin: 0; padding: 0; list-style-type: none; }
ul.no-style li { padding: 3px 0; }
ul.no-style li a { color: #2d3b81; }

.bb0 { border-bottom: 0 !important; }
.b0 { border: 0 !important; }

.p0   { padding: 0 !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pb0  { padding-bottom: 0px !important; }
.pb3  { padding-bottom: 3px !important; }
.pb5  { padding-bottom: 5px !important; }
.pb6  { padding-bottom: 6px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pr0  { padding-right: 0px !important; }
.pl0  { padding-left: 0px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.mt0  { margin-top: 0px !important; }
.mt5  { margin-top: 5px !important; }
.ml0  { margin-left: 0px !important; }
.mr0  { margin-right: 0px !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mt14 { margin-top: 14px !important; }
.mt20 { margin-top: 20px !important; }
.mb3  { margin-bottom: 3px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }