/* ================================================
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-color: #A9A9B1;
/*  background-image: url('../images/design/x.gif'); */
  background-repeat: repeat-x;
  background-attachment: fixed;
  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: 5px 0px 30px 0px;
	text-align: center;
}
#middlepart p { text-indent: 1.5em; }
#middlepart p.zleva { text-indent: 0em; }

table { font-size: x-small; fo\nt-size: small; }
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-left: 30px; position: relative; top: 5px; }
h3 { color: #333; font-size: 110%; margin: 1.5em 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; }


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

#hlavicka { position: relative; top: 0px; left: 0px; width: 818px; height: 190px; background: url('../images/design/new_head.jpg') left bottom no-repeat; }
#hlavicka h1 { text-align: left; padding-left: 250px; position: relative; top: 130px; left: 0px; color: #fff; font-size: 30px; 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: 180px; height: 143px; position: absolute; top: 80px; left: 680px; background: url('../images/design/kamion.png') left bottom no-repeat; }

#headtitle { display: block; color: #99410f; font-weight: normal; text-align: center;  position: relative; left: 10px; &left:-80px; top: 60px;}
#headtitle a { width: 160px; height: 50px; display: block; margin: 2px; padding-top: 12px; padding-bottom: 6px; color: #a44205; }
#headtitle span { }

#obsah { padding-right: 18px; width: 800px; clear: both; color: #666;  padding-top: 4px; padding-bottom: 98px; background: white url('../images/design/shadow2.png') right repeat-y;}
#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; }
#leftpart { float: left; width: 120px; margin-left: -1px; &margin-left: -8px; }
#leftpart div.menu { width: 120px; height: 273px;  font-size: 80%; &margin-left: 5px;&margin-top: 20px; margin-bottom: 0px; background: url('../images/design/menu.png') top no-repeat;}
#rightpart { float: right; width: 138px; margin-right: 2px; margin-left: 10px; &margin-left: 10px; margin-top: 50px;}
#rightpart span { font-size: 13px; color: #fff; padding: 0px;  text-align: center; position: relative; top: 10px; font-family: "Arial CE", Arial, sans-serif; }
#rightpart .heading { padding-top: 10px; height: 23px; background: #fff url('../images/design/aktuality_head.png') top no-repeat; color: #f3ae2d; margin-bottom: 0px; font-weight: normal; font-size: 90%; font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", lucida, sans-serif; text-align: center; font-weight: bold; }
#rightpart .news { min-height: 200px; margin-left: 1px; padding-right: 2px; padding-left: 10px; background: #ABAEF3 url('../images/design/aktuality_body2.png') bottom no-repeat; color: #f3ae2d; margin-bottom: 0px; font-weight: normal; font-size: 90%; font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", lucida, sans-serif; text-align: center; font-weight: bold; }
#rightpart div p.more { margin: 0px; text-align: right; margin-right: 20px; font-weight: bold; }
#rightpart div strong { display: block; font-size: 90%; color: white; background-color: #030540; padding-left: 10px; margin-right: 10px; }
#rightpart div em { color: #030540; }
#rightpart p { margin: 0px; padding: 0px; padding-right: 5px; padding-top: 10px; text-align: left; color: #666; font-weight: normal; font-size: 90%; }
#middlepart { margin-top: 20px; padding-top: 20px; padding-left: 15px; float: left; width: 464px; margin-left: 20px; background: url('../images/design/body2.png') no-repeat; min-height: 350px; }
#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; }

#leftpart a#cs { margin-left: 10px; float: left; display: block; background: url('../images/design/czech.png') left bottom no-repeat; width: 50px; height: 50px; cursor: hand;}
#leftpart a#en { float: left; display: block; background: url('../images/design/eng.png') left bottom no-repeat; width: 50px; height: 50px; cursor: hand;}

#leftpart ul { margin: 0px; margin-top: 70px; &margin-top: 0px; padding: 0px; padding-top: 0px; &padding-top: 0px; font-size: 12px; font-family: "Arial CE", Arial, sans-serif; }
#leftpart ul li { float: left; width: 129px; height: 36px; padding: 0px; margin: 0px; &margin-left: -5px; list-style-type: none; text-align: left; }
#leftpart ul li a span { display: block; padding-top: 0px; }
#leftpart ul li a span.twoline { display: block; margin-top: -7px; }


#leftpart div p {padding-left: 15px; background: url('../images/logo.jpg') left bottom no-repeat 0 0;}

#bottom { height: 50px; width: 814px; position: relative; top: 0px; color: #fff; text-align: center; font-size: 9px; background: url('../images/design/bottom2.png') top no-repeat; }
#bottom p { padding: 4px 0px; margin: 0px; margin-left: 10px; padding-top: 10px;}
#bottom p span { color: #fff; }
#bottom p.navigace { float: left; font-size: 8px; margin-right:0px;}
#bottom p.copyright { float: right; font-size: 8px; color: #fff; text-align: left; padding-top: 7px; margin-right: 20px;}

/* TRIDY */
.stred { text-align: center; margin: 0px auto; }
.doleva { text-align: left; }
.doprava { text-align: right; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }
.valignbottom { vertical-align: bottom; }
.floatleft { float: left; }
.floatright { float: right; }
.inline { display: inline; }
.block { display: block; }
.odsad { padding: 2em 0px; }
.doleodsad { margin-bottom: 20px; }
.horeodsad { margin-top: 20px; }
.leftodsad { margin-left: 20px; }
.space { margin-bottom: 10px; }
.tucne { font-weight: bold; }
.under { text-decoration: underline; }
.nomargin { margin: 0px; }
.small { font-size: 80%; }
.halfem { margin-top: 0.5em; margin-bottom: 1.5em; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 80%; }
.levyokraj { padding-left: 20px; }
.button { font-size: 10px; text-align: center; background-color: #251f1f; color: #ffad11; }
.button:hover { color: #ff5404; }

.red { color: #900; }
.green { color: #080; }
.blue { color: #009; }
.yellow { color: #ff0; }
.brown { color: #960; }

.cleaner { clear: both; }
.tablehlavicka { background-color: #eee; }
.nadpis { background: url('../images/design/bm_nadpis.gif') center top no-repeat; }
.kontakt { display: block; margin-top: 10px; }
.imgright { float: right; padding-left: 0.5em; padding-bottom: 0.5em; }

.novinka { background-color: #eee; padding: 1em; margin: 1em 0px; font-size: 90%; }
.novinka2 { background-color: #F5F6FB; padding: 1em; margin: 1em 0px; font-size: 90%; }

.scrollable { height: 100px; overflow:auto; padding: 0px; margin-bottom: 10px; }
.doleokraje{ border-bottom: 0.5px solid #999; }

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

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

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

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

#leftpart ul a:link, #leftpart ul a:visited { color: #030540; text-decoration: none; font-weight: bold; }
#leftpart ul li a { display: block; height: 26px; color: #000; padding-left: 10px; &padding-left: 5px; margin-left: 12px; &margin-left: 18px; margin-right: 15px; padding-top: 10px;  border-bottom: 1px solid #E6E6F5;}
#leftpart ul li a:hover, #hlavicka ul li a:hover span, #hlavicka ul li a:active { background: url('../images/design/menu_button.gif') left bottom repeat-x;  color: #fff; margin-left:2px; margin-right: 10px; &margin:0px; &margin-left: 8px; &margin-right: 5px; &margin-top: 1px; padding-left: 20px; &padding-left: 15px; &padding-right: 10px; border: none; }

#rightpart h3 a {color: #fff; }
#rightpart h3 a:hover {color: #999; }

#leftpart a#cs:hover {background: url('../images/design/czech2.png') left bottom no-repeat; }
#leftpart a#en:hover {background: url('../images/design/eng2.png') left bottom no-repeat; }