/*
Projekt i wykonanie: EFEKT
Szart.pl & Efektreklamy.com
*/


body {background: #39ABBF;}
* {margin: 0;padding: 0;}

body, th, td, input, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

h1, h2, h3 {margin-top: 5px; color: #39ABBF}
h1 {letter-spacing: -.075em; font-size: 3em;}
h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #A2D5E8 ;
}
h3 { font-size: 12px;}

p, ul, ol {
	margin-top: 8px;
	line-height: 16px;
	font-size: 12px;
}
.date {font-size:9px;}

ul, ol { margin-left: 3em;}
blockquote { margin-left: 3em;	margin-right: 3em;}
a {text-decoration: none; color: #39ABBF; }
a:hover {border: none;}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #F75736  ;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #80AB00;
}
hr { display: none;}


/* Naglowek */
#naglowek {
	
	
	background: url(images/menu-tlo.gif) no-repeat top left #A2D5E8 ;
	
}

#menu {height: 40px; width: 700px; margin: 0 auto;}
#menu ul {margin: 0; padding: 0; list-style: none; line-height: normal;}
#menu li {float: left;}

#menu ul li a {
	display: block;
	float: left;
	height: 21px;
	padding: 10px 23px;
	background: url(images/img05.gif) no-repeat bottom center;
	margin-right: 1px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 17px;
	color: #DBF2C2;
}
#menu ul li a:hover {color: #666;}
#menu .current_page_item a {	color: #FFFFFF;}


/* obrazek*/
#obrazek1 {
height: 210px;
	background: url(images/tlo.jpg) no-repeat center bottom #39ABBF;
	border-bottom: 10px solid  #DBF2C2; 
}


#obrazek {
	width: 700px;
	height: 210px;
	margin: 0 auto;
	background: url(images/wopr-naglowek.png) no-repeat left bottom ;
	
}

#obrazek h1, #logo h2 {
	margin: 0;
	padding: 0;
	/* text-transform: lowercase; */
}
#obrazek h1{padding: 20px 5px 0 179px;}

#obrazek h1 a {	font-size: 22px; color: #DAF79B;}
#obrazek h1 a:hover {color: #fff;}

#obrazek h2 {padding:0; margin:4px 0 0 23px; float:left;}

/* strona  */
#stronka-p {
	
	margin: 0 auto;
	background: #FFFFFF;
	
}
#stronka {
	width: 700px;
	min-height:500px;
	margin: 0 auto;
	padding: 20px 0px 0 0px;
	background: #FFFFFF;
	border-top: none;
}

/* Zawartosc */

#zawartosc {
	float: left;
	width: 275px;
	padding: 0px 0px 0px 20px;
}
#zawartosc1 {
	float: left;
	width: 490px;
	padding: 0px 0px 0px 20px;
}


#zawartosc1 ul {
  	margin: 0;
	padding: 0;
	list-style: none;
}

.glowne .tytul {
	margin: 0;
	font-weight: normal;
	background: url(images/ratunkowe.jpg) no-repeat left -20%;
}

.glowne h1.tytul {
	padding: 10px 0  0px 50px;
	height: 40px;
	font-size: 22px;
	text-transform: lowercase;
	border-bottom: 2px dashed #666666;
}

.glowne .tekst {padding: 0 10px 30px 15px;}
.glowne .tekst1 {padding: 0 10px 30px 15px;}
.thickbox {margin: 2px;}
.pivot-popupimage {margin: 2px;}
.pivot-popupimage:hover {border-color:#A2D5E8;}

.glowne .meta {
	margin: 0;
	padding: 0px 0px 0px 50px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CFCFCF;
}

.glowne .meta a {color: #95CC28;}
.glowne .links {margin: 0;}

.glowne .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	background: url(images/img04.gif) repeat-x;
}
.glowne .links a, .post .tags a {border: none;}

/* druga kolumna */

#kolumna2 h2 {
	margin: 0;
	border-bottom: 2px dashed #666666;
	background: url(images/ratunkowe-d.gif) no-repeat left 80%;
	padding: 20px 0  0 30px;
	height: 30px;
	color: #F75736  ;
}

#kolumna2 h3 {
	margin: 0;
	font-size: 12px;
	padding: 15px 0  0 15px;
	background: url(images/img04.gif) repeat-x left bottom;
}

#kolumna2 p {
	margin: 0 0 10px 0;
	padding: 10px 0  0 15px;
	line-height: 16px;
	font-size: 11px;
}

/* Sidebars */

.sidebar {float: left;}
.sidebar ul {
  	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {margin-bottom: 2px;}
.sidebar li li {margin: 0;}
.sidebar li h2 {margin: 0 0 1px 0; color: #F75736  ;}
#sidebar1 {
  	width: 190px;
	padding: 0px 0px 0px 20px;
}

#kolumna-trzecia {
	width: 150px;
	padding: 0px 10px 0px 20px;
}
#kolumna-trzecia li h2 {
	margin: 0 0 1em 0;
	background: url(images/ratunkowe-d.gif) no-repeat left 80%;
	padding: 20px 0  0 30px;
	border-bottom: 2px dashed #666666;
	height: 30px;
}
#kolumna-trzecia li ul {
	line-height: normal;
	background: url(images/img04.gif) repeat-x;
}
#kolumna-trzecia li li {
	padding:2px 5px;
	background: url(images/img04.gif) repeat-x left bottom;
	font-size: 11px;
}
#kolumna-trzecia ul li a {
	border: none;
	padding-left: 10px;
}
#kolumna-trzecia ul li a:hover {
	border: none;
	padding-left: 10px;
	color: #A2D5E8;
}


/* Stopka */

#stopka {
	background: url(images/stopka.jpg) repeat-x top left #39ABBF;
	border-top: 10px solid #DBF2C2; 
	height: 97px;
}
#stopka p {
	padding-top: 20px;
	text-align: center;
	font-size: 9px;
	color: #FFFFFF;
}
#stopka a {color: #DBF2C2;}
#stopka a:hover {color:#A2D5E8;}


/* Formularze*/
fieldset, legend {border: none; padding: 0 0 5px 0px;}

input, textarea {font-weight: normal;}
label { color:#c2c2c2;  }
.result-searchbox, .searchbox  {
	padding: 2px;
	background: #fff;
	border: 1px solid #F75736  ;
width:185px;
	
}

.result-searchbutton,.searchbutton{
	background: #F75736  ;
	border: 1px solid #F75736  ;
	color: #fff;
}








.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: 84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 84px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -42px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 650px;
	height: 80px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 650px;
		height: 80px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 200px;
			height: 80px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}
	

		
		
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 650px;
	height: 80px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 650px;
	height: 80px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 200px;
	height: 80px;
}

#scroller span {display:none;}