body{
 margin:3px;
 padding:0px;
 font-family:"Verdana",sans-serif;
}
#wrap{
 background-color:#acd8ff;
 width:100%;
 text-align:center;
}
#main{
 text-align:left;
 width:870px;
 margin:0px auto 0px auto;
 background:url('grfx/page_border.png') top left repeat-y;
}
#main_admin{
 text-align:left;
 padding:0px 30px;
 width:810px;
 _width:870px;
 margin:0px auto -16px auto;
 _margin:0px auto 0px auto;
 background:url('grfx/page_border.png') top left repeat-y;
}
#fader_e{
   background:url(grfx/black_alpha_98.png);
   position:absolute;
   Z-index:100;
   display:none;
   top:0px;
   left:0px;
   overflow:hidden;
   width:100%;
   height:100%;
}
#fader_in{
   background:url(grfx/loader.gif) 50% 50% no-repeat;
   width:100%;
   height:100%;
   margin:auto auto;
   text-align:center;
   overflow:hidden;
}
#flags{
 width:80px;
 height:300px;
 position:relative;
 margin:0px 0px -300px 0px;
 padding:0px;
 left:850px;
 top:-10px;
 cursor:pointer;
 Z-index:99;
}
#flags a{
 background-position:left 50%;
 background-repeat:no-repeat;
 padding-left:35px;
 padding-top:7px;
 height:20px;
 _height:27px;
 display:block;
 text-decoration:none;
 color:#CCCCCC;
 font-size:9px;
 font-weight:bold;
}
#menu{
 width:334px;
 list-style:none;
 margin:0px;padding:0px;
}
#menu li{
   width:182px;
   height:52px;
}
#menu h2{
   line-height:50px;
   vertical-align:middle;
   text-align:center;
   font-weight:bold;
   letter-spacing:1px;
   margin:0px;padding:0px;
   display:block;
   width:100%;height:100%;
   font-size:0.9em;
}
#menu #but_aktuality{
   background:url('grfx/button_1.png') 50% 50% no-repeat;
   margin-left:108px;
}
#but_aktuality h2s{
   background:url('grfx/text_a.png') 50% 50% no-repeat;
}
#menu #but_zivotopis{
   background:url('grfx/button_2.png') 50% 50% no-repeat;
   margin-left:68px
}
#but_zivotopis h2s{
   background:url('grfx/text_z.png') 50% 50% no-repeat;
}
#menu #but_hudba{
   background:url('grfx/button_3.png') 50% 50% no-repeat;
   margin-left:30px;
}
#but_hudba h2s{
   background:url('grfx/text_h.png') 50% 50% no-repeat;
}
#menu #but_foto{
   background:url('grfx/button_4.png') 50% 50% no-repeat;
   margin-left:20px;
}
#but_foto h2s{
   background:url('grfx/text_f.png') 50% 50% no-repeat;
}
#menu #but_odkazy{
   background:url('grfx/button_3.png') 50% 50% no-repeat;
   margin-left:30px;
}
#but_odkazy h2s{
   background:url('grfx/text_o.png') 50% 50% no-repeat;
}
#menu #but_diskuze{
   background:url('grfx/button_2.png') 50% 50% no-repeat;
   margin-left:68px;
}
#but_diskuze h2s{
   background:url('grfx/text_d.png') 50% 50% no-repeat;
}
#menu #but_kontakt{
   background:url('grfx/button_1.png') 50% 50% no-repeat;
   margin-left:108px;
}
#but_kontakt h2s{
   background:url('grfx/text_k.png') 50% 50% no-repeat;
}
#content_wrap{
 width:540px;
 position:relative;
 margin-top:-364px;
 margin-bottom:-100px;
 left:320px;
}
#content_top{
 width:100%;
 height:370px;
 background:url(grfx/content_top.png) 50% top no-repeat;
}
#content_center{
  width:540px;
  background:url(grfx/content_center.png) 50% 50% repeat-y;
}
#content_bottom{
  width:540px;
  height:100px;
  background:url(grfx/content_bottom.png) 50% bottom no-repeat;
}
#content_content{
  width:500px;
  left:20px;
  position:absolute;
  top:0px;
}
#top{
 background:url(grfx/top_1.png) 50% -40px repeat-x;
 width:100%;
 height:47px;
}
#header_border{
 width:870px;
 height:100%;
 margin:0px auto;
 background:url(grfx/page_border.png) top left repeat-y;
}
#header{
 width:827px;
 background:url(grfx/top_1.png) 50% bottom repeat-x;
 border-bottom:1px solid black;
 margin:0px auto;
 color:white;
 padding-top:10px;
 height:37px;
 _height:47px;
 font-weight:bold;
}
#header a{
 color:white;
 text-decoration:none;
 font-size:0.8em;
}
#header a:hover{
 text-decoration:underline;
}
#bottom{
 background:url(grfx/bottom_1.png) 50% 50% repeat-x;
 width:100%;
 height:152px;
 border-bottom:2px solid black;
 clear:both;
}
#footer{
 margin:0px auto;
 background:url('grfx/page_border.png') top left repeat-y;
 position:relative;
 padding-top:25px;
 padding-left:30px;
 width:840px;
 _width:870px;
 height:127px;
 _height:152px;
 text-align:left;
 font-size:11px;
 color:white;
}
#footer a{
 color:white;
 text-decoration:none;
 margin:0px 4px;
 border-width:1px 0px;
 border-color:transparent; 
}
#footer a:hover{
 border-width:1px 0px;
 border-style:solid;
 border-color:white;
}
#claviature{
 width:849px;
 height:16px;
 background:url(grfx/claviature.png) right bottom no-repeat;
 text-align:center;
 position:absolute;
 top:136px;
 left:0px;
}
.item{
 width:477px;
 position:relative;
 border-bottom:1px dashed #666666;
 margin-bottom:10px
}
.item i{ /*date*/
 padding:17px 3px 0px 0px;
 width:37px;
 _width:40px;
 height:40px;
 _height:57px;
 border-right:1px dashed #666666;
 position:absolute;
 font-size:10px;
 font-weight:bold;
 text-align:right;
 color:#666666;
}
.item name{ /*header*/
 display:block;
 width:410px;
 _width:477px;
 height:16px;
 font-weight:bold;
 padding:0px 25px 0px 42px;
 background:url(grfx/osnova.png) left 50% repeat-x;
 font-size:13px;
}
.item span{ /*text*/
 display:block;
 width:400px;
 _width:477px;
 padding:0px 25px 0px 52px;
 font-size:12px;
}
.hudba{
 width:477px;
 position:relative;
 border-bottom:1px dashed #666666;
 margin-bottom:10px
}
.hudba i{ /*disc*/
 width:67px;
 _width:70px;
 height:70px;
 _height:87px;
 border-right:1px dashed #666666;
 position:absolute;
 font-size:10px;
 font-weight:bold;
 text-align:right;
 color:#666666;
}
.hudba name{ /*header*/
 display:block;
 width:395px;
 _width:477px;
 height:16px;
 font-weight:bold;
 padding:0px 25px 0px 75px;
 background:url(grfx/osnova.png) left 50% repeat-x;
 font-size:13px;
}
.hudba span{ /*text*/
 display:block;
 width:395px;
 _width:477px;
 padding:0px 25px 0px 75px;
 font-size:12px;
}
.photo_tl{
   background:url(grfx/photo_tl.png) top left no-repeat !important;
}
.photo_tr{
   background:url(grfx/photo_tr.png) top right no-repeat !important;
}
.photo_br{
   background:url(grfx/photo_br.png) bottom right no-repeat !important;
}
.photo_bl{
   background:url(grfx/photo_bl.png) bottom left no-repeat !important;
}
.photo_t{
   height:9px !important;
   background:url(grfx/photo_t.png) top repeat-x !important;
}
.photo_b{
   height:9px !important;
   background:url(grfx/photo_b.png) bottom repeat-x !important;
}
.photo_l{
   width:9px !important;
   background:url(grfx/photo_l.png) left repeat-y !important;
}
.photo_r{
   width:9px !important;
   background:url(grfx/photo_r.png) right repeat-y !important;
}
.photo_glance{
   width:100%;
   height:100%;
   background:url(grfx/photo_glance.png) -137px 50% no-repeat;
}
.phone_icon{
 display:inline-block;
 width:25px;
 height:25px;
 background:url(grfx/phone_icon.png) 50% 50% no-repeat;
}
.email_icon{
 display:inline-block;
 width:25px;
 height:25px;
 background:url(grfx/email_icon.png) 50% 50% no-repeat;
}
.home_icon{
 display:inline-block;
 width:25px;
 height:25px;
 background:url(grfx/home_icon.png) 50% 50% no-repeat;
}
.delete_icon{
   margin:0px;
   display:block;
   float:left;
   width:26px;
   height:20px;
   background:url('grfx/delete_icon.png') 50% 50% no-repeat;
   border:1px solid transparent;
}
.delete_icon:hover{
   background-color:#DEAA87;
   border:1px solid #C88137;
}
.edit_icon{
   margin:0px;
   display:block;
   float:left;
   width:26px;
   height:20px;
   background:url('grfx/edit_icon.png') 50% 50% no-repeat;
   border:1px solid transparent;
}
.edit_icon:hover{
   background-color:#DEAA87;
   border:1px solid #C88137;
}