@media screen{
html, body {height: 100%;}
body {font: 75% Verdana, Arial, Helvetica, sans-serif;min-width: 760px;text-align:center;color:#000000;background:#DFDFDF url('../images/bgSite.jpg') 0 0 repeat-x;padding:0;margin:0;}
form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0;padding:0;}
img {border: none;}
.clear {clear:both;}
a {color:#E86C06;text-decoration:underline;}
a:hover {text-decoration:none;}
.textRed{color:#FF0000;}
.reader {position: absolute;top: -10000px;left: 0;width: 1px;height: 1px;overflow: hidden;}
#wrapper{margin:0 auto;width:925px;text-align:left;background:transparent url('../images/bgBodyShadow.gif') top left repeat-y;min-height:100%;height:100%;position:relative;}
body>#wrapper {height:auto;}
/*=== body ===*/
#bodyPage{margin:0 auto;width:925px;text-align:left;background:transparent}

#col1{float:left;margin:0 0 100px 0px;width:130px;background:transparent;}
#col2{float:right;margin-bottom:20px;width:795px;height:auto;background:transparent;}

#colA {float:left;width:575px;background:transparent; margin:0px;}
#colB {float:right;width:220px;height:auto;background:#000000; margin:0px; color:#FFFFFF;margin-bottom:79px;}

/* banner */
#banner{ position:absolute;top:130px;left:0px;width:130px;height:400px;}

/* dekorace - kucharka */
#dekor1{ width:220px; height:200px; background:#000000 url(../images/bgKucharkaStred.jpg) top left no-repeat; position:relative;}
#dekor2{ position:absolute; width:30px; height:166px; background:transparent url(../images/bgKucharkaVlevo.jpg) top left no-repeat; top:195px; left:-30px;}
#dekor3{ position:absolute;width:23px; height:56px; background:transparent url(../images/bgKucharkaVpravo.jpg) top left no-repeat; top:144px; left:220px;}

/* header */
#header{width:575px; height:361px; background: #000000 url(../images/bgHeader.jpg) top left repeat-x; position:relative;}

#logo{position:relative;top:25px;left:25px;width:285px;height:75px; background-color:#000000;}
#art{position:absolute;top:105px;left:0px;width:455px;height:256px; background-color:#dfdfdf;}
#art img{border:0px;}
#logo a{display:block;width:285px;height:75px;cursor:pointer;color:#ffffff;}
#logo a span{position:absolute;top:0px;left:0px;width:285px;height:75px;background:transparent url('../images/bgLogo.jpg') 0 0 no-repeat; z-index:50;}
#shadow{position:absolute;top:361px;left:20px;width:5px;height:300px; background:transparent url(../images/bgContentShadow.jpg) top left no-repeat;}

#tools {position:absolute;top:0px;left:450px;width:105px;height:45px;_height:50px; background:#000000; border-top:5px solid #E85900;}
#toolHome {width:35px;height:45px;background:#000000 url(../images/toolHome.jpg) 0 0 no-repeat; float:left;}
#toolSite {width:35px;height:45px;background:#000000 url(../images/toolSite.jpg) 0 0 no-repeat; float:left;}
#toolMail {width:35px;height:45px;background:#000000 url(../images/toolMail.jpg) 0 0 no-repeat; float:left;}
a#toolHome:hover, a#toolHome.active {background:#000000 url(../images/toolHome.jpg) 0 -45px no-repeat;}
a#toolSite:hover, a#toolSite.active {background:#000000 url(../images/toolSite.jpg) 0 -45px no-repeat;}
a#toolMail:hover, a#toolMail.active {background:#000000 url(../images/toolMail.jpg) 0 -45px no-repeat;}

#butRecepty {position:absolute;width:55px;height:55px;background:#000000 url(../images/butRecepty.jpg) top left no-repeat;top:212px;left:474px;}
#butPtateSe {position:absolute;width:55px;height:55px;background:#000000 url(../images/butPtateSe.jpg) top left no-repeat;top:287px;left:474px;}

/* menu */
#menu{width:180px;_width:220px;padding:20px 20px 40px 20px;}
#menu h3 {font-size:120%; color:#EC731D; font-weight:bold; font-style:italic;padding:5px 0px;}
#menu hr { background:#EC731D url(../images/bgMenuSpace.jpg) center center no-repeat;width:180px; height:4px; border:none;padding:0px; margin:10px 0px;}
#menu ul {padding:5px 0px;margin-left:0px;list-style-image:none;}
#menu ul li{padding-left:15px;margin-left:0px;list-style-type:none; background: transparent url(../images/bgMenuListItem.gif) 0px 50% no-repeat; line-height:1.5em;}
#menu ul li a {color:#FFFFFF; text-decoration:none;}
#menu ul li a:hover {color:#EC731D; text-decoration:none;}

#menu ul li a.active, #menu ul li a.active:hover {color:#EC731D; text-decoration:none; font-weight:bold;}

/* content */
#content{width:515px;_width:575px;padding:20px 20px 20px 40px;}
.indent {background-color:#FFFFFF;_background-color:transparent;=background-color:transparent; position:relative;}

/* footer */
#footer{position:absolute;height:62px;width:925px;bottom:0px;left:0px;text-align:left;font-size:80%;color:#999; background: transparent url(../images/bgFooter.jpg) top right no-repeat;}
#footer #colLeft{position:absolute;top:40px;left:155px;line-height:1em;color:#7d7d7d;}
#footer #colLeft a, #footer #colMiddle a {color:#7d7d7d; text-decoration:none;}
#footer #colMiddle{position:absolute;top:40px;right:260px;line-height:1em;color:#7d7d7d;}
#footer #colRight{position:absolute;top:-100px;left:725px;line-height:1.5em;padding-left:0px;background-color:#000000; color:#FFFFFF;}
#footer #colRight a{color:#ffffff;}
#footer #colLeft a:hover, #footer #colMiddle a:hover, #footer #colRight a:hover{color:#E86C06;}
#counter {display:none;}


/* Content Styling */
#content h1, #content h2.nadpis1 {font-size:150%;padding:.9em 0px .9em 0px;color:#EC731D; font-style:italic; padding-left:60px;}
/* Buttony nadpisu */
.butHome { background:#FFFFFF url(../images/butH1Home.jpg) 0px 50% no-repeat;}
.butMaterials { background:#FFFFFF url(../images/butH1Materials.jpg) 0px 50% no-repeat;}
.butRecepty { background:#FFFFFF url(../images/butH1Recepty.jpg) 0px 50% no-repeat;}
.butPtate-se { background:#FFFFFF url(../images/butH1Ptate-se.jpg) 0px 50% no-repeat;}
.butGraf { background:#FFFFFF url(../images/butH1Graf.jpg) 0px 50% no-repeat;}

#content h2{font-size:140%;padding:.6em 0px .6em 0px;}
#content h3{font-size:120%;padding:.3em 0px .3em 15px;font-style:italic;background:#FFFFFF url(../images/bgH3bullet.gif) 0px 50% no-repeat;}

#content h3 a{color:#000000; text-decoration:none;}
#content h3 a:hover{color:#E86C06; text-decoration:underline;}


#content h4{font-size:110%;padding:.6em 0px .3em 0px;line-height:1.3em;}
#content p{line-height:1.4em;padding: .3em 0px .5em 0px;}
#content ul{list-style-image:url(../images/bgH3bullet.gif);}
#content ul {margin:0 0 .4em 1em;padding:0 10px .4em 1em;}
#content ol {margin:0 0 .4em 1.5em;padding:0 10px .4em 1.5em;}
#content ul li, #content ol li{margin:.1em 0 .1em 0;padding:.1em 0 .1em 0;}
#content a{color:#E86C06;}
#content a:hover{color:#000000;}

.ingredients {font-style:  italic;}

/* ====== img - content =========*/
.imgLeft, .imgRight{border:2px solid #E1E1E1;padding:1px;}
.imgLeft{float:left;margin:5px 5px 5px 0px;}
.imgRight{float:right;margin:5px 0px 5px 5px;}
.imgInCol {float:right; width:180px;}
/* ======= content form ==========*/
#sendMail fieldset{border:none;background-color:#FCF9E9;border-top:3px solid #B56412;border-bottom:3px solid #B56412;}
#sendMail label{display: block;float: left;width: 120px;margin: 0 2px 0 0;text-align:right;color:#333;}
.formField{color:#000;font: 100% Verdana, Arial, Helvetica, sans-serif;background-color:#FFF;width:150px;border:1px solid #B56412;padding-left:3px;}
.formArea {color:#000;font: 100% Verdana, Arial, Helvetica, sans-serif;background-color:#FFF;width:350px;border:1px solid #B56412;padding-left:3px;}
.buttonOk{background:#00CC66 url('/images/bgButtonOk.gif') repeat-x;font-size: 10px;font-weight:bold;color:#FFF;border:1px solid #006600;cursor:pointer;}
.buttonKo{background:#FF9966 url('/images/bgButtonKo.gif') repeat-x;font-size: 10px;font-weight:bold;color:#FFF;border:1px solid #BF0000;cursor:pointer;}
/* ====== content table=========*/
#content table{border-collapse:collapse;font-size:100%;margin:.6em 0px .6em 0px;border-bottom:3px solid #ccc;border-top:3px solid #ccc; width:515px;}
#content table th{padding:.4em .3em;background-color:#dfdfdf;color:#0d0d0d;text-align:left;border:1px solid #FFF;}
#content table tr{background-color: #FAFAFA;}
#content table tr:hover {background-color:#F7F7F7;}
#content table td{padding:.4em .3em;border:1px solid #FFF;vertical-align:top;}
#content table p{line-height:1em;}

#content table.blank {border:0px;margin:.5em 0px; font-size:100%;}
#content table.blank tr{background-color:#fff;border:0px;}
#content table.blank tr:hover {background-color:#fff;}
#content table.blank td{padding:.4em 5px;border:0px;vertical-align:top;}
#content table.blank h3 {padding:0px 0px 0px 15px;}
#content table.blank p{line-height:1.2em;}

.w50proc {width:50%;}
.w120px {width:120px;}
.w320px {width:320px;}
.w490px {width:490px;}
.w510px {width:510px;}

.noBorder {border:0px;}
.textRight {text-align:right;}
.textCenter {text-align:center;}
.textSmall {font-size:90%;}
.nowrap { white-space:nowrap;}

td.HcVc { text-align:center; vertical-align:middle; display:table-cell;}

a.more {padding-right:14px; background:transparent url(../images/bgMore.gif) bottom right no-repeat;}

/* ==== photogallery lightbox ===*/
#lightbox{background-color:#eee;padding: 10px;border-bottom: 1px solid #000;border-right: 1px solid #000;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}
#lightboxCaption{float:left;font-size:11px;font-weight:bold;}
#keyboardMsg{float:right;}
#closeButton{top: 5px;right:5px;}
#lightbox img{border:none; clear: both;}
#overlay img{border: none;}
#overlay{background-image:url(../images/overlay.png);}

/* ==== collapse ===*/
#faqtable1 {padding: 0px 10px 10px 10px;border:1px solid #E86C06;margin-top:5px;}

.iconspan{cursor:hand;cursor:pointer;color:#E86C06; text-decoration:underline;}

}
@media print{
body{font-family:'Times New Roman CE', Georgia, 'Times New Roman', Times, serif;color:#000;}
#header, #col1, #counter, #colB, #colLeft{display:none;}
h1,h2,h3,li{page-break-inside:avoid;margin:0;}
h1{padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding-bottom:0;}
p{margin-top:.2em;padding:0;}
a{text-decoration:underline;font-weight:bold;}
.imgLeft{float:left;}
.imgRight{float:right;}
img{border:1px solid #000;margin:3px;}
#footer, #created{font-size:9px;}
table{border-collapse:collapse;}
td, th{border: 1px solid #000;}
th{text-align:left;}
}