* {margin:0;padding:0;}
a img {border:none;}
a {color:#942b01;}
h1,h2,h3,p,table,ul,ol,embed {margin-bottom:1em;}
h1 {color:#004377;font-size:1.3em;padding-left:20px;background:url(gyerek/h1.png) no-repeat left center;}
h2 {color:#005d8b;font-size:1.2em;padding-left:20px;background:url(gyerek/h2.png) no-repeat left center;}
h3 {font-size:1em;}
p,ul,ol {line-height:1.5em;}
ul,ol {padding:0 1em;}

body {background:#f99700;color:#693c05;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:.75em;}

#cerbona-hu {background:#344c5f;color:#ffffea;}
#container {margin:0 auto;width:840px;}
#frame {width:840px;background:url(gyerek/cerbona_bg.png) repeat-y;float:left;}
#layout {width:797px;border-left:1px solid #fff;border-right:1px solid #fff;float:left;margin:0 20px;}
#header {width:797px;height:103px;background:#008fcb url(gyerek/header.png) repeat-x left bottom;float:left;}
#logo {float:left;width:160px;height:76px;}
#logo img {display:block;}
#banner {float:left;width:636px;height:76px;}
#topmenu {width:797px;height:27px;background:url(gyerek/topbar.png) no-repeat right top;float:left;}
#topmenu ul {float:left;list-style:none;margin:0;padding:0;}
#topmenu li {float:left;}
#topmenu li a {float:left;line-height:22px;color:#ffffea;font-weight:bold;font-style:italic;text-decoration:none;padding:0 5px;text-transform:lowercase;}
#topmenu li a:hover,#topmenu li.sdoc a,#topmenu li.docz a {background:#004377;}
#langs {float:left;width:120px;margin-left:46px!important;margin-left:23px;}
#langs img {border:1px solid #a44900;margin:2px 2px 0 0;}
#langs a:hover img {border-color:#952b00;}
#site {float:left;width:797px;background:url(gyerek/site.png) right top repeat-y;}
#site-frame {float:left;width:797px;background:url(gyerek/content.jpg) right top no-repeat;}
#site-inner {float:left;width:797px;background:url(gyerek/sidebar.jpg) left bottom no-repeat;}
#sidebar {float:left;width:160px;}
#sidemenu {padding-bottom:240px;float:left;width:160px;}
#sidemenu ul {list-style:none;margin:15px 5px;width:150px;border-top:1px dotted #21435a;display:block;padding:0;}
#sidemenu li {float:left;width:150px;}
#sidemenu a {color:#ffffea;text-decoration:none;text-transform:lowercase;line-height:22px;border-bottom:1px dotted #21435a;display:block;padding:.3em 0 .3em 15px;}
#sidemenu a:hover,#sidemenu li.sdoc a {color:#004377;border-bottom:1px solid #004377;background:url(images1/active.png) left center no-repeat;}
#sidemenu .menulevel2 .menulevel3 {margin:15px 0 15px 10px;width:140px;}
#sidemenu .menulevel2 .menulevel3 li {float:left;width:140px;}
#sidemenu .menulevel2 .menulevel3 a {color:#ffffea;border-bottom:1px dotted #21435a;line-height:1.3em;background:none;}
#sidemenu .menulevel2 .menulevel3 a:hover,#sidemenu .menulevel2 .menulevel3 li.sdoc a {color:#21435a;border-bottom:1px solid #21435a;background:url(images1/active.png) left center no-repeat;}
#ccontent {float:left;width:607px;padding:15px;color:#3d4a4f;}
#footer {background:#008fcb;width:797px;float:left;clear:both;margin:0;text-align:center;line-height:22px;}
#footer a {color:#ffffea;text-decoration:none;}
#blank {width:280px;height:220px;float:right;}

table.vitamin td {width:150px;}
.vitamin td.weight {text-align:right;}
.illustr {margin:2em;float:right;border:1px solid #fff;}
.align-left {float:left;}

/* lightbox */
#lightbox {position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#outerImageContainer {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer {padding:10px;	}
#loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display:block;}
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;}
#imageData {padding:0 10px;color:#000}
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	
#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block;width:100%;}
* html .clearfix {
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}
.centre {text-align:center;}