/* CSS Document */
img {
  border: 0;
}

html, body, main {
	height: 100%; 
	min-height: 100%;
}

body {
	font-family: Tahoma, Verdana, Arial, lucida, sans-serif; 
	color: #000;
	font-size: x-small;
	text-align: center;   
  padding: 0;
  margin: 0;     
  background: #272727;
}

#body {
	position: relative;  
	margin: 0 auto; 
}

#main {
 	width: 980px;
	margin: 0 auto;  
  background: #272727 url(images/backgrosund.gif) repeat-y;
	position: relative;
  text-align: center;
}                

#
body>#main {
 	height: auto;
}

.menu {
  height: 57px;
  background: #75ae30 url(images/menu.jpg) repeat-x;
  overflow: hidden;
}

.menu li {
  display: block;
  float: left;
  line-height: 57px;
  font-family: Gill Sans, Verdana;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: bold;
}

.menu li a {
  color: white;
  text-decoration: none;
}
.menu li a:hover {
  color: orange;
}

.menu li a#aktivni {
  color: black;
}

.menu li#menu1 {
  width: 70px;
} 
.menu li#menu2 {
  width: 170px;
}
.menu li#menu3 {
  width: 250px;
}
.menu li#menu4 {
  width: 150px;
}
.menu li#menu5 {
  width: 160px;
}   
.menu li#menu6 {
  width: 120px;
}

#content {
  min-height: 500px;
  width: 760px;
  text-align: left;
  padding: 0px 10px 0 10px;
}
#rightPanel {
  margin: 0;
  padding: 0;
  width: 980px;
  background: transparent url(images/rightPanel/raj_zahrad_1.jpg) no-repeat top right;
}
#footer {
  background: transparent url(images/footer.png) no-repeat;
  height: 463px;
  margin: auto;
}
#footer_1 {
  float: left;
  width: 250px; 
  padding: 100px 0 0 0;
}
#footer_2 {
  float: left; 
  width: 480px; 
  padding-top: 100px;
}
#footer_3 {
  float: left;  
  width: 250px;  
  padding-top: 100px;
}

/* Small headline */
h1 {
	font-family: Gill Sans, Verdana;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	color: gray;   
  float: left;
}

/* Large Headline */
h2 {
  font-family: times, Times New Roman, times-roman, georgia, serif;
	color: white;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 30px;
	height: 50px;
	letter-spacing: -2px;
	font-weight: bold; 
  position: relative;
}
h3 {
	font-family: Gill Sans, Verdana;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	color: white;
	padding: 10px 0 3px 0;
}   
h3.odsazene {
  padding: 40px 0 30px 0;
}
h4 {
  font-family: times, Times New Roman, times-roman, georgia, serif;
	color: white;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 30px;
	letter-spacing: -2px;
	font-weight: bold; 
  position: relative;
}
h4 a{
	color: white;
}

#smallLogo {
  padding-left: 30px;
}

p {
  color: gray;
  width: 740px;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	
	text-align: justify;
}

p.vycentrovany {
  text-align: center;
  width: 500px;
  padding: 20px 0 0 130px;
  color: gray;
}

#novinky {
  background: transparent url(images/novinky.png) no-repeat;
  height: 85px;
  width: 742px;
  display: block;
  padding: 12px 0 0 250px;
} 

#novinky a{
  color: #75ae30; 
}

#novinky_p {
  color: white;
  font-size: 11px;
  width: 470px;   
  margin: 0;
  padding: 0;  
}

.border10 {
  padding: 10px 20px 10px 0;
}

#footer_1 #tagy {
  color: white;
  font-size: 11px;
  text-align: left;
  list-style: none;
  font-weight: bold;
  background: transparent url(images/logo_white.png) no-repeat right top;
  height: 78px;
}

#footer_1 p {
  color: white;
  font-size: 11px;
  text-align: justify;
  width: 230px;
  padding: 10px;
}
#linky {
  text-align: right;  
  padding-right: 10px;
  list-style: none;
}
#linky a, #eshop a{
  color: white; 
}

#eshop {         
  padding-top: 10px;
  margin-top: 10px;
  background-color: hsla(77,100%,50%,0.2);
  width: 230px;
  height: 250px;
}

#bottom {
  float: left;
  color: white;
  font-size: 11px;
  position: absolute;
  bottom: 0;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  text-align: left;
  padding-left: 10px;
}

#reference { 
  padding-top: 10px;
  margin-top: 10px;
  background-color: hsla(77,100%,50%,0.2);
  margin-left: 70px; 
  width: 350px;
  height: 200px;
}

label {	
    font-size: 20px;
    color: #666; 
}
 
fieldset { border: none; }
 
#user-details { 
    float: left;
    width: 200px; 
}
 
#user-message { 
    float: right;
    width: 330px; 
}
 
textarea {		
    width: 330px; 
    height: 175px; 		 		
}

form {
    font-family: 'Yanone Kaffeesatz', arial, sans-serif;	
    color: #555;	 
    
    float: left;   
    border: 1px solid #ddd;    
    padding: 30px 40px 20px 20px;    
    margin: 30px 0 50px 40px;   
    width: 600px;   
    background: #2e2e2e;
    /* -- CSS3 - define rounded corners -- */      
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;    
    border-radius: 10px;   
    
    /* -- CSS3 - create a background gradient -- */   
    /*background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF));    
    background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE);*/     
        
    /* -- CSS3 - add a drop shadow -- */   
    -webkit-box-shadow:0px 0 10px #ccc;   
    -moz-box-shadow:0px 0 10px #ccc;    
    box-shadow:0px 0 10px #ccc;      
}
input {
  width: 200px;
}

input, textarea {          
    padding: 8px;    
    margin: 4px 0 20px 0;    
    background: #fff;  
    font-size: 14px;    
    color: #555;    
    border: 1px #ddd solid;  
    
    /* -- CSS3 Shadow - create a shadow around each input element -- */    
    -webkit-box-shadow: 0px 0px 4px #aaa;   
    -moz-box-shadow: 0px 0px 4px #aaa;    
    box-shadow: 0px 0px 4px #aaa;   
        
    /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */          
    -webkit-transition: background 0.3s linear;  
}  

input:hover, textarea:hover {    
    background: #eee;    
}  

input.submit {   
    float: right;  
    width: 150px;    
    color: #eee;    
    text-transform: uppercase;    
    margin-top: 10px;   
    background-color: #75ae30;   
    border: none; 
    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */   
    -webkit-transition: -webkit-box-shadow 0.3s linear;   
        
    /* -- CSS3 Shadow - create a shadow around each input element -- */    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8));    
    background:  -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);    
        
    /* -- CSS3 - Rounded Corners -- */   
    -webkit-border-radius: 4px;   
    -moz-border-radius: 4px;    
    border-radius: 4px;    
}  
display: block;input.submit:hover {           
    -webkit-box-shadow: 0px 0px 20px #555;   
    -moz-box-shadow: 0px 0px 20px #aaa;    
    box-shadow: 0px 0px 20px #555;         
    cursor:  pointer;    
}  

#center {
  text-align: center;
  margin: 0 auto;
}

a.seznamFirem{
  color: gray;
  padding: 0 10px 0 0;
}
a.seznamFiremWhite{
  color: white;
  padding: 0 10px 0 0;
}

#motto {
  color: gray;
  text-align: right;
  float: right;
  font-family:Georgia,serif;
	font-size: 10px
  font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px; 
	padding: 5px 15px 0 0;
}

.red {
  color: red;
}

.no_decoration {
  color: white;
  text-decoration: none;
}

.shortInput {
  width: 20px;
}