body  {
  margin: 3px 0 0 0;
  padding: 0;
  background: #e1e6ea url(../images/bg-top.jpg) top center no-repeat;
  text-align: center;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 79%;
  color: #636668;
}
h1, h2, h3, h4, h5, form  {
  margin: 0;
  padding: 0;
}
ul, li  {
  list-style: none;
  margin: 0;
  padding: 0;
}

a img {
  border: 0;
}

.imgDiv {
  position: relative;
  overflow: hidden;
}
.imgSpan {
  position: absolute;
  display: block;
  overflow: hidden;
  left: 0;
  top: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clr  {
  clear: both;
  display: block;
}
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.layout {
        width: auto; margin:0 auto;
}
#bgBottom {
  background: url(../images/bg-bottom.jpg) bottom center no-repeat;
}
#main {
  width: 901px;
  margin: 0 auto;
  text-align: left;
}
h1  {
  width: 411px;
  height: 90px;
  margin: 0;
  padding: 0;
}
h1 span  {
  width: 411px;
  height: 90px;
  background: url(../images/logo.png) top left no-repeat;
}
#top ul#menu  {
  background: url(../images/top-menu-bg.jpg) top left no-repeat;
  margin: 0;
  padding: 0 0 0 15px;
  list-style: none;
  height: 67px;
}
#top ul#menu li  {
  float: left;
  padding: 18px 18px 10px 18px;
  background: url(../images/delic.gif) 0 10px no-repeat;
}
#top ul#menu li.first  {
  background: none;
}
#top ul#menu li a  {
  color: #d5d6d7;
  text-transform: uppercase;
  text-decoration: none;
}
#top ul#menu li a:hover  {
  color: white;
}
#top .login  {
  width: 150px;
  float: right;
  background: url(../images/login-bg-left.gif) top left no-repeat;
  height: 23px;
  position: relative;
  top: 29px;
  margin: 0 15px 0 0;
}
#top .login ul  {
  list-style: none;
  margin: 0;
  padding: 1px 7px 0 7px;
  height: 23px;
  background: url(../images/login-bg-right.gif) top right no-repeat;
}
#top .login ul li  {
  float: left;
  padding: 2px 7px 3px 7px;
}
#top .login ul li.left  {
  border-right: 1px solid white;
}
#top .login ul li.right  {
  border-left: 1px solid #c3c5c5;
}
#top .login a {
  color: #515050;
  text-decoration: none;
  font-size: 89%;
}
#top .login a:hover {
  color: black;
}

#top .msg  {
  float: right;
  background: url(../images/login-bg-left.gif) top left no-repeat;
  height: 23px;
  position: relative;
  top: 31px;

  display: block;  font-size: 89%;
  background: url(../images/odpovedet-left.gif) top left no-repeat;
  color: white;
  text-decoration: none;
  padding: 0;
  margin-right: 10px;
}
#top .msg a {  text-decoration: none;}
#top .msg a span  {
	color: #fff;
  display: block;
  padding: 2px 10px 3px 10px;
  text-decoration: none;
  background: url(../images/odpovedet-right.gif) top right no-repeat;
}


#top .logged  {
  width:225px;
  float: right;
  background: url(../images/login-bg-left.gif) top left no-repeat;
  height: 23px;
  position: relative;
  top: 29px;
  margin: 0 15px 0 0;
}
#top .logged ul  {
  list-style: none;
  padding: 1px 7px 0 7px;
  height: 23px;
  background: url(../images/login-bg-right.gif) top right no-repeat;
}
#top .logged ul li  {
  float: left;
  padding: 2px 7px 3px 7px;
}
#top .logged ul li.user  {
  text-align: center;
  padding-top: 2px;
  width: 90px;
}
#top .logged ul li.left  {
text-align:right;
  border-right: 1px solid white;
  width: 125px;
}
#top .logged ul li.right  {
  border-left: 1px solid #c3c5c5;
}
#top .logged a {
  color: #515050;
  text-decoration: none;
  font-size: 89%;
}
#top .logged a:hover {
  color: black;
}

#top a.fbConnect  {
  position: relative;
  top: 29px;
  display: block;
  width: 113px;
  &width: 127px;
  height: 19px;
  &height: 23px;
  background: url(../images/fb-connect.gif) top left no-repeat;
  float: right;
  font-size: 89%;
  text-decoration: none;
  color: #3559a7;
  padding: 4px 0 0 14px;
  margin: 0;
}
#top a.fbConnect:hover  {
  color: black;
}

#foot {
  clear: both;
  background: url(../images/foot-bg.gif) top left no-repeat;
}
#foot #black  {
  width: 901px;
  height: 140px;
}
#foot #totalBottom  {
  text-align: right;
  font-size: 89%;
  padding: 5px 0 8px 0;
  color: #8f9ba5;
}
#foot #totalBottom a {
    color: #8f9ba5;
    text-decoration: underline;
}
#foot #totalBottom a:hover {
    color: #8f9ba5;
    text-decoration: none;
}
#foot #black ul  {
  float: left;
  padding: 33px 0 0 30px;
  text-transform: uppercase;
}
#foot #black ul.first  {
  padding: 33px 25px 0 20px;
}
#foot li  {
  padding: 3px 0 0 14px;
  background: url(../images/foot-dot.gif) 0 8px no-repeat;
}
#foot li a  {
  color: #8e9194;
  text-decoration: none;
}
#foot #black ul.ikony  {
  float: left;
  padding: 20px 0 0 45px;
  text-transform: uppercase;
}

.aktivity {
  text-align: center;
  width: 413px;
  height: 82px;
  padding-top: 3px;
  padding-left: 5px;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  background: url(../images/soutez-block.gif);
}
.aktivity a{
  color: #fff;
}

#foot .ikony li  {
  padding: 0 0 5px 0;
  background: none;
}
#foot li a:hover  {
  color: white;
}
#foot #soutez {
  float: right;
  margin: 7px 15px 0 0;
}
#foot h3  {
  font-size: 94%;
  font-weight: normal;
  color: white;
  text-transform: uppercase;
  padding: 11px 0 3px 6px;
}
#facebook { text-align:center; }
img.frontPriznivci { width: 50px; height: 55px; border: 0px solid black; }
/* Buttons */
.buttons { margin: 20px auto; width: 720px; }
.button { display: block; margin: 0 7px 0 0; background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; padding: 5px 10px 6px 7px; }
.button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
.button[type] { padding: 5px 10px 5px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
.button img, .a img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px;
}


/* Messages */
.error { border: 1px solid #fbc2c4; background: #fbe3e4; margin: 20px auto; width: 360px; }
.error p { background: url(../images/icons/cross.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.error li { background: url(../images/icons/cross.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.warning { background: #FEFBCC; border: 1px solid #FFCC66; margin: 20px auto; width: 360px; }
.warning p { background: url(../images/icons/error.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.info { background: #dff4ff; border: 1px solid #c2e1ef; margin: 20px auto; width: 360px; }
.info p { background: url(../images/icons/information.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.success { background: #D4FCCD; border: 1px solid #99DC8D; margin: 20px auto; width: 360px; }
.success p { background: url(../images/icons/accept.png) no-repeat center left; margin: 10px; padding-left: 25px; }

#newsImage { width: 438px; height: 243px;}