/*
Theme Name: Gibowicz.eu
Theme URI: http://www.gibowicz.eu
Description: Theme designed for Gibowicz.eu
Version: 1
Author: Maciej Wantusiak
Author URI: http://www.wantusiak.com
*/
/*////////////////////////////
	CLEAR
////////////////////////////*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0pt; margin: 0pt;}
ol, ul, li {list-style:none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0 none;}
q:before, q:after {content:'';}
a:link, a:visited {text-decoration:none;}
a:focus {outline: none;}
a, h2 a:hover, h3 a:hover {color: #9f9f9f;text-decoration: none;}
a:hover {color: #147;text-decoration: underline;	}
.hidden {display: none;}
abbr, acronym {border: 0;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
* { margin: 0px; padding: 0px; list-style: none; background-repeat: no-repeat; }
html, div, map, dt, isindex, form {display:block;}
html {height: 100%; }
/*///////////////////////////
	end clear
///////////////////////////*/

body{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	background: #2a2522;
	color: #666;
	border:0 none;
	margin: 0;
	width: 100%;
	height: 100%;
}
.center {margin:0 auto;width:960px;}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.left {float: left;}
.right {float: right;}
.bottom {margin-bottom:0;}
.spacer {margin-bottom: 10px;border-top: 1px dotted #ccc;height: 5px;}
.clear {clear: both;height: 0;line-height: 0em;font-size: 0em;text-indent: -500px;}
.divider {clear: both;height: 0px;line-height: 0em;font-size: 0em;text-indent: -500px;}
h1 {font-size: 1.4em;}
/*//////////////////////////////////
	Wyśrodkowanie całej strony
/////////////////////////////////*/
#outer {position: absolute;top: 30px;left: 0px; width: 100%;height: 1px;overflow: visible;}
#inner { margin-left: -485px; position: absolute; left: 50%;}
/* /////////////////////////////////
	Formatowanie linków
///////////////////////////////// */
#slider ul a img { border: none }
#slider ul a, a:visited { color: #746359;text-decoration: none;}
#slider ul a:hover {text-decoration: none;color: #c8b29b;}
/* /////////////////////////////////
	SLIDER - System przewijania paneli
/////////////////////////////////*/
#slider .navigation {height: 30px;margin: 0px 0px 0px 0px; padding-top: 5px; padding-bottom: 5px;}
#slider ul.navigation { list-style-type: none;font: normal 1.4em Trebuchet, Helvetica, sans-serif; letter-spacing:1px; height: 30px;}
#slider ul.navigation li { display: block;float: left;height: 30px;}
#slider ul.navigation li span { display: block;padding: 0px 15px 0px 15px;}
#slider ul.navigation li span a, ul.navigation li span a:visited { display: block;padding: 5px 0px 0px 0px;}
#slider .selected { color: #ddd3c9;}
h1#bannerTitle { font: normal 2.0em Georgia;color: #82754f;}
div#bannerContent {color: #67635a; line-height: 1.4em; font-size: 1.2em;}

#slider {
  width: 970px;
  margin: 0 auto;
  position: relative;
  min-height: 600px;
}
.scroll {
  height: 540px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  z-index: 10;
}
.scrollContainer div.panel {
  height: 540px;
  width: 970px; 
  background: #fefefe;
}
/*//////////////////////////////////
	Panele
//////////////////////////////////*/
#czesc {width: 970px; height: 540px; background-color: #ddd3c9;}  
#namiar {width: 950px; height: 520px; padding: 10px;}
#poczytaj {width: 950px; height: 520px; background-color: #000;}
#kontakt {}
/***********************
	Cześć
***********************/
#c2 {float: right; width: 811px; height: 540px;}
#c1 {width: 160px; height: 540px;}
/******************************
	Poczytaj
 *****************************/ 
.sm {list-style:none; width:970px; height:540px; display:block; overflow:hidden;}
.sm li {float:left; display:inline; overflow:hidden;}
#li1 {height: 540px; background: #372f2d url('images/poczytaj1.png') left top no-repeat;}
#li2 {height: 540px; background: #746359 url('images/poczytaj2.png') left top no-repeat;}
#li3 {height: 540px; background: #998677 url('images/poczytaj3.png') left top no-repeat;}
#li4 {height: 540px; background: #c8b29b url('images/poczytaj4.png') left top no-repeat; font-family:Trebuchet, Helvetica, sans-serif; font-size: 1.1em;}
#li1en{height: 540px; background: #372f2d url('http://www.gibowicz.eu/images/read_it_1.png') left top no-repeat;}
#li2en {height: 540px; background: #746359 url('http://www.gibowicz.eu/images/read_it_2.png') left top no-repeat;}
#li3en{height: 540px; background: #998677 url('http://www.gibowicz.eu/images/read_it_3.png') left top no-repeat;}
#li4en {height: 540px; background: #c8b29b url('http://www.gibowicz.eu/images/read_it_4.png') left top no-repeat; font-family:Trebuchet, Helvetica, sans-serif; font-size: 1.1em;}
.panele_poczytaj {padding: 10px 10px 10px 70px; width: 650px; font-size: 1.2em; color: #f2ebe3;}
#pt, #pt2, #pt3 {width: 340px; height: 520px; position: relative; left: 0px; top: -430px; padding: 10px; text-align: justify; font-family:Trebuchet, Helvetica, sans-serif; font-size: 1.1em;}
#pt h1, #pt2 h1, #pt3 h1 {padding-bottom: 15px;}
#pt span, #pt2 span, #pt3 span {font-weight: bold; }
#pz, #pz2, #pz3{width: 300px; height: 450px; position: relative; left: 400px; top: 35px;}
#pp {float: right; width: 360px; padding: 0px 0px 0px 30px; color:#746359;}
#pp span a, a:visited {color: #f2ebe3;}
#pp span a:hover {color:white;}
#pl {text-align: right; width: 400px; margin: 0 10px; } 
#li4 .panele_poczytaj {width: 760px; padding:10px 10px 10px 50px; font-size: 1.2em;}
#li4en .panele_poczytaj {width: 760px; padding:10px 10px 10px 50px; font-size: 1.2em;}

/******************************
	POOGLĄDAJ
 *****************************/
#flashcontent {z-index: 1;}
#flashcontent p{padding: 20px;}
/******************************
	FULLOFFUN
 *****************************/
.lewyF {width: 340px; height: 540px; position: relative; left: 0; top: 0;}
.prawyF {width: 340px; height: 540px; position: absolute; right: 0; top: 0px;}
.srodekF {width: 280px; height: 440px; position: absolute; left: 340px; top: 0px; text-align: center; margin: 50px 0px; font-size: 1.4em; color: #EFEAE1}
/* Formatowanie tła, tekstu i linków */
#fulloffun {background-color: #6F6359; color:#EFEAE1;}
#fulloffun a, a:visited, a:hover {color: #efeae1;}
#fulloffun a:hover {text-decoration: underline;}

/******************************
	NAPISZ
******************************/
#kontakt {width: 970px; height: 540px; background-color:#F2EBE3; font-family:Trebuchet, Helvetica, sans-serif; color: #998677; }
#formTitle {padding-bottom:8px;}
#lewykontakt {padding: 10px 10px 10px 10px; width: 244px;font-size: 12px;position: absolute; top: 20px; left: 45px;}
	#lc {padding-left: 62px;}
#srodkowykontakt {padding: 10px 10px 10px 10px; width: 285px;font-size: 12px;position: absolute; top: 20px; left: 304px;}
#dolnykontakt {width: 500px; height: 280px; position: absolute; bottom: 30px; left: 54px;}
#prawykontakt {width: 361px; height: 540px; background: url('images/kontakt/kontakt.jpg') left top no-repeat; position: absolute; top: 0; right: 0;}
#commentForm {}
#dolnykontakt .formElement {padding-top: 0px;}
.formName {color:#746359; font-size: 18px; padding-bottom: 3px;}
.formElement {font-weight: bold; font-size: 13px;color:#746359; padding-top:5px;}
.formElement2 {padding-bottom: 10px; font-size: 12px;}
.col1 {min-width: 200px; display: inline; text-align: right;}
.col2 {width: 295px; display: inline; position: absolute; left: 260px;}
.ss-navigate {position: absolute; bottom: 0px;}
.ss-navigate input {margin-right: 10px; font-size: 12px; color: #666;}
.ss-form-entry input{vertical-align:middle;margin-top:0; padding-bottom: 1px;}
.ss-q-title{display:inline; font-size: 12px;}
.ss-q-short {width: 200px;font-size: 12px;color: #888;}
.ss-o-short {width: 200px;}
select {background-color:#fffbea;}
.ss-q-long{width: 200px;}
.ss-form-entry{margin-bottom:10px; zoom:1;}
.ss-required-asterisk{color:red; font-size:10px; font-style: oblique;}
label{display:block;cursor:pointer;}
input, textarea {background:#fffbea; border: 0;color: #888;padding:2px; font-family: tahoma; font-size: 12px;}
input:focus {border: 1px dotted black;}
textarea:focus {border: 1px dotted black;}
input.error, textarea.error { border: 1px dotted red; }
label.error {	color:red;margin-left: 5px;width: auto;display: inline; font-size: 12px; font-style: oblique;}
form {height: 100%;}
/*****************************
	BLOG
*****************************/
.blog a, a:visited {color: #746359;text-decoration: none;margin: 0px 0px 0px 0px;}
.blog a:hover {text-decoration: none;color: #c8b29b;}
.blog {position: absolute; top: 0; right: 0; height: 30px;margin: 0px 0px 0px 0px; padding-top: 5px; padding-bottom: 5px; font: normal 1.4em Trebuchet, Helvetica, sans-serif; letter-spacing:1px;}
#slider ul.blog { list-style-type: none;}
#slider ul.blog li { display: block;float: left;height: 30px;}
#slider ul.blog li span { display: block;padding: 5px 15px 0px 15px;}
/****************************
	FOOTER
****************************/
#footer {width: 970px; margin: 0 auto; padding-top: 10px; text-align: right; font-size: 1.1em;}
#footer a:hover {color:#c8b29b;}
#footer .col2f {width: 100px; text-align: right;}
#footer .col1f {width: 860px; text-align: center;}