/* CSS Document */

/* 01. HTML Tagy */
body {
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	color: #364248;
	margin: 0px;
	position: relative;
}
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
h1{display: none;}
h2 {font-size: 1.8em; font-weight: normal; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #dee8e8; color: #4d94dc;}
h3 {font-size: 1.4em; font-weight: normal; color:#4d94dc;}
a {color: #d30000; text-decoration: none;}
a:hover {color: #d30000; text-decoration: underline;}
img {border: none;}

/* 02. Layout */
#web {
	background: #ffffff url('../img/bg.png') top left repeat-x;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  min-height: 100%;
  position: relative;
}
#main {
  width: 860px;
  margin: auto;
  padding-bottom: 70px;
}

#top {
  background: url('../img/top.png') top left no-repeat;
  width: 860px;
  height: 150px;
}
#menu {
  width: 446px;
  float: right;
  margin: 62px 10px 0 0;
}

#menu ul{margin: 0; padding: 0; list-style-type: none;}
#menu ul li{float: left;}
#menu ul li a{float: left; height: 30px; line-height: 30px; margin-left: 16px;}
#menu ul li a span {display: none;}

#menu ul li a.m_uvod {background: url('../img/m_uvod.png') top left no-repeat; width: 61px; height: 30px; line-height: 30px;}
#menu ul li a:hover.m_uvod {background: url('../img/m_uvod.png') top left no-repeat; background-position: -61px 0px; width: 61px;}
#menu ul li a.m_nabidka {background: url('../img/m_nabidka.png') top left no-repeat; width: 80px; height: 30px; line-height: 30px;}
#menu ul li a:hover.m_nabidka {background: url('../img/m_nabidka.png') top left no-repeat; background-position: -80px 0px; width: 80px;}
#menu ul li a.m_sluzby {background: url('../img/m_sluzby.png') top left no-repeat; width: 72px; height: 30px; line-height: 30px;}
#menu ul li a:hover.m_sluzby {background: url('../img/m_sluzby.png') top left no-repeat; background-position: -72px 0px; width: 72px;}
#menu ul li a.m_servis {background: url('../img/m_servis.png') top left no-repeat; width: 70px; height: 30px; line-height: 30px;}
#menu ul li a:hover.m_servis {background: url('../img/m_servis.png') top left no-repeat; background-position: -70px 0px; width: 70px;}
#menu ul li a.m_kontakt {background: url('../img/m_kontakt.png') top left no-repeat; width: 82px; height: 30px; line-height: 30px;}
#menu ul li a:hover.m_kontakt {background: url('../img/m_kontakt.png') top left no-repeat; background-position: -82px 0px; width: 82px;}

#h_prodej {background: url('../img/h_prodej.png') top left no-repeat; width: 840px; height: 70px;}

#content {
  background: #ffffff;
  width: 840px;
  padding: 10px;
  text-align: left;
}

#drobky {
  background: url('../img/dotted.png') left bottom repeat-x;
  width: 840px;
  height: 40px;
  line-height: 40px;
  color: #a4a4a4;
}
#drobky p{margin: 0;}
.active {color: #2f2f2f;}

#left {width: 240px; float: left;}

#novinky {
  background: #f2f7f8;
  width: 220px;
  margin-top: 10px;
  padding: 10px;
  float: left;
}

.l_title {background: url('../img/dotted.png') left bottom repeat-x; width: 220px; height: 25px; font-family: arial; font-size: 1.4em; font-weight: bold; color: #4d94dc;}
.n_date {background: url('../img/n_date.png') left top no-repeat; width: 72px; height: 22px; margin: 10px 0 0 -10px;}
.n_date p {margin: 0 0 0 10px; font-family: arial; font-size: 0.8em; color: #245086; line-height: 20px;}
.n_text {margin-top: 6px; font-size: 0.85em;}
.n_text p {margin: 0;}

.left {width: 240px; float: left; margin-top: 10px;}

#center {
  background: url('../img/center.png') top left no-repeat;
  width: 550px;
  float: right;
  margin: 10px 0 20px 0;
  padding: 20px;
  line-height: 1.3em;
}
.note {background: #f2f7f8; padding: 15px; margin: 20px 0 20px 0; font-style: italic;}
.note p{margin: 0;}

#center ul{margin: 10px 0 10px 0; padding: 0;}
#center li {
  list-style-type: square;
	list-style-position : inside;
	list-style-image : url("../img/li.png");
}
.clear {clear: both;}
/* Opera 9.5  hack  */
@media all and (min-width: 0px){ 
  #web { 
     display: table;
	 height: 100% 
  } 
} 
/* Opera 9.5  hack */

#heel {
	height: 70px;
	width: 100%;
	position:absolute;
	left: 0;
	bottom: 0;
	text-align: left;
}
#heel .in {
	margin: 0 auto;
	height: 70px;
	background: url('../img/heel.png') left bottom repeat-x;
	color: #ffcc00;
	text-align: center;
}
#heel_in {
	width: 840px;
	margin: auto;
}
#heel_in_l {
	width: 350px;
	margin: 25px 0 0 10px;
	float: left;
	text-align: left;
	color: #245086;
}
#heel_in_l p{margin: 0;}

#heel_in_r {
	width: 400px;
	margin: 25px 10px 0 0;
	float: right;
	text-align: right;
}


/* 03. Uvod */
#kontakt_l {
  width: 220px;
  float: left;
  font-size: 0.85em;
}
#kontakt_l p{margin: 0 0 15px 0;}
#kontakt_r {
  width: 310px;
  float: right;
}

/* 04. Nabidka */
.nabidka {
  width: 550px;
  text-align: justify;
}