/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
}
.clear {
	clear: both;
	height: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5a5a5a;
	background-color: #FFFFFF;
	background-image: url(img/body-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 33px 46px 0px 46px;
}

a {
  color: #16a7ca;
  text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
  border: 0px;
}

h1, h2 {
  border-left: 2px solid #16A7CA;
  padding-left: 10px;
  height: 19px;
  position: relative;
}
h3 {
	font-size: 12px;
	color: #666;
	margin: 10px 0 5px 12px;
}

h1 span,
h2 span { display: none; }

h1,
h2 {
  display: block;
  width: 356px;
  height: 30px;
  background-position: 11px 0px;
  background-repeat: no-repeat;
}

h1 { margin-top: 4px; }
h2 { margin-top: 40px; font-size: 16px; }
h1#ajax { background-image: url(img/ajax-title.gif);}
h1#priklady-vyuziti-ajaxu-title { background-image: url(img/priklady-vyuziti-ajaxu-title.gif);}
#top-5-aplikaci { background-image: url(img/top-5-aplikaci-v-ajaxu.gif); }
#obecne-clanky-o-ajaxu { background-image: url(img/obecne-clanky-o-ajaxu-cesky.gif); }
#priklady-vyuziti-ajaxu { background-image: url(img/priklady-vyuziti-ajaxu.gif); }
#ozvete-se-nam { background-image: url(img/ozvete-se-nam.gif); }

p { margin-left: 13px; }

#logo {
  display: block;
  width: 95px;
  height: 59px;
  position: absolute;
  top: 33px;
  left: 46px;
  float: left;
}

#page-content {
   margin-left: 127px;
   width: 520px;
   position: absolute;
   top: 63px;
}

.externLink {
	padding-right: 11px;
	background-image: url(img/external-link.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: inline;
}

.posunutyBlok {
  position: relative;
  top: -9px;
}

#footer {
  height: 92px;
  background-image: url(img/footer-bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  left: -8px;
  margin-top: 0px;
}
#footer div {
  margin-left: 8px;
  margin-bottom: 0px;
  position: absolute;
  left: 0px;
  bottom: -11px;
  text-align: left;
}

#footer div p {

}

#footer img {
  vertical-align: middle;
}

/************/
/* PRIKLADY */
/************/
div.example {
	padding: 10px;
}
div.example h3 {
	margin: 0 0 5px 0 !important;
	margin: 8px 0 5px 0;
}
div.img {
	float: left;
}
div.img img {
	display: block;
	background: #eee;
	padding: 1px;
	margin: 0 10px 0 0;
}


/********/
/* FORM */
/********/
form {
  margin-left: 13px;
  margin-top: 15px;
}
form * {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5a5a5a;
}

#form div {
  margin: 0px 0px 8px 0px;
  padding: 0px;
}

#form div label {
  display: block;
  width: 80px;
  float: left;
  line-height: 18px;
}
#form div div input {
  display: block;
  width: 195px;
  float: left;
}

#form div textarea {
  display: block;
  width: 245px;
  height: 46px;
}

.red {color: #C60000; }
.green { color: #006600; }


/* BANNER */
#banner { color: #0075AD; font-size: 12px; padding: 18px 0px 0px 13px; width: 217px; height: 185px; background: url(/img/banner-bg.png) no-repeat left top; position: absolute; top: 67px; left: 720px; }
#banner a { color: #0075ad; font-weight: bold; }
#banner p { line-height: 17px; padding: 0px 0px 10px 0px; margin: 0px; }
#banner p.list { line-height: 23px; }
#banner p.note { font-size: 11px; }