/*
Theme Name: CZARNECKI
Theme URI: http://adres-strony.com/

Author: Carlos
Author URI: 
Description: Szablon wykonany na potrzeby witryny czarnecki.xo.pl
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: czarnecki
Tags: two-columns, left-sidebar
*/

/* PRZEGLĄDARKA */
* {padding: 0px; margin: 0px; border: 0px; outline: 0px; white-space: normal; vertical-align: baseline; text-decoration: none;}
hr {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
blockquote, q {quotes: "" "";}
ul, li {list-style: none;}
ol {list-style: decimal;}
input:focus, textarea:focus {outline: none;}
input[disabled] {cursor: inherit;}
a:link, a:visited, a:hover, a:focus {text-decoration: none;}
.clear {clear: both;}

/* CAŁA STRONA */
body {width: 100%; margin: 0px; padding: 0px;
	background: #FFFFFF; 
	font-family: 'Calibri'; font-size: 12px; line-height: 12px; color: #000000; text-align: center;
	-webkit-text-stroke: 1px transparent; -webkit-text-size-adjust: none;}
	
a:link, 
a:visited {color: #000000;}
a:hover {color: #000000;}

/* WŁASNE CZCIONKI */
/* @font-face {
  font-family: 'Calibri';
  src: local('calibri?#iefix') format('truetype');
  src: local('calibrib?#iefix') format('truetype'); font-weight: bold;
  src: url('calibri.ttf') format('truetype');
  src: url('calibrib.ttf') format('truetype'); font-weight: bold;
} */

/* ZAZNACZAONY TEKST */
::selection {background: #FF7A00; color: #ffffff; text-shadow: 1px 1px #FFFFFF;}
::-moz-selection {background: #FF7A00; color: #ffffff; text-shadow: 1px 1px #FFFFFF;}

/* PASEK PRZEWIJANIA */
::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {background: #FFFFFF;}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {background: #FF7A00; box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75); border-radius: 5px;}
::-webkit-scrollbar-corner {background: #FFFFFF;}
::-webkit-resizer {}

/*
UŻYTE KOLORY
#FF7A00   pomarańczowy
#22AA22   zielony
#D88B9B	  różowy
#FF6699   footer border
#404040   siwy
*/

.wrap {width: 1100px; margin: 0px auto 0px auto; padding: 0px; position: relative; text-align: left;}
h2 {padding: 20px 0px 10px 0px; display: block; position: relative; text-align: left; clear: both;
	font-family: 'Calibri'; font-weight: 500; font-size: 24px; color: #FF7A00;}
h3 {padding: 10px 0px 30px 0px; display: block; position: relative; text-align: center; clear: both;
	font-family: 'Calibri'; font-weight: 500; font-size: 35px; color: #22AA22;}
h4 {padding: 0px 0px 20px 0px; display: block; position: relative; text-align: center; clear: both;
	font-family: 'Calibri'; font-weight: bold; font-size: 24px; color: #000000;}
h5, h6 {padding: 10px 120px 10px 0px; display: block; position: relative; text-align: center; clear: both;
	font-family: 'Calibri'; font-weight: 100; font-size: 14px; color: #fff;}

/* NAGŁÓWEK */
header {width: 100%; margin: 0px; padding: 0px; display: block; overflow: hidden;
	background-image: -ms-linear-gradient(left, #E7FF0A 0%, #FAFAFA 100%);
	background-image: -moz-linear-gradient(left, #E7FF0A 0%, #FAFAFA 100%);
	background-image: -o-linear-gradient(left, #E7FF0A 0%, #FAFAFA 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E7FF0A), color-stop(1, #FAFAFA));
	background-image: -webkit-linear-gradient(left, #E7FF0A 0%, #FAFAFA 100%);
	background-image: linear-gradient(to right, #E7FF0A 0%, #FAFAFA 100%);}
header .wrap {height: 160px;}

/* LOGO */
#logo {width: 520px; height: 90px; margin: 34px 0px 0px 0px; float: left;}

/* MENU */
menu {width: 100%; margin: 0px 0px 20px 0px; padding: 0px; display: block; position: relative; overflow: hidden; background: rgba(0,0,0, 1); z-index: 1000;}
body.home menu {margin: 0px; background: rgba(0,0,0, 0.75);}
menu .wrap {height: 48px;}
#menu {width: 885px; height: 48px; margin: 0px auto 0px auto; display: block;}
#menu li {float: left;}
#menu a:link,
#menu a:visited {margin: 7px 10px 7px 10px; padding: 8px 10px 8px 10px; display: block; text-transform: uppercase; background: transparent;
	font-family: 'Calibri'; font-size: 18px; line-height: 18px; color: #FFFFFF; text-shadow: 1px 1px #000000; font-weight: bold;
	-webkit-transition: .1s linear; -moz-transition: .1s linear; -ms-transition: .1s linear; -o-transition: .1s linear; transition: .1s linear;}
#menu a:hover {background: #FF7A00; color: #FFFFFF; text-shadow: 1px 1px #FF7A00;}
#menu li:first-child a {margin: 7px 10px 7px 0px;}
#menu li:last-child a {margin: 7px 0px 7px 10px;}
/* SLIDER */
.slajder {width: 100%; height: 440px; margin: -48px 0px 0px 0px; display: block; position: relative; z-index: 900;}



/* ŚRODKOWA CZĘŚĆ STRONY (pomiedzy nagłówkiem a stopką) */
#website {width: 100%; margin: 0px; padding: 0px; display: block;}
#website .wrap { }

/* ŚRODKOWA CZĘŚĆ STRONY (index.php) */
.opis {padding: 20px 0px 20px 0px; display: block;
	font-family: 'Calibri'; font-size: 22px; line-height: 32px; color: #000000;}
	
.oferta {width: 1100px; padding: 20px 0px 20px 0px; display: block; position: relative;}
.oferta ul {margin: 0px 0px 0px 100px; display: block;}
.oferta li {height: 220px; padding: 0px 50px 0px 50px; float: left;}
.oferta li a {width: 200px; height: 40px; padding: 180px 0px 0px 0px; display: block; text-align: center;}
.oferta .cennik a {background: url('szablon/oferta-price.png') top center no-repeat;}
.oferta .obiekty a {background: url('szablon/oferta-pictures.png') top center no-repeat;}
.oferta .zamowienia a {background: url('szablon/oferta-contract.png') top center no-repeat;}
.oferta li a:link,
.oferta li a:visited {font-family: 'Calibri'; font-size: 22px; line-height: 22px; color: #000000;}
.oferta li a:hover {color: #22AA22;}

/* ŚRODKOWA CZĘŚĆ STRONY (page.php) */
.content {width: 75%; margin: 20px 0px 50px 0px; display: block; float: right; }
article.post {padding: 0px 0px 0px 20px;}
.content .tytul h2 {padding: 0px 0px 10px 0px; }
.content .tytul .edytuj {display: block; float: right; margin: -22px 0px 0px 0px; font-size: 18px;}
.tresc-wpisu {font-family: 'Calibri'; font-size: 18px; line-height: 1.5; color: #000000;}

/* ŚRODKOWA CZĘŚĆ STRONY (sidebar.php) */
aside {width: 25%; margin: 20px 0px 0px 0px; display: block; float: left;}
aside h4 {text-align: left; font-weight: 500; color: #FF7A00 }
.widget-tresc {font-family: 'Calibri'; font-size: 18px; line-height: 1.5; color: #000000;}
.widget-tresc a {margin: 0px; padding: 0px;}
.widget-tresc a:link,
.widget-tresc a:visited {color: #000000}
.widget-tresc a:hover {color: #000000}
.widget-tresc hr {width: 80%; height: 1px; margin: 2px 0px 2px 0px; background: #FF7A00; display: block;}
aside li{display: block; padding-bottom: 50px;}
aside li li{width: 90%; padding: 3px 0px 3px 0px; border-bottom: 1px solid #FF7A00 }
aside li li a:link,
aside li li a:visited{color: #000000}
aside li li a:hover{color: #000000; text-decoration: underline;}

/* CONTACT PAGE (page-kontakt.php)*/
.kontakt-tresc-wpisu {width: 45%; float: left; text-align: left; font-family: 'Calibri'; font-size: 18px; line-height: 1.5; color: #000000;}
.kontakt{width: 50%; float: left; text-align: left; font-family: 'Calibri'; font-size: 18px; line-height: 1.5;}
.kontakt h4 {padding: 20px 0px 10px 0px; display: block; position: relative; text-align: left; clear: both; 
font-family: 'Calibri'; font-weight: 500; font-size: 24px; color: #FF7A00;}
.kontakt input { width: 100%; height: 28px; border: 1px solid #FF7A00;}
.kontakt textarea { width: 100%; height: 90px; border: 1px solid #FF7A00;}
.btn-default{background-color: #FFffff}
.help-block{color: #ff0000}
.googlemap{float: left; margin:50px 0px 0px 0px; display: block;}

/* GALLERY PAGE */
.tresc-wpisu img { border: 2px solid #FF7A00;}
.tresc-wpisu div {float: left; margin-right: 20px; margin-top:15px; padding-bottom: 10px;}
.wp-caption-text {margin-top: -5px; font-family: 'Calibri'; font-size: 13px; line-height: 1.1; text-align: center;}
#images p{float: left; margin-right: 20px; margin-top: 15px;}

/* STOPKA   left 8px */
footer {width: 100%; margin-top: 20px; display: inline-block; background: #000000; border-top: 3px solid #FF7A00;}
footer .wrap {height: 260px;}
footer ul {font-family: 'Calibri'; font-size: 14px; line-height: 20px; color: #DDDDDD;}
footer li {width: 22%; display: block; margin: 20px 30px 0px 0px; float: left;}
footer h4 {margin: 0px 0px 6px 0px; font-family: 'Calibri'; font-size: 18px; line-height: 18px; color: #FF7A00; font-weight: normal;}
.adres {display: block; padding: 0px 0px 0px 32px; margin: 0px 0px 12px 0px; background: url('szablon/iconadres.png') left 8px no-repeat;}
.email {display: block; padding: 0px 0px 0px 32px; margin: 0px 0px 12px 0px; background: url('szablon/iconemail.png') left 8px no-repeat;}
.telefon {display: block; padding: 0px 0px 5px 32px; margin: 0px 0px 12px 0px; background: url('szablon/iconphone.png') left 8px no-repeat;}
footer a:link, footer a:visited {color: #DDDDDD;}
.fb-like-box {margin: -5px 0px 0px 0px;}

/* RESPONSIVE WEB DESIGN */
@media only screen and (max-width: 1100px) {
/* CAŁA STRONA */
.wrap {width: 100%;}
}