/* CSS Document */
body  {margin: 0 auto; text-align: center; padding: 0; background: url(../img/layout-mamka_65.jpg) repeat-x #ffffff; font-family: verdana;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap-in {padding-bottom: 61px;} 
/* PAGE */
#page {margin: 0 auto; width: 969px; text-align: left;}
/* HEADER */
#header {position: relative; top: 0;}
#header h1  {float: left; margin: 0; padding: 0; border: none; text-transform: none; font-size: 1.2em;}
#header h1 a  {display: block; text-decoration: none; color: white; width: 305px; line-height: 95px; height: 304px; text-align: center; position: absolute; top: 0px; left: 0px; background: #054876;}
#header h1 a span {display: block; position: absolute; top: 0; left: 0; cursor: pointer; cursor: hand; background: url(../img/layout-mamka_02.jpg) no-repeat; width: 100%; height: 100%;}

.mininavi {position: relative; top: 0; left: 304px; background: url(../img/layout-mamka_03.jpg) no-repeat; width: 664px; height: 40px; text-align: right; color: white; font-size: 0.6em;}
.mininavi span  {position: relative; top: 10px; right: 10px;}
.mininavi span a  {color: white; text-decoration: underline;}
.mininavi span a:hover  {color: #ff9000; text-decoration: none;}

.bgimg  {float: left; position: relative; top: 0; left: 304px; background: url(../img/layout-mamka_07.jpg) no-repeat; width: 664px; height: 280px;}
/* MENU */
#menu {position: relative; left: 100px; top: 0; font-size: 0.7em; color: white; padding: 0; margin: 0;}
#menu ul  {padding: 0; margin: 0;}
#menu ul li  {position: relative; left: 10px; top: 10px; padding: 0; margin: 0; list-style: none;}
#menu ul ul {position: relative; left: -10px; list-style: none; padding: 0; margin: 0px; line-height: 1.5em; background: none;}
#menu ul ul li a  {color: white; text-decoration: underline;}
#menu ul ul li a:hover  {color: #ff9000; text-decoration: none;}

.first  {float: left; list-style: none; margin: 0; position: relative; left: 203px; top: 0px; background: url(../img/layout-mamka_14.jpg) no-repeat 0px 0px #054876; height: 100px; width: 330px; display: block; padding: 0;}
.first.hover1  {background: url(../img/layout-mamka_14.jpg) no-repeat 0px -100px #054876;}
.second  {float: left; list-style: none; margin: 0; position: relative; left: 203px; top: 0px; background: url(../img/layout-mamka_18.jpg) no-repeat 0px 0px #054876; height: 100px; width: 330px; display: block; padding: 0;}
.second.hover2  {background: url(../img/layout-mamka_18.jpg) no-repeat 0px -100px #054876;}

.separator  {position: relative; left: 203px; top: 0; float: left; width: 2px; height: 100px; margin: 0; padding: 0; border: 0;}
.separator2  {position: relative; left: 203px; top: 0; float: left; width: 2px; height: 100px; margin: 0; padding: 0; border: 0;}
.separator3  {position: relative; left: 203px; top: 0; float: left; width: 2px; height: 100px; margin: 0; padding: 0; border: 0;}
/* CONTENT */
#content  {margin-top: 20px; float: left;}

h3  {color: #03406a; font-weight: bold; font-size: 1em; margin: 0 0 10px 0px; padding: 0;}
a {color: #ff9000; text-decoration: underline;}
a:hover {text-decoration: none;}

.quote  {background: url(../img/layout-mamka_67.jpg) no-repeat; width: 625px; height: 70px; font-size: 1em; color: white;}
.quote h2 {padding: 0; margin: 0; font-weight: normal; font-size: 1em; position: relative; top: 16px; left: 98px;}

.main {margin-top: 16px; width: 625px;}
.main ul  {list-style: none; font-size: 0.8em; color: #03406a; margin: 0;}
.main ul li {padding-left: 20px; background: url(../img/layout-mamka_43.jpg) no-repeat 0px 4px; line-height: 1.4em;}
.main ul ul {list-style: none; margin-top: 6px;}
.main ul ul li  {padding-left: 12px; background: url(../img/layout-mamka_68.jpg) no-repeat 0 8px; font-size: 1.2em; line-height: 1.5em;}

.main2 { width: 625px;}

.pojistovny {margin-top: 20px; border-left: 1px solid #cccccc; width: 323px; float: right; padding-left: 10px;}
.pojistovny table {font-size: 0.6em; color: #ff9000; margin-right: 10px;}
.pojistovny p {padding: 0; margin: 0; font-weight: bold;}
.pojistovny p span {color: #cccccc;}

.kalendar {font-size: 0.8em;}
.kalendar th  {background: #03426d; color: white;}
.kalendar td  {border: 1px solid #cee9fc;}
.podklad  {background: #cee9fc;}

.link {border: 2px solid #cccccc;}
.link:hover {border: 2px solid #ff9000;}
/* FOOTER */
#footer {margin-top: -61px; clear: both; position: relative; color: white; font-size: 0.6em; height: 61px; background: url(../img/layout-mamka_58.jpg);}
#footer a {color: white; text-decoration: underline;}
#footer a:hover  {color: #ff9000; text-decoration: none;}

.foot {margin: 0 auto; width: 969px; text-align: left; height: 61px}

.footcontent  {position: relative; top: 20px;}

.design {position: relative; top: 0px; float: right; width: 46px; height: 25px; border: 0;}

.radek2 {position: relative; left: 14px;}

.small  {font-size: 0.8em;}
/* MISC */
.nofloat  {clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0;}
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */