html, body {
    margin: 0; padding: 0;
    font-family:  "Calibri CE", Calibri, "Tahoma CE", Tahoma, "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;
    background: #ffffff; color: #666666; text-align: center;
}

body {
	background: #ffffff url('./images/pagebg.png') top left repeat-x; font-size: 0.9em;
}

a, a:visited { color: #297acc; }
a:hover { color: #004d99; }

strong { color: #004d99; }

h1, h2, h3, h4, h5, h6 { color: #004d99; }
h1 { font-size: 1.6em; margin-top: 0;  }
h2 { font-size: 1.55em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }

ul {
    list-style-type: square; margin: 0.6em 0; padding: 0;
}
li { color: #7fa6cc; margin: 0 0 0 1.2em; padding: 0; }
li span { color: #666666; }

hr {
    color: #cccccc; background: #cccccc;
    border: none; padding: 0; margin: 12px 0 6px 0; height: 1px;
}

/* Clasees */

div.fb {
	width: auto; margin: 0 0 12px 0; border: 1px solid #e5e5e5;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}
div.fb a, div.fb a:visited {
	display: block; padding: 6px 12px; line-height: 16px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e5e5e5;
	background: #f2f2f2; text-decoration: none;
}
div.fb a:hover { background: #e6eaf2; }
div.fb a img {
	float: left; margin: 3px 8px 3px 0; vertical-align: middle;
}


div.wbox {
	margin: 0 0 16px 0; padding: 2px 16px; border: 1px solid #e6e6e6; font-size: 0.9em;
	 -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}
div.wbox img { margin: 4px auto -4px auto; }

div.bbox {
	margin: 0 0 16px 0; padding: 0; background: #f2f6fa; font-size: 0.9em;
  	overflow: hidden;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}
div.bbox h3.smh {
	background: #c1cde5; font-size: 1.1em; margin: 0; padding: 4px 16px; color: #003366; text-transform:uppercase;
}
div.bbox h3.smh a, div.bbox h3.smh a:visited { text-decoration: none; color: #004d99; }
div.bbox h3.smh a:hover { text-decoration: none; color: #297acc; }
div.bbox div.inbox {
	padding: 8px 16px;
}

div.inbox ul.sidemenu {
    margin: 6px 0 0 0; padding: 0 0 0 1em;
    list-style-type: square; color: #7fa6cc;
}

div.inbox ul.sidemenu li {
    padding: 0 0 0.6em 0; margin: 0; color: #7fa6cc;
}
div.inbox ul.sidemenu li span { color: #666666; }
div.inbox ul.sidemenu li a { text-decoration: none; }

div.inbox ul.sidemenu2 {
	list-style-type: none; font-size: 0.85em; letter-spacing: 0;
	margin: 0; padding: 0.8em 0 0.6em 1em;
}
div.inbox ul.sidemenu2 li { padding: 0 0 0.8em 0 }

/* iDs */

#page0 {
    max-width: 996px; min-width: 702px;
    _width: expression(document.body.clientWidth>(996+22) ? "996px" : (document.body.clientWidth>(702+22) ?  'auto' : '702' ) );
    text-align: left; position: relative;
    margin: 0 auto; padding: 0;
}

#header {
    margin: 0; padding: 0; height: 128px; position: relative;
}

#logo {
    display: block; position: absolute; margin: 0; padding: 0;
    width: 222px; height: 222px; overflow: hidden; font-size: 2em;
    background: #004d99; color: #ffffff;
    top: 0px; left: 0px;
}

#logo a {
    display: block; margin: 0; padding: 28px 16px; text-decoration: none; text-align: center;
    color: #ffffff;
}

#logo span {
    position: absolute; display: block; cursor: pointer;
    width: 222px; height: 222px; margin: 0; padding: 0;
    background: url('./images/rybarna-logo.png') top left no-repeat;
    left: 0; top: 0; z-index: 1;
}

#www {
    display: block; position: absolute; margin: 0; padding: 0;
    width: 222px; height: 21px; line-height: 21px; overflow: hidden;
	text-align: center; font-size: 1em; font-weight: normal;
    top: 0; left: 0; color: #5383a6; z-index: 2;
}
#xaddr {
    display: block; position: absolute; margin: 0; padding: 0;
    height: 32px; line-height: 30px;
	text-align: center; font-size: 0.95em; font-weight: normal;
    top: 0; right: 0; color: #999999; z-index: 2;
}

#navbox {
	float: right; margin: 62px 0 0 0; color: #666666;
}

#nav {
	margin: 0 -2px 0 0; padding: 0; height: 32px; list-style-type: none; font-size: 0.95em; text-transform:uppercase;
}

#nav li {
    float: left; line-height: 32px; height: 32px; margin: 0; padding: 0 2px;
	position: relative;
}

#nav li span, #nav li a { display: block; height: 32px; padding: 0 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
#nav li span { color: #004d99; background: #e0e0e0 url('./images/tmbg2.png') top left repeat-x; }
#nav li a, #nav li a:visited { color: #666666; text-decoration: none; }
#nav li a:hover { color: #ffffff; background: #004d99 url('./images/tmbg.png') top left repeat-x; }

#body {
    padding: 0 0 0 224px; margin: 0 0 32px 0;
    overflow: auto; _overflow: visible; _height:1%;
}

#bodyin {
    float:left;
    width: 100%;
    _display:inline; /* So IE plays nice */
}

#content {
    float: left;
    width: 100%;
    margin-right: -100%;
}
#contentin {
    margin: 32px 0 0 32px; padding: 0;
}
#left {
    float: left;
    width: 224px;
    margin: 120px 0 0 -224px;
}
#leftin {
    margin: 0;
}

#footer {
	border-top: 1px solid #bcbcbc;
	height: 32px; line-height: 32px; text-align: left; margin: 0; font-size: 0.75em; color: #b2b2b2;
}

#footer a, #footer a:visited { color: #7fa6cc; text-decoration: none; }
#footer a:hover { color: #004d99; text-decoration: underline; }

#wh { margin: 0 0 16px 0; }
#wh h1 { margin: 0; }
#wh h3 { margin: 0; color: #999999; text-transform:uppercase; }

#rybarnafoto {
	background: #e0e0e0; overflow: hidden; height: 256px; text-align: center; margin: 0 0 16px 0;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}

#rybarnafoto-prodej {
    background: #e0e0e0; overflow: hidden; height: auto; text-align: center; margin: 0 0 32px 0;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}
#rybarnafoto-prodej img {
    display: block;
    width: 100%;
    height: auto;
}

#news {
	background: #f2f6fa; overflow: hidden; margin: 0 0 16px 0;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}
#news h2 { background: #c1cde5; font-size: 1.1em; margin: 0; padding: 4px 16px; color: #004d99; text-transform:uppercase; }
#newstext { padding: 0 16px; }

#cmap {
    float: right; margin: 0 0 1em 2em; width: 320px;
    text-align: right;
}

#cmap a img, #cmap a:visited img {
    border: 1px solid #999999;
}
#cmap a:hover img { border: 1px solid #004d99; }

#form-contacts { clear: right; }

#rx {
	border-top: 1px solid #cccccc; margin: 24px 0 0 0; padding: 8px 0 0 0;
}

#recipeod h2 { margin-top: 8px; text-transform: uppercase; font-size: 1.1em;  }
#recipeod h3 { margin: 0; text-transform: uppercase; font-size: 1; color: #666666;  }

div.c3page div.c3s-cenik {
  padding: 0 0 24px 0;
}

div.c3page div.c3s-cenik h2 {
  font-size: 1.2em; padding: 12px 0 0 0; margin: 0;
}

div.c3page div.c3s-cenik p {
  padding: 4px 0 0 0; margin: 0; font-size: 0.8em;
}

div.c3page div.c3s-cenik table {
  background: #ffffff; width: auto; border: none;
}

div.c3page div.c3s-cenik table th {
   color: #004d99; background: #ffffff; border: none; border-bottom: 1px solid #cccccc;
   padding: 24px 0 4px 0;
}

div.c3page div.c3s-cenik table td {
  border: none; padding: 3px 16px 3px 0;
}
div.c3page div.c3s-cenik table td.alright {
  padding: 3px 0px 3px 96px;
}