/* CSS Document */

body {
	text-align:center;
	/*background-color: #B4B4B4;*/
 	font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
	font-size: 0.70em;
	margin:0;
	padding:0;
	color: black;
	font-size: 12px;
	position: relative;
	 background:#B4B4B4 url('img/background_top.jpg') repeat-x left top;
	}

/* text
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6, h7 {color:black; margin:0px;}

h1 {font-size:100%;	color:black;}
h2 {font-size:100%; color:}
h3 {color:black;	font-size:120%;}
h4 {font-size:100%; }


/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr { clear:both;	}
p, .editor { text-align: justify; margin:0;}


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}
dt {}
dd {}
ul, ul li {}


/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;	margin-top: 10px; margin-bottom: 10px; font-size:100%;}
caption {	margin: 0 0 .66em 0;	text-align: center;	color: #D01310;}
th {	border: 1px solid gray;	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;	color: black;}
td {	border: 1px solid gray;	padding: 5px 10px;	vertical-align: top;}


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
legend {}
input, textarea, select {	font-size: 1em;}


/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {	position: relative; font-style:normal; cursor: help; top: 2px;}
cite, em, q, var {	font-style: italic;}
code, kbd, samp, pre {	font-family: "Lucida Consode", "Andale Mono", monospace;}
sub {	font-size: smaller;	text-decoration: none !important;	vertical-align: sub;}
sup {	font-size: smaller;	text-decoration: none !important;	vertical-align: super;}
del {	text-decoration: line-through;}
ins {	text-decoration: underline;}
strong {	font-weight: bold;}

/* ANCHORS
-------------------------------------------------- */
a {color:#000000; text-decoration: none;}
a:visited {	}
a:hover {text-decoration: none; }
h2 a:hover {text-decoration: underline;}
h4 a:hover {text-decoration: underline;}


/* Img
-------------------------------------------------- */
img	{ border:none;	}


/* Bloky
-------------------------------------------------- */
#obal
	{
	margin: 0 auto;
	width: 900px;
	position:relative;
	}
#head{
  background:#AEAEAE url('img/head.jpg') no-repeat left top;
  width:100%;
  height:26px;
}
#stred{
  background:#B4B4B4 url('img/stred.gif') no-repeat left top;
  width:100%;
  height:40px;
  float:left;
}
#novinky_stred{
  float:left;
  padding: 11px 0px 0px 100px;
  font-weight: bold;
  font-size: 115%;
  font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
}
#welcome_stred{
  padding: 13px 0px 0px 294px;
  font-weight: bold;
  font-size: 100%;
  color:#C11219;
  text-align:left;
}
#top{
  height:250px;
  width:100%;
  background:#F30912 url('img/red_pattern.jpg') repeat-y left top;
  position: relative;
}
#top_hlava{
  position:absolute;
  background: url('img/top_stred_new.png') no-repeat right top;
  right:0px;
  
  top:0px;
  width:660px;
  height:250px;
}
#menu{
  height:236px;
  overflow:hidden;
}
#menu ul{
  margin: 0px 0px 0px 80px;
  padding: 0px;
  font-weight: bold;
  font-size: 110%;
  height: 244px;
  
}
#menu li{
 list-style-type: none;
  text-align:left;
  color:white;  
  background: url('img/linka.jpg') no-repeat left bottom;
  position: relative;
  padding: 0px 0px 1px 0px;
}
#menu li a{
  color:white;
  padding: 9px 200px 8px 50px;
  position: relative;
  display:block;
  _height:1px;
  
}
#menu li a:hover{
  color:black;
  background: url('img/odkaz_hover.jpg') repeat-y left top;
  position: relative;
}
#menu li a .dot{
  background: url('img/dot.jpg') no-repeat left top;
  width:7px;
  height:7px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  position:absolute;
  top:15px;
  left:20px;
  display:block;
}
 #menu a:hover .dot {
  background: url('img/dot_hover.jpg') no-repeat left top;
}
.odkaz{
  background: url('img/linka.jpg') no-repeat right bottom;
  width:237px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#maj{
  width:900px;
  background-color:white;
  float:left;
  position:relative;
}
/* Leva
-------------------------------------------------- */
#leva{
  width:275px;
  float:left;
  margin: 0px 0px 10px 0px;
}
.novinka_nadpis{
  margin-left: 30px;
  text-align:left;
  padding: 15px 0px 3px 0px;  
  color: #CB1018;
  font-weight:bold;
  display: list-item;
}
.leva_text{
  padding: 0px 50px 15px 30px;
  text-align:justify;
}
.news_line{
  background: url('img/news_line.jpg') no-repeat left bottom;
  text-align:left;
  padding: 0px 0px 3px 30px;
  font-size: 90%;
}
.news_line a{
  color:#4F4747;
}
#odkazy{
  width:243px;
  height:37px;
  background: url('img/odkazy.gif') no-repeat left top;
  margin: 20px 0px 14px 0px;
  float:left;
  display:block;
  width:100%;
  font-size: 115%;
}
#odkazy_text{
  font-weight: bold;
  margin: 10px 0px 0px 0px;
  text-align: left;
  padding-left: 100px;
  width:100%;
}
.link{
  margin-left: 30px;
  padding: 0px 0px 3px 0px;  
  color: black;
  font-weight:bold;
  display: list-item;
  text-align:left;
  clear:both;
}
.mezera{width:100px; min-height:73px; _height:1px;}
/* Prava
-------------------------------------------------- */
#prava{
  width:625px;
  background-color:white;
  float:right;
  margin: 0px 0px 10px 0px;
}
.prava_text{
  padding: 20px 20px 0px 20px; 
  margin:0px;
  text-align: justify;
}
.center_text{
  padding: 20px 0px 20px 0px; 
  margin:0px;
  text-align: center;
}
.podpis_text{
  text-align:right;
  padding: 10px 100px 10px 0px
}
/* Pata
-------------------------------------------------- */
#pata{
  color: #4A4A4A;
  height:35px;
  width:900px;
  float:left;
  background-color: #A5A5A5;
  position:relative;
}
#pata_left{
  text-align: left;
  padding: 0px 20px 0px 20px;
  margin: 10px 0px 0px 0px;
  float:left;
}
#pata_right{
  text-align: right;
  padding: 0px 20px 0px 20px;
  margin: 10px 0px 0px 0px;
}
#pata_left a{
  font-weight: bold;
  color:#4A4A4A;
}
#pata_right a{
  font-weight: bold;
  color:#4A4A4A;
}
/*ostatni ----------------------------------------------------------------*/


.clear {clear:both;}