* { margin:0; padding:0;}
body  {  color:#252525; background:url('../images/tail-top.gif') repeat-x left top #fff; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; min-width:949px;}
.list1 a.normal {font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; color:#9a9a9a; font-weight:normal; text-transform: none!important; }
.list1 a.normal:hover {text-decoration:none; color:black; }
input, textarea, select { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

ul.tick li {background: url(http://pyramid.pl/templates/default/images/tick.png) no-repeat; padding-left:20px;}
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form .form { height:30px;}
#form label { width:89px; display:inline-block;}
#form select { width:241px; height:20px; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8; color:#9a9a9a;}
#form select.sel-1 { width:41px;}
#form select.sel-2 { width:43px; margin-left:4px;}
#form select.sel-3 { width:60px; margin-left:4px;}
#form input { width:235px; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8; color:#9a9a9a; padding:2px 0 2px 3px;}
#form textarea { overflow:auto; width:235px; height:163px; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8; color:#9a9a9a; padding:2px 0 0 3px; margin-bottom:24px;}
#form span { color:#ffa800;}
#form .form span { font-size:.92em; display:inline-block; padding-left:6px;}

#form1 .form { height:42px;}
#form1 label { display:block;}
#form1 input {width:232px; padding:2px 3px 2px 3px; background:#fff; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8; color:#9a9a9a;}
#form1 textarea { width:232px; height:142px; overflow:auto; background:#fff; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8; padding:2px 3px 0 3px; color:#9a9a9a; margin-bottom:18px;}


/*==================list====================*/
ul { list-style:none;}

#header .top .fright ul li { float:left; border-right:1px solid #b3b3b3; padding-right:7px; margin-right:7px;}
#header .top .fright ul li a { text-decoration:none; color:#b3b3b3;}
#header .top .fright ul li a:hover { color:#000;}
#header .top .fright ul li.last { border:0; padding:0; margin:0;}
#header .logo { position:absolute; left:27px; top:177px;}

.site-nav { position:absolute; left:51px; bottom:20px;}
.site-nav ul { width:100%; overflow:hidden;}
.site-nav ul li { float:left; font-size:20px; line-height:1.2em; color:#222; padding-right:10px;}
.site-nav ul li a { text-decoration:none;}
.site-nav ul li a:hover,
.site-nav ul li a.act { 
	color:#ffa800; 
}

.list { width:100%; overflow:hidden; position:relative;}
.list li { float:left; width:274px; line-height:1.5em; margin-right:16px;}
.list li img { display:block; margin-bottom:14px;}
.list li span { color:#ffa800;}
.list li b { display:block;}
.list li a { text-decoration:none;}
.list li a:hover b { text-decoration:underline;}
.list li.fleft { width:auto; margin-right:30px;} 
.list li.fright { width:auto; margin-right:0;} 
.list li.fleft,
.list li.fright { 
	padding-top:113px;
}

.list1 li { padding-bottom:24px;}
.list1 li a { color:#ffa800; text-transform:uppercase; text-decoration:none; font-weight:bold;}
.list1 li span a { text-decoration:underline;}
.list1 li a:hover { text-decoration:underline;}
.list1 li span a:hover { text-decoration:none;}

.list2 li { width:100%; overflow:hidden; vertical-align:top; padding-bottom:24px;}
.list2 li img { float:left; margin-right:22px;}
.list2 li .zoom { overflow:hidden;}
.list2 li ul { padding-bottom:12px;}
.list2 li ul li { padding-bottom:8px;}

.list3 { padding-bottom:10px;}
.list3 li { padding-bottom:8px;}
.list3 li a { color:#9a9a9a;}

.list4 { width:100%; overflow:hidden;}
.list4 li { float:left; width:265px; margin-right:25px;}
.list4 li p { padding-top:15px;}
.list4 li span { color:#ffa800;}
.list4 li a { text-decoration:none; font-weight:bold;}
.list4 li a:hover { text-decoration:underline;}
.list4 li.last { margin-right:0;}
.sifr {margin-bottom:10px!important; margin-top:20px!important;}


/*==================other====================*/
.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:20px;}

.phone { float:right; margin-right:85px;}


/*==================txt, links, lines, titles====================*/
a {color:#222; outline:none;}
a:hover{text-decoration:none;}

h2 { font-family:"trebuchet MS", Helvetica, sans-serif; color:#222; font-size:3.33em; line-height:1em; margin-bottom:25px;}
h3 { font-size:1em; color:#222; line-height:1.5em;}
h4 { font-size:1em; color:#222; line-height:1.5em; margin-bottom:7px;}
h5 { font-size:1em; color:#ffa800; margin-bottom:12px;}
h3 a {text-decoration:none;}
h3 a:hover {text-decoration:underline;}

.txt1 { color:#9a9a9a;}

.rss { float:right; padding-top:28px;}
.rss a { text-decoration:none; padding-right:25px; background:url('../images/rss.gif') no-repeat right top; display:inline-block; color:#9a9a9a;} 
.rss a:hover { text-decoration:underline;}

.line-hor {width:835px; background:url('../images/line-hor.gif') repeat-x left top; height:6px; margin:33px 0 28px 0; overflow:hidden; font-size:0; line-height:0;}
.line-hor2 {width:835px; background:url('../images/line-hor2.gif') repeat-x left top; height:6px; margin:33px 0 28px 0; overflow:hidden; font-size:0; line-height:0;}

#kat {padding-left:10px; width: 816px; margin-left:auto; margin-right:auto; overflow:hidden; margin-top:20px!important;}
.kats {width:260px; height:273px; text-align:justify; float:left; border:1px solid #dcdcdc; margin-right:10px; margin-bottom:10px;}
.ciekawe {text-align:center; padding-left:5px; padding-right:5px;  border-top:1px solid #dcdcdc; padding-top:10px; margin-bottom:10px; }
.kats p {min-height: 145px; padding-left:5px; padding-right:5px; }
.kats h3 {margin-bottom:10px; padding-bottom:5px; background-color: #FFA800; text-align:center;}
h3.orange-background {margin-right: 8px; background-color: #FFA800; text-align:center;}
.kats h3 a, h3.orange-background a {color:white!important;}
.dane {width:180px; line-height:30px; text-align:center; float:left; }
.dane h3 {font-size: 12px!important;}
.dane {font-size:15px;}
.checkbox, .checkbox-prawy {float:left;}
.checkbox .wpis {min-height:0px;}
.dodatkowe-opcje {margin-top:15px; width:895px;}
div.tytul { width:260px; margin-left:5px; margin-bottom:10px;}
.subkategorie {margin-top:20px; margin-bottom:20px; }
.subkat {width: 200px; height: 30px; float:left; margin-right:10px; margin-bottom:10px; background-color:#FFA800; border:1px solid black;}
.subkat a {  font-size:13px; font-weight: bold; text-decoration:none; color:white; text-align:center; }
.subkat h2 { line-height: 30px; margin-bottom:0px; text-align:center; }
.kats p.ciekawe-kat {text-align:center; min-height:0px!important; height:auto;}
.kats p.ciekawe-kat a {text-decoration:none;}
.kats p.ciekawe-kat a:hover {text-decoration:underline;}
.szare-tlo {height: 74px; background-color: #f1f1f1; }
.tagi {margin-top:10px; margin-bottom:20px; width: 450px; float:right; height:150px; }
.google {width: 850px; background-color:#f1f1f1; float:left; border:1px solid gray; color:black; text-align:center; line-height:100px; height:100px; margin-bottom:20px;}
#tags {background-color:#FAF9F9; padding:5px; border:1px dotted orange;}
div.stopka-box {width:265px; float:left; margin-right:20px;}
.stopka-link {line-height:20px; font-size:12px; border-bottom:1px solid #dcdcdc;}
.stopka-link a {background: url('../arrow.png') no-repeat left 50%;  padding-left:20px; text-decoration:none; display:block; width:245px; padding-top:5px; padding-bottom:5px;}
.stopka-link a:hover {background-color:#FEFFC5;}

#tags a {color: #222222!important; text-decoration:none!important; font-size:12px!important;}
#tags a:hover, .alfabet a:hover {background-color:#FEFFC5;}
.top2 {border:1px solid gray; width: 370px; height:65px;}
.line-hor {width:850px!important;}
/*header*/
#header .top { font-size:.92em; text-transform:uppercase; line-height:1.08em; font-family:Arial, Helvetica, sans-serif; color:#b3b3b3;}
#header .top .fright,
#header .top .fleft { 
	padding:13px 52px 0 52px;
}
#header .flash { position:absolute; left:-14px; top:38px;}
#header .menu { position:absolute; z-index:2; left:-14px; top:307px;}

/*content*/
#content { padding:20px 0 0px 0; position:relative;}
#content p,
#content dl { 
	line-height:1.5em;
}
#content dl { margin-bottom:-18px;}
#content dl dt { font-weight:bold; color:#222;}
#content dl dd { margin-bottom:18px;}
#content .indent { padding:0 47px;}
#content .flash { position:absolute; left:-16px; top:-1px;}


/*footer*/
#footer {margin-bottom:10px;}
#footer .wrapper { background:url('../images/line-hor.gif') repeat-x left top; }
#footer p { float:left;}
#list { width: 620px; }

/*=============== index.html ======================*/


div.wpis {border:1px dotted orange; background-color:#faf9f9; padding: 5px; width: 400px; margin-bottom:10px; margin-right:10px; float:left; min-height:150px; }
div.wpis-premium { border:1px dotted orange; background-color:#feffc5; padding: 5px; width: 400px; margin-bottom:10px; margin-right:10px; float:left; min-height:150px; }
div.wpis-premium h3 {background-color:#fdff59; text-align:center;}
div.wpis h3 {background-color:#f1f1f1; text-align:center;}
 div.dane div {background-color:#f1f1f1; text-align:center; line-height:1.5em; color:black; font-weight:bold; font-size:12px;}
div.wpis h3 a {color:gray;} 
div.wpis-premium h3 a {color:black!important; background: url('../star.png') no-repeat; padding-left:20px; }
/* 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-image: url(../images/arrow_left.gif);				
	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;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	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%;
}

form {
	margin: 0; padding: 0; 
	font: 13px Arial, "Trebuchet MS", sans-serif;
}

fieldset {
	border: 1px solid #ccc;
	padding: 0 1em 0 10px;
}

fieldset.sub {
	padding-bottom: 10px;
	border: 1px solid #e4e4e4;
}

legend {
    margin: 0 0 10px 10px; padding: 0 3px 0 3px;
	font: 16px Arial, "Trebuchet MS", sans-serif; color: #70b706;
}

legend.sub {
    margin: 0 0 0 10px; padding: 0 3px 5px 3px;
	font: 14px Arial, "Trebuchet MS", sans-serif; color: #2f8eac;
}

label {
	display: block;
	color: #494949; 
	margin: 0 0 4px 5px;
}

input {
	width: 300px;
	font:  13px Arial, "Trebuchet MS", sans-serif;
	margin: 0 0 1em 5px; padding: 3px;
}

input label {
	display: none; 
}

select {
	width: 170px;
	font-family: Arial, "Trebuchet MS", sans-serif; font-size: 13px;
	margin: 0 0 1em 1em;
}

textarea {
	padding: 3px;
	margin: 0 0 10px 5px;
	width: 500px; height: 200px;
	font-family: Arial, "Trebuchet MS", sans-serif; font-size: 13px;
}

input:focus, textarea:focus {
	background: #ffc;
}

.quoteDetails input.cb {
	width: 10px;
	float: left; margin: 10px 10px 0 5px; 
}

.quoteDetails label {
	margin: 0 0 5px 5px; padding: 10px 0 0 0;
}

label span.required {
	color: #494949; margin: 0 0 0 3px;
}

input.submit {
	width: 80px; float: left; margin-left: 1em;
}

.errorMsg
{
  position: absolute;
  left: 43em; margin-top: 20px;
  width: 15em;
  color: #494949;
}

* html body .ie { margin-top: 10px; }

div.indent form fieldset table tbody tr td input {width:100px; margin-top:10px;}
div.indent form fieldset table tbody tr td {width:300px;}
div.indent form fieldset table {margin-bottom:10px;}