/* tagy */
* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-align: center; background:#F4F4F4;}
.hr {height: 15px; background-image: url("../img/hr.gif"); background-position: left center; background-repeat: repeat-x;}
a {color: #6D6D6D; text-decoration: none;}
a:hover {color: #6D6D6D; text-decoration: underline;}

h1 {font-size: 22px; color: #f047ac;}
h2 {font-size: 19px; color: #f047ac;}
h3 {font-size: 15px; color: #000000;}
h4 {font-size: 13px;}

blockquote, pre, .pre {border: 1px solid #dcdcdc; border-left: 6px solid #ff6600; padding: 5px; overflow: auto; width: 90%; line-height: 140%;}
p, pre, blockquote, table {margin: 5px 0px 5px 0px;}
p, pre, blockquote, table td, ul li, ol li {line-height: 1.2;}
ul, ol {margin: 5px 0 15px 25px;}
h2, h3, h4 {margin: 15px 0 5px 0;}
h1 {font-size: 22px; margin: 0 0 10px 0;}
h2 {font-size: 19px;}
h3 {font-size: 15px;}
h4 {font-size: 13px;}

 /* menu */
  #menu {margin: 25px 20px 0px 0px; float: right; height: 37px;}
  #menu ul {margin: 0; padding: 10;}
  #menu li {display: inline; line-height: 37px;}
  #menu li.first a {padding: 0; background: none;}
  #menu a {font-family: Arial, "Times New Roman", Times, serif; color: #000000; text-decoration: none; padding: 10px 10px 10px 10px; font-size: 17px;}
  #menu a:hover {text-decoration: none; color: #FFFFFF; background: #000000;}
 
  #active {color:#FFFFFF; text-decoration: none; color: #FFFFFF; background: #000000; padding: 10px 10px 10px 10px; font-size: 17px; }

/* top*/
#top {background:  #FFFFFF url("../img/top.jpg") repeat-y scroll center top; height: 319px; margin: 0 auto;}
#head {width: 980px; margin: 0 auto; text-align: left;}
#box {width: 460px; height: 80px; margin: 235px 0px 0px 0px; float: left; text-align: left; overflow: auto; line-height: 1.4;}
  
  /* stred*/
#stred {background-color: #f4f4f4; width: 100%; margin: 0 auto; clear:both; height: auto; clear:both;}
#obsah {background-color: #f4f4f4; width: 980px;  margin: 0 auto; text-align: left; padding:0px; clear:both; display: block;}

  /* stred - home*/
#sloupec1 {width: 310px; float: left; overflow: hidden; height: auto; margin: 15px 0px 30px 0px; text-align:left; line-height: 1.4;}
#sloupec2 {width: 360px; float: left; overflow: hidden; height: auto; margin: 15px 25px 30px 25px; text-align:left; line-height: 1.4;}
#sloupec3 {width: 260px; float: right; overflow: hidden; height: auto; margin: 15px 0px 30px 0px; text-align:left; line-height: 1.4;}

  /* stred - obsahove stranky*/
#text {width: 615px; float: left; overflow: hidden; height: auto; margin: 15px 10px 30px 0px; text-align:left; line-height: 1.4;}
#foto {width: 335px; float: right; overflow: hidden; height: auto; margin: 15px 10px 30px 10px; text-align: center;}
#nadpis {width: 980px; overflow: hidden; height: auto; margin: 15px 0px 5px 0px; }
#foto img {overflow: hidden; height: auto; text-align: center; border: 3px solid #C3C3C4; margin: 5px 5px 5px 5px;}

/* stred - kontakt*/
#kontakt1 {width: 310px; float: left; overflow: hidden; height: auto; margin: 15px 0px 30px 0px; line-height: 1.4;}
#kontakt2 {width: 310px; float: left; overflow: hidden; height: auto; margin: 15px 25px 30px 25px; line-height: 1.4;}
#kontakt3 {width: 310px; float: right; overflow: hidden; height: auto; margin: 15px 0px 30px 0px; line-height: 1.4;}

/* stred - fotogalerie*/
#popis {width: 980px; overflow: hidden; height: auto; margin: 15px 0px 5px 0px; }
#fotogalerie {width: 241px; margin: 10px 0px 10px 0px; text-align: center; vertical-align: middle;}
#fotogalerie img {text-align: center; border: 3px solid #C3C3C4; clear:both;}

  /* spoluprace*/
#pruh {background: transparent url("../img/pruh.gif") repeat-x; height: 77px; width: 100%; clear:both;}
#spoluprace {background: transparent url("../img/spoluprace_loga.jpg") no-repeat left; width: 980px;  height: 77px; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px; font-size: 12px; color: #FFFFFF; font-weight: bold;}
#zakaznici-text {height: 77px; padding: 30px 0px 0px 0px;}

  /* paticka*/
#pruh-paticka {background: transparent url("../img/paticka.gif") repeat-x; height: 94px; width: 100%; margin: 0 auto;}
#paticka {width: 980px; margin: 0 auto; text-align: left; padding: 40px 0px 0px 0px;}
#copyright {width: 350px; text-align: left; float: left;}

#menu2 {width: 450px; text-align: right; float: right;}
#menu2 a {color: #000000; text-decoration: underline;}
#menu2 a:hover {text-decoration: none; color: #FFFFFF; background: #000000;}