/* wersja załobna  */

   /* filter: url("filters.svg#grayscale"); */
   /* filter: gray;  IE5+ */
   /* -webkit-filter: grayscale(1);  Webkit Nightlies & Chrome Canary */
   /* color:rgba(153,153,153,.5); */


/*----------------------------------[ main content added by miki ]-----------------------------------------------------------------*/

/* web part prezentujący linki pozostałe */
/*.ms-WPBody a:link, .ms-WPBody a:hover, .msWPBody a:visited { 
	color: #666666;	
	font-size: 12px;
}
*/
/* usunięcie lewego wcięcia w master-page systemowym na menu */

/*#MSO_ContentTable {
	margin-left: 0px !important;
}*/


/*------------------------------------------------------------*/
/*----------- formatowanie wyszukiwarki na portalu ---------- */
/*------------------------------------------------------------*/
.search-area {
	/* width:  było 230px */
	height: 28px;
	position: absolute;
	top: 59px; 
	right: 0;
	background: url(Images/g_search-bg.png) repeat;
}

.s4-search .ms-sbscopes  {
	overflow: hidden;
	
}
.s4-search .ms-sbscopes .ms-sbscopes {
	width: 170px;
	 border: none !important;
	 background-color:transparent;
	 font-size:11px;
	 font-style: italic;
	 padding-top: 3px;
	 color: #616161;
}

.s4-search .ms-sbcell .ms-sbplain {
	 text-align: left;
	 border: none !important;
	 background-color:transparent;
	 background: #ffffff;
	 color: #616161;
	 cursor: text;
	 /* float: right; */
     height:auto;
	 padding-top:3px; 
	 padding-bottom:2px;
	 padding-left:10px;
	 font-family:Arial;
	 font-size:11px;
	 font-style: italic;
}
.s4-search .ms-sbgo a{
	display:block;
}

.s4-search .srch-gosearchimg{
	/*display:none;*/
	display:block;
	width:24px;
	height:24px;

}

.srch-gosearchimg {
	display:block;
	width:24px;
	height:24px;
}

.ms-sbplain {
	 text-align: left;
	 border: none !important;
	 background-color:transparent;
	 background: #ffffff;
	padding: 1px 3px 2px !important;	
	color: #616161;
	 cursor: text;
	 /* float: right; */
     height:auto;
	 padding-top:3px; 
	 padding-bottom:2px;
	 padding-left:10px;
	 font-family:Arial;
	 font-size:11px;
	 font-style: italic;
	 width: 190px !important;
}

select.ms-sbscopes {
    vertical-align: middle;
    width: 180px;
	 border: none !important;
	 background-color:transparent;
	 font-size:11px;
	 font-style: italic;
	 padding-top: 3px;
	 color: #616161;
	
}





/* konfiguracja rotatora na stronach profilowych */

img {  
	border: none;
	border-width: 0;
}


#main-slider .nav {
	position: absolute;
	top: 240px; left: 21px;
	z-index: 100;
}

#main-slider .nav span {
	text-indent: -100px;
	cursor: pointer;
	margin: 0 1px 0 0;
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: url(Images/g_btn-4a.png) no-repeat;
}

#main-slider .nav span.active,
#main-slider .nav span:hover {
	background-position: 0 -16px;
}


/*** set the width and height to match your images **/
/*
#slideshow {
    position:relative;
    height:342px;
    width: 990px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}
*/
/* koniec definicji rotatora */




/*----------------------------------[ btm slider - pasek przynależnosci ]-----------------------------------------------------------------*/

#btm-slider {
	margin: 19px 0 0;
	width: 990px;
	overflow: hidden;
	background: #fff;
}

#btm-slider .nav {
	list-style-type:none;
	list-style-image:none;
	padding:0;
	margin:0;

	width: 990px;
	overflow: hidden;
	border-bottom: 1px solid #f2f2f2;
}

#btm-slider .nav li {
	list-style-type:none;
	list-style-image:none;
	padding:0;
	margin:0;

	font: 19px hu,Arial,Helvetica,Garuda,sans-serif;
	text-transform: uppercase;
	float: left;
	margin: 0 9px 0 21px;
	padding: 14px 0 7px;
	background: none;
	border-bottom: 3px solid #fff;
}

#btm-slider .nav li.active {
	color: #292929;
	border-color: #d5d5d5;
}

#btm-slider .nav li a {
	color: #9f9f9f;
	text-decoration: none;
}

#btm-slider .nav li.active a {
	color: #292929;
}

#carousel-container {
	width: 990px;
}

#carouselInner {
float:left; /* important for inline positioning */
width: 907px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
}

#carouselUl {
	position:relative;
	left: 0; /* 152px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0;
	padding: 0;
	width:9999px; /* important */
}

#carouselUl li{
	float: left; /* important for inline positioning of the list items */                                    

	/*width:172px;   fixed width, important */
	width:222px;  /* fixed width, important */
	padding:0; 
	margin-bottom:10px; 
	margin-right:10px;
	text-align: center;
	/* background:aqua;  */
}

#carouselUl li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	cursor:pointer;
	cursor: hand; 
	border:0; 
}
#left_scroll, #right_scroll{
	float:left; 
	text-valign: center;
	width:40px; 
}


#left_scroll img, #right_scroll img{
	cursor: pointer;
	cursor: hand;
	padding-top: 49%;
	text-align: center;
	padding-left: 5px;
}

/************************************************************************/
/*    style do do RTE edytora w Ribbonie                               */
/************************************************************************/
p.ms-rteElement-SGHMore {
	-ms-name: "SGH Więcej";
	margin: 8px 0 0;
	float: right;
}
.ms-rteElement-SGHMore a:link,
.ms-rteElement-SGHMore a:visited,
.ms-rteElement-SGHMore a:active,
.ms-rteElement-SGHMore a:hover
{
	font: 10px/12px hu,Arial,Helvetica,Garuda,sans-serif !important;
	text-transform: uppercase;
	text-decoration: none !important;
	cursor: pointer;
	padding: 4px 7px 0;
	float: right;
	height: 15px;	
	color: #ffffff;	
	background-color: #007481;
	display: block;
}

.ms-rteElement-SGHMore a:hover
 {
	background-color: #00464e; 
}

p.ms-rteElement-StylAkapitowy {
	-ms-name: "SGH Styl Akapitowy";
	font: 9pt hu,Arial,Helvetica,Garuda,sans-serif !important;
	float: left;
	line-height: 1.15;
}

p.ms-rteElement-StylSekcja {
	-ms-name: "SGH Styl Sekcja";
	font: 9pt hu,Arial,Helvetica,Garuda,sans-serif !important;
	float: left;
	line-height: 1.15;
	font-weight:bold;
}

p.ms-rteElement-StylCytat {
	-ms-name: "SGH Styl Cytat";
	font: 9pt hu,Arial,Helvetica,Garuda,sans-serif !important;
	float: left;
	line-height: 1.15;
	font-weight:italic;
}