@charset "utf-8";
  /*-------------------------------------------------*/
 /*-------------Style CSS Reflection----------------*/
/*-------------------------------------------------*/

/*Marginesy*/
html, body {
	margin:0;
	padding:0;
}


body {behavior: url(csshover.htc);}

/*Osadzenie czcionki Riven*/
@font-face
{
    font-family:riven;
    src:url(RivenReflectionNew.ttf) format("opentype");

}





/*-------------------------------------------------------------*/

/*----------------------------Formatowanie tekstu--------------*/
body {
	font: 11px "Century Ghotic", Verdana, Arial, sans-serif;
	text-align:left;
}
/*Nagłówki*/
h1, h2, h3 {
	font-family:Verdana, Arial, sans-serif;
	clear:both;
}
h1{font-size:16px; margin:7px 5px 5px 5px;}
h2{font-size:14px; margin:5px 5px 5px 5px;}
h3{font-size:16px; margin:7px 7px 7px 7px;}

/*Akapit*/
p {
	margin:0 10px 5px;
	text-align:justify;
}
/*------------------Koniec formatowania tekstu--------------*/
/*---------------Przycisk więcej---------*/
a.wiecej {
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	margin-top:2px;
	float:right;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	background-image:url(../images/bgbut4.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:22px;
	text-decoration:none;
}

a.wiecej_loguj {
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	margin-top:2px;
	float:right;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	background-image:url(../images/bgbut1.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:22px;
	text-decoration:none;
}


input.wiecej {
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	margin-top:2px;
	float:right;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	background-image:url(../images/bgbut4.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:22px;
	text-decoration:none;
}

input.wiecej_wspolpraca {
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	margin-top:10px;
	float:left;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	background-image:url(../images/bgbut1.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:22px;
	text-decoration:none;
	margin-bottom:20px;
}


input.wiecej_wydawcy_logowanie {
background-image:url("../images/bgbut1.png");
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF;
float:right;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:20px;
margin-right:10px;
text-decoration:none;
}

input.wiecej_uslugi_logowanie {
background-image:url(../images/bgbut2.png);
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF;
float:right;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:20px;
margin-right:10px;
text-decoration:none;
}

input.wiecej_ofirmie_logowanie {
background-image:url(../images/bgbut3.png);
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF;
float:right;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:20px;
margin-right:10px;
text-decoration:none;
}

input.wiecej_kontakt_logowanie {
background-image:url(../images/bgbut4.png);
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF;
float:right;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:20px;
margin-right:10px;
text-decoration:none;
}


input.wiecej_green {
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	margin-top:2px;
	float:right;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	background-image:url(../images/bgbut2.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:22px;
	text-decoration:none;
}




/*Styl dla zdjecia oferta*/
.oferta {
	border:0;
	margin-right:0px;
	margin-bottom:0px;
	float:right;
}
.oferta2{
	border:0;
	margin-top:20px;
	margin-left:50px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;

}
#opakowanietop {
	width:940px;
	margin:0 auto;
}
/*logotyp Reflection*/
.logo {
	float:left;
	border:0;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}

/*-------------------Formatowanie przycisków---------------------*/


/*-----------------------Układ Strony*--------------------------*/
div#extra {
	float:left;
	width:310px;
	margin-left:310px
}
div#container {
	text-align:left;
	margin:76px auto;
	width:960px;
}
div#content p {
	line-height:1.4
}
.content p {
	line-height:1.4
}
div#navigation {
	background:#B9CAFF
}
div#navigation {
	float:left;
	width:310px
}
  /*-------------------------------------------------*/
 /*Styl dla div'a Top znajduje się w stylach kolorów*/
/*-------------------------------------------------*/
#podmenu {
	background-image:url(../images/linia_pozioma.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-top:56px;
	height:17px;
	width:100%;
}
#header {
	margin-bottom:0px;
	overflow:hidden;
}
#container2 {
	margin-top:-3px;
	padding-top:0px;
	margin-left:10px;
	margin-right:20px;
	background-image:url(../images/bgcon.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#FFFFFF;
	width:940px;
}

/*Niweluje odstęp przy układzie z treścią*/
#zawartosc {
	margin-top:-10px;
}
/*-----------------3 kolumny pod naglowkiem----------------------------*/
#side-a {
	float: left;
	width: 300px;
}
#side-b {
	float: right;
}
#content {
	float: left;
	width: 300px;
}
.content {
	float: left;
	width: 314px;
	background-color:#FFFFFF;
  background-image:url(../images/bgcon.jpg);
	
	background-color:#FFFFFF;
background-image:url(../images/bgcon.jpg);
background-position:left top;
background-repeat:repeat-x;
position:relative;
/*-moz-box-shadow:0 0 10px #333333;
-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;*/

}
/*-----------------Koniec 3 kolumny pod naglowkiem--------------------*/

/*-----------------------------Stopka---------------------------------*/
div#footer {
	clear:both;
	background-image:url(../images/bgstopka.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#FFFFFF;
	height:82px;
	width:100%;
}
div#footer p {
	margin:0;
	padding:5px 10px
}
/*Opakowanie stopki*/
.opakowanie {
	width:940px;
	margin:0 auto;
}
/*Stopka strony*/
.stopka {
	clear:both;
	text-align:left;
	float:left;
	margin-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#a2a2a2;
	line-height:normal;
	padding-top:12px;
}
/*Logotypy firmowe*/
#logotypyFirmowe {
	margin-top:15px;
	float:right;
	width:500px;
	height:60px;
	/*-moz-box-shadow:0 0 5px #333333 inset;
	-webkit-box-shadow:0 0 5px #333333 inset;
	box-shadow:0 0 5px #333333 inset;*/
}
/*------------------------Koniec Stopka----------------------------*/


/*-----------------------Koniec Układu Strony*---------------------*/

/*Style dla menu glownego*/
#menuCont {
	float:left;
	padding-left:3px;
	margin-top:0px;
	margin-left:0px;
	width:458px;
	height:56px;
	margin-left:24px;
}
ul#menu {
	width: 473px;
	height: 56px;
	margin: 0px 0px 0px -20px;
	list-style: none;
	padding-left:0;
}
ul#menu li {
	display: inline;
}

ul#menu li a {
	height: 56px;
	float: left;
	text-indent: -9999px;
	}
	
#menuCont
{
text-align:center;
}

/*--------------------- Wydawcy ----------------------------*/	

li#menuWydawcyCurrent a {
	width: 117px;
	background: url(../images/mainmenu.png) no-repeat 0px -112px;
}
li#menuWydawcy a {
	width: 117px;
	background: url(../images/mainmenu.png) no-repeat 0px 0px;
}

li#menuWydawcy > a:hover {
	background-position: 0 -56px;
}

/*li#menuWydawcy a:active {
	background-position: 0 -112px;
}*/



ul#podmenu_wydawcy li a
{
color:#7b7b7b;
background:url(../images/menu_bg/bgb.png) repeat-x;
text-indent:0px;
font-family:riven;
font-size:20px;
}

/*ul#podmenu_wydawcy li a:hover
{
color:#000000;
// background:url(../images/menu_bg/cien.png) repeat-x; 
}*/

ul#podmenu_wydawcy li a
{
height:30px;
}

ul#podmenu_wydawcy >li > a:hover
{
color:#000000;
/*font-size:20px;*/
}

ul#podmenu_wydawcy > li > a
{
width:270px;
}

/*--------------------- Usługi ------------------------------*/



li#menuUslugiCurrent a {
	width: 118px;
	background: url(../images/mainmenu.png) no-repeat -117px -56px;
}
li#menuUslugi a {
	width: 118px;
	background: url(../images/mainmenu.png) no-repeat -117px 0px;
}
li#menuUslugi > a:hover {
    background: url(../images/mainmenu.png) no-repeat -117px -56px;
}

/*
li#menuUslugi a:active{background: url(../images/mainmenu.png) no-repeat -117px -112px;}*/



ul#podmenu_uslugi li a
{
 background:url(../images/menu_bg/bgb.png) repeat-x;
 text-indent:0px;
 font-family:riven;
 font-size:20px;
 color:#7b7b7b;
}


/*
ul#podmenu_uslugi li a:hover
{
color:#000000;
}
*/

ul#podmenu_uslugi li a
{
height:30px;
}

ul#podmenu_uslugi > li > a
{
width:270px;
}

ul#podmenu_uslugi >li > a:hover
{
color:#000000;
/*font-size:20px;*/
}


/*--------------------O Firmie----------------------------------*/

li#menuFirmieCurrent  a{
	width: 117px;
	background: url(../images/mainmenu.png) no-repeat -235px -56px;
}

li#menuFirmie  a{
	width: 117px;
	background: url(../images/mainmenu.png) no-repeat -235px 0px;
}

li#menuFirmie > a:hover {
	background: url(../images/mainmenu.png) no-repeat -235px -56px;
}

/*li#menuFirmie  a:active {
	background: url(../images/mainmenu.png) no-repeat -235px -112px;  
}
*/

ul#podmenu_ofirmie li a
{
color:#7b7b7b;
background:url(../images/menu_bg/bgb.png) repeat-x;
text-indent:0px;
font-family:riven;
font-size:20px;
}

ul#podmenu_ofirmie li a:hover
{
color:#000000;
/*background:url(../images/menu_bg/cien.png) repeat-x;  */
}

ul#podmenu_ofirmie li a
{
height:30px;
}

ul#podmenu_ofirmie > li > a
{
 width:270px;
}

ul#podmenu_ofirmie > li > a:hover
{
color:#000000;
/*font-size:20px;*/
}
/*--------------------- Kontakt ------------------------------*/

ul#menu li#menuKontaktCurrent a {
	width: 121px;
	background: url(../images/mainmenu.png) no-repeat -352px -56px;
}
ul#menu li#menuKontakt a {
	width: 121px;
	background: url(../images/mainmenu.png) no-repeat -352px 0px;
}
ul#menu li#menuKontakt a:hover {
	background: url(../images/mainmenu.png) no-repeat -352px -56px;
}


ul#menu li#menuKontakt a:active {
	background: url(../images/mainmenu.png) no-repeat -352px -112px;
}   
/*--------------------Koniec Styli Dla Menu Glownego---------------------------*/


.menu_item:hover
{
color:#000000;
background:red;
}



/*---------------------------------Formularz-----------------------------------*/
/*Style dla div'a panelu do logowania */

#form {
	width:291px;
	height:45px;
	float:right;
	margin-top:7px;
	padding-right:0px;
   margin-right:-19px;
}

.formTekst{
font-family:Arial;
font-size:9px;
margin-top:7px;
margin-left:15px;
float:left;
}

input.submit 
{
 font-family:Arial;
 font-size:10px;
}

/*-------------------------Koniec Styli Formularza-----------------------------*/

#mapa
{
border:1px inset black;
}

.realizacja img
{
float:left;
margin:5px 5px;
border:2px solid #AABBCC;
}
.realizacja
{
margin-left:5px;
margin-top:10px;
float:left;
width:440px;
padding:5px 5px;
border:1px solid #AABBCC;
text-align:justify;
height:160px;
overflow:hidden;
position:relative;
}
.yoxview img
{
margin:10px 10px;
-moz-box-shadow:0 0 3px 0 #000000;
-webkit-box-shadow:0 0 3px 0 #000000;
box-shadow:0 0 3px 0 #000000;
}

.referencja img
{
float:left;
margin:5px 5px;
border:2px solid #AABBCC;
-moz-box-shadow:0 0 3px 0 #000000;
-webkit-box-shadow:0 0 3px 0 #000000;
box-shadow:0 0 3px 0 #000000;
}

.referencja
{
margin-left:5px;
margin-top:10px;
width:440px;
float:left;
/*background-color:#1E838B; */
padding:5px 5px;
border:1px solid #AABBCC;
text-align:justify;
height:150px;
overflow:hidden;

-moz-box-shadow:0 0 10px #333333;
-webkit-box-shadow:0px 0px 10px #333;
box-shadow:0px 0px 10px #333;

}

#zdjecia_realizacje {
margin-top:20px;
margin-top:68px;
padding-left:15px;
}

#menu >li li
{
text-align:center;
margin-left:5px;
width:200px;
}
/*Baza wiedzy def*/
.wiecej_nazwa {
margin-left:7px;
}



/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

div.scrollableArea img
{
	margin:0 20px;
}

#ramiel{
background-image:url("../images/ramiel.png");
background-position:right top;
background-repeat:no-repeat;
height:72px;
margin-top:-11px;
position:absolute;
width:37px;
z-index:1;
}

#ramiep{
background-image:url("../images/ramiep.png");
background-position:right top;
background-repeat:no-repeat;
height:72px;
margin-left:465px;
margin-top:-11px;
position:absolute;
width:37px;
z-index:1;
}
h1.strony{
margin-top:6px;
}
h1.promo{
margin-top:12px;
}