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

    LT WebDevelopment (www.lukastomek.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         20/07/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: #fff url('../images/bg-body.gif'); color: #666666; text-align: center; }
a			          { color: #f05054; }
a:hover	        { color: #f05054 !important; 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 #595959; color: #333333 !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 !important; height: 25px; overflow: visible; padding: 0 5px; 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.6em; }
h3	{ font-size: 1.1em; }
h4	{ font-size: 1.1em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #5e9bd2; }

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    { text-align: left; position: relative; }
#head    { font-size: 1.2em; position: relative; z-index: 10; }
#content { font-size: 1.3em; 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: 19%; text-align: right; padding-right: 1%; }
.formBox .con			      { float: right; width: 80%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 98%; }
.formBox .button:focus  { border-color: #000; }

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

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

.cols2v1 .col1 { width: 560px; }
.cols2v1 .col2 { width: 180px; }

.cols1v2 .col1 { width: 175px; }
.cols1v2 .col2 { width: 560px; }

/* -- Item layout -- */
.item { overflow: hidden; height: 100%; }
.item .img { float: left; width: 82px; border: 3px #e3e3e3 solid; }
.item .img img { float: left; }
.item .self { margin-left: 100px; }
.noImg .self { margin-left: 0; }

/* -- Layout -- */
#view         { width: 792px; margin: 0 auto; }
#head         { height: 130px; }
#content      { width: 762px; padding: 5px 15px; min-height: 300px; }
#foot         { clear: both; padding: 30px 12px; color: #999999; overflow: hidden; height: 100%; }

  #content-top  { height: 12px; font-size: 0; background: url('../images/bg-content-top.png') no-repeat; }
  #content-top2 { height: 12px; font-size: 0; background: url('../images/bg-content-top2.png') no-repeat; }
  #content-top-detail { height: 12px; font-size: 0; background: url('../images/bg-content-top-detail.png') no-repeat; }
  .bg-content        { background: url('../images/bg-content.png') repeat-x; }
  .bg-content-detail { background: url('../images/bg-content-detail.png') no-repeat; }
  .bg-content-detail h2.title { color: #333333 !important; }

  #head #logo { width: 328px; height: 76px; overflow: hidden; }
        #logo span { background: url('../images/bg-logo.gif') no-repeat; }
        
  #head #mainMenu { position: absolute; width: 570px; height: 31px; top: 90px; left: 0; }
        #mainMenu li { height: 31px; float: left; }        
        
        #mainMenu li.mm-1 { width: 116px; }
        #mainMenu li.mm-1 span { background: url('../images/mainMenu/mm-1.gif') 0 0 no-repeat; }
        
        #mainMenu li.mm-2 { width: 110px; }
        #mainMenu li.mm-2 span { background: url('../images/mainMenu/mm-2.gif') 0 0 no-repeat; }
        
        #mainMenu li.mm-3 { width: 91px; }
        #mainMenu li.mm-3 span { background: url('../images/mainMenu/mm-3.gif') 0 0 no-repeat; }
        
        #mainMenu li.active span,
        #mainMenu li a:hover span { background-position: 0 -31px; }
        
  #head #subMenu { position: absolute; height: 15px; top: 40px; right: 0; }
        #subMenu li { height: 15px; float: left; }
        
        #subMenu li.sm-1 { width: 32px; }
        #subMenu li.sm-1 span { background: url('../images/subMenu/sm-1.gif') 0 0 no-repeat; }
        
        #subMenu li.sm-2 { width: 60px; }
        #subMenu li.sm-2 span { background: url('../images/subMenu/sm-2.gif') 0 0 no-repeat; }
        
        #subMenu li.sm-3 { width: 52px; }
        #subMenu li.sm-3 span { background: url('../images/subMenu/sm-3.gif') 0 0 no-repeat; }
        
        #subMenu li.sm-4 { width: 61px; }
        #subMenu li.sm-4 span { background: url('../images/subMenu/sm-4.gif') 0 0 no-repeat; }
        
        #subMenu li.active span,
        #subMenu li a:hover span { background-position: 0 -15px; }
        
  #head #search { position: absolute; width: 200px; top: 85px; right: 0; }
        #search .button { width: 165px; padding: 4px 30px 4px 5px; border: 1px #d1d1d1 solid; background-color: #e7e7e7; }
        #search .submit { position: absolute; width: 20px !important; height: 20px; top: 3px; right: -2px; }

  
  #content h2 { margin-bottom: 5px; text-transform: uppercase; }
  #content h3 a { color: #5e9bd2; }
  #content .item { margin: 5px 0 30px; text-align: justify; }
  #content .item h3 { margin-bottom: 2px; }
  #content .item .img { margin-top: 3px; }
  #content .work { color: #999999; }
  #content .work img { margin-bottom: 5px; border: 2px #fff solid; }
  #content .navi { text-align: right; font-size: .9em; margin: -5px 0 15px; }
  
  #content .item .head { position: relative; padding-right: 100px; }
  #content .item .head h3 { font-size: 1.25em; }
  #content .item .head .info { position: absolute; width: 100px; text-align: right; top: 4px; right: 0; }
  
  #content .attachments { margin-top: 15px; padding: 8px 25px; border-top: 1px #c2c2c2 solid; }
  #content .attachments li { font-size: .9em; list-style: square; }
  #content .attachments li a { font-size: 1.1em; }
  
  #content .detail h2 { padding-right: 120px; }
  #content .detail p,
  #content .detail img { margin-bottom: 1em; }
  #content .detail img { border: 3px #e3e3e3 solid; }
  #content .detail .img { margin-bottom: 20px; color: #999999; font-size: .85em; }
  #content .detail .social { height: 65px; margin-bottom: 1.5em; background: url('../images/bg-social.png') no-repeat; }
  #content .detail .social h3 { color: #f06669; font-size: .9em; padding-left: 5px; }
  #content .detail .social ul { height: 30px; padding: 13px 20px 0; }
  #content .detail .social ul li { float: left; font-size: .9em; margin-right: 20px; }
  #content .detail .social ul li a { display: block; padding: 7px 10px 7px 20px; color: #666666; }
  
  #content .detail .social ul li .facebook { background: url('../images/bg-social-facebook.gif') 0 50% no-repeat; }
  #content .detail .social ul li .email { padding-left: 25px; background: url('../images/bg-social-email.gif') 0 100% no-repeat; }
  #content .detail .social ul li .jagg { background: url('../images/bg-social-jagg.gif') 0 50% no-repeat; }
  #content .detail .social ul li .linkuj { background: url('../images/bg-social-linkuj.gif') 0 50% no-repeat; }
  #content .detail .social ul li .delicio { background: url('../images/bg-social-delicio.gif') 0 50% no-repeat; }
  
  #content .media { padding-top: 10px; }
  #content .media .mediaItem { overflow: hidden; height: 100%; padding-right: 100px; margin-bottom: 5px; }
  #content .media .mediaItem .date { width: 80px; float: left; margin-top: 1px; }
  #content .media .mediaItem .title { margin-left: 90px; font-size: 1em; }
  #content .mediaDetail .perex { padding-bottom: 10px; }
  
  #content .text h3,
  #content .text h4,
  #content .text h5,
  #content .text h6 { margin-bottom: 5px; } 
  #content .text p,
  #content .text ul,
  #content .text ol,
  #content .text table { margin-bottom: 15px; }
  #content .text table th,
  #content .text table td { padding: 5px 8px; }
  #content .text table th { background-color: #e4e4e4; }
  #content .text table .even td { background-color: #f2f2f2; }
  #content .text p {  }
  #content .text ul { padding-left: 25px; }
  #content .text ul li { list-style: square !important; margin: 3px 0; }
  #content .text ol { padding-left: 30px; }
  #content .text ol li { list-style: decimal !important; margin: 3px 0; }
  
  #content .articleGallery { overflow: hidden; height: 100%; padding-top: 10px; }
  #content .articleGallery .item { float: left; width: 135px; height: 127px; text-align: center; padding: 8px 0 0; margin: 0 6px 6px 0 !important; background: url('../images/bg-gallery-item.gif') no-repeat; }
  #content .articleGallery .item img { border: 3px #fff solid; }
  #content .articleGallery .last { margin-right: 0 !important; }
  
  #content .paging { font-size: .9em; padding: 10px 0; }
  #content .paging ul { height: 100%; overflow: hidden; }
  #content .paging ul li { float: left; }
  #content .paging ul li a { display: block; padding: 1px 6px; margin-right: 3px; text-align: center; color: #5e9bd2; border: 1px #cacaca solid; background-color: #e4e4e4; text-decoration: none; }
  #content .paging ul li.active a { color: #fff; background-color: #f15055; border-color: #f15055; }
  #content .paging ul li.arrow a { padding: 1px 15px; background-color: #fff; }
  #content .paging ul li.active a:hover { color: #fff !important; }
  #content .paging ul li.hellip { margin: 0 5px 0 2px; font-size: .9em; padding-top: 3px; }
  
  #sidebar h2 { color: #f05054; }
  #sidebar .box { margin-bottom: 25px; }
  
  #sidebar .cloud a { color: #5e9bd2; margin-right: 8px; line-height: 1.3em; }
  #sidebar .cloud a:hover { color: #fff !important; background-color: #5e9bd2; }
  #sidebar .cloud .lvl1 { font-size: 1em; }
  #sidebar .cloud .lvl2 { font-size: 1.1em; }
  #sidebar .cloud .lvl3 { font-size: 1.2em; }
  #sidebar .cloud .lvl4 { font-size: 1.3em; }
  #sidebar .cloud .lvl5 { font-size: 1.4em; }
  #sidebar .cloud .lvl6 { font-size: 1.5em; }
  #sidebar .cloud .lvl7 { font-size: 1.6em; }
  #sidebar .cloud .lvl8 { font-size: 1.7em; }
  #sidebar .cloud .lvl9 { font-size: 1.8em; }
  
  #sidebar .submenu { margin-top: 2.3em; }
  #sidebar .submenu li { margin: 2px 0; }
  #sidebar .submenu li a { display: block; color: #5e9bd2; height: 100%; padding: 3px 0 3px 8px; background: url('../images/bg-submenu-li.gif') 0 .8em no-repeat; }
  #sidebar .submenu li.active a { color: #333333; font-weight: bold; text-decoration: none !important; background: none; }
  

  #foot p strong { color: #f05054; }
  #foot ul { color: #f05054; }
  #foot ul li { display: inline; }
  #foot ul li a { margin-right: 4px; }
  
  .tckPromo { position: absolute; top: 15px; left: 55%; z-index: 10; width: 128px; height: 156px; text-indent: -5000px; }
  .tckPromo span { background: url('../images/bg-tckpromo.png') no-repeat; }