@charset "UTF-8";

* { margin: 0; padding: 0; }

a {color:#fff;text-decoration:none;-webkit-transition:text-shadow .5s ease-out,color .5s ease-out;text-shadow:#000 0 -1px 1px;outline:none;}
a:hover,a.active{text-shadow:#0cf 0 0 4px !important;color:#fff !important;}

html, body, #tyl, #tyl table, #tyl td {
    height:100%;
    width:100%;
	/* overflow: hidden; */
	background-color: #aeb4ae;
}

#tyl {
    position: fixed;
}

#tyl div {
    height:200%;
    left:-50%;
    position:absolute;
    width:200%;
}

#tyl td {
    text-align:center;
    vertical-align:  top;
}

#tyl img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

.strona {
    position:absolute;
    top:100px;
	width: 100%;
	height: 550px;
    z-index:70;
	overflow: visible; /* nie wiem co z tym */
}

.strony { height: 380px; width: 810px; margin-left: 25%; background: black; border-radius:15px;}
.zobacz { width: 95%; height: 95%; margin-left: auto; margin-right: auto; color: white; overflow: hidden; }

/*****************************************   MENU *************************************************/

#menu { position:absolute; background: url(../grafika/pagelogo.png) no-repeat; z-index: 75; height: 120px; width:1000px; margin-left: 15%; margin-right:0; }
.glownemenu { position: relative; top: 32px; left:200px; height: 29px;  width: 800px; padding: 15px; overflow: hidden; }
.glownemenu li { float: left; list-style: none; }
.glownemenu li.back { background: url("../grafika/menu.gif") no-repeat right -30px; width: 0px; height: 30px; z-index: 8; position: absolute; }
.glownemenu li.back .left { background: url("../grafika/menu.gif") no-repeat top left; height: 30px; margin-right: 7px; }
.glownemenu li a { position: relative; overflow: hidden; text-decoration: none; font: bold 14px arial; color: #fff; outline: none; text-align: center; height: 30px; top: 7px; z-index: 10;display: block; margin: auto 10px; }