/*   author: izmy   */

body {
        padding: 0px;
        margin: 10px 0 0 0; 
        text-align: left;
        background: #fff url('./bg.jpg') repeat-x;
        font: 80% Tahoma, Sans-serif, Arial, Verdana;
}

h1 {
        margin: 0;
        padding: 50px 0 0 0;
        font-size: 120%;
        color: #90B11F;
        float: left;
}

h2 {
        margin: 0;
        font-family: Arial, Sans-Serif;
        font-size: 30px;
        color: #783FCE;
}

a {color: #5f26b4;}
a:hover {background: #5f26b4; color: #f0e7fd;}

ul, li {list-style: square; display:block;}

#header-portfolio {	
        overflow: hidden;
        width: 900px;
        height: 249px;
        margin: auto;
        position: relative;
        background: url('./logo-portfolio.jpg') no-repeat;
}

#header-portfolio span {
        background: url('./logo.jpg') no-repeat;
        position: absolute;
        left: 0; 
        top: 0;   
        z-index: 1;
        width: 328px;
        height: 120px;
        cursor: pointer;
        float: left;
}

#header-kontakt {	
        overflow: hidden;
        width: 900px;
        height: 249px;
        margin: auto;
        position: relative;
        background: url('./logo-kontakt.jpg') no-repeat;
}

#header-kontakt span {
        background: url('./logo.jpg') no-repeat;
        position: absolute;
        left: 0; 
        top: 0;   
        z-index: 1;
        width: 328px;
        height: 120px;
        cursor: pointer;
}

#menu ul {margin: 36px 0 0 332px;}
#menu li {list-style: none;padding: 0;margin: 0;float: left;width: 143px;height: 47px;}

#menu-portfolio {position: relative;overflow: hidden;margin: 0;padding: 0;font-size: 150%;}
#menu-portfolio, #menu-portfolio a, #menu-portfolio span {display: block;width: 142px;height: 47px;background: url('menu-portfolio.jpg');}
#menu-portfolio span {position: absolute;left: 0;top: 0;_cursor: hand;}
#menu-portfolio a:hover span {background-position: 0 -47px;}

#menu-kontakt {position: relative;overflow: hidden;margin: 0;padding: 0;font-size: 150%;}
#menu-kontakt, #menu-kontakt a, #menu-kontakt span {display: block;width: 142px;height: 47px;background: url('menu-kontakt.jpg');}
#menu-kontakt span {position: absolute;left: 0;top: 0;_cursor: hand;}
#menu-kontakt a:hover span {background-position: 0 -47px;}

#obsah {margin: auto;width:900px;}

#obsah-text {
        padding: 30px 25px 0 25px;
        line-height: 1.9em;
        color: black;
        font-family: Verdana; 
        font-size: 12px; 
        text-align: justify;
}

#kontakt {float: left; width: 400px;}
#info {margin-left: 425px; text-align: justify;}

.box {background:#F0E6FE;border-bottom:1px solid #C2A3F3;padding:25px;margin-bottom:30px;text-align: left; width: 850px;}
.box img {float:right;border:2px solid #BE93FC;}
.box h2 {margin-bottom: 10px;}
.box p {font-size:1em;margin:2px 0;}
.box a {float:left;font-size:1.2em;color:#fff;background:#783FCE;padding:2px 5px;text-decoration:none;font-weight:bold;margin:5px 0 5px 0;}
.box a:hover {color:#fff;text-decoration:underline;}
.clearfix {display: inline-block}
	  
#footer { 
        background: url('./paticka.jpg') repeat-x;
        margin: auto;
        height: 52px;
}

.footer-text {
        color: #000;
        font-size: 100%;
        font-weight: bolder;
        padding: 65px 0 10px 0;
        margin: auto;
        text-align: center;
        width: 900px;
}