/*
 * Created by de4you
 * 2007
 * all rights reserved
 * STYLE 
 */

body {
   background: #ffffff;
   color: #4a6a3e;/*7cb254;*/
   font-family: 'Lucida Grande', Geneva, Arial, Tahoma, sans-serif;
   font-size: 85%;
   margin: 0 auto;
   margin-bottom: 15px;
   padding : 0; 
   text-align: center;
}

#obal {
   text-align:left;
	width: 831px;	
	margin: 0 auto;
	background: url('img/pozadi.jpg') repeat;
	height: auto;
}

#logo {
   width: 831px;
   height: 470px;
   background:url('img/logo.jpg') no-repeat;   
}

#text {
   position: relative;
   left: 105px;
   margin: 0 0 15px 0;
   padding: 0 10px 5px 10px;
   width: 632px;
   min-height: 400px;
   background-color: #E8EFE8;
   background: url('img/podtext.png') repeat;
   clear: left;
   float: left;
   z-index: 1;
}

#pozadi_obal {
   position: relative;
   top: -350px;
   clear:both;
   width: 831px;
}

.pozadi {
  position: absolute;
  width: 831px;
  height: 403px;
  background: url('img/hlpozadi.jpg') no-repeat;
  z-index: 0;
}

#obrazek {
   background: url('img/plocha.jpg') no-repeat;
   float: left;
   width: 326px;
   height: 107px;
}

#reference {
   width: 100%;
   margin: 5px 0 5px 0;
   background: none;
}

#reference .logos {
   float: left;
   width: 217px;
   height: 163px;
   background: url('img/ref/ref1.png') no-repeat;
}

#reference .text {
   float: right;
   width: 415px;	
}

#reference h3 {
   display: block;
   text-decoration: none;
   text-transform: uppercase;
}

#reference .pruh {
   display: block;
   width: 409px;
   height: 24px;
   background: url('img/ref/ref2.png') no-repeat;
}

#reference .textovepole {
   padding: 4px 4px 4px 8px;
   font-size: 75%;
}

#reference img {
   width: 201px;
   height: 148px;
   margin: 8px 8px 8px 8px;
}

.vypln {
   display: block;
   clear: both;
   height: 20px;
}

.kytka {
   position: relative;
   left: 148px;
   width:86px;
   height:107px;
}

#menu {
   float: right;
   margin: 76px 0 0 0;
   width: 500px;
   height: 31px;
}
#menu ul, li { 
   margin: 0; 
   padding: 0;
} 


ul.menu { 
   font-size: 14px; 
   font-family: sans-serif;
} 

ul.menu li {
   list-style-type: none;
   list-style-image: none;
} 

ul.menu li.item { 
   position: relative; 
   float: left; 
   width: 102px; 
   height: 31px;
   margin-right: 6px; 
   margin-bottom: 0px;
} 

ul.menu li.item a { 
   display: block; 
   width: 102px; 
   height: 31px; 
   line-height: 31px;  /* svisle centrovani */ 
   text-align: center; /* vodorovne centrovani */ 
   background: white url('img/menu.jpg'); 
   color: #4c874a; 
   font-weight: 550; 
   text-decoration: none;
   text-transform: uppercase;
} 

ul.menu li.item a:hover { 
   background-position: 0px -31px;
}

.active {
   position: relative !important;
   top: -14px !important;
   height: 45px !important; 
   line-height: 36px !important; /* svisle centrovani */
   font-weight: bold !important; 
   text-decoration: none;
   background-position: 0 100% !important;
}

.pata_text {
   margin: 380px 0 0 0;
   padding: 0 65px 0 93px;
   font-size:100%;
   font-weight: 500;
   line-height: 19px;
   color: #ffffff;
}

.pata_text a, .pata_text a:visited {
   color: #ffffff;
   font-weight: bold;   
   text-decoration: none;
}

.pata_text a:hover {
   border-bottom: 2px solid #ffffff;
   color: #ffffff;
}

.f_left {
   float: left;
}

.f_right {
   float: right;
}

/* prvky */

h1 {
   height: 37px;
   font-style: bold;
   letter-spacing: 2px;
   font-size: 140%;
   margin: 3px 0 3px 0;
   padding: 20px 0 3px 35px;
   background: url('img/html/h1.png') no-repeat;
}

h1:first-letter {
   text-transform: uppercase;
}

h2 { 
   display: list-item;
   list-style: square inside none;
   font-size: 120%;
   font-weight: 700;
   margin: 2px 0 2px 10px;
   color: #4c874a;
   /*border-bottom: 2px solid #4c874a;*/
   text-decoration: underline;
}

h3 {
   display: list-item;
   list-style: square inside none;
   font-size:110%;
   font-weight: 600;
   margin: 2px 0 2px 15px;
   color: #4c874a;
   text-decoration: underline;
}

p:first-letter {
   margin-left: 10px;
}

ul li {
   list-style-type: none;
   list-style-image: url('img/html/odrazka.gif');
   color: #486638;
}

ol li {
   list-style-type: decimal;
   list-style-image: none;
   color: #486638;
}

ol li:hover {
   color: #000000;
}

b, strong {
   color: #486638;
   font-weight: 600;
   letter-spacing: 1px;
}

i, em {
   color: #8dab81;
   font-style: italic;
}

.odsazeni {
   margin-left: 20px;
}

.help {
   border-bottom: 1px dotted #242a25;
   cursor: help;
   /*font-family: monospace;*/
   color: #242a25;
   font-size: 100%;
}

.help:hover {
   border-bottom: 1px solid #242a25;
}

.ram {
   display: block;
   margin: 0 3px 0 3px;
   padding: 2px 5px 2px 5px;
   border: 1px solid #74b76b;/*1a7b0d;*/
   background: #c6dcc3;/*a0c49b;*/
   color: #515850;
   font-style: italic;
}

.error {
   margin: 3px 0 3px 0;
   padding: 2px 10px 2px 10px;
   border: 1px solid #b55757;
   background: #f37474;
   font-size: 140%;
   font-weight: 600;
   color: #b55757;
}
.error strong {
   color: #b55757;
   text-decoration: underline;
}

a {
   color: #0d5e79;
   text-decoration: underline;
}

a:hover {
   color: #206176;
   text-decoration:none;
}

a:visited {
   color: #4b9cb7;
   text-decoration: underline;
}

table {
   width: auto;
   border-collapse: collapse;
   border: 1px solid #4b772e;
}

tr:hover {
   background: #ffffff;
}

th {
   border: 1px solid #4b772e;
   border-bottom: 2px solid #4b772e;
   font-weight: 800;
   font-size: 100%;
   padding: 1px 1px 1px 1px;
   text-align: left;
   text-transform: uppercase;
}

td {
   border: 1px solid #95c4a2;
   padding: 1px 1px 1px 1px;
   color: #000000;
   font-size: 100%;
}

fieldset {
   padding:5px 5px 5px;
   border: 2px solid #9bb192;
   font-size: 75%;
   border-top-color: #4b772e;
}

legend {
   padding:0 5px 0 5px;
   font-size: 125%;
   font-weight: bolder;
   color: #77a210;
}

form {
   margin: 0;
   padding: 0;
}

input, textarea {
   font-family: sans-serif;
   padding: 3px 5px 3px 5px;
   margin: 0 0 2px 0;
   font-size: 115%;
   border:1px solid #b5b7b1;
   border-top:1px solid #40423c;
   border-left:1px solid #40423c;
}

textarea {
   width: 98%;
   height: 150px;
}

input {
   /*width: 150px;*/
}

button {
   float: right;
   margin: 5px 0 0 0;
}

/* admin  */

.admin_text {
   float: right;
   width: 75%;
}

.admin_menu {
   float: left;
   width: 23%;
   margin: 10px 0 0 0;
   overflow: hidden;
}

.admin_menu a {
   display: list-item;
   float: left;
   list-style-type: none;
   width: 90%;
   padding: 4px 5px 4px 15px;
   margin: 0 0 2px 0;
   background: #ffffff;
   color: #559d39;
   font-weight: 500;
   text-decoration: none;
}

.admin_menu a:hover {
   background: #f8f8f8;
   text-decoration: underline;
}

.active_admin {
   color: #000000 !important;
   background: #fbf9f9 !important;
}

/* index */

.index {
   float: left;
   width: 195px;
   margin: 10px 0 5px 0;
   background: url('img/index/index_05.png') repeat-y;
}

.index .i_text {
   width: 195px;
   min-height: 448px;
   background: url('img/index/index_03.png') no-repeat;
}

.index .textovepole {
   padding: 5px 10px 4px 10px;
}

.index .i_pata {
   width: 195px;
   height: 8px;
   clear: both;
   background: url('img/index/index_06.png') no-repeat;
}

.index h1, .index h2 {
   display: none;
}

.index .img {
   position: relative;
   top: 5px;
   width: 181px;
   height: 168px;
   margin: 0 0 0 7px;
   padding: 0;
   border: 0;
}

.index p {
   margin: 2px 3px 2px 3px;
}

.index p:first-letter {
   margin-left: 0;
}