/* OBECNÉ STYLY */
body{font-size: 11px; font-family: Arial}
span,body,table,ul,p,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul{list-style: none}
a{text-decoration: underline; color: #a5d32d}
a:hover{text-decoration: underline}
a img{border: 0 none}
table tr td{vertical-align: top; text-align: justify}

/* DALSI STYLY */
h1{font-size: 18px; margin-bottom: 15px}
h2{font-size: 14px; margin-bottom: 10px}
h3{font-size: 12px; margin-bottom: 5px}
h4{font-size: 11px; margin-bottom: 5px}
h5{font-size: 10px; margin-bottom: 5px}

#right ul{padding-left: 10px; margin-left: 10px; list-style: circle}

#logo{position: absolute; display: block; width: 422px; height: 233px; margin: 0 0 0 572px}

.newsItem{width: 270px; float: left;  padding: 14px 6px 0px}
.newsItem .icon{float: left; margin-right: 10px}
.newsItem .date{font-size: 13px}
.newsItem .header{font-size: 13px; color: #a5d32d; text-transform: uppercase; font-weight: bold}
.newsItem .header a{text-decoration: none}
.newsItem .ahref{text-align: right; display: block; position: absolute; width: 260px; margin-top: 100px; &width: 160px}
.content a{position: absolute; margin-left: 320px; display: block; width: 100px; margin-top:  12px; }
.content{width: 350px !important; color: #332e27 !important; border: 1px solid	#eaeae9; border-width: 0 1px 0 1px; margin: 5px 0; padding: 10px }
.content .header{color: #332e27 !important; font-size: 12px}

#footerContent{height: 118px}
#footerCopy{display: block; text-align: center; color: #605a54; margin: 55px 0 30px 0}
#footerCopy a{color: #605a54}

#blog{position: absolute; width: 155px; height: 183px; margin: -39px 0 0 853px; background: url(../images/info.jpg) no-repeat; z-index: 2; &margin-left: 0}

.abs{position: absolute; }
#img1{margin-left: 0px;}
#img2{margin-left: 374px}
#img3{margin-left: 487px}

#description{position: absolute; margin: 194px 0 0 612px; width: 200px; z-index: 2}
.sIFR-alternate{visibility: hidden}

#menu{position: absolute; width: 400px; margin: 82px 0 0 187px}
#menu a{display: block; float: left; height: 22px; background: url(../images/menu.gif) no-repeat; text-decoration: none}
#menu a span{visibility: hidden}

a#uvod{width: 56px;background-position: 0 -24px} a#uvod:hover, a#uvod.act{background-position: 0 0}
a#kavarna{width: 94px;background-position: -56px -24px} a#kavarna:hover, a#kavarna.act{background-position: -56px 0}
a#jidelni-listek{width: 116px;background-position: -150px -24px} a#jidelni-listek:hover, a#jidelni-listek.act{background-position: -150px 0}
a#prace-u-nas{width: 112px;background-position: -266px -24px} a#prace-u-nas:hover, a#prace-u-nas.act{background-position: -266px 0}
a#galerie{width: 85px;background-position: -378px -24px; margin-left: 110px; _margin-left: 55px} a#galerie:hover, a#galerie.act{background-position: -378px 0}
a#program{width: 96px;background-position: -463px -24px} a#program:hover, a#program.act{background-position: -463px 0}
a#kontakt{width: 88px;background-position: -559px -24px} a#kontakt:hover, a#kontakt.act{background-position: -559px 0}

.photogallery{height: 312px; overflow: hidden; margin: 0 18px 0 43px; width: 911px}

#leftscroll{position: absolute; width: 39px; height: 273px; background: url(../images/left.gif) no-repeat; cursor: pointer; margin-left: 0; &margin-left: -43px}
#rightscroll{position: absolute; width: 39px; height: 273px; background: url(../images/right.gif) no-repeat; margin-left: 958px; &margin-left: 934px; cursor: pointer}

#nadpisFooter{position: absolute; margin-top: -18px; margin-left: 4px}

.abs{position: absolute; height: 273px !important}
#img1{margin-left: 0px; background:  url(../images/leftcontent/img1.jpg) no-repeat top center}
#img2{margin-left: 374px; background:  url(../images/leftcontent/img2.jpg) no-repeat top center}
#img3{margin-left: 487px; background:  url(../images/leftcontent/img3.jpg) no-repeat top center}

#content h3{text-transform: uppercase; padding: 20px 0 0 0}

#content{line-height: 14px; }
#right h2{line-height: 1}
#footerCopy img{margin: -2px 0 0 5px; position: absolute}

#emailHref{position: absolute; width: 105px; height: 16px; margin: -63px 0 0 550px; z-index: 3}

/* OBECNE NASTAVENI PRVKU LAYOUTU (barva, vyska, border...) */
body{background: #383129 url(../images/body-bg.gif) repeat-x}
#main{background: url(../images/main-bg.gif) no-repeat top center}
#header{background: url; height: 233px}
#left{margin-left: 5px; overflow: hidden}
#right{margin-right: 34px; padding: 20px; background: #eeebe4; _margin-right: 0}
#footer{color: #ffffff}
#content{height: 311px; margin-bottom: 1px !important}

/* SIRKY PRVKU LAYOUTU !!!! obecne !!!! */
#header,#content,#footerContent,#footerCopy,#footerCorrect{width: 1023px;} /* hlavni velikost boxu */ 
#left{width: 593px; height: 312px}
#right{width: 350px; height: 233px;}

/* KOREKTNI ZOBRAZENI  !!!! nemenit !!!! */
#content,#content #left,#content #right, #footer{position: relative} 
#main,#content,#header,#footerCorrect,.cb{margin: 0 auto; display: block}
#content,#footer{display: block}
#content #left{float: left; display: block}
#content #right{float: right; display: block}
.cb{clear:both; height: 0px; overflow: hidden; _clear: none;}