body{
	background-image: url(indexova/podklad7.png);
	background-repeat: repeat-x;
	background-color: #377c93;/*83481c;/*#a26722; #b6c8cc;*/
	width: 900px;
	min-height: 700px;
	top: 15px;
	font-family: Tekton Pro Ext,Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Maroon;
	font-weight: normal;
	margin: 0 auto;
	text-align: left;
	/*border: 1px solid;
	border-color: Fuchsia;*/
}
a{
	text-decoration: none;
	color: White;
}
h1{
	font-size: 14px;
	font-family: Tekton Pro Ext;
	color: #043340; /*#908686;*/
	padding-bottom: 0px;
	font-weight: normal;
	letter-spacing: 0px;
}
h2{
	font-size: 12px;
	font-family:  Comic Sans MS;
	color: Maroon;
	padding-bottom: 0px;
	font-weight: normal;
	letter-spacing: 0px;
}
h3{
	font-size: 9px;
	font-family:  Comic Sans MS;
	color: Maroon;
	padding-bottom: 0px;
	font-weight: normal;
	letter-spacing: 0px;
}
h4{
	font-size: 11px;
	font-family:  Comic Sans MS;
	color: Maroon;
	padding-bottom: 0px;
	font-weight: normal;
	letter-spacing: 0px;
}
/* -------------------------------------- tělo ------------------------- */

#logo{
	position: relative;
	background-image: url(indexova/logo10.png);
	width: 880px;
	height:148px;
	top: 148px;
	border: 1px solid;
	border-color: White;
	float: left;
	
}
#leva{
	position: relative;
	background-image: url(indexova/podklad-levy.png);
	background-repeat: repeat-y;
	width: 150px;
	height:450px;
	top: 150px;
	left: 0px;
	margin: 0 0 0 0;
	border: 1px solid;
	border-color: Gray;
	float: left;
}
#obsah{
	position: relative;
	background-image: url(indexova/podklad-stred.png);
	background-repeat: repeat-y;
	width: 574px;
	min-height: 450px;
	top: 150px;
	left: -148px;/*-1px;*/
	border: 1px solid;
	border-color:  #ADADAD;
	float: left;
}
#prava{
	position:  relative;
	/*background-image: url(indexova/podklad-levy.png);*/
	background-repeat: repeat-y;
	width: 148px;
	height:450px;
	top: 150px;
	left: 580px;
	margin: 0 0 0 0;
	border: 1px solid;
	border-color: Gray;
	float: left;
}
#pata{
	position: relative;
	background-image:  url(indexova/Pata.png);
	/*background-repeat: repeat-x;*/
	width: 880px;
	height: 24px;
	top: 151px;
	left: 0px;/*-155px;*/
	margin: 0 0 0 0;
	padding-top: 6px;
	text-align: center;
	color: Maroon;
	border: 1px solid;
	border-color:  Gray;
	float: left;
	
}
#pataMala{
	position: relative;
	background-image:  url(indexova/Pata.png);
	/*background-repeat: repeat-x;*/
	width: 576px;
	height: 24px;
	top: 151px;
	left: 153px;/*-155px;*/
	margin: 0 0 0 0;
	padding-top: 6px;
	text-align: center;
	color: Maroon;
	border: 1px solid;
	border-color:  Gray;
	float: left;
	
}
/* ---- tlačítka --- */
#tlac{
	position:relative;
	top:150px;
	left:0px;
	width:880px;
	height:30px;
	margin: 0 0 0 0;
	border:1px solid;
	border-color: White;
	z-index: 1;
	
}
#tla2 {
	position: relative;
	background-image: url(indexova/TL3.png);
	background-repeat:  repeat-x;
	display: inline;
	top: 0px;
	left: 0px;
	width: 110px;
	height: 26px;
	padding-top: 6px;
	float: left;
	text-align: center;
	 
}
#tla2:hover{
	position: relative;
	background-image: url(indexova/TL3.png);
	background-repeat: repeat-x;
	display: inline;
	top: 0px;
	left: 0px;
	width: 110px;
	height: 26px;
	padding-top: 6px;
	
	text-align: center;
	 
	text-decoration: underline;
}
/*........ obr-horni .........*/
#horni{
	position: relative;
	top: -50px;
	left: -160px;
	width: 900px;
	height: 79px;
}
#obr-cmgs{
	position: absolute;
	background-image:  url(indexova/logocmgs3.png);
	top: 70px;
	left: 900px;
	width: 200px;
	height: 79px;
}
#obr-cmgs2{
	visibility: hidden;
	position: absolute;
	background-image: url(indexova/Vyskakovaci-okno2.png);
	top: 350px;
	left: 365px;
	width: 534px;
	height: 339px;
	border: solid 1px white;
	z-index: 101;
}
#obr-logo-mgc{
	position: absolute;
	background-image:  url(indexova/Logo-MGC-Opava.png);
	top: 20px;
	left: 90px;
	width: 165px;
	height: 150px;
}
#obr-logo-mgc2{
	visibility: hidden;
	position: absolute;
	background-image: url(indexova/Vyskakovaci-okno.png);
	top: 350px;
	left: 365px;
	width: 534px;
	height: 339px;
	border: solid 1px white;
	z-index: 100;
}
#obr-minigolf{
	position: absolute;
	background-image: url(indexova/Nap-minigolf7.png);
	top: 50px;/*23px;*/
	left: 410px;/*370px;*/
	width: 350px;/*466px;*/
	height: 90px;/*120px;*/
}
#obr-minigolf2{
	visibility: hidden;
	position: absolute;
	background-image: url(indexova/Vyskakovaci-okno3.png);
	top: 350px;
	left: 365px;
	width: 534px;
	height: 339px;
	border: solid 1px white;
	z-index: 102;
}
/* --------------------------------- počítadlo + baner ---------------- */
#pocitadlo{
	position: absolute;
	top: 380px;
	left: 35px;
}
#baner{
	position: absolute;
	background-image: url(indexova/logocmgs-baner.png);
	background-color: White;
	top: 328px;
	left: 28px;
	width: 100px;
	height: 40px;
	border: 1px solid;
	border-color: #5A5A5A;
}
/*............................................................. hlavni........................*/
#email{
	background-image:   url(Hlavni/Emaii3.png);
	position: absolute;
	top: 243px;
	left: 251px;
	height: 209px;
	width: 326px; 
	/*border: 1px solid;
	border-color:  Black;*/
}
#email-odeslani{
	position: absolute;
	top: 255px;
	left: 260px;
	height: 209px;
	width: 326px;
	text-align: center; 
	z-index: 1;
}
#email-form{
	position: absolute;
	top: 280px;
	left: 280px;
	height: 155px;
	width: 285px;
	/*border: 1px solid;
	border-color: Black;
	text-align: center; */
	z-index: 2;
}
#text1{
	position: absolute;
	top:  0px;
	left: 35px;
	font-family: Tekton Pro Ext;
	color: #043340;
	font-size: 13px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0px;
	z-index: 3;
}
.input-tenky{
	background-image: url(Hlavni/input-obr.png);
	width: 220px;
	height: 22px;
	z-index: 3;
}
#text2{
	position: absolute;
	top:  27px;
	left: 55px;
	font-family: Tekton Pro Ext;
	color: #043340;
	font-size: 13px;
	/*font-weight: normal;*/
	letter-spacing: 0px;
	z-index: 3;
}
.input-tenky2{
	background-image: url(Hlavni/input-obr.png);
	width: 200px;
	height: 22px;
	z-index: 3;
	
}
#predmet{
	position: absolute;
	top:  303px;
	left: 290px;
	z-index: 3;
}
#text3{
	position: absolute;
	top:  55px;
	left: 7px;
	font-family: Tekton Pro Ext;
	color: #043340;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0px;
	z-index: 3;
}
.input-text{
	background-image: url(Hlavni/input-obr-text.png);
	width: 270px;
	height: 70px;
	z-index: 3;
}
#odeslat{
	position: absolute;
	top:  142px;
	left: 207px;
	z-index: 3;
}
.input-odeslat{
	background-image: url(Hlavni/Email-odeslat.png);
	width: 80px;
	height: 22px;
	z-index: 3;
}
/*.......................................*/
#fotak{
	position: absolute;
	top: 690px;
	left: 190px;
	height: 30px;
	width: 40px; 
}
#fotak:hover{
	position: absolute;
	top: 690px;
	left: 190px;
	height: 30px;
	width: 40px; 
	border: 1px solid;
	border-color: #5A5A5A;
}

#email2-obr{
	background-image: url(email/Hlavni-pravy2.jpg);
	background-repeat: no-repeat;
}
#email2:hover{
	background-image: url(Titulni/mgcopava@cmgs.jpg);
	border: 1px solid;
	border-color: #5A5A5A;
	height: 27px;
	width: 205px;
}
/*------------------------------- turnaje -------------------*/
#turnaje{
	position: absolute;
	top: 530px;
	left: 50px;
}
#aktuality{
	position: absolute;
	top: 530px;
	left: 520px;
}

/* ---------------------------------- indexobsah ------------------------*/
#indexobsah{
	position: relative;
	top: 20px;
	width: 800px;
	min-height: 450px;
	float: left;
	background-color: #343030;
}
/* --------------------------------- horni napis ---------------------- */
#nadpis{
	position: relative;
	background-image: url(Titulni/MGC-Opava3.jpg);
	width: 800px;
	height: 100px;
	
}
/* ---------- vzkazovka -----------*/
#obsahV {
	position: absolute;
	width: 530px;
	top: 136px;
	left: 215px;
	text-align: left;
	padding-left: 3px;
}
.c5{
	font-family:   Comic Sans MS;
	font-size: 12px;
	color:  Black;
}
.c1{
	font-family:  Comic Sans MS;
	font-size: 10px;
	color:  Black;
}
.vzk{
	font-family:  Comic Sans MS;
	font-size: 12px;
	color:  Black;
}
.vzkKomu{
	font-family:  Comic Sans MS;
	font-size: 14px;
	font-weight: bold;
	color:  Black;
}
.vzkKdo{
	font-family:  Comic Sans MS;
	font-size: 16px;
	font-weight: bolder;
	color: Black;
}
.vzkCas{
	font-family:  Comic Sans MS;
	font-size: 11px;
	color: Black;
	font: normal;
}
.w{
	border: 1px solid #AD8F78;
	width: 170px;
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color: Maroon;/*#3D2216;*/
}
.w1{
	border: 1px solid #AD8F78;
	width: 170px;
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color:  Maroon;
}
.x{
	border: 1px solid #AD8F78;
	width: 80px;
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color: Maroon;/*#3D2216;*/
}
.x1{
	border: 1px solid #AD8F78;
	width: 80px;
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color: Maroon;
}
.y{
	border: 1px solid #AD8F78;
	width: 40px;
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color: Maroon;/*#3D2216;*/
	text-align:  center;
}
.y1{
	border: 1px solid #AD8F78;
	width: 40px;
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color: Maroon;
	text-align:  center;
}
.z{
	border: 1px solid #AD8F78;
	width: 40px;
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color: Maroon;/*#3D2216;*/
	text-align: center;
}
#odkaz {
	font-size: 10px;
	padding-left: 10px;
	font-family: Georgia;
	color: #3D2216;
	text-align: center;
}
/*......................... vzkazy .........................*/
#vzkazy {
	/*position: absolute;*/
	background-image: url(Vzkazy/TL-Clubova.png);
	top: 220px;
	left: 10px;
	width: 200px;
	height: 50px;
	z-index: 1;
}
/*............................tymova......................*/
#obr-terka{
	/*position: absolute;*/
	background-image: url(Tymova/terka.png);
	top: 0px;
	left: 10px;
	width: 92px;
	height: 124px;
	float: left;
}
#obr-danek{
	/*position: absolute;*/
	background-image: url(Tymova/danek.png);
	top: 0px;
	left: 0px;
	width: 100px;
	height: 124px;
	float: left;
}
#obr-walis{
	/*position: absolute;*/
	background-image:  url(Tymova/walis.png);
	top: 0px;
	left: 0px;
	width: 92px;
	height: 124px;
	float: left;
}
#obr-hufi{
	/*position: absolute;*/
	background-image: url(Tymova/hufi.png);
	top: 0px;
	left: 0px;
	width: 92px;
	height: 124px;
	float: left;
}
#obr-lida{
	/*position: absolute;*/
	background-image: url(Tymova/lida.png);
	top: 0px;
	left: 0px;
	width: 92px;
	height: 124px;
	float: left;
}
#obr-sego{
	/*position: absolute;*/
	background-image: url(Tymova/sego.png);
	top: 0px;
	left: 0px;
	width: 90px;
	height: 124px;
	float: left;
}

#obr-sego-V {
	position: absolute;
	/*background-image: url(Tym/sego-V.png);*/
	top: 220px;
	left: 10px;
	width: 660px;
	height: 490px;
	z-index: 1;
}
/*..................................... fotogalerie............................*/
#Obr1 {
	position: relative;
	left: 30px;
	width: 66px;
	height: 49px;
	border: 1px solid #000;
	float: left;
}
#Obr2 {
	position: relative;
	left: 35px;
	width: 66px;
	height: 49px;
	border: 1px solid #000;
	float: left;
}
#Obr3 {
	position: relative;
	left: 40px;
	width: 66px;
	height: 49px;
	border: 1px solid #000;
	float: left;
}
#Obr4 {
	position: relative;
	left: 45px;
	width: 66px;
	height: 49px;
	border: 1px solid #000;
	float: left;
}	
#Obr5 {
	position: relative;
	left: 50px;
	width: 66px;
	height: 49px;
	border: 1px solid #000;
	float: left;
}
#Obr6 {
	position: relative;
	left: 55px;
	width: 66px;
	height: 49px;
	border: 1px solid #000;
	float: left;
}	
#Obr7 {
	position: relative;
	left: 60px;
	width: 66px;
	height: 49px;
	border: 1px solid #000;
	float: left;
}
/*..........řádek - 1 ........*/
#Sego-foto {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 570px;
	height: 50px;
}
/*..........řádek - 2 ........*/
#Lida-foto {
	position: absolute;
	top: 125px;
	left: 0px;
	width: 570px;
	height: 50px;
}

/*..........řádek - 3 ........*/
#Walis-foto {
	position: absolute;
	top: 180px;
	left: 0px;
	width: 570px;
	height: 50px;
	
}

/*..........řádek - 4 ........*/
#Tereza-foto {
	position:  absolute;
	top: 235px;
	left: 0px;
	width: 570px;
	height: 50px;
	
}

/*..........řádek - 5 ........*/
#Hufi-foto {
	position: absolute;
	top: 290px;
	left: 0px;
	width: 570px;
	height: 50px;

}
/*..........řádek - 6 ........*/
#Dan-foto {
	position:  absolute;
	top: 345px;
	left: 0px;
	width: 570px;
	height: 50px;
	
}
/*................. víve foto ...................*/
#VF1 {
	position:  absolute;
	top: 420px;
	left: 0px;
	width: 260px;
	height: 15px;
	text-align: center;
}
#VF2 {
	position:  absolute;
	top: 420px;
	left: 270px;
	width: 260px;
	height: 15px;
	text-align: center;
}