@charset "utf-8";
/* CSS Document */

body {
	background-image: url(obrazy/pozadi2.jpg);
	background-repeat: repeat-x;
	background-color:#b2d92b;}

#preloadedImages
{
    width: 0px;
    height: 0px;
    display: inline;
    background-image: url(obrazy/zabaSlozeni.gif);
    background-image: url(obrazy/zabaProspan.gif);  
    background-image: url(obrazy/zabaProspan2.gif);
    background-image: url(obrazy/zabaOdbor.gif);
    background-image: url(obrazy/zabaNavod.gif);
	background-image: url(obrazy/zabaKontakt.gif);
	background-image: url(obrazy/navod.gif); 
	background-image: url(obrazy/navodA.gif);
	background-image: url(obrazy/navodH.gif);
	background-image: url(obrazy/kontakt.gif);
	background-image: url(obrazy/kontaktA.gif); 
	background-image: url(obrazy/kontaktH.gif);
	background-image: url(obrazy/odbor.gif); 
	background-image: url(obrazy/odborA.gif);  
	background-image: url(obrazy/odborH.gif);
	background-image:url(obrazy/prospan.gif); 
	background-image:url(obrazy/prospanA.gif);
	background-image:url(obrazy/prospanH.gif);
	background-image:url(obrazy/slozeni.gif);
	background-image:url(obrazy/slozeniA.gif); 
	background-image:url(obrazy/slozeniH.gif); 
}


DIV.celek {
	margin: auto; WIDTH: 916px; POSITION: relative; TOP: 0px; /*BACKGROUND-COLOR: #CC99CC;*/ TEXT-ALIGN: left; 
}

DIV.left {
	width: 191px;
	/*background-color:#00FF33;*/
	float: left;
	}

DIV.logo {
	background-image: url(obrazy/logo.gif);	background-repeat: no-repeat;
	display: block; float: left;
	width: 191px;	height: 249px;
	}
	
DIV.kestazeniTop {
	background-image: url(obrazy/kestazeniGreen.gif); background-repeat: no-repeat;
	display: block; float: left;
	width: 191px; height: 30px;
	}

DIV.kestazeniTop p{
	font-family: Tahoma; font-size: 13px; font-weight: bolder; color: #FFFFFF;
	text-align: center;
	margin-top: 9px;
	}
	
DIV.kestazeniMain {
	background-color:#FFFFFF;
	border-left: 2px solid #00ab34; border-right: 2px solid #00ab34; border-top: 2px solid #00ab34;
	display: block; float: left;
	width: 148px; *width: 144;
	/* height: 100px;*/
	margin-left: 19px;
	}

DIV.kestazeniMain p {
	padding-left: 10px;
	*padding-top: 10px;
	padding-bottom: 10px;
	font-family: Tahoma;
}

DIV.kestazeniMain a {
	color: #00ab34;
	}
	
DIV.kestazeniMain a:hover {
	color: #006600;
	}
	
DIV.kestazeniBottom {
	background-image: url(obrazy/kestazeniGreen2.gif); background-repeat: no-repeat;
	display: block; float: left;
	width: 191px; height: 20px;
	}
	
DIV.vyrobceTop {
	background-image: url(obrazy/kestazeniGreen.gif); background-repeat: no-repeat;
	display: block; float: left;
	width: 191px; height: 30px;
	}
	
DIV.vyrobceTop p{
	font-family: Tahoma; font-size: 13px; font-weight: bolder; color: #FFFFFF;
	text-align: center;
	margin-top: 9px;
	}
	
DIV.vyrobceMain {
	background-color:#FFFFFF;
	border-left: 2px solid #00ab34; border-right: 2px solid #00ab34; border-top: 2px solid #00ab34;
	display: block; float: left;
	width: 148px; *width: 144; height: 80px;
	margin-left: 19px;
		text-align: center;
	}
	
DIV.vyrobceBottom {
	background-image: url(obrazy/kestazeniGreen2.gif); background-repeat: no-repeat;
	display: block; float: left;
	width: 191px; height: 20px;
	}
DIV.right {
	width: 714px;
	float: left;
	}	

DIV.zaby {
	float: left; display: block;
	width: 714px; height:106px;
	/*background-color:#CCCCCC;*/
	}

DIV.zaby a {
	float: left; display: block;
	width: 714px; height:106px;
	text-decoration:none;
	/*background-color:#CCCCCC;*/
	}
/*DIV.zabaProspan {
	background-image: url(obrazy/zabaProspan.gif); background-repeat: no-repeat;
	float: left; display: block;
	margin-left: 15px; margin-top: 7px;
	width: 150px; height: 100px;
*/

DIV.zabaNavod {
	background-image: url(obrazy/zabaNavod.gif); background-repeat:no-repeat;
	float: left; display: block;
	height: 100px; width: 119px;
	margin-left: 250px; margin-top: 6px;
	}

DIV.zabaOdborne {
	background-image: url(obrazy/zabaOdbor.gif); background-repeat:no-repeat;
	float: left; display: block;
	height: 100px; width: 117px;
	margin-left: 450px; margin-top: 6px;
	}

DIV.zabaKontakt {
	background-image: url(obrazy/zabaKontakt.gif); background-repeat:no-repeat;
	float: left; display: block;
	height: 120px; width: 166px;
	margin-left: 580px; margin-top: 6px;
	}
	
DIV.zabaSlozeni {
	background-image: url(obrazy/zabaSlozeni.gif); background-repeat:no-repeat;
	float: left; display: block;
	height: 100px; width: 133px;
	margin-left: 105px; margin-top: 6px;
	}
	

DIV.zabaNIC {
	float: left; display: block;
	height: 120px; width: 166px;
	margin-left: 580px; margin-top: 6px;
	}
	
DIV.soutez {
	width: 222px;
	height: 60px;
	display:block;
	background-image:url(obrazy/soutez.gif); background-repeat: no-repeat;
	float: right;
	margin-right: 110px;
	margin-top: 10px;
	}
	
DIV.soutez2 {
	width: 222px;
	height: 60px;
	display:block;
	background-image:url(obrazy/soutez.gif); background-repeat: no-repeat;
	float: right;
	margin-right: 400px;
	margin-top: -95px;
}

DIV.soutez3 {
	width: 222px;
	height: 60px;
	display:block;
	background-image:url(obrazy/soutez.gif); background-repeat: no-repeat;
	float: right;
	margin-right: 400px;
	margin-top: -115px;
}
	
DIV.title {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bolder;
	margin-top: 10px;
	text-align: center;
	}

DIV.title a{
	color:#FFFFFF;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bolder;
	width: 222px;
	height: 25px;
	}
	
DIV.sub {
	color:#FFFFFF;
	font-family: Tahoma;
	font-size: 13px;
	margin-top: 0px;
	text-align: center;
	}

DIV.sub a{
	color:#FFFFFF;
	font-family: Tahoma;
	font-size: 13px;
	width: 222px;
	height: 20px;
	}
	
DIV.menu {
	width: 714px; height: 30px;
	}

DIV.prospan {
	background-image: url(obrazy/prospan.gif);
	width: 116px; height: 30px;
	display: block;
	float: left;}
	
DIV.prospan p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}	
	
DIV.prospan a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}
	
DIV.prospan:hover {
	background-image: url(obrazy/prospanH.gif); background-repeat:no-repeat;
	width: 116px; height: 30px;
	display: block;	float: left;
	}	
	
DIV.slozeni {
	background-image: url(obrazy/slozeni.gif); background-repeat: no-repeat;
	width: 105px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}

DIV.slozeniA {
	background-image: url(obrazy/slozeniA.gif); background-repeat: no-repeat;
	width: 105px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}
	
DIV.slozeni p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}

DIV.slozeniA p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}	
	
DIV.slozeni a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}	

DIV.slozeniA a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}
	
DIV.slozeni:hover {
	background-image: url(obrazy/slozeniH.gif); background-repeat:no-repeat;
	width: 105px; height: 30px;
	display: block;	float: left;
	}	
	
DIV.navod {
	background-image: url(obrazy/navod.gif); background-repeat: no-repeat;
	width: 161px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}
	
DIV.navodA {
	background-image: url(obrazy/navodA.gif); background-repeat: no-repeat;
	width: 161px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}
	
DIV.navod p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}	
	
DIV.navodA p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}
	
DIV.navod a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}
	
DIV.navodA a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}	
	
DIV.navod:hover {
	background-image: url(obrazy/navodH.gif); background-repeat:no-repeat;
	width: 161px; height: 30px;
	display: block;	float: left;
	}
	
DIV.odborne {
	background-image: url(obrazy/odbor.gif); background-repeat: no-repeat;
	width: 222px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}
	
DIV.odborneA {
	background-image: url(obrazy/odborA.gif); background-repeat: no-repeat;
	width: 222px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}
	
DIV.odborne p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}	
	
DIV.odborneA p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}
	
DIV.odborne a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}	
	
DIV.odborneA a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}	
	
DIV.odborne:hover {
	background-image: url(obrazy/odborH.gif); background-repeat:no-repeat;
	width: 222px; height: 30px;
	display: block;	float: left;
	}	
	
DIV.kontakt {
	background-image: url(obrazy/kontakt.gif); background-repeat: no-repeat;
	width: 110px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}
	
DIV.kontaktA {
	background-image: url(obrazy/kontaktA.gif); background-repeat: no-repeat;
	width: 110px; height: 30px;
	display: block;	float: left;
	text-align: center; 
	}
	
DIV.kontakt p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}	
	
DIV.kontaktA p {
	text-align: center;
	margin-top: 8px;
	font-size: 13px; font-weight:bolder;
	}	
	
DIV.kontakt a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}	
	
DIV.kontaktA a {
	font-family: Tahoma; color: #FFFFFF; text-decoration: none;
	}	
	
DIV.kontakt:hover {
	background-image: url(obrazy/kontaktH.gif); background-repeat:no-repeat;
	width: 110px; height: 30px;
	display: block;	float: left;
	}	

DIV.main {
	display: block;	float: left;
	width: 710px; /*height: 450px;*/
	background-color: #FFFFFF; 	border-left: 2px solid #00ab34;	border-right: 2px solid #00ab34; border-top: 2px solid #00ab34;
	font-family: Tahoma; color: #000000;
	}

DIV.main p {
	/*margin-top: -5px;*/
	}

.tableOdbor {
	margin-top: 10px;
	padding-right: 10px;
	/*margin-right: 10px;*/
	padding-left: 39px;
	width: 600px;
	border: 1px solid;
	border-collapse: collapse;
	border-color: #00ab34;
	}
	
.tableKontakt {
	margin-top: 20px;
	padding-right: 10px;
	margin-right: 10px;
	width: 300px;
	border: none;
	}
	
.tableSoutez {
	margin-top: 50px;
	padding-right: 10px;
	margin-right: 10px;
	width: 600px;
	border: none;
	}
	
	
DIV.main td {
	border-collapse: collapse;
	border-color: #00ab34;
	padding-left: 5px; 
	}
	
.text {
	width: 400px; /*height: 300px;*/
	float: left;
	padding: 10px;
}

.text p {
	padding-left: 5px;
	margin-top: 0px;
	
}
.navodText {
	width: 650px;
	}

.navodText p{
	margin-left: 39px;
	*margin-left: 1px;
	/*padding-left: 10px;*/
	padding-right: 10px;
}

.logo1 {
	float:left;
	width: 350px;
}

.logo2 {
	float:left;
	width: 300px;
	padding-top: 5px;
}

.main h1 {
	font-size: 16px; color: #00ab34;
	text-align: right;
	padding-right: 10px; padding-top: 10px;

} 

.obr {
	padding: 10px;}
	

DIV.border {
	display: block; float: left;
	background-image: url(obrazy/borderGreen.gif); background-repeat: no-repeat;
	width: 39px; height: 113px;
	margin-top: -2px; margin-left: -2px;
	}

DIV.boderBottom {
	display: block; float: left;
	background-image: url(obrazy/mainBottomGreen.gif); background-repeat: no-repeat;
	width: 714px; height: 11px;
	}
	

.tiny{
	font-size: 10px;}

	
SPAN.fblogo {
	width: 30px;
	height: 30px;
	float:left;
	display: block;
	}

DIV.facebook {
	display: block; float: left;
	width: 191px;
	height: 30px;
	margin-left: 20px;
	margin-top: 10px;

	}
	
DIV.facebook1 {
	/*background-color: #FFFFFF;*/
	display: block; float: left;
	width: 150px; height: 30px;
	text-align: left;
	margin-left: 5px;
	}
	
DIV.facebook1 a {
	font-family: Tahoma; 
	font-size: 13px; 
	font-weight: bolder;
	color: #3b5998;
	text-align: center;
	text-decoration: none;
	}	
	
DIV.facebook a:hover {
	color: #333333;
	}