/* Tvorba CSS * Ladislav Šulc */
body,html{text-align:center;margin:0;padding:0;background:#FCE9FF url(../gfx/bg.jpg) repeat-x;}
#page{width:770px;position:relative;font-family:Arial,Verdana,"Corbel";font-size:0.6785em;margin:0 auto;color:#343434;text-align:left;}

/* Header ------------------------------------------------------*/
#header{width:770px;height:158px;background:#FE03F6 url("../gfx/header.jpg") 0 0 repeat-x;text-align:left;border-left:1px solid #fff;border-right:1px solid #fff;position:relative;}
#header h1{margin:0;padding:0;}
#header h1 a{display:block;line-height:158px;width:419px;height:158px;text-decoration:none;text-align:center;position:relative;overflow:hidden;color:#75007F;font-size:60%;}
#header h1 span{display:block;width:419px;height:158px;background:url("../gfx/logo.jpg") 0 0 no-repeat;position:absolute;top:0;left:0;cursor:pointer;}
#header p{position:absolute;top:20px;right:20px;}
#header p a{color:#fff;font-size:120%;background:url(../gfx/header-a.gif) 100% 80% no-repeat; padding-right:10px;margin-right:5px;font-weight:normal;}
#breadcrumbs{margin-top:4em;  line-height:2;  color:#75007F;  font-size:120%;  padding-left:15px;}
#breadcrumbs a {margin-right: 3px;}

/* LEVY ---------------------------------------------------------------*/
#levy{float:left;  width:455px;  margin-right:10px;}
#levy #info{width:425px;  background:url(../gfx/h2-info.gif) top no-repeat;   position:relative;  padding:15px 15px 0 15px;  float:left;  margin-bottom:3em;}
#levy #info h1{display:inline;  color:#AC4FB1;  font-size:200%;  font-weight:normal;  float:left;  margin:0 0 0.5em 0;}
#levy #info img{float:right;  margin:0 0 15px 15px;}
#levy #info p{clear:left;  padding-right:10px;  font-size:110%;  color:#000;}
#levy #info ul{ margin: 0 0 1em 30px; padding: 0; list-style-type: square; clear: left;}
#levy #info li{ line-height: 2; padding:0;margin:0; font-size: 110%;}
#levy #info p.vice,#pravy #info2 p.vice{margin-bottom:0;}
#levy #info p.vice a,#pravy #info2 p.vice a{padding-left:15px;  background:url(../gfx/vice.jpg) 0 2px no-repeat; }
#levy #info span{display:block;  width:455px;  height:16px;  background:url(../gfx/div-info.gif) bottom no-repeat;   position:absolute;  left:0;  bottom:-16px;}
#levy .box{width:146px;  background:url(../gfx/box.gif) no-repeat bottom;  float:left;  margin-right:8px;}
#levy .box h2{width:132px;  background:url(../gfx/box-h2.gif) no-repeat top;  font-size:140%;  margin:0 0 0.4em 0;  padding:5px 7px 0 7px;  text-align:center;}
#levy .box h2 a{color:#7200A1;  text-decoration:none;}
#levy .box h2 a:hover{text-decoration:underline;}
#levy .box p{padding:0 7px 0 7px;  color:#fff;  font-size:110%;}
#levy .box a img{float:right;  margin:0 6px 6px 3px;  border:1px solid #F58BFD;}
#levy .box a:hover img{border:1px solid #7200A1;}

/* PRAVY ---------------------------------------------------------------*/
#pravy{float:right;  width:293px;}
#pravy #info2{width:263px;  background:url(../gfx/h2-info2.gif) top no-repeat;   position:relative;  padding:15px 15px 0 15px;}
#pravy #info2 h2{color:#AC4FB1;  font-size:150%;  margin:0 0 0.5em 0;}
#pravy #info2 img{margin:0 0 0.5em 0;}
#pravy #info2 p{font-size:110%;  color:#AC4FB1;}
#pravy #info2 span{display:block;  width:293px;  height:16px;  background:url(../gfx/div-info2.gif) bottom no-repeat;   position:absolute;  left:0;  bottom:-16px;}

/* MENU ---------------------------------------------------------------*/
#menu{position:absolute;  top:166px;  left:1px;  height:37px;  background:#75007F url(../gfx/menu-a.gif) repeat-x;   width:770px;}
#menu h3{display:none;}
#menu ul{margin:0 0 0 15px;  padding:0;  list-style:none;  border-left:1px solid #75007F;  float:left;}
#menu li{margin:0;  float:left;}
#menu li a{display:block;  color:#fff;  text-decoration:none;  line-height:37px;  height:37px;  padding:0 17px 0 17px;  border-right:1px solid #75007F;  background:#75007F url(../gfx/menu-a.gif) repeat-x;   font-size:140%;  font-weight:normal;}
#menu li a:hover,#menu li.active a{background:#75007F url(../gfx/menu-a-hover.gif) repeat-x; }

/* FOOTER ---------------------------------------------------------------*/
#footer{background:url(../gfx/footer.gif) 0 0 no-repeat;   height:33px;  margin-top:2em; }
#footer p{color:#fff;  line-height:33px;  text-align:right;  padding-right:15px;}
#footer a{color:#fff}
/* spriznene linky */
.friends{text-align:right;  line-height:2;  padding-right:15px;}
.friends a{font-weight:normal;  text-decoration:none;}
.friends a:hover{text-decoration:underline;}

/* newsletter form */
#newsletter{margin:0;  padding:10px;  width:248px;  height:81px;  background:url(../gfx/form.gif) 0 0 repeat-x;   position:absolute;  top:67px;  right:34px;}
#newsletter legend{display:none;}
#newsletter fieldset{margin:0;  padding:0;  border:none;}
#newsletter p{color:#fff;  font-size:110%;  line-height:1.3;}
#newsletter strong{color:#75007F;  font-weight:normal;}
#newsletter input.text{border:none;  width:164px;  height:17px;  padding-top:5px;  font-size:140%;  color:#75007F;}
#newsletter input.submit{border:none;  width:74px;  height:23px;  font-size:140%;  cursor:pointer;  background-color:#75007F;  color:#fff;  margin-left:5px;  padding-bottom:3px;  position:relative;  top:-2px;}

/* obecne------------------------------------------ */
a{color:#AC4FB1; font-weight:bold;}
a:hover{text-decoration:none;}
p{margin:0 0 0.5em 0;line-height:1.5;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.fll{float:left;}
.flr{float:right;}
img.fll{float:left;margin-right:10px;}
img.flr{float:right;margin-left:10px;}
.cleaner{clear:both;}
div.cleaner{height:1px;font-size:1px;line-height:1px;}
.hid{visibility:hidden;}
.nod{display:none;}
.spaceman{position:absolute;top:-3000px;left:0;}
.no-bg{background:none !important;}
.nm{margin:0 !important;}
a img{border:none;}

