body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0;
	padding: 0;
	text-align: center;
	background:url(/images/skin/bcgr.gif);
	background-repeat:repeat-y;
	background-position:center;
}

td { 
	font-size: 12px;
	vertical-align:top;
}
table#tableceinky td {
  vertical-align: middle;
}

/*pro IE, odstraneni borderu u obrazku, ktere sou soucasti odkazu*/

img {
	border: 0;
}

a img {
	border: 0;
}

a:link, a:visited, a:hover, a:active {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
.tlacitko {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CC0000;
  display: block;
  background-color: white;
  border: solid 1px black;
  height: 20px;
  cursor: default;
  padding: 0px;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px;
}
.tlacitko:hover {
  text-decoration: none;
  cursor: default;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 110%;
 color: #CC0000;
}

h2{
 font-size: 100%;
 color: #CC0000;
}

h3{
 font-size: 100%;
 color: #000000;
}

h4{
 font-size: 100%;
 font-weight: bold;
 color: white;}

h5{
 font-size: 70%;
 font-weight: bold;
 color: #CCCCCC;
}

ul{
 padding:0px;
 margin:3px;
 list-style-type: none;

}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

li{
 padding-top:2px;
 padding-bottom:2px;
 padding-left:10px;
 background-image:url(/images/skin/arrow.gif);
 background-repeat:no-repeat;
 background-position: 0px 7px
}

li a{
 padding-left:10px;
}

label{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
  color: #CC0000;
}

form {
  padding: 0;
}

hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
}
      
div#main {
  position: relative;
  width: 781px;
  margin: auto;
  text-align: left;
  padding: 0;
  background-color: #fff;
}

#masthead{
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 781px;
	white-space: nowrap;
}

/*#navBar{
	margin: 0 0 0 572px;
	background-color: #eeeeee;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 207px;
	padding-top: 45px;
}
*/
#content{
	float:left;
	width: 540px;
	height: 100%;
	margin-top: 10px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	border-right: dotted #C0C0C0 1px;
}

#contentnew{
	float:left;
	width: 540px;
	height: 100%;
	margin-top: 10px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	border-right: dotted #C0C0C0 1px;
}

#contentfull{
	float:left;
	width: 770px;
	height: 100%;
	margin-top: 10px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	border: none;
}

#right {
	float:left;
	width: 205px;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 0px;
	margin-left: 10px;
	height: 100%;
}

.topten{
 font-weight:normal;

}
.topten ul{
margin-left:20px
}

.topten li{
 font-weight:normal;
 padding-top:2px;
 padding-bottom:5px;
 padding-left:20px;
 background-image:url(/images/skin/ico_taska.gif);
 background-repeat:no-repeat;
 background-position: 0px 5px;

}

.topten li a{
 font-weight:normal;
 padding-left:0px;
 background-image:none;
}





#tree img{
  border: none;
}

#globalNav{
	color: #cccccc;
	white-space: nowrap;
	MARGIN-TOP: 0px;
	Z-INDEX: 10;
	LEFT: 0px;
	MARGIN-LEFT: 0px;
	WIDTH: auto;
	POSITION: absolute;
	HEIGHT: auto;
	margin-bottom: 10px;
}


#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 100%;
	padding: 0px 4px 0px 0px; 
}

.doplnkova_taska {
  float: left;
  width: 100px;
  margin:0;
  text-align: center;
  line-height:110%;
}
.doplnkova_taska img{
  margin-top:5px;
  padding: 0px;
}

.doplnkova_taska a{
  margin:0;
  padding: 0px;
}


.feature{
	padding: 0px 0px 10px 10px;
	font-size: 100%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: left;
}

.feature img{
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
}
/* adjust margins to change separation between the feature image and text flowing around it */


.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 100%;
}

.story p{
  padding: 0px 0px 10px 0px;
}
/************** kontakt box *******************/
#kontaktframe {
	width: 530px;
	height:350px;
	border: solid #E6E6E6 1px;
	background-color:#FFFFFF;
}
.kontaktbox {
  display:block;
  float: left;
  width: 240px;
  height: 150px;
  padding: 7px;
  margin: 5px;
  text-align: left;
  background-color:#E6E6E6
  }

/************** zapati ************************/

#paticka {
	clear: both;
	line-height: 1.4;
	position: relative;
	WIDTH: 781px;
	left: 0px;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 15px;
	PADDING-TOP: 10px;

	
}
#paticka P {
	FONT-SIZE: 10px;
	FLOAT: left;
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 200px;
	}
#paticka .tree {
	MARGIN: 0px 10px 0px 220px;
	TEXT-ALIGN: justify
}
.tree A {
	FONT-SIZE: 9px;
	COLOR: #666666;
	TEXT-DECORATION: none
}
.tree A:visited {
	FONT-SIZE: 9px;
	COLOR: #666666;
	TEXT-DECORATION: none
}
.tree A:hover {
	FONT-SIZE: 9px;
	COLOR: #CC3300;
	TEXT-DECORATION: none
}

.menupruh {
	width: 781px;
	height: 15px;
	top: 300px;
	right: 0px;
	color: #FFFFFF;
	background-image: url(../images/skin/bar.gif);
	background-repeat: repeat-x;
	background-color: #f4ede3;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.news{
	width:530px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	font-size: 100%;
	border: slolid #CCCCCC 1px;
}

.news p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.news img{
  float: left;
  margin-top:5px;
  margin-right:10px;
}
.news li{
	font-weight: bold;
}
.newsbox{
	float:left;
	margin-top:0px;
	margin-right:2px;
	margin-bottom:4px;
	margin-left:2px;
	padding-top:4px;
	padding-right:4px;
	padding-bottom:0px;
	padding-left:4px;
	width:254px;
	_width:259px;
	height:175px;
	_height:200px;
	background-image:url('/images/newsbox-bckgr.gif');
	border:solid #CCCCCC 1px;
}
.newsbox p{
	padding:0;
	margin:0;
	line-height:135%;
	color: #333333;
}
.newsbox img{
	float:left;
	margin:0;
	padding:0;
	margin-right:5px;
	border: solid #cccccc 1px;
}
.newsbox a{
	_font-size:10px;
}

/***********************prave produkt menu***************************/

#button {
	width: 200px;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #333;
	}
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	background-image:none;
	}

	#button li {
	border-bottom: 1px solid #DDDDDD;
	margin: 0;
	}

#button li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #333333;
	padding: 2px 5px 2px 0.5em;
	border-left: 5px solid #CC0000;
	background-color: #EEEEEE;
	background-image:none;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
	border-left: 10px solid #CC0000;
	background-color: #999999;
	color: #fff;
		}
		
/*reference*/
#reftable a {text-decoration: none;}

#reflinks div {cursor:pointer; margin-right:10px;}

.reference_normal {background-color: white;}

.reference_highlight {background-color: #CCCCCC;}

.titul_reference {
  font-weight: bolder;
  font-size: 12px;
  color: #ffffff;
  text-align: left;
    padding-top:5px;
  padding-left:5px;
}

/*ceniky*/
table#tableceniky {
  border: none;
  width: 100%;
}
form#cenikform {
  width: 100%;
  background-color: #CC0000;
  z-index: -1;
}
form span.cenikpopis {
  color: white;
  font-weight: bold;
  width: 70px;
  display: block;
  float: left;
}
.cenik_menu_titulky
{
  color: white;
  font-weight: bold;
  display: block;
}

/*co se nema zobrazovat pri tisku, pripadne, co se ma zobrazovat jinak*/
@media print {
  ul#listMenuRoot {
    display: none;
  }
  div#titul_stodo {
    display: none;
  }
  form#cenikform {
    display: none;
  }
  div#puzzle {
    display: none;
  }
  .no_print {
    display: none;
  }
  div#content {
    border: none;
  }
  div#cadviewer {
    display: none;
  }
  div#virt_dum {
    display:none;
  }
}