/* 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: #bfbfbf;
	padding: 10px 0; 
}
 
#pagewidth{ 
 width:820px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background-color: #ffffff;  
} 
 
#header{
 position:relative; 
 height:183px;
 width:100%;
 background-image: url(../img/motiv.jpeg);
 background-repeat: no-repeat;
} 
 
#leftcol{
 width:190px; 
 float:left; 
 position:relative; 
 background-color: #ffffff;
 padding: 3px 3px 3px 3px; 
 }
 
#maincol{background-color: #ffffff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:75%; 
 padding: 3px 3px 3px 3px;
 }
 
#footer{
 height:40px; 
 background-color: #e5e5e5; 
 clear:both;
 padding: 3px 3px 3px 3px;
 } 

h1 {
  font-family: Arial, sans-serif;
  font-size: 180%;
  font-weight: normal;
  color: #ff0000;
  margin: 0.1em 0 0.3em 0;
}

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


h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  font-size: 110%;
  font-weight: normal;
  color: #FF3E00;
  margin: 0.1em 0 0.3em 0;
}
 
p {padding: 3px 3px 30px 3px;} 

ul, ol { margin-left: 25px;
margin-bottom: 15px;
}

address { margin-left: 25px; }

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

#novinky{
padding : 7px;
background-color : #f8f9f1;
font-size : 85%;
}

.buttonscontainer {width: 190px;
margin: 0px 0px 10px 0px;
}

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

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

.buttonsnohover {background-color: #FF7800;
padding: 4px;
padding-left: 6px;
color: #ffffff;
font: 11px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

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

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

#kontakty div.company {  }
#kontakty div.phone {  }
#kontakty div.fax {  }
#kontakty div.email {  }
#kontakty div.icq {  }
#kontakty div.jabber {  }
#kontakty div.skype {  }
#kontakty div.napoveda {  }
#kontakty div.facebook {  }


.tabulka {
margin: 0 auto;
width: 99%;
margin: 0px 0px 35px 0px;
border-collapse: collapse;
}

.tabulka th, .tabulka td {
padding : 3px;
border: none;
border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
}

.tabulka tbody tr:hover {
color: #000000;
background-color: #ffed98;
}

.tabulka_ano div.ano {
background: url(../img/tabulka_ano.gif) no-repeat
}

.tabulka_ne div.ne {
background: url(../img/tabulka_ne.gif) no-repeat
}

.tabulka_akce {
font-weight: bold;
color: #ffffff;
background-color: #FF2E2E;
}

.col_nazev_width {
width: 150px;
}


form{
padding : 7px;
background-color : #f8f9f1;
font-size : 100%;
margin: 0px 0px 35px 0px;
}

.formoverit{
padding : 5px;
width: 98%;
background-color : #f8f9f1;
margin: 0px 0px 10px 0px;
}

.over_domenu_submit {
font-size : 140%;
font-weight: bold;
}

.over_domenu_input {
font-size : 120%;
font-weight: bold;
}

.over_domenu_text {
font-size : 120%;
font-weight: normal;
}

.odeslat_obj {
font-size : 120%;
font-weight: bold;
}

table{
padding : 7px;
background-color : #ffffff;
font-size : 100%;
margin: 0px 0px 35px 0px;
}

.spam {
font-size : 180%;
}


.boxindex {
	width: 293px;
	height: 150px;
	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	float: left;
	margin-right: 4px;
	margin-bottom: 15px;
	position: relative;
	}

.boxindexnadpis {
	width: 100%;
	height: 25px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #DADADA;
	background: #ffffff;
	margin: 0px;
	margin-bottom: 1px;
	position: relative;
	}

.boxindexobsah {
	width: 100%;
	height: 100%;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
	margin-right: 1px;
	margin-bottom: 1px;
	position: relative;	
	}


.productbox {
	width: 198px;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	float: left;
	margin-right: 4px;
	margin-bottom: 15px;
	position: relative;
	}

.productboxnadpis {
	width: 100%;
	height: 25px;
	border-right: 1px solid #FFCCCC;
	border-left: 1px solid #FFCCCC;
	border-top: 1px solid #FFCCCC;
	border-bottom: 1px solid #FFCCCC;
	background: #FFCCCC;
	margin: 0px;
	margin-bottom: 1px;
	position: relative;
	}

.productboxobsah {
	width: 100%;
	height: 100%;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #DADADA;
	margin-right: 1px;
	margin-bottom: 1px;
	position: relative;
	padding: 3px 0px 3px 0px;
	}

.p_productboxobsah {padding: 3px 3px 3px 3px;}

.ikonaindex {
border: 0px;
padding: 3px 0px 3px 0px;
}

.ikonakontakty {
border: 0px;
padding: 1px 1px 1px 1px;
}

.ikonakosik {
border: 0px;
padding: 1px 1px 1px 1px;
}

acronym { 
font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif !important; font-size: 11px; font-weight: normal;
border-bottom: 1px dotted black; cursor: help;
}

th acronym, strong acronym { font-weight: bold; }

@media all and (min-width: 0px) { acronym { font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif !important; font-size: 11px; } }

table acronym { font-family: Arial, Helvetica, sans-serif; }
span acronym { border-bottom: 1px dotted #d00000; }


p.paticka {
font-size : 70%;
text-align : left;
padding : 5px;
}

p.paticka a {
color : #50681e !important;
}
 

 
 /* *** 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;}
}