* {
	margin: 0px; padding: 0px;
}
html, body {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;		
}
body {
	text-align: center;
	background-image: url(../img_web/pozadi_vrch.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 180px;	
	padding-bottom: 100px;			
	behavior: url(csshover.htc);	
}
.telefon {
  position: absolute;  
	font-size: 15px;
	color: #68F1A3;
	margin: 0; padding: 0;  
}


/* = Kontejner */
/* ---------------------------- */
#kontejner {
	margin: 0px auto 0px auto; padding: 0;
	width: 760px;	
  border: none;
	text-align: left;	
	position: relative;
	
	width: 990px;
}  
#kontejner .column {
	border-top: none;		
}
/* #kontejner .column.pozadi {
	background-image: url(../img_web/kanystr_pozadi_2.jpg);
	background-repeat: no-repeat;
	background-position: 300px 350px;		
} */
/* #kontejner.drevo .column.pozadi {
	background-image: url(../img_web/pozadi_drevo.jpg);
	background-repeat: no-repeat;
	background-position: 300px 350px;			
} */



/* = Header */
/* ---------------------------- */
#header {
	margin:0; padding:0;
	/* background-image: url(../img_web/pozadi_header_zelene.jpg); */
	background-repeat: no-repeat;
	height: 180px; width: 730px;	
	position: absolute;
	top: -154px; left: 15px;
	
	width: 960px;
}
#header .column {
	height: 80px;
	padding: 0px;	
	background-image: url(../img_web/pozadi_header_oranz.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	border: none;
	width: 960px;	
		
	height: 194px;
	position: relative;
}
#header p.logo {
	font-size: 27px; font-weight: normal;
	color: White;
	margin: 115px 0 0 15px;	
	
	width: 223px; height: 72px;
	background-image: url(../img_web/logo.jpg);
	background-repeat: no-repeat;
	
	width: 213px; height: 168px;
	background-image: url(../img_web/logo_web.png);
	background-repeat: no-repeat;		
	
	height: 180px;
	position: absolute;
	top: -141px;
	left: 5px;
}
#header .obr {
	height: 112px; width: 171px;
	/* background-image: url(../img_web/obr.jpg); */	
	background-repeat: no-repeat;
	position: absolute;
	/* top: 20px; left: 500px; */
	border: 1px solid #9CCFFB;
	border: 1px solid #043864;
	padding: 0; margin: 0;		
	
	width: 600px; height: 150px;
	top: -15px; right: 0px;
	/* background-image: <?php echo 'url(../img_web/header_' . echo rand(1,3) . '.jpg);' ?> */	
		
	background-repeat: no-repeat;
}
#header ul {
	margin: 18px 0 0 50px;
	margin: 0; padding: 0;
	position: absolute;
	left: 30px; bottom: 10px;
	width: 900px;
	float: left;
}
#header ul li {
	float: left;
	color: black;
	list-style: none;
	margin: 0 50px 0 0;
	font-weight: normal;
	/* padding-right: 20px; margin-right: 20px; */
	border-right: 1px solid #0C0401;
	
	/* padding-right: 10px; margin-right: 10px; */
  padding-right: 10px; margin-right: 10px;
  padding-right: 7px; margin-right: 7px;
}
#header ul li.pred-posledni {
  	border: none;  
  	padding-right: 0; margin-right: 0;
		position: relative;  	  	
}
#header ul li.pred-posledni a {
  color: white;
  font-weight: bold;
  padding-right: 10px;
}
#header ul li.pred-posledni a:hover {
  color: black;
}
#header ul li.pred-posledni span {
  /* position: absolute; */
  color: white;
  font-size: 15px;
  /* top: -20px; left: 0; */
}

#header ul li.posledni {
  border-left: 1px solid #0C0401;
  border-right: none;
  margin-left: 25px; padding-left: 25px;
}
#header ul li a {
	color: white;
	color: #0C0401;
	color: #773306;
}
#header ul li a:hover {
	color: white;
}
#header .telefon {    
  /* right: 20px; bottom: 40px; */
	color: #04411E;	  
	text-align: right;
	line-height: 180%;
	color: white;
	
	position: absolute;
	top: 10px; left: 100px;	
	color: white;
	color: #9CCFFB;
	display: none;
}
#header .telefon a {
  color: #04411E;
  color: white;  
  color: #9CCFFB;
}
#header .telefon a:hover {
  color: white;
  color: #9CCFFB;
}





/* = Main */
/* ---------------------------- */
#main1 {
	margin:0; padding: 30px 0 0 0;
}
#main2 {
	margin:0; padding:0;	
}





/* 
  = Main - drobečková navigace
************************************ */
.drobeckova-navigace {
  position: relative;
  top: 30px; left: 255px;
  font-size: 12px;
  margin: 0px 0 0 30px; padding: 0;
  color: rgb(96,96,96)
  z-index: 2000;
  width: 650px;
}
.drobeckova-navigace a {
  color: rgb(96,96,96)
}





/* = Left */
/* ---------------------------- */
#left {
	float:left;
	width: 250px;
	position: relative;
}
#left .column {
	/* min-height: 600px; */ 
	border: none;
	padding: 15px 5px 0 5px; margin: 60px 0 0 0;
	background-image: url(../img_web/left_linka.gif);
	background-repeat: repeat-y;
	background-position: 5px 0px;		
	
	margin-top: 0;
}
#left .pozadi-left {
	height: 400px;
	height: auto;
	min-height: 1000px;
	position: relative;	
	top: -74px;
	background-image: url(../img_web/pozadi_left.gif);
	background-repeat: repeat;
	background-position: 10px 0;	
	padding: 55px 15px 0 15px;
	
	margin-top: 60px;
	padding-top: 0px;
}


/* 
  = Navigace
************************************ */
div#nav {
  float: left;
  width: 183px;
  margin-bottom: 40px;
  font-size: 14px;      
}
div#nav ul {
  margin: 0; padding: 0;
  width: 183px;
  width: 195px;
  width: 210px;
}
div#nav li {
  position: relative;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #1F7ECF;
  background-color: white;  
  
  background-color: #0459A2;
}
div#nav li:hover {
  background-color: #036AC1;
}
div#nav li.submenu {
  background-color: #0459A2;
  background-image: url(../img_web/odrazka_produkty_mo.jpg);
  background-position: 95% 50%;
  background-repeat: no-repeat;  
}
div#nav li.submenu:hover {
  background-color: #036AC1;
}
div#nav li a {
  display: block;
  padding: 5px 0 5px 10px;
  text-decoration: none;
  width: 168px;
  width: 210px;
  color: white;  
}
div#nav>ul li a {
  width: auto;
}
div#nav ul ul {
  position: absolute;
  top: 0px; left: 183px;
  display: none;
  z-index: 30;  
  
  left: 210px;
  _left: 230px;
}

div#nav ul.level-1 li.submenu:hover ul.level-2 {
  display: block;
}

/* 
  = nahledy
************************************ */
#nahledy h3 {
 margin: 0; padding: 0;
 list-style: none url(none);
  color: white;
  display: block;
  padding: 0 0 0 12px;
  width: 200px; height: 27px;
  line-height: 27px;
  background-image: url(../img_web/vysavace_h3_pozadi.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-decoration: none;
  font-size: 15px;
  font-weight: normal; 
}
/* #nahledy h3 a {
  color: white;
  display: block;
  padding: 0 0 0 12px;
  width: 200px; height: 27px;
  line-height: 27px;
  background-image: url(../img_web/vysavace_h3_pozadi.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-decoration: none;
  font-size: 15px;
  font-weight: normal;
} */
#nahledy h4 {
  margin: 40px 0; padding: 0;
  font-size: 21px;
  font-weight: normal;  
}
#nahledy h4 a {
  color: rgb(208,208,208);
  padding: 5px 20px;
  color: rgb(112,112,112);
  background-color: rgb(240,240,240);
  letter-spacing: -1px;
  display: block;  
  font-family: arial;
}
#nahledy h4 a:hover {
  background-color: rgb(96,96,96);
  color: white;
}

/* 
  = Navigace vysavace
************************************ */
#nav-vysavace {
  margin: 0; padding: 0;
}
#nav-vysavace h3 {
  margin: 0 0 10px 0; padding: 0px;  
}
#nav-vysavace h3 a {
  color: white;
  display: block;
  padding: 0 0 0 12px;
  width: 200px; height: 27px;
  line-height: 27px;
  background-image: url(../img_web/vysavace_h3_pozadi.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-decoration: none;
  font-size: 13px;
  font-weight: normal;  
  
  padding: 0 0 0 8px;
  width: 204px;
}
#nav-vysavace h3 a:hover {
  background-color: #033259;
  background-image: url(../img_web/vysavace_h3_pozadi_hover.gif);
  text-decoration: underline;
}
#nav-vysavace ul {
  margin: 0 0 40px 10px; padding: 0;
}
#nav-vysavace ul li {
  margin: 0; padding: 0;
  list-style: none url(none);
  font-size: 13px;
}
#nav-vysavace ul li a {
  color: #04589F;
  display: block;
  margin: 0; padding: 4px 10px 4px 15px;
  background-image: url(../img_web/vysavace_odrazka.gif);
  background-repeat: no-repeat;
  background-position: 0 10px;
}
#nav-vysavace .doplnky li {
  margin-bottom: 10px;  
}
#nav-vysavace .doplnky li a {
  color: #367806;
  color: rgb(112,112,112);
  font-weight: bold;
  line-height: 150%;
  background-image: url(../img_web/vysavace_odrazka_zelena.gif);
}





#left p {
	font-size: 12px;
	color: #333333;
	text-align: justify;	
}
#left p strong {
	color: Navy;
}
#left p span {
	color: #CC6600;
	color: Green;
}
#left h2 {
	font-size: 0.8em; font-weight: normal;
	color: Navy;
	margin-bottom: 0.5em; padding: 6px 0 0 15px;
	background-image: url(../img_web/left_pozadi_h.gif);
	background-repeat: no-repeat;
	height: 31px; width: 185px;
	color: white;			
}



#left dl {
  margin: 30px 0 0 10px; padding: 0;
}
#left dl dt {
  font-size: 15px;
  /* font-weight: bold; */
  margin: 0 0 5px 0; padding: 0;
  color: #04589F;
}
#left dl dt a {
  color: #04589F;
}
#left dl dd img {
  border: 5px silver solid;
  margin: 0 0 20px 0; padding: 0;
}




/* 
  = Upoutavka
************************************ */
#left .upoutavka p {
  font-size: 14px;  
  line-height: 150%;
  margin-bottom: 40px;
  margin-left: 10px;
  letter-spacing: 0;
  text-align: left;
  color: rgb(32,32,32);
  color: #054377;
}
#left .upoutavka strong a, #left .upoutavka strong {
  color: #054377;
}

/* 
  = Left - Ukazky
************************************ */
.ukazky h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.ukazky img {
  margin-bottom: 30px;
  border: 3px solid silver;
}






/* = Middle */
/* ---------------------------- */
#middle {
	margin:0 0 0 255px;
}		
#middle .column {
	border: none;	
	padding: 20px 20px 50px 30px;
	float: left;			
	width: 660px;	
}
#middle .uvod {
	font-size: 1em;
	color: Navy;
	margin-top: 35px;
	line-height: 170%;	
}

/* 
  = Middle uvodni text na hlavni strane
************************************ */
#middle .uvodni-text {
  margin: 0 0 0px 0; padding: 0;
  float: left;
  width: 650px;
}
#middle .uvodni-text h2 {
  color: #04589F;
  font-size: 35px;
  margin-top: 0;
  padding-left: 0px;  
  margin-left: 0;
  
  font-size: 18px;
  color: #04589F;
	padding-left: 25px;  
  background-image: url(../img_web/odrazka_h2.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;  
}
#middle .uvodni-text h2 a {
  font-size: 18px;
  color: #04589F;  
}
#middle .uvodni-text img {
  float: right;
  margin: 5px 0 20px 20px; padding: 5px;

}
#middle .uvodni-text a img {
  border: 5px solid #DBD9D9;  
}
#middle .uvodni-text a:hover img {
  border: 5px solid silver;  
}
#middle .uvodni-text p {
  padding-left: 20px;
  border-left: 15px solid rgb(241,241,241);
  float: left;
  width: 370px;
}
#middle ul {
  margin: 0; padding: 0 0 0 30px;  
}
#middle ul li {
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
  line-height: 150%;
}
#middle .hlaska-hlavni-strana {
  font-size: 18px;
  margin-top: 50px; 
  width: auto;
  text-align: left;
}
#middle .hlaska-hlavni-strana a {
  color: rgb(4, 88, 159);
}

/* 
  = Middle - odstavec
************************************ */
.odstavec {
  margin-bottom: 0px; padding-bottom: 10px;
  border-bottom: 2px dotted silver;
  float: left;
}
#main1 #middle .odstavec h2 {
  background-image: none;
  background-image: url(../img_web/odrazka_h2_z.gif);
  color: #04589F;
  margin-bottom: 20px;
}
#middle .odstavec h2 a {
	color: rgb(0,112,0);
	letter-spacing: 1px;
	font-weight: bold;  
	font-weight: normal;
	font-size: 18px;
}
.odstavec img {
  float: right;    
  border: 3px solid silver;
  margin: 0px 20px 10px 0px; padding: 0;
  
  float: left;
}
.odstavec p {
  float: right;
  width: 500px;
}
.odstavec p.vice {
  width: 500px;  
}
.odstavec p.vice a {
  float: right;
}

.odstavec.mer {
  margin-bottom: 0px; padding-bottom: 40px;
	/* border-bottom: 3px dotted silver; */  
	height: 150px; width: 660px;
}

/* Nabídka */
.nabidka-dreva {
  width: 80px; height: 120px;
  float: left;
  margin: 30px 20px 40px 0; padding: 7px;
  position: relative;
  border-right: 5px solid rgb(240,240,240);
}
#middle .nabidka-dreva h2 {
  margin: 0 0 20px 0; padding-left: 0;
  font-size: 15px;
  font-weight: bold;
  background-image: none;
}
.nabidka-dreva img {  
  border: none;
  border: 3px solid #0459A2;
  border: 3px solid silver;
  position: absolute;
  top: 55px;
}
#middle .nabidka-dreva ul {
  margin: 0; padding-left: 0px;  
}

#middle .nabidka-dreva ul li {
  margin-left: 0; padding-left: 0px;
	color: black;
	font-size: 12px;  
	list-style: none;
}
#middle .nabidka-dreva ul li a  {
  margin: 0; padding-left: 0px;
  color: black;
}





#middle p.drevo-obecne-kontakt {
  margin: 40px 0 20px 0;
  padding-bottom: 30px;
  font-size: 17px;
  line-height: 160%;
  color: #04589F;
  color: #062F53;
}


/* 
  = Kvalita
************************************ */
#middle .kvalita {
  margin-top: 50px;
}



/* 
  = Tabulky
************************************ */
#middle table {
  font-size: 14px;
  margin-bottom: 50px;
}
#middle table caption {
  color: black;
  text-align: left;
  margin-bottom: 10px;
	font-weight: bold;  
}
#middle table td {
  padding: 5px 10px;
  background-color: white;
}


#middle .divize ul {
	margin: 2em 0 2em 2em;	
}
#middle .divize li {
	font-size: 0.9em;
	color: #CC6600;
	margin-bottom: 0.5em;
	margin-left: 2em;
}
#middle .divize li a {
	color: #CC6600;
}
#middle .divize li a:hover {
	color: Navy;
}
#middle h1 {
	font-size: 20px; font-weight: normal;
	margin: 40px 0 45px 0; padding: 0 0 5px 35px;
	color: Navy;
	background-image: url(../img_web/odrazka_h2.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	border-bottom: 2px dotted #04589F;
	color: #04589F;
}
#middle h1.uvod {
	font-size: 18px; font-weight: normal;
	margin: 40px 0 60px 0; padding: 0 0 45px 0px;
	color: Navy;
	color: #9C5006;
	border: none;
	background-image: none;
	line-height: 170%;
	border-bottom: 2px dotted silver;	
}
#middle p.uvod {
	font-size: 17px; font-weight: normal;
	margin: 40px 0 0px 0; padding: 0 0 0px 0px;
	color: #9C5006;
	border: none;
	background-image: none;
	line-height: 150%;
}
#middle h2 {
  font-size: 0.9em;
  font-weight: bold;
	font-size: 16px; font-weight: normal;
	margin: 35px 0 15px 0;	  
	
  font-size: 18px;
  color: #04589F;
	padding-left: 25px;  
  background-image: url(../img_web/odrazka_h2.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;	
}
#middle h2 a {
	color: Navy;
	color: #04589F;
	font-size: 16px; font-weight: normal;	
}
#middle p, #middle address {
	font-size: 14px;
	color: black;
	color: #333333;
	text-align: justify;
	margin: 0 0 20px 0;
	line-height: 150%;
}
#middle p.poznamka {
	color: #666666;
	margin: 25px 0 0 0;
}
#middle p a strong {
  color: navy;
  color: black;
  font-weight: normal;
}
#kontejner #middle ul.nabidka {
	margin-bottom: 0px;
}
#kontejner #middle ul.nabidka li {
	font-size: 14px;
	color: #333333;
	list-style: none;
	margin: 0 0 12px 20px; padding: 0 0 0 20px;
	background-image: url(../img_web/odrazka_produkty.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 150%;
}
#kontejner #middle ul.nabidka ul {
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#kontejner #middle ul.nabidka ul li {
	margin-left: 0px;
	background-image: url(../img_web/odrazka_produkty_male.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 13px;
}


#middle .obr img {
  border: 3px solid silver;
  margin: 0; padding: 0;
}
#middle .obr a {
  border: none;
  margin: 0; padding: 0;
}
#middle .obr p, #middle .obr p a {
  margin: 0; padding: 0;
  color: #333333;
}
#middle .obr p a:hover {
  color: black;
}
#middle .obr.pravy {
  float: right;
  margin: 0 0 15px 50px;
	width: 320px;  
}


/* 
  = galerie-kategorie
************************************ */
#middle h2.galerie-kategorie {
  /* color: rgb(52,52,52); */
  background-image: none;
  padding-left: 0;
}


/* = Exoticke drevo */
#middle .fotka {
	float: left;
}
#middle .fotka p {
	margin: 0px; padding: 0px;
}
#middle .fotka p a {
	color: Silver;
}
#middle .fotka p a:hover {
	color: navy;
}
#middle .fotka.mala {
	width: 136px; height: 125px;
	margin: 0 10px 30px 0;		
	float: left;
}
#middle .fotka img {
	border: 3px solid #DCDCDC;
}
#middle .fotka.velka {
	width: 440px;
	margin: 0px; padding: 0px;
}


/* 
  = Galerie
************************************ */
#middle .img-galerie {
  margin: 0 20px 50px 0;
  float: left;
}
#middle .img-galerie h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
}
.img-galerie img {
  border: 3px solid silver;
}

/* 
  = Galerie - nav
************************************ */
#middle .galerie-nav  {
  width: 600px;
  margin: 0 0 40px 0; padding: 0;
  list-style: none;
/*   position: relative;
  top: -15px; */
  z-index: 0;
}
#middle .galerie-nav li {
  color: red;
  width: 100px;
  float: left;
  text-align: center;
  margin: 0 30px 20px 0; padding: 0;
	list-style: none;  
}
#middle .galerie-nav li a {
  display: block;
  background-color: rgb(211,211,211);
  border: 1px solid silver;
  padding: 3px 10px;
  color: rgb(48,48,48);
}
#middle .galerie-nav li a:hover {
  background-color: #0877D5;
  background-color: rgb(179,179,179);
}


/* 
  = velka-fotka
************************************ */
#middle .velka-fotka {
  position: relative;
  padding-top: 0px;
}
#middle .velka-fotka img {
  border: 2px solid silver;
}
#middle .tam, #middle .zpatky {
  position: absolute;
  z-index: 20;
}
#middle .tam a, #middle .zpatky a {
  width: 80px;
  margin: 0 0 10px 0px;   
}
#middle .tam {
  left: 850px;
}
#middle .zpatky {
  left: 700px;
}


/* 
  = Certifikaty
************************************ */
.cert {
  width: 210px;
  float: left;
  margin: 0 10px 0 0;
}
.cert a {
  border: none;
}
.cert img {
  border: 2px solid silver;  
}
#middle .cert p {
  margin: 10px 0 0 0; padding: 0;
  text-align: center;
}

.cert-velky {
  width: 610px;
}
.cert-velky img {
  border: 3px solid silver;
}
.cert-velky a {
  border: none;
}


/* = Kontakt */
/* ---------------------------- */
#middle address {
	margin: 0px;
	font-style: normal; font-size: 13px;
	line-height: 180%;
	position: relative;
	float: left;
  width: 300px;
}
#middle address a {
	color: navy;
}
#middle address a:hover {
	color: #CC6600;
}
.formular {
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: 14px;
}
.formular label {
  display: block;
  margin: 0 0 5px 0; padding: 0;
  font-weight: bold;
  color: #333333;
}


/* Kvalita */
#middle .kvalita {
  font-size: 20px;
  color: #038A3F;
  margin: 50px 0;
  float: left;
  width: 650px;
}

/* 
  = Middle - fotogalerie - navigace
************************************ */
#middle .galerie-navigace {
  color: red;
  margin-bottom: 5px;  
}
#middle .galerie-navigace li {
  margin-bottom: 5px;
  color: navy;
  font-weight: bold;
}
#middle .galerie-navigace li a {
  color: navy;    
}
#middle .galerie-navigace li ul li {
  font-weight: normal;
}
#middle .galerie-navigace li ul li a {
  color: navy;
}
#middle .galerie-navigace .realizace li {
  font-size: 12px;
  color: rgb(96,96,96);
}
#middle .galerie-navigace .realizace li a {
  color: rgb(96,96,96);
}

/* 
  = Middle - fotogalerie
************************************ */
.galerie {
  margin: 0 30px 20px 0; padding: 0;
  width: 190px; height: 180px;
  float: left;
}
#middle .galerie h2 {
  margin-bottom: 0; padding: 0;
  background-image: url(none);
  background-color: silver;
  width: 186px;	  		
}
#middle .galerie h2 a {
  margin: 0; padding: 3px 10px 6px 10px;
  font-size: 12px;
  float: left;
}
#middle .galerie img {
  border: 3px solid rgb(224,224,224);
}
#middle .galerie p {
  color: rgb(96,96,96);
  font-size: 12px;
  letter-spacing: -1px;
}


/* Footer */
/* ---------------------------- */
#footer {
  position: relative;
}
#footer .column {
	border: none;	
	height: 20px;
	background-color: Black;
	margin: 40px 0 0 0;
	position: relative;
}
#footer address {
	color: White;
	font-size: 11px; font-weight: bold;
	font-style: normal;
	text-align: center;
}
#footer address a, #footer address a:link, #footer address a:visited {
	color: white;
}
#footer address a:hover {
	color: Silver;
}
#footer .telefon {  
  right: 20px; bottom: 60px;
	color: rgb(87,87,87);  
	font-size: 16px;
	color: silver;
	display: none;
}
#footer .column .intro {
  margin: 0px 0 0 0; padding: 0;
}
#footer .column .intro a {
  display: block;
  width: 150px; height: 40px;
  text-decoration: none;
  background-color: black;
	position: absolute;
	top: 0px; left: 0;		  
} 



.column {
   margin: 0px; padding: 10px;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
		
h1,h2,h3,h4 { margin: 0.2em 0 }
p { margin: 0.5em 0 }
a { color:black }



/* = Copyright */
.copyright {
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
	color: silver;
	width: 800px;
	margin: 20px auto 0 auto;
}
.copyright a {
	color: Silver;
}
.copyright a:hover {
	color: #CC6600;				
}





/* 
  = Nav - left - admin
************************************ */
#nav-left-admin {
  margin: 50px 0 50px 30px;
}
#nav-left-admin li {
  
  margin-bottom: 5px;
}
#left #nav-left-admin li a {
  color: rgb(80,80,80);
}


/* 
  = Administrace
************************************ */
#middle .nav-galerie {
  margin: 0; padding: 0 0 20px 0;
  width: 660px;
  float: left;
}
#middle .nav-galerie li {
  float: left;
  list-style: none;
  margin-right: 30px;    
}
#middle .nav-galerie li a {
  display: block;
  padding: 4px 10px;
  background-color: #04589F;
  border: 1px solid silver;
  color: white; 
}




/* 
  = Bazenove vysavace
************************************ */

/* cena */
#middle p.cena {
  margin: 0 0 20px 50px; padding: 0;
  font-size: 1.1em;
	color: silver;  
	float: right;
}
#middle p.cena a {
  color: #04589F;
}
#middle p.cena a:hover {
  color: #03213A;
}
#middle p.cena strong {
  font-size: 1.3em;
  color: #04589F;
  margin: 0; padding: 0 5px 10px 0;
  display: block;
}

/* prehled */
.vysavace-prehled {
  margin: 50px 0; padding: 0;
  float: left;
}
.vysavace-prehled .vysavac-fotka {
  margin: 0 40px 0 0; padding: 0;
  float: left;
  width: 120px; 
  
  position: relative;
  height: 180px;
}
.vysavace-prehled .vysavac-fotka h3 a {
  font-size: 13px;
  color: silver;
  border: none;
}
.vysavace-prehled .vysavac-fotka a,
.vysavace-prehled .vysavac-fotka img {
  border: none;
  text-decoration: none;
}
.vysavace-prehled .vysavac-fotka img {
  position: absolute;
  bottom: 0;
}

/* ke stazeni */
.navod-ke-stazeni {
  margin: 50px 0; padding: 0;  
}
.navod-ke-stazeni h3 {
  margin: 0 0 5px 0; padding: 0;
  font-size: 1.05em;
  font-weight: normal;
  color: rgb(128,128,128);  
}
#middle .navod-ke-stazeni ul {
  background-color: rgb(242,242,242);
  padding: 20px 40px 10px 40px;  
}
#middle .navod-ke-stazeni li {
  margin: 0; padding: 0px 0px 10px 0;
	font-size: 12px;	  
}
.navod-ke-stazeni li a {
  color: rgb(112,112,112);
}
.navod-ke-stazeni li a:hover {
  color: black;
}