@charset "utf-8";
/*
#0098d9 
 
*/




#kamery_online a img {
	width: 135px;
	height: auto;
	float: left;
	max-height: 90px;
	min-height: 90px;
	margin-bottom: 4px;
	border: solid 3px #0098d9;
	-webkit-border-radius: 112px;
	-moz-border-radius: 112px;
	border-radius: 112px;
	
				-webkit-transition: width 500ms , height 500ms ;
    			-moz-transition: width 500ms, height 500ms;
    			-o-transition: width 500ms, height 500ms;
    			transition:   width 500ms , height 500ms   ;
    			
    	 ;
	
}

#kamery_online a img.miniatura:hover {  width: 150px; height: 200px }

#kamery_online .miniatur {
	
	position: relative;
	width: 145px;
	height: 130px;
	float: left;
	display: block;
	margin: 10px 2px 10px 0px;
	
	
}


#kamery_online a {
	
	color: gray;
	font-size: 11px;
}
#kamery_online a:hover img, #kamery_online a.selected img {
	border: solid 2px pink;
	color: #0098d9
}
#kamery_online a:hover, #kamery_online a.selected {
	color: #0098d9 
}
#kamery_online .player {
	margin: 10px 0 10px 0;
	position: relative
}
#kamery_online .player .tempe {
	position: absolute;
	right: 10px;
	bottom: -40px;
	z-index: 1;
	font-size: 18px
}
#kamery_online a .numerr {
	font-weight: bold;
	text-align: center;
	width: 19px;
	position: absolute;
	top: -11px;
	right: 18px;
	color: white;
	background: #0098d9;
	padding: 6px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	font-size:14px;
}


#kamery_online a.selected .numerr {background: pink;   }
#kamery_online a.selected   {color: pink;   }


.cookie {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;


font-size:10px; width: 100%;  padding: 10px;color: #f5f5f5;  background: gray; text-align: center; position: fixed; bottom: 0px;

filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;


 }


 .galeria  #main .album { width: 290px;  margin: 0px; background-image: none; height: 340px;} 



 

@font-face {
    font-family: "Ubuntu";
    src: url(img/Ubuntu-M.ttf);
}

* {
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0
}

html{

	 
}
	
body {   
	 
	font-family:Ubuntu,Helvetica,sans-serif;
	font-size:13px;	 
	 
 background-color: #ececec;
	 
	 
	 
	 
	 }
 
 
 a  {
	text-decoration:none;
	color:  #0098d9 
	 
}
a:hover{
	text-decoration:none;
 
}
 
h1{font-size:24px  ;padding-top:15px;  margin-top: 120px }
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}
h1,h2,h3,h4,h5,h6 { color: #0098d9 ;margin:30px 0px 15px 0px }
 



/* konstukcja postawowa */
#strona  {
		position: relative;
		width: 970px;
		 
		margin: 0px auto 0px auto;
		background: url(img/tlo.png)
		no-repeat  0px bottom;
		padding: 0px 0px  280px 0px
		 
		 
	}
	

	
#winieta {
	height:   165px;
	position: relative;
	background: url(img/logo-lantech.png) no-repeat 0px 10px;
	 
	overflow: hidden;	
}

#winieta .menu {
	height: 85px;
	position: absolute;
	top: 115px;
	right: 0px;
	min-width: 10px; 
	padding-top: 7px;
	text-align: right;
 
	width: 630px;
	z-index: 100;  
}
#winieta .menu ul, #winieta .menu li {
	margin: 0;
	padding: 0;
	list-style: none
}
#winieta .menu li {
	float: left
}
#winieta .menu li a {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 1px 0px 1px;
	background-color: #d9d9d9; 
	padding: 15px 20px 15px 20px;
	min-width: 300px;
	color: gray;
	text-shadow: 1px 1px white;
}
#winieta .menu li a:hover, #winieta .menu li a.selected {
	background-color:  #009ee0;
	color: white;
	text-shadow: none;
}



#winieta .menu ul li a:hover::after, #winieta .menu ul li a.selected::after {
position: absolute;
bottom: -22px;
left: 20px;
display: block;
line-height: 0px;

content: url(img/menu.png);
}

#winieta a.home {
	display: block;
	width: 250px;
	height: 190px;
	overflow: hidden;
	text-indent: -300em
}

#winieta .menu ul {
	display: block;
	width: 850px;
	margin: 0 auto 0 auto;
}

#main {
	background: #ffffff;
	border: solid 1px #cccccc;
	padding: 30px 60px 30px 60px;
 
	min-height: 600px;
	
	width: 600px;
	float: right;
}

.menu_bok {
	width: 200px;
	float: left;
	 
	background-color: #b1b3b4;
 
}


.menu_bok ul , .menu_bok li { 
	
	list-style:  none; margin:0; padding: 0
	
	
	}

.menu_bok ul  { margin: 0 0 0 20px}

.menu_bok ul li a { color: white; font-weight: bold; padding: 10px; border-bottom: 1px dotted gray; display: block; margin-left: -20px}
.menu_bok ul li li a { color: #f5f5f5;  font-weight: normal}

.menu_bok   a:hover , .menu_bok    .selected{  background-color: #009ee0   }





#winieta .menu_g ul, #winieta .menu_g li {
	margin: 0;
	padding: 0;
	list-style: none
}

.menu_g { 
	position: absolute;
top: 20px; right: 0px;
width: 724px;
text-align: right;

}


.menu_g ul li   { 

display: inline;

}

.menu_g ul li a {
    padding: 10px 10px 10px 10px;
    /* color: gray; */
    font-weight: bold;
    text-shadow: 1px 1px white;
    border: solid 1px white;
    margin-top: 2px;
    display: block;
    float: right;
    background: #ffffff47;
    transition: 1s;
}



.menu_g ul li a:hover {
    
    background: #ffffff;
 
}

.glowna #main {
	background: transparent;
	border: none;
	padding: 0px;
	margin: 20px 0px;
	float: none;
	width: 970px; 
 }



.glowna #fb  {  position: absolute; top: 390px;  right: 0px;    }




#stopka {
	 
	 
	position: absolute;
	bottom: 70px;
	font-size: 11px;
 
	padding-left:280px;
	
}

 
#stopka h1.nazwa {
	font-size: 15px; margin:0px;
	 
}
#stopka .copyright { display: block}

.copyright , .adres {  }
 
a#kompania { position: absolute; top: 50px; right:-220px;}

 .godz { background: url(img/godz.png) no-repeat 0 0 ; width: 250px ;height: 60px; position: absolute; top: 40px; left: 600px;}
 
 
 
/* kontolery slideshow */
#myController span{	display: none; float: left;
	cursor:pointer;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color:  #ffcc66;
	padding: 4px 8px;
	margin-right: 2px;
	border-bottom: solid 30px  #ffcc66
}
 #myController span.jFlowSelected { background-color: #ffcc66; color: #fff; }


 
 /* napisy */
.slideContent { display: none }   

.jFlowSlideContainer { overflow: hidden; }
.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }
.jFlowSlideContainer a:hover { text-decoration: none; }
.jFlowSlideContainer a:focus { position: relative; top: 1px; }


.jFlowNext { background:url("img/strz.png") no-repeat scroll -57px -0px transparent; height:57px; position:absolute; top:125px; right: -46px; width:57px; cursor:pointer; }
.jFlowPrev { background:url("img/strz.png") no-repeat scroll 0px -0px transparent; height:57px; position:absolute; top:125px; left: -46px; width:57px; cursor:pointer; }
.jFlowPrev:hover { background-position: -0px -57px; }
.jFlowNext:hover { background-position: -57px -57px; }




#art_4 .belka_g , #menu_poziom {  }

.menu_p { width: 174px; position: absolute; top: 30px; right: 160px;}
.menu_p a { width: 174px; display: block; height: 100px; margin: 0 0 5px 0; border: solid 1px gray; text-indent: -300em; overflow: hidden; background: url(panoramy/panoramy.jpg) }
.menu_p li.a_1 a { background-position: 0px -100px }
.menu_p li.a_2 a { background-position: 0px -200px }
.menu_p li.a_3 a { background-position: 0px -300px }

.small { float:  left; font-size: 10px;margin-top: 5px;}
#art_6 .mapa { position:absolute; top: 20px; right: 20px    }


.ramka_slideshow  {    border-left: none; border-right: none;   }

#fb { margin-top:115px; margin-bottom: 20px;}
 

tr, table , td { margin: 0px; padding: 0px; border: none }
td { background-color: #f5f5f5; padding: 2px 10px 2px 10px; border-bottom: 1px solid #cccccc}
td strong { color: #0098D9}