/* CSS Document */

/* reset */
* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #ffffff;
  background-image: url(img/bg-left.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  text-align: center;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #747474;
  font-size: 13px;
}

a img { border: none; }

a:link, a:visited, a:hover { text-decoration: underline; color: #3BB2E3; font-weight: bold; }
a:hover { color: #a5a5a5; }

.clear { clear: both; }

h1 {
  display: block;
  background-image: url(img/logo-estore.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 268px;
  height: 46px;
  position: absolute;
  top: -3px;
  left: 12px;
  _left: 17px;
  z-index: 2;
}

h1 a {
  display: block;
	height: 100%;
	width: 100%;
}

h1 span {
  display: none;
}

h2 {
	font-size: 15px;
	font-style: italic;
	margin-bottom: 0.5em;
	margin-top: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h2 span {
  color: #c60000;
}

p { margin: 0.5em 0px 1em 0px; }

p em {
  color: #3BB2E3;
  font-weight: bold;
}

li {
  list-style-type: none;
  background-image: url(img/li-arrow.gif);
  background-position: 1px 7px;
  background-repeat: no-repeat;
  padding-left: 19px;
}

hr { 
  color: #DCDCDC;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  background-color: #DCDCDC;
  border: none;
  margin: 0px 0px 0px 0px;
  width: 95%;
}

address { font-style: normal; }


.red {color: #C60000; }
.green { color: #006600; }
/* ----------------------------------------- */
#bg-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 433px;
  background-image: url(img/bg-right.png);
  background-position: top right;
  background-repeat: repeat-x;
  overflow: visible;
}

#page {
  width: 770px;
  margin-right: auto;
  text-align: left;
  margin-top: 27px;
  position: absolute;
  top: 0px;
  left: -385px;
}

#col-left {
  width: 530px;
  float: left;
  margin-left: 5px;
}

#col-right {
  width: 221px;
  float: left;
}

#header {
  margin-top: 20px;
  margin-bottom: 10px;
}

#footer {
  clear: left;
  background-color: #4a4b4f;
  font-size: 12px;
  color: #a5a5a5;
  padding: 0px 14px 0px 8px;
}

#footer p {
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

#footer img {
  float: right;
  position: relative;
  bottom: 40px;
}

#footer a:link, #footer a:visited {color: #899093; font-weight: normal;}

/* ------------ Pravy sloupec ------------- */
#col-right {
  background-image: url(img/logo-inshop.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#col-right h2 {
  font-size: 14px;
  font-style: normal;
  border-left: 3px solid #dadada;
  font-weight: bold;
  letter-spacing: -1px;
  padding-left: 10px;
  line-height: 23px;
  margin-top: 20px;
  margin-bottom: 10px;
}

#seznam-vyhod {
  background-color: #272E31;
  margin-top: 73px;
  font-size: 12px;
  color: #A9B5BB;
  padding-top: 5px;
  padding-bottom: 20px;
}

#seznam-vyhod h2, #seznam-vyhod ul {
  margin-left: 13px;
  margin-right: 13px;
}

#seznam-vyhod h2 {
  color: #7A7E7F;
  border-color: #7A7E7F;
}

#seznam-vyhod ul li {
  list-style-type: none;
  background-image: url(img/li-cross.gif);
  background-position: 0px 16px;
  background-repeat: no-repeat;
  padding-left: 13px;
	padding-top: 10px;
}

#poplatky-za-provoz h2 { margin-left: 13px; }

#poplatky-za-provoz dt {
  font-weight: bold;
  margin-left: 27px;
  margin-top: 8px;
}

#poplatky-za-provoz dd {
  margin-left: 51px;
}
#poplatky-za-provoz strong {
  font-size: 24px;
  font-weight: normal;
  color: #C60000;
}

#poplatky-za-provoz p { margin-left: 27px; }


/* -------------- Obsah stranky ----------------- */
#modry-pruh {
  dispaly: block;
  width: 532px;
  height: 214px;
	position: relative;
}
#modry-pruh span {
  dispaly: block;
  width: 530px;
  height: 214px;
  background-image:url(img/flash-replace.jpg);
  background-position: top left;
  background-repeat: no-repeat;
	position: absolute;
	top: 0;
}

.dva-sloupce div {
  width: 253px;
  float: left;
  border-right: 1px solid #DCDCDC;
  padding-bottom: 15px;
  margin-bottom: 10px;
  _margin-bottom: 0px;
}

.dva-sloupce div div { border: none;}

.dva-sloupce h2 { margin-top: 0px;}

.dva-sloupce li { font-size: 12px;}

.dva-sloupce div.prvni { border-right: none; }

.dva-sloupce div.druhy {
  width: 270px;
  border-right: none;
}

.dva-sloupce div.druhy h2,
.dva-sloupce div.druhy ul,
.dva-sloupce div.druhy address {
  margin-left: 18px;
}

/* ----------------- Form --------------- */
.dva-sloupce form div {
  margin: 0px 0px 12px 0px;
  padding: 0px;
}

.dva-sloupce div.prvni p { margin-left: 0px 0px 12px 0px; }

.dva-sloupce div label {
  display: block;
  width: 49px;
  float: left;
}
.dva-sloupce div div input {
  display: block;
  width: 195px;
  float: left;
}

.dva-sloupce div textarea {
  display: block;
  width: 245px;
  height: 46px;
}

.mensi-text * { font-size: 12px; }
.mensi-text h2, .mensi-text h2 span { font-size: 13px; font-weight: bold; font-style: normal; letter-spacing: 0px; padding-top: 10px; }
.odsazeni { padding-left: 25px; }

dl.links { padding-bottom: 20px; }
dl.links dd { padding-bottom: 5px; }