body {
    margin: 0;
    padding: 0 0 20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    background-color: #fff;
  }

  a:link, a:visited {
    color: #1187b4;
    text-decoration: underline;
  }
  
  a:hover {
    color: #f60002;
  }

  img {
  	border-style: none;
  }

  big {
  	font-size: 18px;
  }

  .base {
  	position: relative;
  	width: 802px;
  	margin: 0px auto;
  	padding: 0px;
  }

  .header {
  	height: 190px;
  	margin: 4px 0 0 0; 	
  	padding: 0px;
  }

  .menu {
  	margin: 3px 0 0 0; 
    padding: 0px;
    width: 802px;
    list-style: none;
  }

  .menu li {
    margin: 0 3px 8px 0;
    float: left;
    width: 112px;
  }

  .menu a:link, .menu a:visited {
    display: block;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    line-height: 50px;
  }
  .menu a:hover {
  }

  .button1 a:link, .button1 a:visited {
    color: #fff;
    background: #259bc7 url(obr/button1.jpg) no-repeat top left;
  }
  .button1 a:hover {
    text-decoration: underline;
  }

  .button2 a:link, .button2 a:visited {
    color: #fff;
    background: #15bb63 url(obr/button2.jpg) no-repeat top left;
  }
  .button2 a:hover {
    text-decoration: underline;
  }

  .button3 a:link, .button3 a:visited {
    color: #fff;
    background: #adda36 url(obr/button3.jpg) no-repeat top left;
  }
  .button3 a:hover {
    text-decoration: underline;
  }

  .button4 a:link, .button4 a:visited {
    color: #fff;
    background: #fde514 url(obr/button4.jpg) no-repeat top left;
  }
  .button4 a:hover {
    text-decoration: underline;
  }

  .button5 a:link, .button5 a:visited {
    color: #fff;
    background: #fc892b url(obr/button5.jpg) no-repeat top left;
  }
  .button5 a:hover {
    text-decoration: underline;
  }

  .button6 a:link, .button6 a:visited {
    color: #fff;
    background: #db2d1d url(obr/button6.jpg) no-repeat top left;
  }
  .button6 a:hover {
    text-decoration: underline;
  }

  .button7 a:link, .button7 a:visited {
    color: #fff;
    background: #c4236a url(obr/button7.jpg) no-repeat top left;
  }
  .button7 a:hover {
    text-decoration: underline;
  }

  .main {
    clear: both;
    float: left;
    width: 572px;
    margin: 8px 4px 8px 0;
    padding: 0;
    color: #999;
  }

  .text {
    float: left;
    width: 542px;
    font-size: 13px;
    margin: 0 0 8px 0;
    padding: 15px 15px 20px 15px;
  }

  .text h3 {
    margin-top: 28px;
    font-size: 16px;
  }

  .text h3:first-child {
    margin-top: 0;
  }

  .text p {
    margin: 12px 0 12px 0;
  }

  .text p:first-child {
    margin-top: 0;
  }

  .text li {
    margin-left: 20px;
  }

  .text img {
		float: left;
    margin: 0 6px 8px 2px;
    padding: 0;
  }

	.text .img_stred  {
	  clear: both;
		text-align: center;
		font-size: 1px;
		margin: 0px;
	}

	.text .img_stred  img {
		float: none;
		margin: 0 0 8px 0;
	}

	.text table {
		border-style: none;
		border-collapse: collapse;
		font-size: 13px;
	}

	.text table td {
		border-style: solid;
		border-color: #fff;
		border-width: 2px;
		vertical-align: middle;
		text-align: center;
	}
	

  .content1 h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0 8px 0 8px;
    color: #fff;
    line-height: 20px;
    background: #7cc5e0 url(obr/nadpis_1.jpg) no-repeat top left;
  }
  .content1 h2 {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 20px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #bee1ee;
  }
  .content1 h2:first-child {
    margin-top: 4px;
  }
  .content1 .text {
    color: #004f6d;
    background: #e4f2f8 url(obr/bottom_1.jpg) no-repeat bottom left;
  }
  .content1 .text p {
    margin: 4px 0 4px 0;
  }

  .content2 h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0 8px 0 8px;
    color: #fff;
    line-height: 20px;
    background: #72d8a3 url(obr/nadpis_2.jpg) no-repeat top left;
  }
  .content2 h2 {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 16px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #b8ebd0;
  }
  .content2 h2:first-child {
    margin-top: 4px;
  }
  .content2 .text {
    color: #007d3c;
    background: #ddf5e8 url(obr/bottom_2.jpg) no-repeat bottom left;
  }

  .content3 h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0 8px 0 8px;
    color: #fff;
    line-height: 20px;
    background: #cbe87e url(obr/nadpis_3.jpg) no-repeat top left;
  }
  .content3 h2 {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 16px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e7f4c3;
  }
  .content3 h2:first-child {
    margin-top: 4px;
  }
  .content3 .text {
    color: #6b9400;
    background: #f3fae1 url(obr/bottom_3.jpg) no-repeat bottom left;
  }

  .content4 h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0 8px 0 8px;
    color: #fff;
    line-height: 20px;
    background: #ffef63 url(obr/nadpis_4.jpg) no-repeat top left;
  }
  .content4 h2 {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 16px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #fff7b7;
  }
  .content4 h2:first-child {
    margin-top: 4px;
  }
  .content4 .text {
    color: #8e8000;
    background: #fffbdb url(obr/bottom_4.jpg) no-repeat bottom left;
    width: 552px;
    padding: 10px 10px 20px 10px;
  }

  .content5 h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0 8px 0 8px;
    color: #fff;
    line-height: 20px;
    background: #ffb274 url(obr/nadpis_5.jpg) no-repeat top left;
  }
  .content5 h2 {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 16px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #ffdbbe;
  }
  .content5 h2:first-child {
    margin-top: 4px;
  }
  .content5 .text {
    color: #994400;
    background: #ffeddf url(obr/bottom_5.jpg) no-repeat bottom left;
  }

  .content6 h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0 8px 0 8px;
    color: #fff;
    line-height: 20px;
    background: #eb8177 url(obr/nadpis_6.jpg) no-repeat top left;
  }
  .content6 h2 {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 16px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #f5c0bb;
  }
  .content6 h2:first-child {
    margin-top: 4px;
  }
  .content6 .text {
    color: #9a0d00;
    background: #fae0dd url(obr/bottom_6.jpg) no-repeat bottom left;
  }

  .content7 h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0 8px 0 8px;
    color: #fff;
    line-height: 20px;
    background: #e28cb2 url(obr/nadpis_7.jpg) no-repeat top left;
  }
  .content7 h2 {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 16px 0 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #f1c5d8;
  }
  .content7 h2:first-child {
    margin-top: 4px;
  }
  .content7 .text {
    color: #990044;
    background: #f8e3ec url(obr/bottom_7.jpg) no-repeat bottom left;
  }

  .nadpis_info {
    font-weight: normal;
    font-size: 12px;
  }

  .nabidka_ikona {
    height: 110px;
    margin: 0;
  }

  .nabidka_button {
    height: 33px;
    width: 130px;
    margin: 0 4px 0 0;
    padding: 7px 5px 5px 5px;
    background: #e2fd9d url(obr/nabidka_button.jpg) no-repeat top left;
  }

  .nabidka {
    float: left;
    margin: 0 4px 4px 0;
  }
  .nabidka a:link, .nabidka a:visited {
    display: block;
    width: 140px;
    padding: 0px;
    font-size: 14px;
    color: #57a601;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  .nabidka a:hover {
    text-decoration: underline;
  }
  .nabidka img {
    border-style: none;
    margin: 0;
  }

  .pozdrav h1 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 4px 0 0 0;
    padding: 0 8px 0 8px;
    line-height: 20px;
    color: #fff;
    background: #fc892b url(obr/nadpis_pozdrav.jpg) no-repeat top left;
  }

  .pozdrav .text {
    font-size: 15px;
    font-weight: bold;
    color: #ff7504;
    margin: 0 0 8px 0;
    padding: 15px 15px 8px 15px;
    background: #fffad0 url(obr/bottom_pozdrav.jpg) no-repeat bottom left;
  }

  .pozdrav .text p:first-child {
    margin-top: 0;
  }

  .fotogalerie {
    float: left;
    width: 226px;
    margin: 8px 0px 8px 0px;
    padding: 0px;
    line-height: 1.2;
  }
  
  .fotogalerie .nadpis {
    margin: 0;
    padding: 0;
    color: #666;
    background: #eee url(obr/top_foto.jpg) no-repeat top left;
  }

  .fotogalerie h3 {
    margin: 0;
    padding: 0 4px 0 4px;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    background: url(obr/bottom_foto.jpg) no-repeat bottom left;
  }

  .fotogalerie h3 a:link, .fotogalerie h3 a:visited {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
  }
  .fotogalerie h3 a:hover {
    color: #222;
  }

  .fotogalerie .dalsi {
    font-weight: normal;
    font-size: 11px;
  }

  .fotogalerie ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .fotogalerie li {
    margin: 8px;
    padding: 0;
    font-size: 11px;
    color: #fc892b;
  }

  .fotogalerie li:first-child {
    margin: 11px 8px 8px 8px;
  }

  .fotogalerie a:link, .fotogalerie a:visited {
    color: #dd2c1c;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
  }
  .fotogalerie a:hover {
    color: #222;
  }

  .fotogalerie img {
    border-style: none;
    margin: 3px 0 0 0;
  }

  .foto {
    margin: 0 0 0 8px;
    border-style: none;
  }

  .foto_show {
    clear: both;
    margin-top: 4px;
    width: 548px;
    text-align: center;
  }
  
  .foto_show img {
    float: none;
    margin: 4px 0px 0px 0px;
  	padding: 1px;
  }
  
  .foto_show p{
    text-align: center;
    clear: both;
  	margin-top: 2px;
  	margin-bottom: 16px;
  }

  .seznam_foto {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .seznam_foto li {
    clear: both;
    padding: 8px;
    margin: 0;
    font-size: 11px;
    color: #fc892b;
  }

  .seznam_foto img {
    float: left;
    margin: 0 8px 0 0;
    padding: 2px;
    border: solid 2px #ffef63;
  }

  .seznam_foto a:link, .seznam_foto a:visited {
    display: block;
    margin: 0px 0 4px 0;
    color: #dd2c1c;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
  }
  .seznam_foto a:hover {
    color: #222;
    text-decoration: underline;
  }

  .razeni {
    clear: both;
    text-align: center;
    width: 564px;
    color: #004f6d;
    margin: 0 0 4px 0;
    padding: 0px 4px 2px 4px;
  }
  .razeni a:link, .razeni a:visited {
    font-size: 14px;
    font-weight: bold;
    color: #7cc5e0;
    text-decoration: underline;
  }
  .razeni a:hover {
    color: #004f6d;
  }

  .razeni big {
    font-size: 16px;
  }

  .strankovani {
    font-size: 12px;
    color: #999;
  }

  .patka {
    float: left;
    width: 572px;
    color: #777;
    margin: 2px 0 16px 0;
    padding: 0;
    background: #eee url(obr/top_patka.jpg) no-repeat top left;
  }
  .patka_in {
    float: left;
    width: 564px;
    color: #777;
    text-align: left;
    margin: 0;
    padding: 3px 4px 3px 4px;
    background: url(obr/bottom_patka.jpg) no-repeat bottom left;
  }
  .patka a:link, .patka a:visited {
    font-size: 11px;
    color: #777;
    text-decoration: underline;
  }
  .patka a:hover {
    color: #222;
  }

  .patka_content {
    float: left;
  }

  .enthusio {
    float: right;
  }

  .end {
  	clear: both;
  	height: 0px;
  	padding: 0px;
  	margin: 0px;
  	font-size: 0px;
  	line-height: 0px;
  }

	.preload {
	  float: left;
	  height: 1px;
		visibility: hidden;
	}



/* BARVY --------------- */ 

  .modra {
  	color: #259bc7;
  }

  zelena1 {
  	color: #14bc64;
  }

  zelena2 {
  	color: #7ad000;
  }

  zluta {
  	color: #f7dd0a;
  }

  oranzova {
  	color: #fa8424;
  }

  .cervena {
  	color: #db2d1d;
  }

  fialova {
  	color: #c21e67;
  }