/* ================================================
NG SYSTEM, S. R. O. - VYTVOŘENO V ROCE 2008
info[zavinac]ngsystem.cz
- všechna práva vyhrazena, zákaz použití kódu
================================================ */

/* SKRYTE TAGY */
.noscreen { display: none; }


/* HTML TAGY */
body {
  background: #dcdcdc url('../images/design/background.png') top left repeat-x;
/* 
  background-repeat: repeat-x;
  background-attachment: fixed;
  barva:c5701f
*/
  color: #000;
  font-size: x-small;
  fo\nt-size: small;
  font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif;
/*	margin: 0px auto;
	padding: 0px 0px 0px 0px;*/
	text-align: center;
}
#middlepart p { text-indent: 0em; }
#middlepart p.odsad { text-indent: 1.5em; }


input, select, textarea { font-size: 100%; }
form, ul { margin: 0px; padding: 0px; }

form fieldset { margin: 0px auto; }
fieldset { width: 90%; border: 1px solid #999; padding: 3px; }
fieldset table { font-size: 85%; }
legend { font-size: 110%; padding: 0px 3px; margin-bottom: 0.3em; color: #666; }

h1, h2, h3 { margin: 0px; padding: 0px; font-family: "Arial CE", Arial, sans-serif; }
h1 { font-size: 18px; color: #000; padding-left: 45px; position: relative; top: 5px; }
/*h2 { font-size: 18px; color: #000; padding: 10px; padding-left: 30px; }*/
h3 { color: #333; font-size: 110%; margin: 0px 0px 0.5em 0px; }
h4 { color: #666; font-size: 100%; margin: 1.5em 0px 0.5em 0px; font-style: italic; }

hr { color: #999; height: 1px; background-color: #999; border: 0px solid #999; clear: both; }
img { border: 0px; }
ul li { list-style-position: outside; margin-left: 20px; padding-left: 0px; }
ul.graphic li { list-style-type: none; margin-left: 0em; padding: 3px 0px; padding-left: 1.5em; background: url('../images/ikonky/arrow.gif') 0% 50% no-repeat; }

del {  text-decoration: line-through; }
acronym, abbr { border-bottom: 1px dotted; cursor: help; }

/* LINKY */
a:link, a:visited { color: #030540; text-decoration: none; }
a:hover, a:active { color: #666; }

table.obsah {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
table.obsah td {
  padding: 3px 4px;
}
table.obsah td.leftcol {
  padding: 3px 4px;
  background-color: #fee28f;
  width: 350px;
}
table.obsah h3{
  margin: 0px;
}

/* SLOUCENINY */
table.tab {
  width: 100%;
  border-collapse: collapse;
}
table.tab td {
  border: 1px solid #999;
  padding: 3px 4px;
}
table.news {
  width: 100%;
  background-color: #eee;
  margin: 2em auto;
  font-weight: bold;
}
table.leftmenu {
  background-color: white;
  font-size: 90%;
  width: 100%;
  border: 1px solid #999;
}
table.okraje {
  border-collapse: collapse;
  border: 1px solid #999;
}
table.okraje td {
  border: 1px solid #999;
}
table.okraje th {
 font-weight: normal;
 background-color: #fee28f;
 border: 1px solid #999;
}
.recap {background: #F4EAEA; text-align: center;font-size: 80%; width: 200px; padding:15px; border-right: 1px solid #E9C7C7; border-bottom: 1px solid #D2CBCB  }
.xbutton {background:  url('../images/design/sipka.png') no-repeat; height: 20px; text-align: center;font-size: 80%; width: 150px; padding-top:6px;  }


/* IDENTIFIKTORY */
#design { width: 962px; margin: 0px auto; text-align: left;}
#holder { width: 100%; padding: 0px 0px;}

#hlavicka { margin-top: 56px;&margin-top: 41px; position: relative; top: 0px; left: 0px; width: 962px; height: 185px; background: url('../images/design/head3.png') left bottom no-repeat; }
#hlavicka h1 { text-align: right; padding-right: 120px; position: relative; top: 13px; left: 0px; color: #fff; font-size: 12px; font-weight: bold; }
#hlavicka h2 { position: relative; top: 110px; left: 0px; color: #4a4a4b; opacity: 0.8; font-size: 16px; font-weight: normal; float: right; padding-right: 200px;}
/* #hlavicka div#pic { width: 10px; height: 39px; position: absolute; top: 25px; left: -20px; background: url('../images/design/head1.png') left bottom no-repeat;}*/

#hlavicka h1 a { color: #a44205; text-decoration: none; }

#headtitle { display: block; color: #99410f; font-weight: normal; text-align: center;  position: relative; left: 32px; &left:32px; top: 60px; width: 898px;}
#headtitle a { width: 898px; height: 80px; display: block; }
#headtitle span { }

#headlink { display: block; color: #fff; font-weight: normal; text-align: center;  position: absolute; left: 20px; &left:20px; top: 10px;font-size:135%;}
#headlink a {color: #fff; margin: 2px;}
#headlink span { }



#obsah {width: 100%; clear: both; color: #666;  padding-top: 0px; padding-bottom: 0px;/*98px*/
background-color: #fff;}
#text { font-size: 85%; padding: 25px 25px 0px 5px; }
#text_long { padding: 25px 25px 0px 28px; background: url('../images/design/bm_obsah_long.jpg') 0 0 no-repeat; }
#text_end { height: 17px; background: url('../images/design/bm_obsah_end.jpg') 0 0 no-repeat; }




#middlepart { margin-top: 20px; padding-top: 20px; padding-left: 15px; padding-bottom: 45px;float: left; width: 545px; margin-left: 15px;  min-height: 350px; _height: 350px; border: 0px ridge #33cccc;}
#middlepart div.novinka h3, #leftpart div.novinka2 h3 { margin: 0px 0px 10px 0px; background: none; }
#middlepart div.novinka h3 span { background-color: #eee; border-bottom: 1px solid #eee; }
#middlepart div.novinka2 h3 span { background-color: #F5F6FB; border-bottom: 1px solid #F5F6FB; }


#bottom { height: 30px; width: 100%; position: relative; top: 0px; color: #fff; text-align: center; font-size: 9px; background-color: #464646; }
#bottom p { padding: 4px 0px; margin: 0px; margin-left: 10px; padding-top: 9px; }
#bottom p span { color: #fff; }
#bottom p.navigace { float: left; font-size: 10px; margin-right:0px;}
#bottom p.copyright { float: right; font-size: 8px; color: #fff; text-align: left; padding-top: 10px; margin-right: 20px;}

#bottom a:link, #bottom a:visited { color: #fff; font-weight: bold; text-decoration: none; }
#bottom a:hover, #bottom a:active { text-decoration: underline; }

a span.back:hover {
	background: url('../images/design/back_a.png') left center no-repeat;
	color: #000;
}

span.back {
	background: url('../images/design/back.png') left center no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	display: block;
	height: 35px;
	border: 0px;
	padding-left: 60px;	&padding-left: 50px;
	padding-top: 25px;
  margin: 0px 0px 0px 0px;
}
a span.back {
	background: url('../images/design/back.png') left center no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	height: 35px;
	border: 0px;
	padding-left: 60px;	&padding-left: 50px;

  margin: 0px 0px 0px 0px;
}
a span.back:hover {
	background: url('../images/design/back_a.png') left center no-repeat;
	color: #000;
}