body
{
margin:					0;
padding:				0;
background-color:		#130b03;
}

.top
{
background-color:		#e58b00;
width:					100%;
height:					10px;
position:				relative;
z-index:				99;
}
.container
{
margin-left:			auto;
margin-right:			auto;
margin-top:				10px;
width:					885px;
height:					500px;
}
.logo
{
width:					360px;
height:					100px;
float:					left;
}
.logotext
{
height:					20px;
margin-top:				50px;
display: 				block;
float:					left;
color: 					#674e34;
font-size:14px;
font-family: 			arial;
}
.logotextnext
{
height:					20px;
margin-top:				70px;
margin-left:			-150px;
display: 				block;
float:					left;
color: 					#674e34;
font-size:14px;
font-family: 			arial;
}
.content
{
float:					left;
width:					885px;
height:					500px;
background-size:		100% 100%;
}
.frame
{
width:392px;
height:186px;
display:block;
float:left;
background-image:url(../pictures/framebg.png);
box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.2);  
border-radius:6px 6px 6px 6px;
margin-left:30px;
margin-top: 42px;
/*background-color:#130b03;*/
position:relative;
}

.framedown
{
width:392px;
height:186px;
display:block;
float:left;
background-image:url(../pictures/framebg.png);
box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.2);  
border-radius:6px 6px 6px 6px;
margin-left:-392px;
margin-top: 270px;
/*background-color:#130b03;*/
position:relative;
}

.title
{
margin-left:10px;
color:#e58b00;
font-size:15px;
width:392px;
height:15px;
font-family: Arial Narrow;
}
.text
{
margin-left:10px;
margin-right:10px;
overflow-y: auto;
height:130px;
color:#95846e;
font-family: sans-serif;
font-size:12px;
text-align: justify;
padding-right:5px;
}
#loginform
{
float:left;
width: 200px;
height:65px;
margin-top:30px;
margin-left:96px;
}
.loguj
{
font-family: arial;
font-size:14px;
text-align:center;
margin-left:47px;
width:100px;
height:15px;
color:black;
cursor:pointer;
border: 3px double black;
border-radius:6px 6px 6px 6px;
background-color:#f8f8f8;
}
.loguj:hover
{
border:3px double #e58b00;
}
#login, #password
{
border:0;
width:200px;
height:15px;
font-family: arial;
}
#password, .loguj
{
margin-top:10px;
}
.link
{
text-decoration:none;
color:#95846e;
}
.link:hover
{
text-decoration:none;
color:#e58b00;
}
/* MENU */
.menu
{
width:955px;
height:150px;
margin-left:-35px;
color:#42382e;
text-align:center;
font-family:sans-serif;

}
.menu div
{
width:155px;
height:75px;
float:left;
position:relative;

/*background-image:url(../pictures/button.jpg);*/

color:#322a22;
}
.menu div:hover
{
color:white;
}

.first
{
-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
	background-image:url(../elements/buttons/buttonfirst.png);
	background-size:100% 100%;
	font-size:17px;
	z-index:3;
	margin-top:6px;
}
.secound
{
-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	background-image:url(../elements/buttons/buttonsecound.png);
	background-size:100% 100%;
	font-size:19px;
	z-index:2;
	margin-top:5px;
}

.third
{
-ms-transform: rotate(12deg); /* IE 9 */
    -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
    transform: rotate(12deg);
	margin-top:0px;
	background-image:url(../elements/buttons/buttonthird.png);
	background-size:100% 100%;
	font-size:18px;
	z-index:1;
}
.fourth
{
-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	background-image:url(../elements/buttons/buttonfourth.png);
	background-size:100% 100%;
	font-size:14px;
	z-index:2;
}
.fifth
{
-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
	background-image:url(../elements/buttons/buttonfifth.png);
	background-size:100% 100%;
	font-size:18px;
	z-index:1;
	margin-top:10px;
}
.sixth
{
-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	background-image:url(../elements/buttons/buttonsixth.png);
	background-size:100% 100%;
	font-size:25px;
	z-index:0;
}
.first p, .sixth p
{
width:155px;
height:17px;
margin-top:30px;
}

.secound p
{
width:155px;
height:17px;
margin-top:24px;
	
}
.third p, .fourth p, .fifth p
{
width:155px;
height:38px;
margin-top:25px;
}

	.person
	{
		position:absolute;
		margin-left:374px; 
		width:20px; 
		height:71px; 
		background-color:#e58b00;
		background-image:url(../pictures/.png);

	}
	.persondescription
	{
		position:absolute;
		margin-left:0;
		float:left;
		width:374px; 
		height:71px; 
		background-color: #130b03; 
		display:none;
		box-shadow: 2px 0px 2px 0px rgba(255,255,255,0.2); 
	}
	.ttext
	{
		float:right; 
		overflow-y: auto; 
		padding-right:5px; 
		height:71px; 
		margin-right:10px; 
		width:249px; 
		text-align:justify; 
		color:#95846e;
		font-size:11px;
		
	}
.anotherframe
{
width:394px;
height:436px;
float:left;
margin-left:31px;
margin-top:31px;
/*background-color:#130b03;*/
background-image:url(../pictures/framebg.png);
box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.4);
border-radius:6px 6px 6px 6px;
}
.anotherframeleft
{
width:394px;
height:414px;
float:left;
margin-left:31px;
margin-top:42px;
/*background-color:#130b03;*/
background-image:url(../pictures/framebg.png);
box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.4);
border-radius:6px 6px 6px 6px;
}
.anotherframeright
{
width:392px;
height:414px;
float:left;
margin-left:30px;
margin-top: 42px;
/*background-color:#130b03;*/
background-image:url(../pictures/framebg.png);
box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.4);
border-radius:6px 6px 6px 6px;
}
.imginframe /*image in frame on olaboratorium.php page*/
{

border: 6px solid #252115;
border-radius:6px 6px 6px 6px;
float:left;
margin-left:20px;
margin-top:10px;
}
/*another page*/
.firstphoto
{
width:140px;
height:102px;
}
.secoundphoto
{
width:109px;
height:102px;
}
.anotherframe h2, .anotherframe h3, .anotherframeright h2, .anotherframeleft h2
{
margin-left:20px;
color:#e58b00;
font-family:Arial Narrow;
font-size:15px;
width:392px;
float:left;
}
.anotherframe h2
{
height:15px;
margin-left:20px;
margin-top:20px;
}
.anotherframe h3
{
height:35px;
margin-top:20px;
}
.paragraph
{
margin-left:20px;
overflow-y: auto;
height:250px;
width:352px;
color:#95846e;
font-family: arial;
font-size:12px;
text-align: justify;
padding-right:5px;
}
.paragraphinanotherframeleft
{
margin-left:20px;
overflow-y: auto;
height:230px;
width:352px;
color:#95846e;
font-family: arial;
font-size:12px;
text-align: justify;
padding-right:5px;
}
.nextparagraph
{
height:300px;
}
.anotherparagraph
{
height:100px;
margin-left:20px;
margin-right:10px;
overflow-y: auto;
width:352px;
color:#95846e;
font-family: arial;
font-size:12px;
text-align: justify;
padding-right:5px;
}
/*instrumenty page */
.instrumentpart
{
margin-left:20px;
}
.instrumentsecoundpart
{
margin-top:45px;
}
.instrumentpart tr
{
height:90px;
}
.instrumentname
{
padding-left: 20px;
font-size:14px;
color:#e58b00;
font-family:Arial Narrow;

}
.instrumentdescription
{
padding-left: 20px;
font-size:12px;
color:#95846e;
font-family:sans-serif;
}
.photoinframe /*pictures in frame on .... page */
{
width:358px;
height:200px;
float:left;
margin-left:21px;
margin-top:12px;
}

/* kontakt page */
.contactfirstdiv
{
height:200px;
margin-left:20px;
margin-right:10px;
margin-top:20px;
overflow-y: auto;
width:352px;
color:#95846e;
font-family: arial;
font-size:12px;
text-align: justify;
padding-right:5px;

}
.contactfirstdiv a
{
text-decoration:none;
color:#e58b00;
font-variant: small-caps;


}
.contactfirstdiv a:hover
{
text-decoration:underline;
}
.contactsecounddiv
{
height:150px;
margin-left:20px;
margin-right:10px;
margin-top:30px;
overflow-y: auto;
width:300px;
color:#95846e;
font-family: arial;
font-size:12px;
text-align: justify;
padding-right:5px;
}
.map
{
width:352px;
height:180px;
}
.facebook
{
width:33px;
height:33px;
margin-top:10px;

float:left;
}
.facebook:hover
{
 box-shadow: 5px 5px 5px #4a433c;
}
/*Page laboratoriumTV*/

.playerframe
{
width:818px;
height:436px;
float:left;
margin-left:31px;
margin-top:31px;
background-image:url(../pictures/framebg.png);
box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.2);
border-radius:6px 6px 6px 6px;
overflow-y: auto;
}
.playerframe iframe
{
margin-top:38px;
margin-left:69px;
}
/* LAST DIV */
.lastdiv
{
float:left;
margin-top:10px;
cursor:default;
color:#130b03;
filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;
}



/* GALLERY */
            /*
            .jssorb13 div           (normal)
            .jssorb13 div:hover     (normal mouseover)
            .jssorb13 .av           (active)
            .jssorb13 .av:hover     (active mouseover)
            .jssorb13 .dn           (mousedown)
            */
            .jssorb13 {
                position: absolute;
            }
            .jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
                position: absolute;
                /* size of bullet elment */
                width: 21px;
                height: 21px;
                background: url(../img/b13.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb13 div { background-position: -5px -5px; }
            .jssorb13 div:hover, .jssorb13 .av:hover { background-position: -35px -5px; }
            .jssorb13 .av { background-position: -65px -5px; }
            .jssorb13 .dn, .jssorb13 .dn:hover { background-position: -95px -5px; }
			
	/* SCROLLBAR */		
			
.playerframe::-webkit-scrollbar, .ttext::-webkit-scrollbar, .paragraphinanotherframeleft::-webkit-scrollbar, .paragraph::-webkit-scrollbar, .anotherparagraph::-webkit-scrollbar, .text::-webkit-scrollbar {
    width: 12px;
}
 
.playerframe::-webkit-scrollbar-track, .ttext::-webkit-scrollbar-track, .paragraphinanotherframeleft::-webkit-scrollbar-track, .paragraph::-webkit-scrollbar-track, .anotherparagraph::-webkit-scrollbar-track, .text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e58b00; 
    border-radius: 10px;
}
 
.playerframe::-webkit-scrollbar-thumb, .ttext::-webkit-scrollbar-thumb, .paragraphinanotherframeleft::-webkit-scrollbar-thumb, .paragraph::-webkit-scrollbar-thumb, .anotherparagraph::-webkit-scrollbar-thumb, .text::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 6px 0 6px #e58b00; 
}

/*POPUP*/

.popup, .popup2, .popup3, .popup4, .popup5, .popup6, .popup7, .popup8, .promocja {
	cursor:					pointer;
    position:               fixed;
    top:                    0;
    left:                   0;
    width:                  100%;
    height:                 100%;
    z-index:                1000;
    display:                none; /* domyślnie nie pokazujemy popupa */
}
 
.popup .bg, .popup2 .bg, .popup3 .bg, .popup4 .bg, .popup5 .bg, .popup6 .bg, .popup7 .bg, .popup8 .bg, .promocja .bg {
    position:               absolute;
    top:                    0;
    left:                   0;
    width:                  100%;
    height:                 100%;
    z-index:                1;
    background:             #130b03;
    opacity:                0.7;
}
 
.popup .container, .popup2 .container, .popup3 .container, .popup4 .container, .popup5 .container, .popup6 .container, .popup7 .container, .popup8 .container, .promocja .container {
    width:                  820px;
    height:                 436px;
    position:               absolute;
    z-index:                2;
    top:                    50%;
    left:                   50%;
    margin-top:             -218px; /* minus połowa wysokości */
    margin-left:            -410px; /* minus połowa szerokości */
    background:             #130b03;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
    -moz-box-shadow:        0 0 50px #white;
    -webkit-box-shadow:     0 0 50px #white;
    box-shadow:             0 0 50px #white;
	border: 2px solid white;
} 
 
.popup .close, .popup2 .close, .popup3 .close, .popup4 .close, .popup5 .close, .popup6 .close, .popup7 .close, .popup8 .close, .promocja .close {
    width:                  13px;
    height:                 13px;
    display:                block;
    border:                 0;
    cursor:                 pointer;
    position:               absolute;
    top:                    10px;
    right:                  10px;
    text-indent:            -999em;
    overflow:               hidden;
    background:             url(img/close.png) no-repeat;
}
 
.popup .content, .popup2 .content, .popup3 .content, .popup4 .content, .popup5 .content, .popup6 .content, .popup7 .content, .popup8 .content {
    margin:                 20px 25px 20px 15px;
    width:                  780px;
    height:                 396px;
    font:                   12px 'Segoe UI', Arial, sans-serif;
    color:                  #95846e;
    overflow:               auto;
}

.promocja .content
{
	margin:                 20px 20px 20px 20px;
    width:                  780px;
    height:                 396px;
    font:                   12px 'Segoe UI', Arial, sans-serif;
    color:                  #95846e;
    overflow:               auto;
	
}
#buttonpromocja
{
	cursor:pointer;
}

.buttonhover
{
	cursor:pointer;
}

.buttonhover:hover
{
	border:5px solid white;
}
#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334;
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color:#e58b00;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925;
}