/**************************************************/
/*                                                */
/*     Author:    Bc. Richard Kalab               */
/*     websites:  www.design-by-mag.cz   	        */
/*                                                */
/*     Date:       11.08.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: #000; }

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: 14px; line-height: 1.4em; color: #fff; font-style: normal; }
p a { color: #fff; text-decoration: none; }

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

table { font-size: 14px; /*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: 12px; font-weight: bold; color: #3d7fb7; }
.h2g { color: #3da900; }
.h2p { color: #e13d81; }
h3 { margin-bottom: 5px; text-transform: none; font-size: 12px; font-weight: bold; color: #1b4677; }
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: #fff; font-size: 18px; font-weight: normal; text-transform: none; }
h1 a, .h2likeh1 a { color: #1b4677; }
.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; }
.h2blue { margin: 0; padding: 0; color: #1b4677; font-size: 12px; font-weight: bold; text-transform: none; }


#main-layout-null { margin: 0; padding: 0; width: 100%; min-height: 500px; background: #0b1618 url('../design/bg-body.gif') 0 0 repeat-x;  }
  #main-layout { margin: 0 auto; padding: 0; width: 1000px;}
    #head { margin: 0 0 20px 0; padding: 0; width: 1000px; height: 286px; overflow: hidden;  background: url('../design/head.jpg') 50% 0 no-repeat; }
      #logo { margin: 24px 152px 0 0; _margin-right: 76px; padding: 0; display: block; float: right; width: 300px; height: 57px; }
      #top-menu { margin: 126px 0 0 100px; padding: 0; list-style-type: none; width: 798px; height: 60px; overflow: hidden;
        background: url('../design/menu.jpg') 0 0 no-repeat; }
        .titem { margin: 0; padding: 0; display: block; float: left; width: 133px; height: 40px;  color: #000; font-size: 11px; }
        #home, #moje-prace, #sluzby, #cenik, #news, #kontakt {
          margin: 0; padding: 0; color: #000; font-size: 11px; display: block; height: 40px; width: 132px; text-align: center;
          background-image: url('../design/menu.jpg'); }
        #home       { background-position: 0 0; }
        #moje-prace { background-position: -133px 0; }
        #sluzby     { background-position: -266px 0; }
        #cenik      { background-position: -399px 0; }
        #news       { background-position: -532px 0; }
        #kontakt    { background-position: -665px 0; }
        #home:hover, .active1       { background-position: 0 -60px !important; }
        #moje-prace:hover, .active2 { background-position: -133px -60px !important; }
        #sluzby:hover, .active3     { background-position: -266px -60px !important; }
        #cenik:hover, .active4      { background-position: -399px -60px !important; }
        #news:hover, .active5       { background-position: -532px -60px !important; }
        #kontakt:hover, .active6    { background-position: -665px -60px !important; }
        .factiv { font-weight: bold !important; }

/* content */
    #content { margin: 0 auto; padding: 0 0 40px 0; width: 980px; }

    #gallerie { margin: 0; padding: 0; min-height: 300px; }

      .foto-box { margin: 0 0 20px 0; padding: 0; }
      .img-side { margin: 0; padding: 12px 10px 0 56px; width: 436px; height: 187px; float: left; background: url('../design/bg-reference.gif') 0 0 no-repeat; }
      .img-side a img, .img-side-p a img {  }
      a.img-flt { margin: 2px 55px 20px 0; width: 110px; height: 84px; display: block; float: left; }
      a.img-flt img { margin: 0; padding: 0; border: solid 1px #1a1a1a; width: 108px; height: 82px; display: block;  }
      .txt-side { margin: 0; padding: 0; width: 470px; float: left; }
      .txt-side h2 { color: #f1609c; text-transform: uppercase; font-weight: normal; font-size: 14px; }

      #gall-cont { /*margin: 0 auto; padding: 0; width: 870px; min-height: 250px; overflow: hidden;*/ }
      .obj-g { /*margin: 0 25px 0 0; padding: 0; width: 269px; float: left;*/ }
      .master { display: block; width: 269px; height: 271px !important; }
      .master155 { margin: 0 0 12px 0; display: block; width: 269px; height: 155px !important; }
      .atr { margin: 0 0 3px 0; padding: 0; display: block; float: left; width: 68px; color: #fff; overflow: hidden; }
      .val { margin: 0 0 3px 0; padding: 0; display: block; float: left; width: 190px; color: #fff; overflow: hidden; }
      .val2 { margin: 0 0 3px 0; padding: 0; display: block; float: left; width: 341px; color: #fff; }
      .zadani { margin: 10px 0 0 0; padding: 0; display: block; width: 269px; overflow: hidden; height: 70px; }
      .zadani2 { margin: 5px 0 0 0; padding: 0; display: block; width: 420px; overflow: hidden; height: 70px; color: #fff !important; }
      .zadani2 em { color: #fff; }
      /*.zadani2 em a { color: #000; text-decoration: underline; }*/
      .zadani2 em a:hover { text-decoration: none; }
      .vice-p { margin: 0; padding: 0; text-align: right; }
      .vice-p em, .vice-p em a { color: #e1518c; }
      .vice-p em a { text-decoration: underline; }
      .vice-p em a:hover { text-decoration: none; }
      .clr-b, clr-b a { color: #1ecdbe; }

    .content-left { margin: 0; padding: 0 0 0 60px; float: left; width: 485px; }
      .tab-g { margin: 0 0 20px 0; padding: 0; width: 100%; border-collapse: collapse; background: transparent; }
      .tab-g th, .tab-g td { margin: 0; border: solid 1px #3da900; color: #fff; font-weight: normal; background: transparent; text-align: left; vertical-align: middle; }
      .tab-g th { border-left: 0; padding: 10px 20px 10px 0; }
      .tab-g td { border-right: 0; padding: 10px 10px 10px 20px; white-space: nowrap; }

      .tab-p { margin: 0 0 20px 0; padding: 0; width: 100%; border-collapse: collapse; background: transparent; }
      .tab-p th, .tab-p td { margin: 0; border: solid 1px #e13d81; color: #fff; font-weight: normal; background: transparent; text-align: left; vertical-align: middle; }
      .tab-p th { border-left: 0; padding: 10px 20px 10px 0; }
      .tab-p td { border-right: 0; padding: 10px 10px 10px 20px; white-space: nowrap; }

    .content-right { margin: 0; padding: 0 50px 0 0; float: right; width: 342px; }
    
    #kontakt-addr { margin: 0; padding: 0 0 0 60px; width: 320px; float: left; }
    #kontakt-okno { margin: 0; padding: 29px; width: 169px; float: left; height: 212px; background: url('../design/okno.jpg') 0 0 no-repeat; }
      .icq, .skype, .mobile, .email, .web { margin: 0; padding: 5px 0 12px 30px; display: block; font-size: 12px !important;  }
      .icq    { background: url('../design/ikony/icq.gif')    0 2px no-repeat; }
      .skype  { background: url('../design/ikony/skype.gif')  0 2px no-repeat; }
      .mobile { background: url('../design/ikony/mobile.gif') 0 2px no-repeat; }
      .email  { background: url('../design/ikony/email.gif')  0 2px no-repeat; }
      .web    { background: url('../design/ikony/web.gif')    0 2px no-repeat; }
    #kontakt-form { margin: 0; padding: 0 60px 0 0; float: right; width: 280px; }
      .clasic { margin: 0;padding: 0; }
      .clasic dd, .clasic dt { margin: 0 0 5px 0; padding: 0; }
      .clasic dt input { width: 235px; background: transparent; border: solid 2px #ccc1b8; color: #fff; }
      .sp-area { margin: 0; padding: 3px 5px; width: 224px; height: 100px; color: #fff;
        font-size: 12px; background: transparent; /*background: url('../design/area-big.gif') 0 0 no-repeat;*/ border: solid 2px #ccc1b8; }

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

      .btn-odeslat { margin: 0; padding: 0; display: block; width: 132px; height: 25px;
        border: 0; cursor: pointer; background: url('../design/btn-odeslat.gif') 0 0 no-repeat; }

      p.light { padding-right: 40px; font-size: 10px; }

      .date-b { margin: 12px 0 0 0; padding: 0; display: block; font-size: 12px; color: #1ecdbe; }
      .akt-h2 { margin: 3px 0 10px 0; padding: 0; display: block; font-size: 12px; color: #1ecdbe; text-transform: uppercase; font-weight: normal; }

    #home-cont { margin: 0; padding: 0 0 0 60px; float: left; width: 570px; }

    #home-news { margin: 0; padding: 0 55px 0 0 ; float: right; width: 270px; }

    .slu-half { margin: 0; padding: 0 0 0 60px; width: 400px; }
    .li-sip { margin: 0; padding: 0 0 20px 0; list-style-type: none; color: #fff; }
    .li-sip li { margin: 0; padding: 0 0 0 20px; line-height: 20px; background: url('../design/li-sipka.gif') 0 50% no-repeat;  }

    div.scrollable { margin: 0 auto; overflow: hidden; width: 880px;}
    div.scrollable div.items div { float: left; width: 270px; font-size: 12px; margin-right: 25px; }



      
#foot-null { margin: 0; padding: 0; width: 100%; background: url('../design/bg-foot.gif') 0 0 repeat-x; }
#foot { margin: 0 auto; padding: 10px 10px 0 10px; width: 920px; height: 155px; font-size: 11px;
  background: url('../design/foot-label.jpg') 280px 0 no-repeat; text-align: center; }
  #foot-menu { margin: 0 auto; padding: 3px 0 0 0; text-align: center; list-style-type: none; }
  #foot-menu li { margin: 0; padding: 0 0 0 10px; color: #1ecdbe; font-size: 14px; display: inline; }
  #foot-menu li a { margin: 0 10px 0 0; padding: 0; color: #1ecdbe; font-size: 14px; display: inline; }

#copyright { margin: 0 auto; padding: 35px 0 10px 0; width: 100%; text-align: center; }
#copyright p { padding-bottom: 3px; color: #1ecdbe; font-size: 11px; }
#copyright p a { color: #1ecdbe; text-decoration: underline; }
#copyright p a:hover { color: #1ecdbe; text-decoration: none; }

.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 auto; width: 310px; padding: 5px 10px; font-size: 14px; color: #e1518c; background: #080f11; text-align: center; }
.strankovani a { margin: 0 4px; color: #fff; }
.strankovani strong { margin: 0 4px; }
.strankovani a:hover { color: #1ecdbe; text-decoration: underline; }
.po-str { margin: 0; padding: 0 20px 3px 0; float: right; color: #918e8e; font-weight: bold; background: url('../design/g-sipka-r.gif') 100% 3px no-repeat; }
.pred-str { margin: 0; padding: 0 0 3px 20px; float: left; color: #918e8e; font-weight: bold; background: url('../design/g-sipka-l.gif') 0 3px no-repeat; }
.pred-str-g { margin: 0; padding: 0 0 3px 20px; float: left;  background: url('../design/g-sipka-l-g.gif') 0 3px no-repeat; }
.po-str-g   { margin: 0; padding: 0 20px 3px 0; float: right; background: url('../design/g-sipka-r-g.gif') 100% 3px no-repeat; }
.po-str:hover, .pred-str:hover { text-decoration: none !important; }
.po-str:hover { background-position: 100% -17px; }
.pred-str:hover { background-position: 0 -17px; }


/* hlasky */
.error-message { margin: 5px 0; padding: 10px 10px 10px 40px; display: block; min-height: 16px; _height: 16px; color: #d70000;
    border: solid 1px #d70000; background: url('../design/exclamation.gif') 10px 50% no-repeat; }
.error-message-2 { margin: 0 0 5px 0; padding: 8px; display: block; min-height: 22px; _height: 22px; color: #d70000;
    border: solid 1px #d70000; /*background: url('../design/hlaska-not.gif') 0px 50% no-repeat;*/ }
.info-message { margin: 5px 0; padding: 10px 10px 10px 40px; display: block; min-height: 22px; _height: 22px; color: #5592c3;
    border: solid 1px #77b4e5; background: url('../design/detail.gif') 10px 50% no-repeat; }
.ok-message { margin: 5px 0; padding: 10px 10px 10px 40px; display: block; min-height: 22px; _height: 22px; color: #6bc734;
    border: solid 1px #6bc734; background: url('../design/accept.gif') 10px 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; }

.no-wrap { white-space: nowrap !important; }

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

.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }
.vat { vertical-align: top !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; }

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


.p0   { padding: 0 !important; }
.pt2  { padding-top: 2px !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; }
.pr40 { padding-right: 40px !important; }
.pl0  { padding-left: 0px !important; }
.plr0 { padding-left: 0px !important; padding-right: 0px; }
.p_lr_60 { padding-left: 60px !important; padding-right: 60px; }
.plr8 { padding-left: 8px !important; padding-right: 8px; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !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; }

/* google style */

#goog-fixurl div#goog-wm div.content ul { margin: 0; padding: 0; list-style-type: none; color: #fff;}
#goog-fixurl div#goog-wm div.content ul li { margin: 0; padding: 0 0 6px 0; list-style-type: none; color: #fff;}
h3.other-things { margin: 0; padding: 0 0 10px 0; color: #fff; font-size: 14px;}
li.search-goog input#goog-wm-qt { margin: 5px 20px 0 0; padding: 2px 6px; background: transparent; border: solid 2px #ccc1b8; color: #fff;
  display: block; width: 250px; float: left;}
input#goog-wm-sb { margin: 5px 0 0 0; padding: 0; display: block; float: left; width: 132px; height: 25px; color: #000; font-size: 11px; border: 0;
  background: url('../design/btn-132.jpg') 0 0 no-repeat; }