@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
	font-size: 75%;
	background : #F6F6F4 url("body.gif") repeat-x;
  text-align : center;
	color: #363636;	
}
/*--------------------------------------------- layout ---*/
#page {
	position: relative;
	width: 793px;
	margin: 0 auto 0 auto;
	background : #FFFFFF url("bg-page.gif") repeat-y;
}
#header {
  width: 793px;
	height: 222px;
	background: #FFFFFF url("header.jpg") no-repeat center;
	text-align: left;
}
#doc {
  width: 100%;
	clear: both;
	background: #FFFFFF url("doc.gif") repeat-y ;
}
#menu {
  margin: 0 auto 0 auto;
	width: 751px;
  text-align: left;
  background: #644C3F url("bg-menu.gif") repeat-x center;
  border-bottom: 1px solid #644C3F;
  _border-bottom: none;
	margin-bottom: 5px;
  border-top: 1px solid #fff;
}
#text {
  margin: 0 auto 0 auto;
	text-align: left;
	width: 751px;
 	min-height: 400px;
	_height: 400px;
	padding-bottom: 20px;
	background: url("ruce.jpg") no-repeat 580px 10px;
}
#text-non-hp {
  margin: 0 auto 0 auto;
	text-align: left;
	width: 520px;
 	min-height: 400px;
	_height: 400px;
	padding-bottom: 20px;
  float: right;
  margin-right: 21px;
  _margin-right: 11px;
}
#footer {
  height: 40px;
  width: 793px;
  margin: 0px auto 0 auto;
	clear: both;
	padding: 17px 10px 0 10px;
  text-align: center;
  background: #F5F6F3 url("bg-footer.gif") no-repeat top;
}
#leftbox {
  width: 205px;
  float: left;
  margin: 0px 0 0 21px;
  _margin: 0px 0 0 11px;
  padding-bottom: 30px;
  text-align: left;
}
/*------------------------------------------------ menu ---*/

#menu ul {
 list-style-type: none;
}
#menu li {
  float: left;
  list-style-type: none;
}
#menu li a {
  display: block;
  padding: 0px 0 0px 0;
  float: left;
  text-decoration: none;
}
#menu li a span {
  padding: 8px 23px 8px 19px;
  margin-left: 10px;
  border-right: 1px solid #A3947C;
  font-size: 1em;
  display: block;
  color: #CFC4B1;
  font-weight: bold;
  text-transform:uppercase;
  background: url("sipka.gif") no-repeat left center;
}
#menu li.active a {
    background: #644C3F;  
}
#menu li a:hover span {
  color: #fff;
}
#menu li.active span {
  color: #fff;
}
/*--------------------------------------------- menu-zahlavi---*/
#menu-zahlavi{
  position: absolute;
  top: 5px;
  right: 20px;
}
#menu-zahlavi li {
  list-style-type: none;
  float: left;
}
#menu-zahlavi li a{
  width: 15px;
  height: 20px;
  display: block;
  margin-right: 10px;
}
a.home{
  background: url(home.gif) no-repeat left;
}
a.mapa{
  background: url(mapa.gif) no-repeat left;
}
a.tisk{
  background: url(tisk.gif) no-repeat left;
}
/*-------------------------------------------------- menu-left ---*/
#menu-left ul {
  list-style-type: none;
  margin: 5px 0px 20px 3px;
  _list-style-position: outside;
}
#menu-left li {  
  margin-top: 0px;
  padding-bottom:0px;
  list-style-type: none;
  border-bottom: 1px solid #E1E1E1;
  border-top: 1px solid #fff;
}
#menu-left li a {
  display: block;
  _width: 100%;
  margin: 0px 0 0px 0;
  padding: 7px 0 7px 15px;
  text-decoration: none;
  color: #898989;
  font-weight: bold;
  background: url("sipka2.gif") no-repeat left top;
}
#menu-left li a span {
  display: block;
}
#menu-left li a:hover  {
  background: url("sipka2.gif") no-repeat left bottom;
  color: #39683C;
}
#menu-left li.active a  {
  background: url("sipka2.gif") no-repeat left bottom;
  color: #39683C;
}
#menu-left ul ul li.in{
  margin-left: 10px;
  border-bottom: 0px solid #000;
}
#menu-left ul ul li a.in{
  background: none;
  font-size: 0.8em;
  padding: 1px 0 1px 15px;
  color: #000;
  border-left: 2px solid #E1E1E1;
}
#menu-left ul ul li a:hover.in{
  color:  #39683C;
  background: none;
  border-left: 2px solid #39683C;  
}
#menu-left ul ul li.active a{
  color:  #39683C;
  background: none;
  border-left: 2px solid #39683C;  
}
/*-------------------------------------------- fotogalerie ---*/
div.fotogalerie {
    width: 550px;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 20px;
}
#text div.fotogalerie ul {  
  list-style-type: none;
}
#text div.fotogalerie ul li {  
  margin-bottom: 10px;
  padding-bottom:0px;
  list-style-type: circle;
  float: left;
  list-style-type: none;
}
div.fotogalerie ul li a {
  margin: 0px 10px 0px 0;
  padding: 0px 0 0px 15px;
  font-size: 0.8em;
  font-weight: bold;
  background: url("ctv.gif") no-repeat left center;
}
div.fotogalerie ul li.active a {
  text-decoration: none;
  color: #CCCCCC;
}

/*-------------------------------------------- boxy-hp ---*/
.box {
  width: 232px;
  _width: 239px;
  min-height: 125px;
  _height: 130px;
  padding: 5px 8px 0px 0;
  margin: 10px 8px 10px 0;
  float: left;
  border-right: 1px solid #A18C79; 
}
.end {
  border-right: none;
  margin-right: 0px;
}
.box img{
  float: right;
  border: 1px solid #EBEBEB;
  margin-left: 5px;
}
.box h2 a{
  font-size: 0.8em;
  color: #585858;
  padding: 0 0 0 0;
}
.box h2 {
  padding: 0 2px 0.3em 0;
}
.ob {
  border-top: 3px solid #A19376;
  border-bottom: 1px solid #F6F5F3;
  margin: 10px 0 10px 0;
  _height:1px;

}

/*---------------------------------------- klikaci logo ---*/
#logo a{
  position: absolute;
  top: 10px;
  left: 306px;
  width:180px;
  height:120px;
}
#logo h2 span{
  display: none;
}
/*----------------------------------------- jazyky---*/
#jazyky{
  position: absolute;
  top: -22px;
  right: 0px;
}
#jazyky li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
}
#jazyky li a{
  display: block;
  margin-right: 10px;
  text-decoration: none;
  font-size: 0.9em;
  padding-left: 10px;
  background: url("carka.gif") no-repeat left top;
}
#jazyky li a.active{
  color: #ACACAC;
  background: url("carka.gif") no-repeat left bottom;
}
#jazyky li a:hover{
  color: #000;
  background: url("carka.gif") no-repeat left bottom;
}
/*----------------------------------------- footer ---*/
#footer span {
  display: block;
  padding: 0px 10px 0 10px;
	font-size: 0.9em;
  color: #7D7D7D; 
}
#footer a {
  color: #A0410A; 
}
/*------------------------------------------------- formulare ---*/
#kontakt-form form {
  width: 100%;
  margin-top: 10px;
}
#kontakt-form h3{
  padding-top: 10px;
  border-top: 3px solid #EBEBEB;
}
fieldset {
	padding: 10px;
	margin-top: 10px;
  border: 1px solid #CCCCCC;
}
label span {
	display: block;
	float: left;
	width: 130px;
  margin-right: 10px;
}
legend{
  padding: 0 5px 0 5px;
  _padding: 10px 5px 10px 5px;
  color: #F26521; 
}
/*----------------------------------------------------- obecné tagy ---*/
#text ul {
  list-style-position: inside;
  list-style-type: square;
  margin: 0px 0 1em 0px;
}
#text ul.duraz li {
  list-style-type: none;
  background: url("sipecka.gif") no-repeat left center;
  padding-left: 15px;
  color: #7E782F;
  _list-style-position: outside;
  font-weight: bold;
  line-height: 1.7em;
}
#text ul.duraz {
  margin-left: 20px;
}
#left ul {
  _list-style-position: outside;
}
hr {
  display: none;
} 
#text-non-hp ul, #text-non-hp ol {
  margin: 0px 0 1em 20px;
}
a {
  color: #E21F25;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1, h2, h3, h4 {
  margin: 0;
  line-height: 1em;
  font-weight: bold;
  color: #0076A3;
}
h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #F26521;
  margin: 0em 0 1em 0;
}
h1 span{
  font-size: 0.8em;
  font-weight: bold;
  color: #555555;
}
h2 {
  font-size: 1.2em;
  padding: 6px 0 10px 0px;
  font-weight: bold;
  color: #F26521;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #603811;
  margin: 10px 0 10px 0;
}
h2.line  {
  border-top: 1px solid #F1F1F1;
  padding-top: 10px;
}
h3 a {
  font-size: 1.1em;
  font-weight: bold;
  color: #603811;
  margin: 10px 0 10px 0;
}
h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: #ED2123;
}
p {
  margin: 0 0 1em 0;
}
hr {
  display: none;
}
table {
  font-size: 100%;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
caption {
  text-align: left;
  padding: 0 0 3px 0;
}
td {
  border: 1px solid #E1E1E1;
  padding: 3px 10px 3px 10px;
}
th {
  border: 1px solid #E1E1E1;
  padding: 3px 10px 3px 10px;
  background: #97856D;
  color: #fff;
}
tr.zelena {
  background: #EDF5E0;
}
a img{
  border: none;
}
table.cenik {
  width: 70%;
}
/*------------------------------------------------- navigace ---*/
#navigace{
  text-align: left;
  padding: 0px 0px 10px 0;
  font-size: 0.9em;
  margin:0px;
  color: #898989;
}
/*--------------------------------------------------- obrazky ---*/

.pic {
  border: 2px solid #EBEBEB;
}
.picR {
  border: 2px solid #EBEBEB;
  float: right;
  margin: 5px 0 5px 5px;
}
.picL {
  border: 2px solid #EBEBEB;
  float: left;
  margin: 5px 5px 5px 0px;
}

/*---------------------------------------------- tridy a barvy ---*/
.alignL {
  float:left;
}
.alignR {
  float: right;
}
.alignC {
  text-align: center;
}
.ukonceniobtekani {
  clear: both; 
  font-size: 1px; 
  height: 1px;
  background: transparent;
}
.ukonceniobtekani1 {
  clear: both; 
  font-size: 1px; 
  height: 1px;
  background: #644C3F;
}
#text ul.list-ico li {
	list-style-type: none;
	padding-left: 0;
	background: transparent;
}
ul.list-ico li {
	padding: 4px 0 4px 0px;
	font-size: 1em;
	list-style-type: none;
}
a.ico-pdf, a.ico-xls, a.ico-ppt, a.ico-doc, a.ico-audio, a.ico-image, a.ico-video, a.ico-zip {
	padding: 2px 0 2px 25px;
	height:1%;
}
a.ico-pdf {
	background: url("ico-pdf.gif") no-repeat left center;
}
a.ico-xls {
	background: url("ico-xls.gif") no-repeat left center;
}
a.ico-ppt {
	background: url("ico-ppt.gif") no-repeat left center;
}
a.ico-doc {
	background: url("ico-doc.gif") no-repeat left center;
}
a.ico-audio {
	background: url("ico-audio.gif") no-repeat left center;
}
a.ico-image {
	background: url("ico-image.gif") no-repeat left center;
}
a.ico-video {
	background: url("ico-video.gif") no-repeat left center;
}
a.ico-zip {
	background: url("ico-zip.gif") no-repeat left center;
}
a.dalsi {
  background: url("sipecka.gif") no-repeat right center;
  padding-right: 10px;
  _height: 1px;
}
p.duraz {
  color: #7E782F; 
}
a.nonun {
  text-decoration: none;
}
p.small {
  width: 600px;
}
p.technika {
  margin-top: 20px;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 10px;
  min-height: 100px;
  _height: 100px;
}
p.technika span{
  font-size: 1.2em;
  margin-bottom: 0px;
  display: block;
}
p.last {
  border-bottom: none;
}
}