html{font-size:100.01%;} 
body{
font-size:.750em;
font-family:arial,helvetica,verdana,sans-serif;
color:#333333;
margin:0;
padding:0;
text-align:center;
background:#dcdfde;
background-image: url(../gfx/pozadi.png);
}
a img, img{margin:0;padding:0;border:0;}
a{color:#333333;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
.red{color:#ff0000 !important;}
.marginBot12{margin-bottom:12px !important;}

#page{
width:997px;
margin:0px auto;
text-align:left;

}
/*HEADER begin*/
#header{
width:997px;
height:141px;
position:relative;
background:#fff;
}
#header h2 a{
position:absolute;
top:6px;
left:16px;
background:url(../gfx/kc-zahrada-logo.gif) no-repeat;
width:197px;
height:123px;
text-indent:-9999px;
}
#header .banner{
width:660px;
height:115px;
position:absolute;
top:14px;
right:14px;
cursor: hand; 
cursor: pointer;
}
/*HEADER end*/

/*CONTENT begin*/
#content{
padding:0 8px;
width:981px;
}
.col530{
width:530px;
float:left;
margin-right:8px;
}
.col265{
width:265px;
float:left;
margin-right:8px;
}
.col170{
width:170px;
float:left;
}

.box530{
width:530px;
margin:10px 0 8px;
}
.box530 .boxImg{
width:530px;
}
.box530 .boxImg img{
width:530px;
float:left;
}
.box530 .boxText{
width:500px;
padding:10px 10px 10px 15px;
background:#fff;
font-size:12px;
line-height:1.4;
float:left;
}
.box530 .boxText h2{
font-size:18px;
font-weight:bold;
padding:0;
}
.box530 .boxText h2 a{
color:#49176D;
text-decoration:none;
}
.box530 .boxText h2 a:hover{
text-decoration:underline;
}

.box261{
width:261px;
margin:0 0 10px;
}
.box261 .boxImg{
width:261px;
}
.box261 .boxImg img{
width:261px;
float:left;
}
.box261 .boxText{
width:251px;
height: 60px;
padding:2px 5px 5px;
background:#fff;
font-size:11px;
line-height:1.4;
float:left;
}
.box261 .boxText h2{
font-size:16px;
font-weight:bold;
padding:0;
}
.box261 .boxText h2 a{
text-decoration:none;
}
.box261 .boxText h2 a:hover{
text-decoration:underline;
}

.box265White{
width:265px;
background:#fff url(../gfx/box-265-white.gif) no-repeat 0 0;
margin:8px 0 0;
}
.box265White .in{
width:230px;
background:url(../gfx/box-265-white.gif) no-repeat -265px 100%;
padding:17px 10px 14px 25px;
min-height:30px;
}
* html .box265White .in{
height:30px;
}
#menu{
margin:0 0 7px;
}
#menu a{
display:block;
background-repeat:no-repeat;
font-weight: bold;
}
#menu li{
padding:0 0 4px;
}
#menu a.menuProgram{
width:95px;
height:18px;
background:url(../gfx/program.gif);
text-indent:-9999px;
overflow:hidden;
}
#menu a.menuDetem{
width:95px;
height:17px;
background:url(../gfx/detem.gif);
text-indent:-9999px;
overflow:hidden;
}
#menu a.menuAkce{
width:95px;
height:25px;
background:url(../gfx/akce.gif);
text-indent:-9999px;
overflow:hidden;}
#menu a.menuKurzy{
width:180px;
height:21px;
background:url(../gfx/kurzy-dilny.gif);
text-indent:-9999px;
overflow:hidden;}
#menu a.menuProSkoly{
width:180px;
height:25px;
background:url(../gfx/pro_skoly.gif);
text-indent:-9999px;
overflow:hidden;}
#menu a.menuVstupenky{
width:176px;
height:56px;
margin-left: -18px;
background:url(../gfx/vstupenky-rezervace.gif);
text-indent:-9999px;
overflow:hidden;}
#menu a.menuKavarna{
width:180px;
height:21px;
background:url(../gfx/kavarna.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;}
#menuOther{
font-size:12px;
font-weight:bold;
}
#menuOther a{
color:#929289;
text-decoration:none;
}
#menuOther li{
padding-bottom:3px;
}
#menuOther li li{
padding-left:40px;
}
#menuOther li.siteMap{
font-weight:normal;
font-size:10px;
}

.calendar .month{
float:right;
text-transform:uppercase;
text-align:right;
color:#121212;
font-weight:bold;
}
.calendar .month a{
color:#8a8a8a;
}
.calendar .month .separator{
margin:0 2px;
}
.calendar table{
font-size:14px;
margin:25px 0 0;
}
.calendar table th{
color:#6D6D62;
text-align:left;
padding-left:5px;
padding-bottom:3px;
}
.calendar table td{
color:#231F20;
font-family:monospace;
font-weight:bold;
height:26px;
text-align:center;
width:32px;
vertical-align:middle;
}
.calendar table td a{
display:block;
height:21px;
padding-top:5px;
width:32px;
text-align:center;
}
.calendar table td.today{
background:url(../gfx/calendar-today.gif) no-repeat center top;
}
.calendar table td.today a{
background:url(../gfx/calendar-today.gif) no-repeat center top;
}
.calendar table td.svatek,.calendar table td.svatek a{
color:#6D6D62;
}

.box170Black{
width:170px;
background:#fff url(../gfx/box-170-black.gif) no-repeat 0 0;
margin:8px 0 0;
color:#fff;
}
.box170Black .in{
width:150px;
background:url(../gfx/box-170-black.gif) no-repeat -170px 100%;
padding:10px 10px 10px 10px;
min-height:30px;
}
* html .box170Black .in{
height:30px;
}
.box170Black a{
color:#fff;
}
.news{
margin:12px 0 0;
}
/*CONTENT end*/

/*FOOTER begin*/
#footer{
width:977px;
padding:20px 10px;
position:relative;
background:#fff;
}
#footer img{
float:left;
margin:0 20px 0 0;
}
/*FOOTER end*/

/*HEADLINES begin*/
h3.headlineKalendar{
width:60px;
height:14px;
background:url(../gfx/headline-kalendar.gif) no-repeat;
display:block;
text-indent:-9999px;
}
h3.headlineNovinky{
width:51px;
height:11px;
background:url(../gfx/headline-novinky.gif) no-repeat;
display:block;
text-indent:-9999px;
}
h3.headlineYoutube{
width:57px;
height:11px;
background:url(../gfx/headline-youtube.gif) no-repeat;
display:block;
text-indent:-9999px;
}
h3.headlineTwitter{
width:52px;
height:11px;
background:url(../gfx/headline-twitter.gif) no-repeat;
display:block;
text-indent:-9999px;
}
/*HEADLINES end*/