* {margin: 0px; padding: 0px;}
html, body {
    height: 100%; font-family: Calibri, Verdana, Tahoma, Arial;
    min-width: 1200px;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
    min-width: 1000px;
    background-image: url(img/bg2.jpg);
}
.footer, .push {
    height: 20px; /* .push must be the same height as .footer */
    padding: 5px;
}

.footer {
    font-size: 14px;
    background-color: #ffc40e;
    font-weight: bold;
}

div.top {border-top: solid 10px #ffc40e; margin: 0px 0px 20px 0px;}
div.top_menu {height: 120px; width: 1000px; margin: 0px auto;}

div.top_menu a.links:hover {background-color: #ffc40e;color: black;}
div.top_menu a.links {display: block; float: left; height: 20px; padding: 15px; margin: 0px 5px 0px 5px; text-transform: uppercase; color: rgb(220,220,220); font-size: 17px;
text-decoration: none; }

div.bg {background: url(img/bg1.jpg) no-repeat center top; min-height: 800px; }
div.bg div.main {width: 1000px; margin: 0px auto;}
a.logo {float: right!important; display: block; padding-top: 15px;}
a.logo:hover {background-color: none;}
a.logo img {width: 400px; }

div.right {
    padding: 0px 0px 0px 200px; line-height: 150%; font-size: 18px; text-align:justify;
}

a.dark {color: #ffc40e; text-decoration: none;}
a.dark:hover {color: white;}


div.page {padding: 20px; line-height: 150%; text-align: justify; background-color: white; color: rgb(50,50,50); font-size: 16px;
border: solid 3px #ffc40e;}

div.logo2 {float: right; background: url(img/logo_nanotechip_s.jpg) no-repeat center white; width: 360px; height: 80px; border: solid 5px #ffc40e; border-top: none;}

h1 {font-size: 30px; color: white; margin: 5px 0px 0px 0px; padding: 0px 0px 10px 0px;font-style: italic; text-align: right;}
h2 {font-size: 20px; color: rgb(50,50,50); margin: 5px 0px 5px 0px; padding: 5px; }
h2:hover {cursor: pointer; background-color: rgb(220,220,250);}

h4 {color: black; font-size: 18px;}

div.page p {margin: 10px 0px 10px 0px;}

div.page ul {margin: 0px 0px 0px 30px;}

div.left {float: left; width: 200px; border-right: solid 3px #ffc40e; margin-top: 40px;}

div.left a {color: #ffc40e; display: block; text-decoration: none; font-size: 18px; padding: 0px 7px 10px 0px; text-align: right;}
div.left a:hover {color: white; border-bottom: solid 1px white; padding-bottom: 9px;}

a.link {text-decoration: none; color: blue; font-weight: bold;}
a.link:hover {color: black;}

a.kafel {margin: 0px 0px 0px 35px; display: block; text-transform: uppercase; text-decoration: none; text-align: center;   font-weight: bold;
vertical-align: middle; padding: 20px 0px 20px 0px;         border: solid 1px rgb(50,50,50);
width: 220px; color: white; background-color: rgba(100, 100, 100, 0.6); float: left;}

a.kafel:hover {background-color: rgba(100, 100, 100, 0.9); border: solid 1px black;}