/*
Theme Name: Kowalix STUDIO
Theme URI: http://www.kowalix.waw.pl/
Description: Zaprojektowane przez <a href="http://www.kowalix.waw.pl">Kowalix STUDIO</a> na użytek własy. Wszelkie prawa zastrzezone.
Version: 1.0
Author: Marcin Barański
Author URI: http://www.baranek.net.pl/
*/

/* Podstawowe formatowanie pliku */
* { 
	margin: 0; 
	padding: 0; 
	border: none;
}
body { 
	background: #fff url("images/body-bg-top.png") repeat-x top center;
	font: normal 12px Verdana, Geneva, sans-serif; 
	color:#535353; 
	text-align: justify;
}
img { 
	padding: 0px; 
	margin: 0px; 
	border: none; 
	text-align: center;
}

a:link    { text-decoration: none;      color : #5898cf; border: 0px;} /* -moz-outline-style: none;} */
a:active  { text-decoration: underline; color : #5898cf; border: 0px;} /* -moz-outline-style: none;} */
a:visited { text-decoration: none;      color : #5898cf; border: 0px;} /* -moz-outline-style: none;} */
a:hover   { text-decoration: none;      color : #2a4f76; border: 0px;} /* -moz-outline-style: none;} */
a:focus   { outline: none;} /* -moz-outline-style: none;} */

h1, h2, h3, h4 { font-family: "Trebuchet MS", Helvetica, sans-serif, Arial; }

#cialo { 
	background: transparent url("images/body-bg-bottom.png") repeat-x bottom center; 
	width: 100%; 
	height: 100%;
}


/*Formatowanie strony*/
#strona {
	width: 980px;
	text-align: center;
	line-height: 16pt;
	overflow: hidden;
	margin: 0 auto;
}
#naglowek {
	width: 980px;
	height: 120px;
	background: #fff url("images/naglowek-bg.png") no-repeat center;
	text-align: left;
	overflow: hidden;
}
#kontener {
	width: 980px;
	background-color: #fff;
	overflow: hidden;
	text-align: justify;
}
#stopka {
	width: 980px;
	height: 120px;
	background: transparent url("images/stopka-bg.png") no-repeat center;
}	


/* logo firmy */
#naglowek a#logo {
	float: left;
	display: block;
	width: 204px;
	height: 100px;
	border: none;
	background: transparent url("images/logo.png") no-repeat center bottom;
}

/* prztcisk logowania do panelu administratora */
a#logowanie {
	display: block;
	width: 10px;
	height: 10px;
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	background: transparent url("images/admin.png") center top;
	z-index: 500;
}


/* Nawigacja : 4 różne przyciski */
#menu { 
	background: transparent;
	overflow: hidden;
	float: right;
}
#menu ul, #menu ul li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	float: left;
}
#menu ul li a {
	display: block;
	width: 56px;
	height: 120px;
	background: transparent;
	margin-left: 30px;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif, Arial;
	color: #808080;
	text-align: center;
	padding-top: 75px;
}
#menu ul li a[title="Oferta"] { background: transparent url("images/menu-1.png") no-repeat top; }
#menu ul li a[title="Oferta"]:hover { color: #656565; background: transparent url("images/menu-1.png") no-repeat top;	background-position: 0px -120px; }

#menu ul li a[title="Warsztat"] { background: transparent url("images/menu-2.png") no-repeat top; }
#menu ul li a[title="Warsztat"]:hover {	color: #656565; background: transparent url("images/menu-2.png") no-repeat top;	background-position: 0px -120px; }

#menu ul li a[title="Portfolio"] { background: transparent url("images/menu-3.png") no-repeat top; }
#menu ul li a[title="Portfolio"]:hover { color: #656565; background: transparent url("images/menu-3.png") no-repeat top;	background-position: 0px -120px; }

#menu ul li a[title="Kontakt"] { background: transparent url("images/menu-4.png") no-repeat top; }
#menu ul li a[title="Kontakt"]:hover {	color: #656565; background: transparent url("images/menu-4.png") no-repeat top;	background-position: 0px -120px; }

#menu ul li.current_page_item a[title="Oferta"] { color: #656565; background: url("images/menu-1-curr.png") no-repeat top; }
#menu ul li.current_page_item a[title="Warsztat"] { color: #656565; background: url("images/menu-2-curr.png") no-repeat top; }
#menu ul li.current_page_item a[title="Portfolio"] { color: #656565; background: url("images/menu-3-curr.png") no-repeat top; }
#menu ul li.current_page_item a[title="Kontakt"] { color: #656565; background: url("images/menu-4-curr.png") no-repeat top; }


/* Baner ze slajdami w pliku "oferta.php" - domyslnie wyswielatnej jako strona główna */

#slidearea {
	width: 980px;
	height: 350px; 
	overflow: hidden;
	position: relative; 
	background: transparent url("images/baner-bg.png") no-repeat bottom center;
}
.mygallery {
	overflow: hidden;
	position:relative;
	float: right;
	right: 0px;
	top: 40px;
	width: 970px;
	height: 276px;
	margin-right: 42px;
}
.mytext {
	position:relative;
	width: 479px;
	height: 276px;
}
.mytext img {
	position:absolute;
	right:39px;
	top:0px;
	width: 400px;
	height: 276px;
	background: transparent;
}
a.prev {
	position: absolute;
	right: 482px;
	bottom: 16px;
	z-index: 102;
	display: block;
	width: 40px;
	height: 291px;
	background: transparent url("images/prev.png") no-repeat top left;
	background-position: -40px 0px;
}
a.prev:hover {
	background: transparent url("images/prev.png") no-repeat top left;
}
a.next {
	position: absolute;
	right: 42px;
	bottom: 16px;
	z-index: 103;
	display: block;
	width: 40px;
	height: 291px;
	background: transparent url("images/nxt.png") no-repeat top left;
}
a.next:hover {
	background: transparent url("images/nxt.png") no-repeat top left;
	background-position: -40px 0px;
}
/*
#gallerycover{
	overflow: hidden;
	width: 970px;
	height: 340px;
	margin:0px;
	border: 1px solid #ef802c;
}
*/
#zobacz {
	position: absolute;
	left: 130px;
	bottom: 47px;
	z-index: 106;
}
#zobacz a {
	display: block;
	width: 210px;
	height: 28px;
	color: #fff;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif, Arial;
	text-decoration: none; 
	padding: 13px 0px 0px 20px;
	background: transparent url("images/zobacz.png") no-repeat top left;
}
#zobacz a:hover {
	text-decoration: none; 
	background: transparent url("images/zobacz.png") no-repeat top left;
	background-position: 0px -41px;
}
.clear {
	clear: both;
	}


/* Trzy kolumny na stronie głównej: Lewa, Centarlana, Prawa */
#trzykolumny {
	padding: 0px;
	margin: 0px;
	background: transparent;
}
#trzykolumny li {
	padding-bottom: 10px;
}
#trzykolumny p {
	padding-top: 10px;
	padding-bottom: 0px;
}
#trzykolumny p.center {
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
}
#kl {
	float: left;
	background: transparent url("images/prostota-bg.png") no-repeat top center;
	width: 286px;
	padding: 162px 20px 40px 20px;
}
#kc {
	float: left;
	background: transparent url("images/oryginalnosc-bg.png") no-repeat top center;
	width: 286px;
	padding: 162px 20px 40px 20px;
}
#kp {
	float: right;
	background: transparent url("images/pomoc-bg.png") no-repeat top center;
	width: 286px;
	padding: 162px 20px 40px 20px;
}


/* Szpalta Lewa (z wpisami) */
#sl {
	float: left;
	width: 652px;
	padding: 60px 60px 100px 20px;
	text-align: center;
}
#sl h1 {
	font: normal 24px "Trebuchet MS", Helvetica, sans-serif, Arial;
	color: #bfbfbf;
	line-height: 19px;
	text-align: left;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 30px;
}
#sl h2 {
	font: bold 18px "Trebuchet MS", Helvetica, sans-serif, Arial;
	color: #bfbfbf;
	line-height: 19px;
	text-align: left;
	margin: 20px 0px 20px 0px;
}
#sl p {
	text-align: justify;
}
#sl img.attachment-post-thumbnail {
	float: left;
	width: 150px;
	height: 104px;
	padding: 0px 20px 0px 0px;
}
#sl .wpis {
	padding: 20px 0px 20px 0px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}
#sl .wpis .data, #sl .data {
	font: 11px Verdana, Geneva, sans-serif;
	color: #808080;
	padding-bottom: 10px;
}
#sl .wpis .data a, #sl .data a {
	font-weight: bold;
}
#sl .wpis a.tytul {
	font: bold 18px "Trebuchet MS", Helvetica, sans-serif, Arial;
	color: #5898cf;
}
#sl .wpis a.tytul:hover {
	color: #2a4f76;
}
#sl .wpis .wiecej {
	float: right;
	font: bold 10px Verdana, Geneva, sans-serif;
	color: #2a4f76;
	padding: 7px 0px 0px 0px; 
}
#sl .wpis .wiecej li {
	display: inline; 
	padding: 0px 0px 0px 15px; 
	margin-left: 15px;
}
#sl .wpis .wiecej li.wiecej-k { 
	background: url("images/wiecej-k.png") left center no-repeat; 
}
#sl .wpis .wiecej li.wiecej-w { 
	background: url("images/wiecej-w.png") left center no-repeat; 
}
#sl .wpis .wiecej li a {
	color: #bfbfbf;
}
#sl .wpis .wiecej li a:hover {
	color: #808080;
}

#sl .opis p {
	text-align: justify;
	line-height: 16px;
	padding-top: 10px;
}
#sl .opis a.zobaczstrone {
	background: transparent url(images/zobaczstrone.png) no-repeat center top; 
	width: 112px; 
	height: 30px; 
	border: none; 
	display: block; 
	cursor: pointer;
	font-weight: bold;
	padding: 7px 0px 7px 20px;
}
#sl .opis ul {
	text-align: left;
}

#sl .starsze {
	font: bold 10px Verdana, Geneva, sans-serif;
	float: left;
	width: 145px;
	height: 30px;
	padding-top: 8px;
	margin-top: 40px;
	background: transparent url("images/starsze.png") no-repeat center top;	
}
#sl .nowsze {
	font: bold 10px Verdana, Geneva, sans-serif;
	float: right;
	width: 145px;
	height: 30px;
	padding-top: 8px;
	margin-top: 40px;
	background: transparent url("images/nowsze.png") no-repeat center top;	
}

/* Komentarze */
#kom-lista {
	float: left;
	width: 652px;
	font: normal 11px Verdana, Geneva, sans-serif;
	text-align: left;
	margin-top: 40px;
	border-top: 1px solid #bfbfbf;
}
#kom-lista h2 {
	background: transparent url("images/kom-list.png") no-repeat left;
	padding-left: 26px;
}
#kom-lista .kom-avt {
	float: left;
	width: 30px;
	padding: 3px 20px 0px 0px;
}
#kom-lista .kom-wpis {
	float: right;
	width: 600px;
	padding-bottom: 20px;
}
#kom-lista .kom-wpis p {
	padding-top: 2px;
}
#kom-lista .kom-wpis blockquote { 
	font: italic 11px Courier, serif;
	background: transparent url("images/cytat.png") no-repeat left top;
	/*border: 1px solid #e5e5e5;*/
	padding: 8px 0px 8px 30px; 
}

#kom-kom {
	float: left;
	width: 652px;
	height: 300px;
	font: normal 11px Verdana, Geneva, sans-serif;
	text-align: left;
	margin-top: 20px;
	background: transparent url("images/kom-bg.png") no-repeat center top;	
}

#kom-kom h2 {
	background: transparent url("images/kom-kom.png") no-repeat left;
	margin-left: 20px;
	padding-left: 24px;
	color: #a7a7a7;
}
#kom-kom #kom-form {
	float: left;
	width: 600px;
	padding: 0px 40px 0px 40px;
}
#kom-kom #kom-form p { 
	padding: 4px; 
	color: #333; 
}
#kom-kom #kom-form span.wymagany {
	color: #ef802c;
}

#kom-kom #kom-form input { width: 250px; border: 1px solid #e5e5e5; background: #fff; padding: 4px; color:#535353;}
/*#kom-kom #kom-form input.form-imie { border: 1px solid #e5e5e5; background: #fff; padding: 4px; color:#535353;}*/
/*#kom-kom #kom-form input.form-email { border: 1px solid #e5e5e5; background: #fff; padding: 4px; color:#535353;}*/
/*#kom-kom #kom-form input.form-strona { border: 1px solid #e5e5e5; background: #fff; padding: 4px; color:#535353;}*/
#kom-kom #kom-form textarea { border: 1px solid #e5e5e5; background: #fff; padding: 4px; width: 555px; color:#535353;}

#kom-kom #kom-form .button { 
	float: right; 
	margin-right: 27px;
	background: transparent url(images/kom-wyslij.png) no-repeat center top; 
	width: 75px; 
	height: 25px; 
	border: none; 
	display: block; 
	cursor: pointer;
	font-weight: bold; 
	 
}


/* Formularz kontaktowy */
#kontakt {
	float: left;
	width: 652px;
	height: 300px;
	font: normal 11px Verdana, Geneva, sans-serif;
	text-align: left;
	margin-top: 20px;
	background: transparent url("images/kom-bg.png") no-repeat center top;	
}
#kontakt h2 {
	background: transparent url("images/kom-kom.png") no-repeat left;
	margin-left: 20px;
	padding-left: 24px;
	color: #a7a7a7;
}
#kontakt #kontakt-form {
	float: left;
	width: 600px;
	padding: 0px 40px 0px 40px;
}
#kontakt #kontakt-form p { 
	padding: 4px; 
	color: #333; 
}
#kontakt #kontakt-form input { 
	width: 250px; 
	border: 1px solid #e5e5e5; 
	background: #fff; 
	padding: 4px; 
	color:#535353;
}
#kontakt #kontakt-form span {
	color: #ef802c;
}
#kontakt #kontakt-form textarea { 
	border: 1px solid #e5e5e5; 
	background: #fff; 
	padding: 4px; 
	width: 555px; 
	color:#535353;
}
#kontakt #kontakt-form input[type=submit] { 
	float: right; 
	margin-right: 27px;
	background: transparent url(images/kom-wyslij.png) no-repeat center top; 
	width: 75px; 
	height: 25px; 
	border: none; 
	display: block; 
	cursor: pointer;
	font-weight: bold; 
}


/* Szpalta Prawa (sidebar) */
#sp {
	float: right;
	width: 200px;
	padding: 40px 20px 40px 26px;
	text-align: left;
	font: normal 10pt Verdana, Geneva, sans-serif;
	color: #bfbfbf;	
}
#sp h1 {
	color: #e0e0e0;
	padding: 20px 0px 15px 0px;
}
#sp ul {
	display: block;
	list-style: none;
}
#sp ul li {
	width: 175px;
	height: 24px;
	padding: 6px 0px 0px 25px;
	background: transparent url("images/sb-bg.png") no-repeat top;
}
#sp ul li:hover {
	background: transparent url("images/sb-bg.png") no-repeat top;
	background-position: 0px -30px;
}
#sp a.rss {
	display: block;
	width: 200px;
	height: 60px;
	padding: 0px;
	margin-bottom: 20px;
	background: transparent url("images/rss-link.png") center top;
}
#sp a.rss:hover {
	background: transparent url("images/rss-link.png") center top;
	background-position: 0px -60px;
}
#sp a.kup {
	display: block;
	border: none; 
	width: 120px; 
	height: 123px;
	padding: 0px;
	margin: 40px 0px 0px 40px;
	background: transparent url("images/kup.png") center top;
}

/* Stopka */
#stopka p {
	font: normal 11px "Trebuchet MS", Helvetica, sans-serif, Arial;
	line-height: 16px;
	padding-top: 34px;
	text-align: center;
	color: #bfbfbf;
}
#stopka p a {
	text-decoration: underline;
	color: #bfbfbf;
}
#stopka p a:hover {
	text-decoration: none;
	color: #808080;
}