/* ----------------------------------------------------------------------------------------------------------

    LT WebDevelopment (www.lukastomek.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         30/07/2009

---------------------------------------------------------------------------------------------------------- */

/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

body		        { font: normal 62.8%/1.3 sans-serif; color: #333333; padding: 30px 0 50px; text-align: center; background: #b6c046 url('../images/bg-body.gif'); }
a			          { color: #666666; }
a:hover	        { text-decoration: underline !important; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 1px 0; border: 1px solid #595959; color: #000 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { height: 18px; overflow: visible; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; margin-bottom: .5em; }
h2	{ font-size: 1.45em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.1em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #97749c; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }
address     { font-style: normal; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { text-align: left; position: relative; }
#head    { font-size: 1.2em; position: relative; z-index: 10; }
#content { font-size: 1.2em; z-index: 1; }
#foot    { font-size: 1.2em; z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; }
.small	   { font-size: .90em; }
.big       { font-size: 1.2em; }
.biggest   { font-size: 2em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.yellow    { color: #FFFF00 !important; }
.red       { color: #b7092a !important; }
.test      { border: 1px black solid; }
.smile     { vertical-align: middle; margin: 0 2px; }
.noBrd     { border: none !important; }
.noBrdL    { border-left: none !important; }
.noBrdR    { border-right: none !important; }
.autoWidth { width: auto !important; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }
.relative  { position: relative; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* -- Forms layout -- */
.formBox .lab			      { float: left; width: 29%; text-align: right; padding-right: 1%; }
.formBox .con			      { float: right; width: 70%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 98%; }
.formBox .error         { background-color: #fd8489; }
.formBox .button:focus  { border-color: #000; }
.formBox .submit        { padding: 2px 10px; background: #97749c; }

.msgErr                 { color: #DB2133; font-size: 1.2em; border: 1px solid #DB2133; background: #FBE8EA url('../images/msg-error.png') 20px 8px no-repeat; padding: 15px 20px 10px 87px; min-height: 40px; _height: 40px; margin-bottom: 1.5em; }
.msgOk                  { color: #000000; font-size: 1.1em; border: 1px solid #349901; background: #D9F2BF url('../images/msg-ok.png') 20px 8px no-repeat; padding: 10px 20px 7px 87px; min-height: 40px; _height: 40px; margin-bottom: 1.5em; }

/* -- Basic content constructs -- */
.offsetTop    { margin-top: 1em; }
.offsetBottom { margin-bottom: 1em; }
.info         { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; }

/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; }
.cols .col1 { float: left; }
.cols .col2 { float: right; }

.cols50 .col1,
.cols50 .col2 { width: 50% !important; }

.hpCols .col1 { width: 168px; }
.hpCols .col2 { float: left; width: 550px; margin-left: 8px; }
.hpCols .col3 { float: right; width: 153px; }

.cols1v2 .col1 { width: 168px; }
.cols1v2 .col2 { width: 700px; }

/* -- Layout -- */
#view         { width: 886px; margin: 0 auto; padding: 0 15px; background: url('../images/bg-view.png') repeat-y; }
#head         { height: 178px; background: url('../images/bg-head.jpg') no-repeat; }
#content      {  }
#foot         { clear: both; }

  #view-top    { width: 916px; margin: 0 auto; height: 13px; background: url('../images/bg-view-top.png'); }
  #view-bottom { width: 916px; margin: 0 auto; height: 13px; background: url('../images/bg-view-bottom.png'); }
  
  #head #logo { width: 190px; height: 120px; }
        #logo span { background: url('../images/bg-logo.jpg') no-repeat; }
        
  #head #langs { position: absolute; width: 120px; bottom: 13px; right: 32px; z-index: 100; }
        #langs li { width: 30px; height: 18px; float: left; margin-right: 8px; }
        #langs .cs span { background: url('../images/bg-flag-cs.gif') no-repeat; }
        #langs .en span { background: url('../images/bg-flag-en.gif') no-repeat; }
        #langs .fr span { background: url('../images/bg-flag-fr.gif') no-repeat; }
  
  #head #picture { position: absolute; width: 192px; height: 174px; top: -20px; right: -28px; z-index: 10; background: url('../images/bg-head-picture.png') no-repeat; }
  
  .mainMenu { font-size: 1.2em; }
  .mainMenu li { margin-bottom: 2px; }
  .mainMenu li a.center { padding-left: 0; padding-right: 0; }
  .mainMenu li a { display: block; padding: 12px 8px 12px 25px; color: #000; text-decoration: none; background: #c3cf70 url('../images/bg-mainmenu.gif') repeat-x; }
  .mainMenu li.active a { color: #fff; background: #97749c url('../images/bg-mainmenu-active.gif') repeat-x; }
  .mainMenu li.active ul { font-size: .8em; }
  .mainMenu li.active ul li { margin-bottom: 1px; }
  .mainMenu li.active ul li a { padding-top: 5px; padding-bottom: 5px; color: #000; background: #f1f3dc url('../images/bg-submenu.gif') repeat-x; }
  .mainMenu li.active ul li.active a { background: #fff; }
  
  #content .box {  }
  #content .box .h { height: 21px; padding-top: 2px; color: #000; font-weight: normal; font-size: 1.2em; text-align: center; background: url('../images/bg-box-h.gif') repeat-x; }
  #content .box .in { color: #777676; line-height: 1.6em; padding: 15px 0; font-size: .9em; }
  #content .box2 .h { background: url('../images/bg-box-h2.gif') repeat-x; }
  #content .box .submit { width: 22px; background: url('../images/bg-submit.gif') no-repeat; } 
  
  #content .boxContact { padding-left: 25px; }
  
  #content #leftSidebar { background: url('../images/bg-left.png'); }
  #content .col3 .box .in { background: url('../images/bg-left.png'); }
  #content .col3 .box2 .in { background: url('../images/bg-box-in2.png'); }
  
  #content .hpVizual { position: relative; height: 445px; background: url('../images/bg-hp-vizual.jpg') 0 15px no-repeat; }
           .hpVizual .h { height: 45px; padding-top: 30px; text-align: center; font-weight: normal; font-size: 25px; background: url('../images/bg-transparent.png'); }
           .hpVizual ul { position: absolute; width: 100%; top: 375px; left: 0; font-size: 1.2em; }
           .hpVizual ul li {  }
           .hpVizual ul li a { display: block; text-align: center; padding: 6px 0; height: 20px; text-decoration: none; font-size: 1.2em; color: #000; background: url('../images/bg-transparent.png'); }
           .hpVizual ul li.fl { width: 372px; font-size: 19px; }
           .hpVizual ul li.fl a { padding: 4px 0 8px; }
           .hpVizual ul li.fr { width: 170px; }
           .hpVizual ul li.reg { padding-top: 5px; clear: both; }
           
  #content .foot { margin: 3px 0; background: url('../images/bg-box-in2.png'); }
           .foot ul { padding: 6px; text-align: center; font-size: 1.2em; }
           .foot ul li { display: inline; }
           .foot ul li a { color: #000; margin: 0 10px 0 5px; }
           
  #content #contentBlock { background-color: #fff; line-height: 1.5em; }
           #contentBlock .in { padding: 20px; }
           #contentBlock .main { color: #97749c; font-size: 1.8em; margin-bottom: 1em; }
           
           
           #contentBlock .gallery { height: 100%; overflow: hidden; }
           #contentBlock .gallery .item { float: left; width: 250px; height: 260px; overflow: hidden; }
           #contentBlock .gallery .item img { margin: 0; }
           #contentBlock .gallery .item span { display: block; text-align: center; color: #666666; }
           
           /* -- Content text -- */
           #contentBlock .text img,
           #contentBlock .text a img { border-width: 6px; }
           #contentBlock .text img { margin: 4px 0 5px; }
           #contentBlock .text img.fl { margin-right: 10px; }
           #contentBlock .text img.fr { margin-left: 10px; }
           
           #contentBlock .text ul,
           #contentBlock .text ol { color: #552826; padding-left: 20px; }
           #contentBlock .text ul li { list-style: square; }
           #contentBlock .text ol li { list-style: decimal; }
           #contentBlock .text .list li { margin: 4px 0 8px; }
           
           #contentBlock .text table { border-collapse: separate; }
           #contentBlock .text table th,
           #contentBlock .text table td { padding: 5px 10px; }
           #contentBlock .text table th { background-color: #d1b3d5; }
           #contentBlock .text table td { vertical-align: top; background-color: #e2e6b9; }
           
           #contentBlock .text p,
           #contentBlock .text ul,
           #contentBlock .text ol,
           #contentBlock .text table { margin-bottom: 15px; }
           
           #contentBlock .text address { font-style: normal; }