/* základní styly pro dvousloupcový layout s hlavickou a patickou */
body {
	font:1em Verdana, Arial, sans-serif;
	background: #DDDDDD url(../images/bg/body.jpg) top repeat-x;
	color:#333333;
	behavior:url(css/csshover.htc);
	}
* { 
	padding:0px; 
	margin:0px;
	}
img { 
	border:none;
	}	
div#container { 
	background:url(../images/bg/bg_img.jpg) repeat-y center top; 
	margin:auto;
	width:980px;
	}	
div#pageHeader { 
	background:url(../images/bg/top.jpg) no-repeat center top; 
	height:222px;
	}	
div#obalsloupcu {
	float:left; 
	width:980px;
	}	
div#levy {
	float:left; 
	width:211px;
	margin-left:-980px;
	} /* záporný vnejší okraj tlací navigaci na své místo */
div#pravy {
	float:left; 
	width:769px;
	margin-left:211px;
	display:inline;
	}	 /* display: inline je trik pro IE */
div#footer {
	width:980px;
	height:55px;
	background:url(../images/bg/footer.jpg) no-repeat;
	}
div.konecobtekani {
	clear:both;
	height:1px;
	}	
hr {
	border-top:1px solid #FFF;
	border-bottom:1px dashed #00519C;
	}	

/* hlavicka stránky */
#pageHeader div#logo { 
	padding:40px 0 0 57px;
	}	
#pageHeader div#animace {
	float:right;
	margin:0 12px 0 0;
	}	
				
/* vodorovná navigace */
div#navigace {
	float: left;
	text-transform:uppercase;
	height:30px;
}
div#navigace ul {
	margin: 0;
}
div#navigace li {
	float: left;
	list-style-type: none;
	font-size: .75em;
	text-align:center;
	font-weight:bold;
	margin:7px 24px;
}
div#navigace a {
	text-decoration: none;
	color: #FFFFFF;
}
div#navigace a:hover {
	color: #E1001A;
}
*html div#navigace ul {
	float: left;
}
	
/* pravý sloupec s obsahem */	
div#pravy {
	padding:0;
	}
/* obsah */					
div#obsah {
	margin:0 30px 0 20px;
	min-height:400px;
	}	
div#obsah h1 {
	font-size:1.2em; 
	margin:1em 0; 
	color:#00519C;
	}
div#obsah h2 {
	font-size:1.1em; 
	margin:1em 0 .5em; 
	color:#E1001A;
	}
div#obsah h3 {
	font-size:.9em; 
	margin:1em 0 .5em; 
	color:#E1001A;
	}	
div#obsah h4 {
	font-size:.8em; 
	margin:1em 0 .5em; 
	color:#000000;
	}				
div#obsah p {
	font-size:.75em; 
	margin-top:0; 
	margin-bottom:1em;
	line-height:1.5;
	text-align:justify;
	}
div#obsah label {
	width:170px;
	float:left;
	font-size:.75em;
	line-height:1.5;
}	
div#obsah span {
	font-size:.75em;
	line-height:1.5;
}	
div#obsah p.mensi {
	font-size:.7em;
	margin-top:1em; 
	}		
div#obsah p.note {
	font-style:italic;
	}
div#obsah p.zvyrazni {
	font-weight:bold;
	color:#00519C;
	}	
div#obsah span.zvyrazni {
	font-size:1em;
	font-weight:bold;
	color:#00519C;
	}			
div#obsah ul, div#obsah ol {
	margin:0 0 .5em 1.5em;
	padding:0;
	}					
div#obsah li {
	font-size:.75em;
	margin:0;
	padding:0 0 .1em 0;
	line-height:1.5;
	}	
div#obsah a {
	text-decoration:none; 
	color:#E1001A;
	}
div#obsah a:hover {
	color:#E1001A; 
	text-decoration:underline;
	}
div#obsah img {
	border:1px solid #CCCCCC;
	margin:.5em 0;
	}	
div#obsah img.none {
	border:none;
	vertical-align:middle;
	}		
div#obsah div.center {
	text-align:center;
	font-size:0.8em;
	}		
div#obsah img.vpravo {
	float:right;
	margin:0.5em 0 0.5em 1em;
	}
div#obsah img.vlevo {
	float:left;
	margin:0.5em 1em .5em 0;
	}
div#obsah img.mezeravpravo {
	margin-right:1em;
	}
div#obsah img.mezeravlevo {
	margin-left:1em;
	}	
	
/* tabulky */	
		
div#obsah table {
	font-size:.75em; 
	background-color:#CCC;
	margin-bottom:20px;
	border:none;
	}	
div#obsah table tr th {
	font-weight:bold; 
	text-align:center;
	color:#00519C;
	background-color:#CCC;
	padding:5px;
	margin:1px;
	border:none;
	}
div#obsah table tr td {
	vertical-align:top;
	background-color:#EFEFEF;
	padding:3px 5px;
	margin:1px;
	}	
div#obsah table tr td.left {
	text-align:left;
	}
div#obsah table tr td.right {
	text-align:right;
	}
div#obsah table tr td a {
	margin:0 5px;
	}
div#obsah table.cenik {
  	font-size:0.7em;
	width:720px;
}
div#obsah table.cenik tr th {
	padding:2px;
	color:#000000;
	font-size:1.1em;
}
div#obsah table.cenik tr td {
	background-color:#FFFFFF;
	padding:2px;
	margin:1px;
	border:none;
	text-align:center;
}
div#obsah table.cenik tr td.motory {
	background-color:#CCCCCC;
	color:#000000;
	font-size:1.1em;
	font-weight:bold; 
	text-align:left;
}
div#obsah table.cenik tr td.cena {
	color:#000000;
	font-size:1.1em;
	font-weight:bold; 
}
div#obsah table.cenik tr.radek td {
	background-color:#00519C;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold; 
}
div#obsah table.cenik tr.radek td.popis, div#obsah table.cenik tr td.popis, div#obsah table.cenik th.popis {
	text-align:left;
}				
div#obsah table.galerie {
	border: none;
	background-color:#FFF;
	}
div#obsah table.galerie td {
	width: 230px;
	background-color:#FFF;
	padding: 5px 0;
	border: none;
	text-align:center;
	margin:0;
	}
div#obsah table.galerie img {
	border: 1px solid #CCCCCC;
	text-align: center;
	}
div#obsah table.galerie img:hover {
	border: 1px solid #E1001A;
	}
div#obsah table.galerie a {
	background: none;
	}
/* levý sloupec s navigací */	
div#linkList {
	padding:0 0 0 12px;
	clear:both;
	}	
div#linkList div#odkazy {
	margin-top:200px;
	}	
div#linkList div#odkazy p {
	margin:0 10px 10px 10px;
	font-size:.9em;
	color:#00519C;
	text-align:center;
	font-weight:bold;
	}	
/* styly harmoniky (statické) */
ul.accordion {
  	display:block;
  	list-style-type:none;
	}
ul.accordion li {
  	clear:left;
  	border-top:1px solid #FFFFFF;
  	font-size:.75em;
	font-weight:bold;
  	line-height:26px;
	text-transform:uppercase;	
	}
ul.accordion li.last {
  	border-bottom:1px solid #FFFFFF;
	}	
ul.accordion li a:link, ul.accordion li a:visited {
  	padding-left:1em;
	color: #00519C;
  	display: block;
  	text-decoration:none;
	}
ul.accordion li a:hover, ul.accordion li a:focus,
ul.accordion li a:active {
  	background-color: #DDDDDD;
	color:#E1001A;
	}
ul.accordion li span {
  	padding-left:1em;
  	background-color: #DDDDDD;
	color:#00519C;
  	display: block;
	}	
ul.accordion li ul {
  	background-color: #DDDDDD;
  	list-style: none;
	}
ul.accordion li ul li {
	font-size:1em;
	font-weight:normal;
	line-height:24px;
	border-top:none;
	border-bottom:1px solid #CCCCCC;
	text-transform:none;	
	}
ul.accordion li ul li a:link, ul.accordion li ul li a:visited {
	padding-left:1.75em;
  	color:#00519C;
  	display: block;
	text-decoration:none;
	}
ul.accordion li ul li a:hover, ul.accordion li ul li a:active, ul.accordion li ul li a:focus {
	color:#E1001A;
	text-decoration:none;
  	background-color: #E1E1E1;
	} /* konec stylu harmoniky */

div.cleaner {
	clear:both;
	display:none;
	}	
		
/* paticka stránky */
div#footer div#kontakt {
	font-size:.7em;
	text-align:center;
	color:#FFFFFF;
	width:958px;
	height:27px;
	line-height:27px;
	margin:auto;
	}
div#footer div#kontakt a, div#footer div#kontakt a:visited {
	color:#ffffff;
	text-decoration:none;
	}
div#footer div#kontakt a:hover, div#footer div#kontakt a:active {
	color:#ffffff;
	text-decoration:underline;
	}
div#footer div#wso { 
	font-size:.6em;
	color:#555555;
	text-align:center;
	padding:5px 0;
	}
div#footer div#wso a, div#footer div#wso a:visited {
	color:#555555;
	text-decoration:none;
	}
div#footer div#wso a:active, div#footer div#wso a:hover {
	color:#555555;
	text-decoration:underline;
	}
	
	
/* tridy */	
.cistic {
	clear:both;
	}
.red {
	font-size: 1.5em;
	font-weight:bold;
	color:#E1001A;
}			

	

/* formular */
div#obsah form {
	font-size: 1em;
}
div#obsah form label {
	width: 170px;
	float: left;
	text-align:right;
	margin: 5px 5px;
}
div#obsah form.mysql_help_form table {
	width: 600px;
	background:#FFFFFF;
	border:none;
}
div#obsah form.mysql_help_form table tr th {
	font-size: 12px;
	width: 120px;
	text-align:right;
	background:#FFFFFF;
	border:none;
}
div#obsah form.mysql_help_form table tr td {
	background:#FFFFFF;
	border:none;
}
div#obsah form.mysql_help_form table tr td input {
	width: 200px;
	margin-left:0;
}
div#obsah form.mysql_help_form table tr td textarea {
	width: 450px;
}
div#obsah form.mysql_help_form input {
	margin-left: 200px;
}