body{
	text-align: center;
	margin-top: 0px;
	background-color: #B1D855;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	/*width: 100%;
	height: 100%;
	overflow-x: hidden;*/
}

#obal{
	
	background-color: White;
	background-image: url(bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	
}

#container1{
	width: 792px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
}

#container2{
	width: 792px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	background-image: url(bg.jpg);
	background-repeat: repeat-y;
}

#container3{
	width: 792px;
	margin-left: auto;
	margin-right: auto;

}

#top1{
	position: relative;
	float: left;
	width: 108px;
	height: 192px;
	background-image: url(top1.jpg);
}

#top2{
	float: left;
	width: 466px;
	height: 192px;
	background-image: url(top2.gif);
	position: relative;
	
}

#top3{
	float: left;
	width: 218px;
	height: 192px;
	background-image: url(top3.jpg);
}

h1#etech {font-size: 10px;}
#etech span { display:none }  
#etech {float: left; margin:0; padding:0; width:218px; height:192px; background:url("top3.jpg") top left no-repeat; }
  

#menu1{
	clear: both;
	float: left;
	width: 792px;
	height: 24px;
	background: url(../img/bg-horni-pruh.gif) left top repeat-x;
}

#menu1 a{
	float: left;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-decoration: none;
	color: #117139;
	font-weight: normal;
	background-image: url(bg_menu1_off.gif);
	text-indent: 32px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}




#menu1 a:hover{
	height: 24px;
	text-decoration: none;
	background-image: url(bg_menu1_on.gif);
}

#menu1 a#item01 {width: 78px;}
#menu1 a#item02 {width: 84px;}
#menu1 a#item03 {width: 102px;}
#menu1 a#item04 {width: 106px;}
#menu1 a#item05 {width: 76px;}
#menu1 a#item06 {width: 80px;}

#spacer_left{
	float: left;
	width: 105px;
	height: 24px;
	background-image: url(space_left.gif);
}



#spacer_right{
	float: right;
	width: 161px;
	height: 24px;
	background-image: url(space_right.jpg);
	background-repeat: no-repeat;
}

#menu2{
	clear: both;
	float: left;
	width: 191px;
	background-image: url(bg_menu2.jpg);
	background-repeat: repeat-y;
	background-color: White;
	
}

#sub{
	margin-left: 15px;
	/*height: 360px;*/
	color: #0B3C3B;
	background-color: White;
	background-color: #F4FAE4;
	
}

.items{
	border-bottom: 1px solid #C5E371;
}

A.items{
	width: 161px;
	height: 20px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	background-color: #F4FAE4;
	color: #0B3C3B;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 3px;
	padding-left: 15px;
}

a.items:hover{
	background-color: #DCEEAA;
}

#novinka{
	clear: both;
	width: 576px;
	height: 137px;
	background-image: url(bg_novinka.jpg);
	padding-left: 25px;
	padding-top: 20px;
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
}

#novinka2{
	clear: both;
	width: 573px;
	height: 112px;
	_height: 137px;
	background-image: url(oko1_poz.jpg);
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 1px;
	background-repeat: no-repeat;
	padding-top: 25px;
}


#main{
	float: left;
	text-align: left;
	
}

#obsah{
	clear: both;
	width: 581px;
	&width: 601px;
	background-color: White;
	background-image: url(bg_obsah.jpg);
	background-position: right;
	background-repeat: repeat-y;
	padding-top: 25px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}



#paticka{
	clear: both;
	float: left;
}
#paticka a {color: #fff;}

#odkazy1{
	position: relative;
	top: 5px;
	left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #117041;
}

#odkazy2{
	position: relative;
	top: 5px;
	left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #117041;
}

.odkazy a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #117041;
	text-decoration: none;
}

.odkazy a:hover{
	text-decoration: underline;
}

#container2{
	clear: both;
	/*background-image: url(bg.jpg);*/
	background-repeat: repeat-y;
	background-color: White;
}
.cleaner{
	clear: both;
}

.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width: 365px;*/
	/*float: left;*/
	margin-left: 5px;
	text-align: justify;
	margin-right: 45px;
}

.ramecek{
	width: 148px;
	height: 148px;
	float: left;
	background-color: #F4FAE4;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: center;
}

.ramecek2{
	clear: both;
	width: 148px;
	height: 148px;
	float: left;
	background-color: #F4FAE4;
	margin-bottom: 20px;
}

.ramecek3{
	width: 162px;
	height: 247px;
	float: left;
	background-color: #F4FAE4;
	margin-bottom: 20px;
	margin-right: 10px;
}

.ramecek4{
	width: 162px;
	height: 117px;
	float: left;
	background-color: #F4FAE4;
	margin-bottom: 20px;
	margin-right: 10px;
}

.ramecek5{
	width: 148px;
	height: 148px;
	float: left;
	/*background-color: #F4FAE4;*/
	margin-bottom: 20px;
	margin-right: 30px;
}

.noimage{
	width: 148px;
	height: 190px;
	_height: 220px;
	float: left;
}

.obrazek{
	margin-left: 6px;
	margin-top: 6px;
	border: 1px solid #C5E371;
}

.obrazek2{
	border: 1px solid #C5E371;
}
.obrazek2{
	border: 1px solid #C5E371;
}
.obrazek0{
	margin-left:30px;
	border: 1px solid #C5E371;
}


.text01{
	font-family: Arial Black;
	color: #016734;
	font-size: 20px;
}

.text02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #114040;
}

.text_green{
	color: #669933;
}

.text_red{
	color: #FD1C1C;
}

.text03{
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	line-height: 10px;
	position: relative;
	top: -5px;
	_top: -10px;
}

.text_obsah{
	padding-right: 50px;
	text-align: justify;
}

#info{
	position: relative;
	left: 200px;
	top: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006633;
	text-decoration: none;
}

#info:hover{
	text-decoration: underline;
}

#paticka{
	width: 792px;
	height: 92px;
	background-image: url(bg_paticka.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	text-align: center;
	letter-spacing: 1px;
	padding: 0;
	margin:0;
}

#paticka .texts {margin: 55px 0 0 0;}
#email{
	color: White;
	text-decoration: none;
}

#email:hover{
	text-decoration: underline;
}

#bg1{
	width: 100%;
	height: 216px;
	background-image: url(bg_body_01.gif);
	background-repeat: repeat-x;
	background-color: White;
	/*padding-left: 2px;*/
}

#bg2{
	width: 100%;
	/*background-image: url(bg.jpg);*/
	/*background-position: center;*/
	/*background-repeat: repeat-y;*/
	background-color: White;
	/*padding-left: 2px;*/
}

#bg3{
	width: 100%;
	height: 92px;
	background-image: url(bg_body_03.gif);
	background-repeat: repeat-x;
	background-position: 6px 0px; 
	_background-position: 5px 0px; 
	background-color: White;
	/*padding-left: 2px;*/
}

h1{
	font-family: Arial;
	color: #016734;
	font-size: 16px;
}
h2{
	font-family: Arial;
	color: /*#016734*/black;
	font-size: 16px;
	margin: 30px 0px 0px 0px;
}

#obsah a{
	font-family: Arial, Helvetica, sans-serif;
	color: #016734;
	text-decoration: underline;
	font-weight: bold;
}

#obsah a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #016734;
	text-decoration: underline;
	font-weight: bold;
}

.tucne{
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

.tucne2{
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

.popisek{
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	padding: 0;
	margin: 0;

}

#pismo{
	font-size: 13px;
	color: Black;
	margin-left: 30px;
}

#pismo2{
	width: 260px;
	height: 33px;
	background-color: Red;
	color: white;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#pismo3{
	font-weight: bold;
	font-size: 18px;
	margin-left: 30px;
}

#pismo4{
	font-weight: bold;
	font-size: 18px;
	margin-left: 60px;
}

.img_right{
	float: right;
	margin-right: 30px;
}

.logo{
	margin-left: 30px;
}

#top{
	position: absolute;
	left: 150px;
	top: 66px;
	width: 206px;
	height: 42px;
	display: block;
	/*background-color: Aqua;*/
}

#left_oko{
	float: right;
	margin-left: 0px;
	margin-right: 30px;
}

hr{
	color: #016734;
	height: 1px;
	width: 520px;
}
.baner {
	border: 1px solid green;
}

table.vystavy {border: none;}
table.vystavy td {vertical-align: middle; padding: 10px; background: #eaffaf;}
table.vystavy img {border: 1px solid #ccc;}
.iLeft {float: left; border: 1px solid #c5e371; margin: 0 10px 10px 0;}


table.partneri{
	border-collapse: collapse;
	width: 300px;
}

table.partneri th{
	background: #F5FAE4;
	border-bottom: 1px solid #93CB16;
	text-align: left;
	padding: 4px 5px;
	text-transform: uppercase;
}

table.partneri td{
	border-bottom: 1px solid #93CB16;
	padding: 2px 5px;
}

a#bootcamp{
	position: absolute;
	top: 28px;
	left: 260px;
}

#cenik{
	margin-left: -10px;
}

#cinnost{
	margin-left: 65px;
}

#cinnost div{
 	margin-right: 30px;
}

.cenikBanner{
	float: left;
	margin-right: 3px;
	width: 182px;
	height: 222px;
	position: relative;
	background: url(../img/1.jpg);
}

.cenikBanner span{
	display: block;
	position: absolute;
	text-align: center;
	top: 55px;
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
}

.cenikBanner a{
	display: block;
	position: relative;
	width: 110px;
	height: 65px;
	left: 34px;
	top: 157px;
	background: url(../img/zobraz_off.jpg);
}

.cenikBanner a:hover{
	background: url(../img/zobraz_on.jpg);
}

.cenikCinnost {float: left;	margin-right: 3px;
	             width: 182px; height: 222px;	position: relative;
	             background: url(../img/1.jpg);
}
.bezA         {background: url(../img/2.jpg);
}
.cenikCinnost span {display: block;	position: absolute;
                  	width: 100%;	text-align: center;	top: 55px;
  	                font-weight: bold;	font-size: 1.2em;	color: #fff;
}
.cenikCinnost a    {display: block;	position: relative;
                   	width: 110px;	height: 65px;	left: 34px;	top: 157px;
	                  background: url(../img/formular_off.jpg);
}
.cenikCinnost a:hover {background: url(../img/formular_on.jpg);}

.cenikCinnost-Tla {float: left;	margin-right: 3px;
	                 width: 182px; height: 222px;	position: relative;
	                 background: url(../img/1.jpg);
}
.cenikCinnost-Tla span {display: block;	position: absolute;
                  	    width: 100%; text-align: center; top: 55px;
  	                    font-weight: bold; font-size: 1.2em; color: #fff;
}
.cenikCinnost-Tla a#majl {color:white;}


#menx .tlac  {display:inline-block; vertical-align:top; text-align:left;
              margin:0; padding:16px 9px 0 9px;
              background:url() no-repeat -10px top;}
#menx label  {width:118px; height:73px; display:block; overflow:hidden;
              font:bold 12px/15px tahoma; color:#eeffdd;}
#menx a      {display:block; text-decoration:none;
              width:118px; height:48px; margin:0; padding:0;
              background:url(../imgx/butn_0.gif) no-repeat 15px top;}
#menx a:hover{background-image:url(../imgx/butn_1.gif);}
#menx .tl4   {background-image:url(../imgx/tlac_5.jpg);}

#menl .tlac  {display:inline-block; vertical-align:top;
              margin:1px 15px 0 0; *margin-right:18px; padding:16px 9px 0 9px;
              background:url() no-repeat left top;}
#menl label  {width:128px; height:73px; display:block; overflow:hidden;
              font:bold 12px/15px tahoma; color:#eeffdd;}
#menl a      {display:block; text-decoration:none;
              width:128px; height:48px; margin:0; padding:0;
              background:url(../imgx/butn_0.gif) no-repeat 20px top;}
#menl a:hover{background-image:url(../imgx/butn_1.gif);}
#menl .tl1   {background-image:url(../imgx/tlac_2.jpg);}
#menl .tl2   {background-image:url(../imgx/tlac_3.jpg);}
#menl .tl3   {background-image:url(../imgx/tlac_4.jpg);}

#novinkax    {margin:0 70px 0 0; padding:0;}
#novinkax h4 {margin:0; padding:0;}
#novinkax span {display:inline-block; float:right;}
#novinkax img {margin-top:22px;}


.aktu        {margin:15px 70px 10px 20px; padding:0;}

.aktu span   {display:block; margin:0; padding:0; border-top:1px solid  #C5E371;
              font-size:0.9em; color:#3a6734; text-align:right;}
.aktu a      {font:1em arial; color:#3a6734; text-decoration:underline;}
.aktu a:hover{text-decoration:none;}
.aktu .head  {display:inline-block; margin:0; padding:0 0 0 37px;
              background:url(../imgx/odr_big.gif) no-repeat left 3px;}
.aktu p      {margin:0; padding:0 0 0 37px;}
.aktu a.mor  {display:inline-block; margin-left:10px; text-decoration:none;}
.aktu a.mor:hover {text-decoration:underline;}

#ukazr       {float:right; margin:20px 70px 0 0;}
#ukazl       {display:inline-block; margin:20px 0 0 20px;}

.mapa-webu {padding: 0 0 0 120px;}
.mapa-webu li{list-style-type: none;}
.mapa-webu li span {color: #016734; font-weight: bold; font-size: 1.3em;}
ul.mapa a{color: red; font-weight: normal;}
ul.mapa {margin: 0px 0 15px 0; padding: 0 0 0 25px;}

strong.seo {font-weight: normal;}

a.aktivni_hlavni, a.aktivni_hlavni:hover {background-color: #016734; color: #fff;}
a.vedlejsi {padding-left: 25px; width: 151px;}
a.aktivni_vedlejsi { font-weight: bold;}

.drobecky {font-size: 11px; margin-bottom: 15px;}
.drobecky a {color: #F4FAE4; font-weight: normal;}

tr.cara td{border-top: 1px solid black;}	
