/**************************************************/
/*                                                */
/*     Author:    Bc. Richard Kalab               */
/*     websites:  www.ph-security.cz     	        */
/*                                                */
/*     Date:       28.05.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: #353e46; }

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: #bebebe; font-style: normal; }
p a { color: #bebebe; text-decoration: none; }
.bebe { color: #bebebe; }
ul { margin: 0 20px; padding: 0; font-size: 12px; line-height: 1.2em; color: #bebebe; 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: 18px; font-weight: normal; color: #c2915e; }
h3 { margin-bottom: 8px; 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 10px 0; color: #b2d3ef; font-size: 18px; font-weight: normal; text-transform: uppercase; }
h1 a, .h2likeh1 a { color: #b2d3ef; }
.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; }

#layout { margin: 0 auto; padding: 0; width: 972px; }
  #logo { margin: 0; padding: 0; float: left; }
  #hr { margin: 0; padding: 0; float: right; width: 450px; text-align: right; }
    #langs { margin: 0 0 20px 0; padding: 20px 0 0 0; list-style-type: none; }
      #langs li { margin: 0 5px; padding: 0; display: inline; }
    .sptop { margin: 0; padding: 0; font-size: 14px; text-transform: uppercase; color: #d8dee2; }
      .clr-o { color: #e47c0f; }
      .clr-o a { color: #e47c0f; text-decoration: underline; }
      .clr-o a:hover { text-decoration: none; }
      .clr-g { color: #d8dee2; }

  .sprtr  { margin: 0; padding: 0; width: 100%; height: 6px; clear: both; background: url('../design/separator.jpg') 1px 0 no-repeat; }
  .sprtr2 { margin: 0; padding: 0; width: 100%; height: 3px; clear: both; background: #353e46; }

  #menu { margin: 0; padding: 0; display: block; float: left; width: 303px; list-style-type: none; }
    .mitem { margin: 0; padding: 22px 0 0 25px; display: block; height: 38px; background: url('../design/mitem.gif') 0 100% no-repeat;
      color: #d8dee2; text-transform: uppercase; font-size: 14px; }
    .mitem:hover { color: #eda04f; text-decoration: none; }
    .msp { padding-top: 21px !important; background-position: 0 0 !important; height: 36px !important; }

  #ph-ilustr { margin: 0 4px 0 0; _margin-right: 2px; padding: 0; float: right; width: 662px; overflow: hidden; }

  #content { margin: 0 4px 0 0; _margin-right: 2px; padding: 30px 20px; width: 622px; background: #3b444c; float: right; min-height: 265px; }
    .clasic { margin: 0;padding: 0; }
    .clasic dd { display: block; float: left; width: 91px; clear: both; }
    .clasic dt { display: block; float: left; width: 515px; }
    .clasic dd, .clasic dt { margin: 0 0 5px 0; padding: 0; }
    .clasic dt input { width: 510px; }
      .sp-area { margin: 0; padding: 3px 5px; width: 500px; height: 100px;
        font-size: 12px; }

      .btns { margin:0 auto; padding: 0; text-align: center; }
      .btn-send, .btn-erase { margin: 10px; padding: 0 0 5px 0; text-align: center; text-transform: uppercase;  border: solid 1px #4b5258;
        width: 150px; height: 27px; cursor: pointer; font-size: 12px; %padding: 0;  }
      .btn-send { background: url('../design/bg-btn.gif') 0 0 repeat-x; color: #eda04f; }
      .btn-erase { background: url('../design/bg-btn.gif') 0 0 repeat-x; color: #d8dee2; }

      .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; }


  #side { margin: 0 0 0 2px; _margin-left: 1px; padding: 0; width: 301px; background: #3b444c; float: left; min-height: 325px; }
  .container-1 { margin: 0; padding: 30px 20px; }
  .box-side { margin: 0 0 0 2px; _margin-left: 1px; padding: 30px 20px; width: 261px; background: #3b444c; float: left; min-height: 265px; }

  .box-side2 { margin: 0 0 0 3px; _margin-left: 2px; padding: 30px 20px; width: 289px; background: #3b444c; float: left; min-height: 265px; }
  .box-side h2, .box-side2 h2 { margin-top: 0 !important; padding-top: 0 !important; text-transform: uppercase; }

  #foot { margin: 0; padding: 26px 34px; color: #bebebe; }
  .copyright { margin: 0; padding: 0; display: block; width: 300px; float: left; text-align: left; }
  .desginby { margin: 0; padding: 0; display: block; width: 300px; float: right; text-align: right; }

/* 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; }
.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; }

.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; }

.mhspec { background: url('../design/mhspec.gif') 306px 0 repeat-y; }

.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; }