@media screen{
body {background:#6b1516 url( "../images/layout/background.jpg" ) left top repeat-x;color:#fff;font-family:sans-serif;line-height:1.2;font-size:72%;text-align:center;margin:0;padding:0}
html {overflow: scroll}

a:link, a:active, a:visited {color:#f68004;text-decoration:underline}
a:hover {text-decoration:none}

h1 {font-size:240%}
h2 {font-size:150%}
h3 {font-size:130%}
h4 {font-size:115%}

h1,h2,h3,h4,h5,h6,p,table,fieldset,img {border:0;margin:0;padding:0}
h1,h2,h3,#menu{font-family:serif}

#master {width:850px;margin:auto}

/* logo */
#master h2#logo{display:block;position:relative;display:block;width:183px;height:122px;overflow:hidden;margin:0 auto}
#master h2#logo span {position:absolute;display:block;top:0;left:0;width:183px;height:122px;background: url(../images/layout/logo.jpg) 0 0 no-repeat;z-index:2}

/* menu - hover.htc */
#menu{height:50px;width:850px}
#menu ul{list-style:none;height:50px;margin:0;padding:0}
#menu ul li{position:relative;float:left;margin:0;padding:0;text-transform:uppercase;}
#menu ul li a{color:#cdb2a1;font-size:115%;font-weight:bold;float:left;display:block;height:50px;line-height:50px;margin:0;padding:0 12px;text-decoration:none;cursor:pointer}
#menu ul li a:hover{color:#f68004}
#menu ul li ul{position:absolute;background:url(../images/layout/menu-on.gif) 10px 0 no-repeat;visibility:hidden;height:auto;top:35px;width:150px;text-align:left;left:15px;padding-top:10px}
#menu ul li ul li{padding:0;width:222px;display:block;height:auto;text-transform:none;}
#menu ul li ul li a{height:auto;background-color:#6d3b32;color:#cdb2a1;padding:8px 12px;z-index:100;height:auto;line-height:normal;width:150px}
#menu ul li ul li a:hover{background:#6d3b32}
#menu ul li ul li.active a {color:#f68004}
#menu ul li ul li a strong{font-size:110%;color:#fff}
#menu ul li {behavior:url(css/hovermenu.htc)}
#menu ul li:hover ul, #menu ul li.hover ul{visibility:visible}

/* welcome - vitejte */
#content .welcome{background:#cbb29c url(../images/layout/foto-header.jpg) 0 0 no-repeat;height:290px;padding-left:248px;margin-bottom:5px;font-size:96%;color:#77411B;}
#content .welcome p{margin:0 12px 5px 12px;}
#content .welcome h1{color:#3f0708;padding:10px 10px 2px 10px;font-weight:normal;letter-spacing:-1px}

/* content + formatovani */
#content{float:left;width:640px;text-align:left;margin-right:10px}
#content .coll p{padding:5px 20px 5px 10px;line-height:1.4}
#content span.border{display:block;border-bottom:1px #855d53 solid;margin:15px 5px 10px 5px}
#content h2,#right h2{font-size:130%;color:#cdb2a1;background-color:#6d3b32;padding:10px;}
#content h3{color:#f68004;font-size:160%;padding:15px 10px 5px 10px}
#content h3 span, #right h3 span{font-size:80%;font-weight:normal;}
#content h4{color:#000;padding:10px}
#content .program h3, #content .aktuality h3{padding:0 10px 5px 10px}
#content .program p, #content .aktuality p{padding:0 10px 4px 10px;}
#content .program p.datum, #content .aktuality p.datum{padding-top:10px;color:#f68004;}

#content #text{background-color:#cbb29c;margin-bottom:5px;color:#400809;}
#content #text h1{color:#3f0708;padding:10px 10px 2px 10px;font-weight:normal;letter-spacing:-1px}
#content #text h2{color:#3f0708;font-size:180%;padding:10px 10px 2px 10px;background-color:transparent;}
#content #text h2 .date{font-size:70%;font-weight:normal;color:#77411B;}
#content #text h3{color:#3f0708;font-size:140%;padding:8px 10px 5px 10px}
#content #text h4{color:#3f0708;font-size:110%;padding:8px 10px 3px 10px}
#content #text a{color:#2F0607;}
#content #text p{margin:2px 10px 4px 10px;line-height:1.3em;padding:2px 0 4px 0;}
#content #text .imgR{float:right;border:2px solid #6d3b32; margin:5px 0 5px 5px;padding:1px;}
#content #text p#autor{color:#000;padding:5px 25px 5px 15px}
#content #text p#autor span{color:#884f24}

/* photo gallery*/
#content #text #photogallery{margin-left:4px;}
#content #text #photogallery img{margin:6px;border:2px solid #6d3b32;padding:1px;}


#content .tilesImg, #content .tilesPhotoGallery{float:left; width:200px;height:300px;margin:5px;background-color:#CBB29C;border-right:1px solid #290506;border-bottom:1px solid #290506;color:#3f0708;}
#content .tilesPhotoGallery{width:305px;height:300px;}
#content .tilesImg .title, #content .tilesPhotoGallery .title{height:46px;overflow:hidden;}
#content .tilesImg h2, #content .tilesPhotoGallery h2{color:#3f0708;background-color:transparent;padding:5px 8px 8px 8px;}
#content .tilesImg h2 span, #content .tilesPhotoGallery h2 span{font-size:80%;font-weight:normal;font-style:italic;color:#77411B;}
#content .tilesImg .pic{width:180px;height:155px;text-align:center;margin:0 8px;overflow:hidden;}
#content .tilesImg .info{margin:8px;height:58px;overflow:hidden;}
#content .tilesPhotoGallery .info{margin:8px;height:200px;overflow:hidden;}
#content .tilesPhotoGallery .info p{margin:2px 0 4px 0;line-height:1.3em;padding:2px 0 4px 0;}
#content .tilesPhotoGallery .info .imgR{float:right;border:2px solid #6d3b32; margin:5px 0 5px 5px;}
#content .tilesPhotoGallery .more{margin:0 0 0 8px;}
#content .tilesPhotoGallery .more a{color:#2F0607;font-weight:bold;color:#77411B;}
#content .tilesImg .price{margin:0 8px;color:#6D3B32;}


/* prava strana */
#right{float:left;background:url(../images/layout/right-shadow.jpg) 50% 100% no-repeat;width:200px;padding-bottom:30px;overflow:hidden;text-align:left}
#right h3{color:#f68004;padding:5px 0}
#right p{padding:5px 0}
#right p.cena{font-size:110%}
#right a{text-decoration:none}
#right a:hover{color:#cdb2a1}

/* footer */
#footer{color:#c8b29d;clear:both;background:url(../images/layout/content-shadow.jpg) 50% 0 no-repeat;padding:35px 0 15px 0}
#footer a{text-decoration:none}

/* others */
.shapeBg{background-color:#400809;margin-bottom:5px;padding:10px 10px 20px 10px}
.shapeBgPink{background-color:#cbb29c;margin-bottom:5px;padding:10px}
.coll{width:305px;float:left}
a.noBorder{text-decoration:none}
img.print{display:none}
a span.arrow{background:url(../images/next/yellow-arrow.gif) 100% 0 no-repeat;padding:1px 25px 1px 0}
a span.topPage{background:url(../images/next/top-arrow.gif) 0 0 no-repeat;padding:1px 0 1px 25px;line-height:20px}

/* pomocne */
.cR{clear:right;}
.cL{clear:left;}
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.mr10{margin-right:10px}
.fl  {float:left}
.fr {float:right}
.clear{clear:both}
.small{font-size:90%}
.verticPadd{padding:0 5px}
.input{width:100px;border:1px #666600 solid;padding:2px 0}
.skryta {position:absolute;top:-5000px}

}
@media print{
body{font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000}
div{padding:0;margin:0}
#menu,#right,#col3,.skryta,#logo;#footer{display:none}
img{float:left;border:none;margin:.5em}
img.print{float:none;text-align:center}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0}
h1,h2,h3,h4{/*page-break-after:avoid;*/ page-break-inside:avoid;margin:0}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000}
h2,h3,h4{padding:.4em 0 0 0;margin:0}
h2{font-size:140%}
h3{font-size:120%}
p{margin-top:.2em;padding:0}
a{text-decoration:underline}
table{width:100%; text-align:center}
th,td{text-align:center}
td,th{border:1px solid #000}
}