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

    LT WebDevelopment (www.lukastomek.cz)

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

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

/* -- 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; background: #484834; color: #000; }
a			          { color: #000; }
a:hover	        { text-decoration: underline !important; color: #ed0c6e !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: 5px; border: 1px solid #000000; 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: 25px; overflow: visible; padding: 0 10px; color: #ed0c6e; font-weight: bold; border: none; cursor: pointer; background: none; }
label           { cursor: pointer; padding-right: 5px; line-height: 24px; vertical-align: middle; }

h1	{ font-size: 2em; }
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: #000; }

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

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

/* -- Basics layout -- */
#view    { 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; line-height: .9em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.red       { color: #ed0c6e !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; }
.more      { color: #737373 !important; padding-left: 10px; padding-right: 5px; font-size: .9em; background: url('../images/bg-more.png') 0 60% 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; z-index: 50; }

/* -- Forms layout -- */
.formBox                { height: 100%; overflow: hidden; }
.formBox .lab			      { float: left; width: 19%; text-align: right; padding-right: 1%; }
.formBox .con			      { float: right; width: 80%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 96%; }
.formBox .w50           { width: 60%; }
.formBox .button:focus  { border-color: #000; }

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

/* -- Items list -- */
.item { overflow: hidden; margin-bottom: 5px; clear: both; }
.item .img { float: left; width: 117px; }
.item .self { margin-left: 124px; }
.item .head { line-height: .9em; }

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

.cols2v1 .col1 { width: 730px; }
.cols2v1 .col2 { width: 238px; }

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

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


/* -- Layout -- */
#view         { width: 968px; background: #202208 url('../images/bg-head.jpg') no-repeat; }
#head         { height: 80px; background: url('../images/bg-head-print.jpg') 0 85px no-repeat; }
#content      { background: #fff url('../images/bg-content.gif') repeat-y; padding-bottom: 10px; }
#foot         { clear: both; padding: 10px 252px 20px 28px; background: #fff url('../images/bg-content.gif') repeat-y; }

  .hp #head { height: 456px !important; }
  
  #view .cat { clear: both; padding: 2px 0 0 24px; margin-bottom: 8px; text-transform: uppercase; font-size: .8em; border-top: 2px #000 solid; background: url('../images/bg-category-black.gif') no-repeat; }
  #view .cat-white { color: #fff; border-color: #fff; background: url('../images/bg-category-white.gif') no-repeat; }
  #view .presentsCount { position: absolute; top: 416px; left: 430px; font-size: 1.4em; font-weight: bold; color: #fff; z-index: 1000; }
  #view .presentsCount strong { color: #f30d6e; }
  #view .presentsCount a { color: #fff; text-decoration: none; }
  
  /* -- Head -- */
  #head #logo { width: 305px; height: 57px; color: #fff; }
        #logo a { color: #fff; }
        #logo span { background: url('../images/bg-logo.gif') no-repeat; }
        
  #head #frame { position: absolute; width: 356px; height: 311px; padding: 60px 23px 0 0; top: 85px; left: 351px; z-index: 50; background: #3f4821 url('../images/bg-head-actual.jpg') no-repeat; }
        #frame h2 { position: absolute; font-size: 2.9em; color: #fff; width: 100%; top: 12px; left: 0; text-align: center; }
        #frame .item { color: #fff; height: 79px; margin: 0; }
        #frame .item .self a { color: #fff !important; }
        #frame .item .self a:hover { color: #ed0c6e !important; }
        #frame .item .self p { margin-top: -3px; font-size: .9em; }
        #frame .item .head { line-height: 1em; margin-bottom: 5px; }
        
  #head #challenges { position: absolute; width: 213px; height: 375px; padding: 0 10px 0 15px; top: 81px; right: 0; z-index: 50; overflow: hidden; background: #202208 url('../images/bg-head-right.jpg') no-repeat; }
        #challenges .item { padding-left: 24px; color: #fff; margin-bottom: 10px; font-size: .9em; }
        #challenges .item .head { font-size: 2.5em; line-height: .9em; margin-bottom: 10px; }
        #challenges .item .head,
        #challenges .item .head a { color: #848484; }
        #challenges .img { height: 60px; padding-left: 24px; }
  
  
  /* -- Content -- */
  #content .hpContent { padding: 10px 0 0 28px; width: 702px !important; background: url('../images/bg-hp-content.jpg') no-repeat; }
           .hpContent .col1 { width: 195px; }
           .hpContent .col2 { width: 230px }
           .hpContent .col3 { width: 265px; }
           
           /*.hpContent .col1 .item,
           .hpContent .col2 .item { height: 167px; }*/
           .hpContent .col3 .item { margin-bottom: 20px; }
           
           .hpContent .item { margin: 10px 0 5px; padding-left: 24px; }
           .hpContent .item .img { width: auto; float: none; }
           .hpContent .item .head { line-height: .9em; }
           .hpContent .item .biggest { font-size: 2.3em; margin-bottom: 10px; }
           .hpContent .item .self { margin: 0; }
           
           
  #content .mainContent {  }
           .mainContent .col1 { width: 450px; padding-right: 10px; }
           .mainContent .col2 { width: 266px; padding-top: 18px; float: left; }
           
           .mainContent .col1 .holder { padding-left: 28px; margin-bottom: 15px; }
           .mainContent .col2 .holder { padding-left: 12px; border-left: 1px #b5b5b5 solid; margin: 7px 0 15px 7px; }
           
           .mainContent .col2 .item .img { width: auto; float: none; }
           .mainContent .col2 .item .self { margin-left: 0; }
           .mainContent .col2 .item .challenge-button { margin: 0; }
           
           .mainContent .main { margin-bottom: .7em; }
           .mainContent .text_main { margin-top: 1em; }

           .mainContent .col2 .category .self { padding-right: 35px; }
           .mainContent .col2 .category .item { margin-bottom: 15px; }
           
           .mainContent .col2 .bunkerBabes { overflow: hidden; height: 100%; }
           .mainContent .col2 .bunkerBabes .item { position: relative; float: left; width: 74px; height: 74px; margin: 0 2px 2px 0; clear: none; background-color: #f1f1f1; text-align: center; }
           .mainContent .col2 .bunkerBabes img { vertical-align: middle; }
           .mainContent .col2 .bunkerBabes a { display: block; width: 70px; height: 70px; padding: 2px; }
           .mainContent .col2 .bunkerBabes .overlay { position: absolute; width: 72px; height: 72px; left: 0; top: 0; background: url('../images/bg-bunkerbabes-overlay.png'); border: 1px #e6e6e6 solid; }
           
           .mainContent .col2 .challenge .item { margin-bottom: 15px; }
           .mainContent .col2 .challenge .self { padding-right: 10px; }
           .mainContent .col2 .challenge .head { margin: 10px 0; }
           .mainContent .col2 .challenge .biggest { font-size: 2.3em; }
           .mainContent .col2 .challenge .link { margin-bottom: 8px; }
           
           .mainContent .detail .head { margin-bottom: 10px; font-size: 2.5em; line-height: .9em; }
           .mainContent .detail .perex { font-size: 1.2em; }
           
           .mainContent .bunkerBabesDetail { min-height: 500px; }
           
           .mainContent .gallery { position: relative; margin: 1.5em 0; }
           .mainContent .gallery .img { position: relative; width: 310px; }
           .mainContent .gallery .img img { border-bottom: 3px #ed0b6e solid; float: left; }
           .mainContent .gallery .img .overlay { position: absolute; width: 10px; height: 10px; top: 0; right: 0; z-index: 50; background: url('../images/bg-news-overlay.png') no-repeat; }
           .mainContent .gallery .self { position: absolute; color: #6e6e6e; font-size: .9em; right: 0; bottom: 0; width: 130px; }
           
           .mainContent .challenge-gallery .img { width: 180px; float: left; }
           .mainContent .challenge-gallery .img img { border: none; }
           .mainContent .challenge-gallery .self { position: static; color: #000; font-size: 1em; width: auto; margin-left: 190px; }
           .mainContent .challenge-gallery .rest { text-align: center; padding-top: 2em; }
           .mainContent .challenge-gallery .mark { float: right; margin-top: 0; }
           
           .mainContent .answer { margin: 0 0 40px; padding-top: 20px; background: url('../images/bg-challenge-answer.jpg') no-repeat; }
           .mainContent .formBox .part1 { padding-left: 100px; font-weight: bold; font-size: 1.2em; }
           .mainContent .formBox .part1 .head { font-size: 1.1em; font-weight: normal; }
           .mainContent .formBox .part1 p { margin-bottom: 10px; }
           .mainContent .formBox .part1 label { padding-left: 5px; }
           .mainContent .formBox .part1 strong { font-weight: normal; }
           .mainContent .formBox .part1 .clearfix { padding: 5px 10px; }
           .mainContent .formBox .part2 { padding: 10px 0 0 10px; }
           .mainContent .formBox .part2 .submit { float: right; }
           .mainContent .formBox .true { background-color: #D9F2BF; }
           
           .mainContent .challenge-value { display: block; height: 28px; padding: 0 0 0 10px; width: 160px; font-weight: bold; font-size: 1.5em; text-transform: none; background: url('../images/bg-challenges-value.gif') no-repeat; color: #fff; float: right; clear: both; margin-top: -50px; }
           
           .mainContent .text p,
           .mainContent .text ul,
           .mainContent .text ol,
           .mainContent .text table { margin-bottom: 1.3em !important; }
           .mainContent .text ol { padding-left: 20px; }
           .mainContent .text ol li { list-style-type: decimal; margin-bottom: 5px; }
           .mainContent .text ul { padding-left: 20px; margin-top: -10px; }
           .mainContent .text ul li { list-style-type: square; margin-bottom: 5px; }
           
           .mainContent .challenge-button { display: block; height: 24px; padding: 4px 0 0 10px; margin-top: 5px; float: right; text-transform: uppercase; font-size: .9em; color: #fff !important; }
           .mainContent .challenge-winner { width: 45px; background: url('../images/bg-challenges-winner.gif') no-repeat; }
           .mainContent .challenge-enter { width: 114px; background: url('../images/bg-challenges-enter.gif') no-repeat; }
           .mainContent .challenge-button:hover { text-decoration: none !important; color: #fff !important; }
           
           .mainContent .paging { padding: 1em 10px 0; text-align: right; font-size: 1.1em; }
           .mainContent .paging li { display: inline; margin: 0 2px; }
           .mainContent .paging li a { color: #ed0c6e; }
           .mainContent .paging .active a { color: #929292; text-decoration: none; font-weight: bold; }
           
           .mainContent .articleGallery { height: 100%; overflow: hidden; }
           .mainContent .articleGallery .item { float: left; width: 130px; height: 130px; clear: none; text-align: center; padding: 5px 10px 5px 0; }
           
           .mainContent .subscription { margin-top: 4em; }
           .mainContent .subscription .msg { margin-left: 60px !important; margin-bottom: 1em; }
           .mainContent .subscription .head { padding-left: 60px; }
           .mainContent .subscription table { width: 400px; float: right; }
           .mainContent .subscription table table { width: 99%; }
           .mainContent .subscription table table td,
           .mainContent .subscription table table th { padding-left: 0; }
           .mainContent .subscription td { vertical-align: top; padding: 5px 10px; }
           .mainContent .subscription th { vertical-align: top; padding: 5px 10px; font-weight: normal; color: #555555; width: 40%; }
           .mainContent .subscription .button { padding: 2px; width: 96%; }
           .mainContent .subscription h3 { margin: 0; }

           .mainContent .galleryItems { padding-left: 10px; }
           .mainContent .galleryItems .item { width: 117px; height: 117px; margin: 5px; padding: 5px; background-color: #f1f1f1; border: 1px #e6e6e6 solid; }
           
  #content .flashGallery { position: relative; overflow: hidden; height: 486px; background-color: #333333; }
           .flashGallery h2 { position: absolute; color: #fff; left: 20px; top: 390px; font-size: 1.9em; font-family: verdana; font-weight: normal; }
           .flashGallery p { position: absolute; color: #fff; left: 20px; top: 420px; font-size: 1.3em; }
           .flashGallery img { float: left; }
           .flashGallery ul { position: absolute; width: 694px; padding: 0 18px; color: #fff; right: 0; bottom: 0; background: url('../images/bg-bunkerbabes-overlay.png'); }
           .flashGallery ul li { float: left; margin: 5px 2px; }
           .flashGallery ul li a { display: block; width: 20px; height: 17px; padding-top: 3px; text-align: center; text-decoration: none; background-color: #ed0c6e; font-weight: bold; color: #fff; }
           .flashGallery ul li a.active,
           .flashGallery ul li a:hover { background-color: #fff !important; color: #ed0c6e !important; text-decoration: none !important; }
           
  #content .rightCol { width: 216px !important; padding: 0 10px 0 12px; }
           .rightCol .item { padding-left: 24px; color: #fff; margin-bottom: 10px; font-size: .9em; }
           .rightCol .item .head { font-size: 2.5em; line-height: .9em; margin-bottom: 10px; }
           .rightCol .item .head,
           .rightCol .item .head a { color: #848484; }
           .rightCol .img { height: 60px; padding-left: 24px; }
           
           .rightCol .advertBox { width: 216px; margin: 0 auto; padding-top: 7px; background: url('../images/bg-advert-top.gif') no-repeat; }
           .rightCol .advertBox .in { padding: 0 8px; overflow: hidden; height: 100%; background: url('../images/bg-advert-content.gif') repeat-y; }
           .rightCol .advertBox .in img { float: left; }
           .rightCol .advertBox .bottom { font-size: 0; height: 24px; background: url('../images/bg-advert-bottom.gif') no-repeat; }
           
  /* -- Chybove hlasky -- */
  .msg { margin-bottom: 4em; margin-left: 100px; padding: 10px; font-size: 1.1em; }
  .msgErr { border: 2px solid #DB2133; background-color: #FBE8EA; }
  .msgOk { border: 2px solid #349901; background-color: #D9F2BF; }
           
  /* -- Headers -- */
  .h_main { height: 70px; line-height: 80px; padding-left: 28px; font-size: 1.7em; }
  .h_novinky { height: 170px; }
  .h_novinky span { background: url('../images/bg-head-news.jpg') no-repeat; }
  .h_novinky2 { height: 70px; }
  .h_novinky2 span { background: url('../images/bg-head-news2.gif') no-repeat; }
  .h_souteze { height: 164px; }
  .h_souteze span { background: url('../images/bg-head-challenges.jpg') no-repeat; }
  .h_souteze2 { height: 68px; }
  .h_souteze2 span { background: url('../images/bg-head-challenges2.gif') no-repeat; }
  
  /* -- Main menu -- */
  #mainMenu { position: absolute; width: 100%; height: 28px; top: 57px; left: 0; z-index: 500; background: url('../images/bg-menu.png') repeat-x; }
  #mainMenu ul { height: 23px; padding: 0 10px; font-size: 1.2em; }
  #mainMenu li { position: relative; float: left; font-weight: bold; text-transform: uppercase; background: url('../images/bg-menu-separator.gif') 100% 60% no-repeat; height: 23px; }
  #mainMenu li a { color: #fff; display: block; float: left; text-decoration: none; padding: 4px 8px 0; height: 19px; }
  #mainMenu li.active a { color: #ed0c6e; }
  #mainMenu li.last { background: none; }
  #mainMenu li .new { position: absolute; width: 66px; height: 35px; top: -35px; left: 50%; margin-left: -34px; background: url('../images/bg-new.png') no-repeat; }
  
  
  /* -- Footer -- */
  #foot .cat { color: #818181; font-size: 1em; margin: 0; }
  #foot .foot { padding-left: 24px; margin-top: 3px; }