/* generated by csscreator.com */ 
html, body, p, ul, ol, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; border: none; }

body {
font: 78%/1.5 Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
color: #333;
background-color: #90ee90;
padding: 20px 0; 
}
 
#pagewidth{ 
 width:980px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color: #ffffff;
}
 
#header{
 position:relative; 
 height:183px;
 width:100%;
 background-image: url(../images/2.JPG);
 background-repeat: no-repeat;
} 
 
#leftcol{
 width:190px; 
 float:left; 
 position:relative; 
 background-color: #ffffff; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:79%; 
 }
 
#footer{
 height:40px; 
  background-color: #e5e5e5; 
 clear:both;
 } 

h1 {
  font-family: Arial, sans-serif;
  font-size: 180%;
  font-weight: normal;
  color: #90ee90;
  margin: 0 0 0.5em 0;
}

h2 {
  font-family: Arial, sans-serif;
  font-size: 140%;
  font-weight: normal;
  color: #90ee90;
  margin: 0.5em 0 0.3em 0;
  letter-spacing: -0.02em;
}


h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  font-size: 110%;
  font-weight: normal;
  color: #90ee90;
  margin: 0.5em 0 0 0;
}
 
ul, ol { margin-left: 25px; }

address { margin-left: 25px; }

p {
padding: 4px;
}

hr {
 width: 100%;
 height: 1px;
}

#novinky{
padding : 7px;
border : 1px solid #CACACA;
background-color : #f8f9f1;
font-size : 70%;
}

.buttonscontainer {width: 190px;}

.buttons a {color: #000000;
background-color: #FFFFFF;
padding: 4px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #90ee90;
font: 16px Arial, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #bfbfbf;
color: #90ee90;
text-decoration: none;}

#kontakty_ram{
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 3px;
border : 1px solid #CACACA;
background-color : #ffffff;
}

#kontakty div{
padding-left: 3px;
padding-bottom: 0.2em;
border-bottom: 1px dotted #eee;
margin-bottom: 0.4em;
font-size : 90%;
}

#kontakty div.company {  }
#kontakty div.adres {  }
#kontakty div.email {  }
#kontakty div.phone {  }
#kontakty div.fax {  }
#kontakty div.ico {  }
#kontakty div.dic {  }
#kontakty div.skype {  }
#kontakty div.im {  }
#kontakty div.facebook {  }

p.paticka {
font-size : 90%;
text-align : left;
padding : 5px;
}
p.paticka a {
color : #50681e !important;
}

p.box {
width:90%;
margin-left:auto; 
margin-right:auto;
padding: 7px;
border: 1px solid #CACACA;
background-color: #F8F9F1;
font-size: 100%;
font-weight: bold;
text-align: center;
}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}