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

    LT WebDevelopment (www.lukastomek.cz)

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

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

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

html            { height: 100%; }
body            { min-height: 100%; }
html, body      { position: relative; min-height: 100%; }
body		        { font: normal 62.8%/1.5 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #adadae; text-align: center; background: #fff; }
a			          { color: #a8aaab; }
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: 2px 0; border: 1px solid #dbdbdb; 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    { width: 98px; height: 25px; overflow: visible; padding: 0 5px; color: #a8aaab; font-weight: bold; border: none; cursor: pointer; background: none; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.45em; }
h3	{ font-size: 1em; }
h4	{ font-size: 1em; }
h5	{ font-size: 1em; }
h6	{ font-size: 1em; }

h1, h2 { color: #737373; font-weight: normal; }
h3, h4, h5, h6  { color: #00aef9; }

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; }
#head    { font-size: 1.2em; position: relative; z-index: 10; }
#content { font-size: 1.1em; 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: .9em; }
.big       { font-size: 1.5em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.test      { border: 1px black solid; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }

/* -- 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: 21%; text-align: right; padding-right: 1%; }
.formBox .con			      { float: right; width: 78%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 98%; }
.formBox .button:focus  { border-color: #000; }

.formBox .error         {}
.formBox .error label   { color: #c1001f; font-weight: bold; }
.formBox .error .button { border-color: #c1001f; background-color: #fae9ec; }

/* -- 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: 48% !important; }

.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; float: left; }
.cols3 .col3 { float: right; }

.hpCols .col1 { width: 222px !important; padding-right: 16px; height: 100%; border-right: 1px #d9d9da solid; }
.hpCols .col2 { width: 385px !important; height: 100%; margin-left: 13px; }
.hpCols .col3 { width: 227px !important; padding-left: 18px; height: 100%; border-left: 1px #d9d9da solid; }

/* -- Layout -- */
#view           { width: 100%; padding: 15px 0 180px; }
#head           { height: 84px; }
#content        { position: relative; z-index: 10; width: 893px !important; height: 461px; padding: 38px 44px 20px; overflow: hidden; background: url('../images/bg-content.jpg') no-repeat; }
#contentBottom  { position: relative; z-index: 10; height: 24px; background: url('../images/bg-content-bottom.png') no-repeat; }
#foot           { position: absolute; width: 100%; height: 171px; overflow: hidden; bottom: 0; left: 0; z-index: 1; background: url('../images/bg-foot.gif') 0 100% repeat-x; }

  #content.intro { background: url('../images/bg-content-intro.jpg') no-repeat; }
  #contentBottom.intro { background: url('../images/bg-content-bottom-intro.png') no-repeat; }
  
  #content.hp { background: url('../images/bg-content2.jpg') no-repeat; }
  #contentBottom.hp { background: url('../images/bg-content-bottom2.png') no-repeat; }

  #view .holder { width: 981px; margin: 0 auto; }
  
  #head #logo { width: 180px; height: 70px; overflow: hidden; }
        #logo span { background: url('../images/bg-logo.png') no-repeat; }
        
  #head #mainMenu { position: absolute; width: 100%; height: 46px; top: 14px; right: 0; z-index: -1; }
        #mainMenu ul { float: right; font-size: 15px; }
        #mainMenu ul li { float: left; padding: 0 !important; border-right: 1px #dbdbdc solid; }
        #mainMenu ul li a { display: block; height: 24px; padding: 11px 12px; text-decoration: none; }
        #mainMenu ul li.last { border: none; }
        #mainMenu ul li.care a { padding-right: 28px !important; background: url('../images/bg-mainmenu-care.png') 100% 0 no-repeat; }
        #mainMenu ul li.active a { color: #00aef9; }
        
  
  #foot {  }
  #foot .foot { position: relative; width: 970px !important; padding-top: 105px; background: url('../images/bg-foot-image.png') 100% 0 no-repeat; }
  #foot .foot p { color: #cdd9b5; text-align: right; font-size: .8em; }
  
  #foot .foot .menu { position: absolute; width: 50%; top: 122px; color: #a09f9f; }
  #foot .foot .menu li { display: inline; }
  #foot .foot .menu li a { margin: 0 3px 0 1px; color: #a09f9f; }
  #foot .foot .menu li.active a { text-decoration: none; color: #fff; }
  
  #foot .foot .leftMenu { left: 110px; }
  #foot .foot .rightMenu { right: 0; text-align: right; width: 320px; }
  #foot .foot .langs { left: 0; font-size: .9em; width: 80px; }
  
  
  #content .main { font-size: 1.6em; color: #737373; font-weight: normal; margin-bottom: 10px; }
  #content .hpCols .h { font-size: 1.6em; margin-bottom: 10px; }
  #content .hpCols .text { padding: 10px; }
  #content .scrollContent { height: 400px; padding: 0 15px 15px 0; overflow: auto; }
  
  #content #hpFlash { height: 201px; }
  
  #content .item { overflow: hidden; }
           .item .img { width: 59px; float: left; margin-top: 2px; }
           .item .img img { float: left; }
           .item .self { margin-left: 77px; }
           .item .self .title a { text-decoration: none; }
           .item.active .self .title a { color: #00aef9; }
           .item.active .self .perex { color: #000; }
           
  #content .newsList { width: 630px; }
           .newsList .h { margin-bottom: 10px; }
           .newsList .item { padding: 2px 0 16px; margin-bottom: 14px; border-bottom: 1px #d7d7d7 solid; font-size: 1.1em; }
           .newsList .item .img { height: 59px; border: 1px #b5b5b5 solid; }
           .newsList .item .info { margin-top: 10px; }
           .newsList .more { color: #737373; }
           .newsList .more a { color: #000; }
           .newsList .item .title a:hover { text-decoration: none !important; }
           
           .newsList.col1 .item { font-size: 1em !important; }
           
  #content .productsList { position: relative; }
           .productsList .in { height: 410px; overflow: hidden; }
           .productsList .in .items { height: 5000px; overflow: hidden; }
           .productsList .item { margin-bottom: 20px; height: 118px; overflow: hidden; }
           .productsList .item .img { height: 118px; overflow: hidden; }
           .productsList .item .title a:hover { text-decoration: none !important; }
           
           .productsList .active .title a { color: #00aef9 !important; }
           
           .productsList .navi {}
           .productsList .navi li { position: absolute; left: 104px; width: 44px; height: 35px; text-indent: -900px; }
           .productsList .navi li.prev { top: -60px; }
           .productsList .navi li.prev span { background: url('../images/bg-scroll-up.png') no-repeat; }
           .productsList .navi li.next { bottom: -35px; }
           .productsList .navi li.next span { background: url('../images/bg-scroll-down.png') no-repeat; }
           
           .productsList .navi li a:hover span { background-position: 0 -35px; }
           
           .hpProductsList .navi .prev { top: -40px !important; }
           .hpProductsList .navi .next { bottom: -15px !important; }
           
  #content .paging { clear: both; }
           .paging ul {}
           .paging ul li { float: left; margin-right: 4px; }
           .paging ul li a { display: block; width: 26px; height: 20px; padding-top: 3px; text-align: center; color: #737373; background: url('../images/bg-paging-number.png') no-repeat; }
           .paging ul li.active a { color: #fff; text-decoration: none; background-position: 0 -23px; }
           .paging ul li.hellip { margin: 0 12px 0 6px; padding-top: 4px; }
           
  #content .detail {}
           .detail .h { margin-bottom: 10px; }
           .detail .scrollContent { margin-left: 50px !important; float: right; width: 600px; }
           .detail .itemDetail .img { width: 218px; border: 1px #d7d7d7 solid; }
           .detail .itemDetail .self { width: 605px; height: 385px; padding: 0 15px 15px 0; float: right; overflow: auto; margin: 0; color: #737373; }
           .detail .productsList { width: 218px; float: left; }
           .detail .productsList .prev { top: -45px !important; }
           .detail .productsList .next { bottom: -30px !important; }
           
  #content .productDetail { position: relative; }
           .productDetail .flash { position: absolute; width: 220px; height: 485px; top: 0; left: 250px; }
           .productDetail .scrollContent { width: 350px; }
           .productDetail .scrollContent h3 { font-size: 1.3em; }
           .productDetail .scrollContent h4 { color: #737373; }
           
  #content .partners { position: relative; }
           .partners .main strong { color: #e90267; font-weight: normal; }
           .partners .in { height: 420px; margin: 15px 10px 0 0; background: url('../images/bg-partner-grid.gif'); }
           .partners .in .item { width: 68px; height: 68px; float: left; margin: 1px 17px 16px 3px !important; border: 1px #dbdbdc solid !important; }
           .partners .in .last { margin-right: 0 !important; }
           
           .partners .img { position: absolute; top: 30px; left: -44px; width: 452px; height: 351px; background: url('../images/bg-partner-detail.jpg') no-repeat; }
           .partners .img img { position: absolute; left: 107px; top: 92px; width: 177px; height: 177px; }
           .partners .scrollContent { margin-left: 460px; height: 400px; padding: 0 15px 15px 0; overflow: auto; }
           
  #content .contact { height: 100%; }
           .contact .map { position: absolute; width: 405px; height: 425px; bottom: 0; left: 0; background: url('../images/bg-map.jpg') no-repeat; }
           .contact .map .in { position: absolute; top: 17px; left: 58px; border: 1px #aeafa9 solid; width: 331px; height: 210px; }
           .contact .scrollContent { margin-left: 460px; height: 440px !important; }
           .contact .text h3 { color: #737373; }
           .contact .text .main { font-size: 2em !important; }
           .contact .text form { position: relative; padding-right: 120px; margin: 20px 0 0; }
           .contact .text form .lab { text-align: left; font-weight: bold; }
           .contact .text form textarea { height: 85px; }
           .contact .text form .submit { position: absolute; right: 30px; bottom: 10px; width: 70px; height: 85px; font-size: 18px; font-weight: normal; border-left: 1px #d9d9d9 solid; }
           .contact .success { padding: 20px 0 20px 90px; margin-top: 60px !important; font-size: 1.2em; background: url('../images/bg-contact-success.png') no-repeat; }
           
  #content .textContent { position: relative; padding: 20px 0 20px; }
           .textContent .img { position: absolute; width: 410px; height: 470px; left: 0; top: 0; }
           .textContent .scrollContent { margin-left: 420px; height: 400px; padding: 0 15px 15px 0; overflow: auto; }
           
  #content .text { color: #737373; font-size: 1.1em; }
           .text p,
           .text ul,
           .text ol,
           .text address,
           .text table { margin-bottom: 1em; }
           
           
  /* -- Flash intro -- */
  #flash { width: 800px; margin: 0 auto 0; height: 600px; }
  #flash .in { height: 100%; }
  #flash p { text-align: center; padding: 5px; }