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

    LT WebDevelopment (www.lukastomek.cz)

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

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

/* -- Basics -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; outline: none; list-style: none; }

html, body      { height: 100%; }
body		        { font: normal 62.8%/1.3 sans-serif; color: #68757e; text-align: center; background: #fff; }
a			          { color: #55c9c9; }
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 { padding: 2px 0; color: #000 !important; vertical-align: middle; border: 1px solid #595959; background: #fff; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: auto; height: 25px; overflow: visible; padding: 0 3px; 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; }
h2	{ font-size: 1.9em; }
h3	{ font-size: 1.9em; }
h4	{ font-size: 1.7em; }
h5	{ font-size: 1.5em; }
h6	{ font-size: 1.3em; }

h1, h2, h3, h4, h5, h6  { color: #06555B; }

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: 1; }
#content { font-size: 1.2em; position: relative !important; z-index: 10; }
#foot    { font-size: 1.1em; 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: 19%; padding-right: 1%; }
.formBox .con			      { float: right; width: 80%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 98%; }
.formBox .button:focus  { border-color: #000; }
.formBox .button        { color: #718995 !important; border: 1px #759ea0 solid; background-color: #ececec; }

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

.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { float: left; margin-right: 4px;}
.cols3 .col3 { float: right; }

.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { width: 24%; float: left; }

.cols2v1 .col1 { width: 600px; }
.cols2v1 .col2 { width: 280px; }

/* -- Layout -- */
#view         { min-width: 979px; min-height: 100%; overflow: hidden; text-align: center; }
#head         { height: 285px; padding-top: 25px; background-color: #06555b; }
#content      { top: -36px; padding-bottom: 260px; }
#foot         { position: absolute; width: 100%; height: 250px; bottom: 0; left: 0; z-index: 20; color: #fff; background-color: #06555b; }

  #view .holder { position: relative; width: 979px; margin: 0 auto; text-align: left; }
  #view .shadow { position: absolute; width: 100%; height: 400px; top: 260px; left: 0; z-index: 5; background: url('images/bg-shadow.png') 50% 0 no-repeat; }
  
  #head .holder { width: 945px; }
  #head #logo { width: 200px; height: 80px; margin-bottom: 8px; }
        #logo span { background: url('images/bg-logo.png') no-repeat; }
        
  #head #brandText { margin-right: 130px; padding: 30px 195px 0 0; font-weight: normal; color: #fff; font-size: 2.4em; border-top: 1px #447f84 solid; }
        #brandText em { color: #55c9c9; font-style: normal; }
        #brandText strong { color: #cbfe00; font-weight: normal; }
        
  #head #mainMenu { position: absolute; top: 40px; right: -5px; }
        #mainMenu ul { font-size: 1.1em; }
        #mainMenu ul li { display: inline; padding-bottom: 3px; margin-left: 25px; }
        #mainMenu ul li a { padding: 0 2px; text-decoration: none; }
        #mainMenu ul li.active { border-bottom: 2px #cbfe00 solid; }
        #mainMenu ul li.active a { color: #cbfe00; }
        
  #head #loginForm { position: absolute; top: 120px; right: 130px; width: 305px; }
        #loginForm .clearfix { padding-bottom: 4px; }
        #loginForm .clearfix .col1 { width: 48% !important; }
        #loginForm .clearfix .col2 { width: 51% !important; text-align: right; }
        #loginForm .clearfix .button { height: 13px; padding: 5px; }
		#loginForm .clearfix .login_input { width: 90%; margin-right:2px; margin-bottom:7px;}
        #loginForm .clearfix .pass { width: 41%; float:left; margin-left:2px; }
        #loginForm .clearfix .submit { height: 25px; border: 1px #82a3a5 solid; color: #46a4a9; text-transform: uppercase; background: #b0b0b0 url('images/bg-submit.png') 0 100% repeat-x; }
        #loginForm .txt { margin-top: 5px; color: #bdd2d3; font-size: .9em; }
        #loginForm .txt .title { margin-bottom: 3px; font-size: 1em; font-weight: normal; color: #fff; text-transform: uppercase; }
        #loginForm .txt p {}
        #loginForm .txt a { color: #bdd2d3; text-decoration: none; }
        
  #foot .holder { padding: 45px 0; text-align: center; }
  #foot .support { margin-bottom: 120px; font-size: 1.8em; }
  #foot .support strong { text-transform: uppercase; }
  #foot .support em { font-style: normal; }
  
  #content .holder { width: 909px; padding: 35px; background-color: #fff; }
  #content .shadowVisual { position: absolute; width: 90px; height: 190px; right: 15px; top: -185px; z-index: 20; background: url('images/bg-content-vizual.png'); }
  #content .main { margin-bottom: 25px; text-transform: uppercase; font-size: 2.4em; font-weight: normal; }
  #content .box { margin-bottom: 35px; }
           .box .in { overflow: hidden; }
           /*.box .in .submit { color: #06555b; padding: 5px 15px; background-color: #cafd00; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }*/
  
  #content .boxVideo { width: 909px; }
           .boxVideo .in {  }
           .boxVideo .in .player { height: 473px; overflow: hidden; }
		   
		
           
  #content .boxWhatIs { position: relative; width: 929px; margin-left: -10px; }
           .boxWhatIs .in { height: 199px; font-size: 1.3em; color: #fff; line-height: 1.4em; background: url('images/bg-whatIs.png') no-repeat; }
           .boxWhatIs .in p { padding: 30px 190px 0 300px; }
           
  #content .boxWhatBrings { position: relative; width: 929px; margin-left: -10px; margin-bottom: 0; }
           .boxWhatBrings .in { height: 168px; padding: 30px 0 0 35px; color: #fff; font-size: 1.2em; background: url('images/bg-whatBrings.png') no-repeat; }
           .boxWhatBrings .in .cols { width: 894px !important; }
           .boxWhatBrings .in .col { width: 190px; margin-right: 70px; }
           .boxWhatBrings .in .col2 { width: 155px ; }
           .boxWhatBrings .in .col3 { margin-right: 35px; }
           .boxWhatBrings .in .col4 { width: 130px; margin: 0; }
           .boxWhatBrings .in .col .title { margin-bottom: 10px; color: #fff; font-size: 1.6em; font-weight: normal; line-height: 1.1em; text-transform: uppercase; }
           .boxWhatBrings .in .col .title strong { display: block; }
           
  #content .boxAboutUs { position: relative; width: 929px; height: 247px; margin: -10px 0 20px -10px; background: url('images/bg-boxAboutUs.png') no-repeat; }
           .boxAboutUs .in { padding: 30px 30px 0; color: #fff; font-size: 1.6em; text-transform: uppercase; }
           .boxAboutUs .in .cols { width: 869px !important; }
           .boxAboutUs .in .col1,
           .boxAboutUs .in .col2 { width: 47% !important; }
           .boxAboutUs .in p { margin-bottom: 15px; }
           
  #content .boxColsText {}
           .boxColsText .in { }
           .boxColsText .in .title { padding-top: 8px; margin-top: 20px; text-transform: uppercase; font-size: 1.5em; border-top: 1px #c7c7c7 solid; border-bottom: 1px #c7c7c7 solid; text-align: center; }
		   
		   .boxColsText .col1 .title {height: 140px;}
		   .boxColsText .col2 .title {height: 117px;}
		   .boxColsText .col3 .title {height: 117px;}
		   
		   
		   .boxVideo .in .title { padding-top: 8px; margin-top: 20px; text-transform: uppercase; font-size: 1.5em; border-top: 1px #c7c7c7 solid; text-align: center;}
		   
		   
           .boxColsText .cols3 { overflow: visible; }
           .boxColsText .cols3 .col1,
           .boxColsText .cols3 .col2 { width: 275px; float: left;  }
           .boxColsText .cols3 .col2 { margin-left: 30px; }
           .boxColsText .cols3 .col3 { width: 295px; }
           .boxColsText .cols3 .col3 .greenbox { position: relative; width: 308px; margin-left: -5px; font-size: 1.2em; background: url('images/bg-boxColsText-greenbox.png') repeat-y; }
           .boxColsText .cols3 .col3 .greenbox .inner { padding: 35px 35px 180px; color: #fff; background: url('images/bg-boxColsText-greenbox-top.png') no-repeat; }
           .boxColsText .cols3 .col3 .greenbox .bottom { position: absolute; left: 0; bottom: -1px; width: 100%; height: 6px; font-size: 0; background: url('images/bg-boxColsText-greenbox-bottom.png') no-repeat; }
           .boxColsText .cols3 .col3 .greenbox .visual { position: absolute; left: 140px; bottom: 5px; width: 133px; height: 182px; background: url('images/bg-boxColsText-greenbox-visual.png') no-repeat; }
           
           .boxColsText .cols50 .col1,
           .boxColsText .cols50 .col2 { width: 46% !important; }
           
           .boxColsText .cols2v1 .col1 { width: 580px; }
           .boxColsText .cols2v1 .col2 { width: 302px; }
           .boxColsText .cols2v1 .col2 .buttons { font-size: 2.2em; font-weight: bold; line-height: 1.4em; text-transform: uppercase; }
           .boxColsText .cols2v1 .col2 .buttons li { margin-bottom: 15px; height: 176px; }
           .boxColsText .cols2v1 .col2 .buttons li a { display: block; height: 146px; padding: 30px 30px 0 36px; color: #fff; text-decoration: none !important; }
           .boxColsText .cols2v1 .col2 .buttons .button1 { background: url('images/bg-faq-button1.png') no-repeat; }
           .boxColsText .cols2v1 .col2 .buttons .button2 { background: url('images/bg-faq-button2.png') no-repeat; }
    
  #content .boxText {  }
           .boxText .in {  }
           
  #content .boxRegistration { position: relative; width: 929px; margin-left: -10px; }
           .boxRegistration .in { padding: 35px 40px; background: url('images/bg-boxRegistration.png') no-repeat; }
           .boxRegistration .in .cols { width: 849px !important; }
           .boxRegistration .in .col1,
           .boxRegistration .in .col2 { width: 44% !important; }
           .boxRegistration .in .formBox { color: #fff; text-transform: uppercase; }
           .boxRegistration .in .formBox label { font-weight: bold; font-size: 1.2em; }
           .boxRegistration .in .formBox .clearfix { height: 52px; padding: 0; }
           .boxRegistration .in .formBox .lab { width: 135px; padding-top: 4px; }
           .boxRegistration .in .formBox .con { width: 220px; }
           .boxRegistration .in .formBox .con .button { width: 93%; height: 13px; padding: 5px; }
           .boxRegistration .in .formBox .code .button { width: 18%; }
           .boxRegistration .in .formBox .code img { vertical-align: middle; margin: 0; }
           .boxRegistration .in .formBox .long .lab { padding-top: 0; }
           .boxRegistration .in .formBox .long .lab label { line-height: 1.1em; }
           .boxRegistration .in .formBox .group1 { margin-bottom: 45px; }
           .boxRegistration .in .formBox .group2 .col2 { width: 407px !important; padding-top: 20px; }
           .boxRegistration .in .formBox .submit { width: 407px; height: 72px; padding: 0; color: #fff; font-size: 2em; text-transform: uppercase; background: url('images/bg-boxRegistration-submit.png') no-repeat; }
  
  /* Content text */
  #view .text { overflow: hidden; font-size: 1.1em; }
        .text img,
        .text a img {  }
        .text img { margin: 4px 0 5px; }
        .text img.fl { margin-right: 20px; }
        .text img.fr { margin-left: 20px; }
        
        .text ul,
        .text ol { padding-left: 0; line-height: 1.5em; color: #666666; }
        .text li { margin-bottom: 5px; }
        .text ul li,
        .text ul ol ul li { padding-left: 15px; background: url('images/bg-text-li.png') 0 .5em no-repeat; /*list-style-image: url('images/bg-text-li2.png');*/ }
        .text ol li,
        .text ol ul ol li { list-style: decimal; }
        
        .text ul ul { display: block; margin-top: 5px; }
        .text ul.ieStyle { padding-left: 17px; }
        .text ul.ieStyle li { padding: 0; background: none; list-style-image: url('images/bg-text-li_ie7.png'); }
        
        .text p,
        .text ul,
        .text ol,
        .text table,
        .text address { margin-bottom: 15px; }
        
        .text p { line-height: 1.6em; }
        
        .text h2,
        .text h3,
        .text h4,
        .text h5,
        .text h6 { margin-bottom: 10px; font-weight: normal; text-transform: uppercase; }
        
        .text address { font-style: normal; }
		
		#img_check {
			position: absolute;
right: -72px;
bottom: 88px;
			}
#jednicka {padding-top: 18px;}			
#dvojka {padding-top: 40px;}	
#trojka {padding-top: 40px;}