/* *********************************** OGOLNE *********************************** */

* {
	font-family: 'Varela', sans-serif;
	font-family:Segoe UI,Tahoma,Arial;
}
.strona {
	background: #8B1521;
}
.czyszczenie {
	height:10px;
	clear:both;
}
.wysrodkowane {
	text-align:center;
}
.bez-zawijania {
	white-space:nowrap;
}
.pozycja-google {
	margin:0px auto;
	padding-bottom:5px;
	width:50px;
	font-size:20pt;
	border-bottom:1px solid white;
}
a {
	color:white;
}
a:hover {
	text-decoration:none;
	color:#666666;
}
.kontaktDuzy {
	padding:30px 0px 60px 0px;
	text-align:center;
	font-size:60pt;
}
.kontaktSredni {
	padding:30px 0px 60px 0px;
	text-align:center;
	font-size:30pt;
}
p {
	margin:0px 0px 20px 0px;
}
ul {
	list-style-type:square;
	padding:0px 0px 20px 40px;
}
ol {
	padding:0px 0px 20px 40px;
}
ul ul {
	list-style-type:square;
	padding:0px 0px 0px 40px;
}
h1 {
	padding:0px 0px 20px 0px;
	font-size:22pt;
	line-height:30pt;
	font-weight:normal;
}
h2 {
	padding:0px 0px 20px 0px;
	font-size:20pt;
	line-height:26pt;
	font-weight:normal;
}
h3 {
	padding:0px 0px 20px 0px;
	font-size:16pt;
	line-height:26pt;
	font-weight:normal;
}
h2.uwaga {
	color:#c42729;
	display:inline;
}
.linkZewnetrzny {
	padding-right: 15px;
	background: url(img/link-zewnetrzny.gif) 100% 4px no-repeat;	
}
.linkWewnetrzny {
	padding-right: 16px;
	background: url(img/link-wewnetrzny.gif) 100% 4px no-repeat;	
}

/* *********************************** STRONA *********************************** */

.tresc {
	max-width:1190px;
	margin:0px auto;

	font-size:12pt;
	line-height:18pt;
	text-align:left;
}
.tresc-wieksza {
	font-size:14pt;
	line-height:28pt;
	text-align:justify;
	letter-spacing:1px;
}
.tresc-podpis {
	text-align:right;
	margin:10px 0px 0px 0px;
	font-size:12pt;
}
/*
	bez tla
*/
.szerokie-bez-tla {
	clear:both;
	text-align:center;
	padding:30px 20px 30px 20px;
}
.szerokie-bez-tla * {
	color:#ffffff;
}
.szerokie-bez-tla * a {
	color:#ffffff;
}
.szerokie-bez-tla * a:hover {
	text-decoration:none;
	color:#dddddd;
}
.szerokie-bez-tla * h1 {
	color:#ffffff;
/*	font-size:24pt;*/
	font-weight:normal;
}
.szerokie-bez-tla .przycisk-wiecej a {
	text-decoration:none;
	color:#8B1521;
	font-weight:normal;
	padding:20px;
	background-color:white;
	border:1px solid black;
}
.szerokie-bez-tla .przycisk-wiecej a:hover {
	background-color:#404040;
	color:white;
}

/*
	uwaga
*/
.szerokie-uwaga {
	clear:both;
	text-align:center;
	color:white;
	padding:30px 20px 30px 20px;
	background: #000000;
}
.szerokie-uwaga * a {
	color:#ffffff;
}
.szerokie-uwaga * a:hover {
	text-decoration:none;
	color:#dddddd;
}
.szerokie-uwaga * {
	color:#ffffff;
}
.szerokie-uwaga * h1 {
	color:#ffffff;
/*	font-size:24pt;*/
	font-weight:normal;
}
.szerokie-uwaga .przycisk-wiecej a {
	text-decoration:none;
	color:#8B1521;
	font-weight:normal;
	padding:20px;
	background-color:white;
	border:1px solid black;
}
.szerokie-uwaga .przycisk-wiecej a:hover {
	background-color:#404040;
	color:white;
}

/*
	ciemna
*/
.szerokie-ciemne {
	clear:both;
	text-align:center;
	color:white;
	padding:30px 20px 30px 20px;
	background: #8B1521;
}
.szerokie-ciemne * a {
	color:#ffffff;
}
.szerokie-ciemne * a:hover {
	text-decoration:none;
	color:#dddddd;
}
.szerokie-ciemne * {
	color:#ffffff;
}
.szerokie-ciemne * h1 {
	color:#ffffff;
/*	font-size:24pt;*/
	font-weight:normal;
}
.szerokie-ciemne .przycisk-wiecej a {
	text-decoration:none;
	color:#8B1521;
	font-weight:normal;
	padding:20px;
	background-color:white;
	border:1px solid black;
}
.szerokie-ciemne .przycisk-wiecej a:hover {
	background-color:#404040;
	color:white;
}

/*
	jasna
*/
.szerokie-jasne {
	clear:both;
	text-align:center;
	color:#000000;
	padding:30px 20px 30px 20px;
	background: #ffffff;
}
.szerokie-jasne * a {
	color:#000000;
}
.szerokie-jasne * a:hover {
	text-decoration:none;
	color:#666666;
}
.szerokie-jasne * {
	color:#222222;
}
.szerokie-jasne * h1 {
	color:#000000;
/*	font-size:24pt;*/
	font-weight:normal;
}
.szerokie-jasne * h2 {
	color:#000000;
	font-size:20pt;
	font-weight:normal;
}
.szerokie-jasne .przycisk-wiecej a {
	text-decoration:none;
	color:white;
	font-weight:normal;
	padding:20px;
	background-color:#8B1521;
	border:1px solid white;
}
.szerokie-jasne .przycisk-wiecej a:hover {
	background-color:white;
	color:#8B1521;
}
.przycisk-wiecej {
	clear:both;
	display:block;
	text-align:right;
	margin:20px 0px 0px 0px;
	padding:10px 0px 20px 0px;
}
/*
	zawartosc
*/
.kolumny {
	clear:both;
	text-align:center;

	font-size:12pt;
	line-height:18pt;
}
.kolumny * p { /* 2014-05 */
	font-size:12pt;
	line-height:22pt;
}
.kolumny1 {
	text-align:left;
	max-width:1160px;
	display:inline-block;
	vertical-align: top;
	margin:10px 3px 10px 3px;
}
.kolumny2 {
	text-align:left;
	width:580px;
	display:inline-block;
	vertical-align: top;
	margin:10px 3px 10px 3px;
}
.kolumny3 {
	text-align:left;
	width:385px;
	display:inline-block;
	vertical-align:top;
	margin:10px 3px 10px 3px;
}
.porada-prawa {
	float:right;
	margin:5px 0px 5px 20px;
}
.porada-lewa {
	float:left;
	margin:5px 20px 5px 0px;
}
.porada {
	width:300px;
	background-color:#ffffff;
	color:#000000;
}
.porada h1 {
	background-color:#666666;
	font-weight:normal;
	color:#ffffff;
	padding:10px;
	font-size:20pt;
}
.porada p {
	padding:10px 10px 0px 10px;
	font-size:10pt;
	line-height:14pt;
	font-style:italic;
}

/* *********************************** NAGLOWEK *********************************** */

.naglowek {
	max-width:1190px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
.naglowek-tlo {
	padding:0;
	margin:0;
/* gradient */
	background: #8B1521;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyMzE0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjMxNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #8B1521 0%, #f6f6f6 10%, #f6f6f6 90%, #8B1521 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8B1521), color-stop(10%,#f6f6f6), color-stop(90%,#f6f6f6), color-stop(100%,#8B1521)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #8B1521 0%,#f6f6f6 10%,#f6f6f6 90%,#8B1521 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #8B1521 0%,#f6f6f6 10%,#f6f6f6 90%,#8B1521 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #8B1521 0%,#f6f6f6 10%,#f6f6f6 90%,#8B1521 100%); /* IE10+ */
	background: linear-gradient(to right,  #8B1521 0%,#f6f6f6 10%,#f6f6f6 90%,#8B1521 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8B1521', endColorstr='#8B1521',GradientType=1 ); /* IE6-8 */
}
.naglowek-lewa {
	float:left;
	text-align:left;
	color:white;
}
.naglowek-lewa a {
	text-decoration:none;
}
.naglowek-lewa-mniejsze {
	font-size:18pt;
	color:yellow;
}
.naglowek-prawa {
	float:right;
	color:white;
}
.naglowek-prawa * a {
	text-decoration:none;
}
.naglowek-prawa-tytul {
	text-align:right;
	font-size:18pt;
	color:yellow;
	font-weight:normal;
}
.naglowek-prawa-wyroznienie1 {
	text-align:right;
	font-weight:bold;
	font-size:24pt;
}
.naglowek-prawa-wyroznienie2 {
	text-align:right;
	font-size:16pt;
	font-weight:normal;
}
.naglowek-menu {
	clear:both;
	text-align:left;
	padding:20px 0px 20px 0px;
	background-color:#f6f6f6;
	width:100%;
	border-top:2px solid white;
}
.naglowek-menu ul {
	list-style-type:none;
	padding:0px 0px 0px 0px;
	font-size:14pt;
}
.naglowek-menu ul li {
	display:inline;
}
.naglowek-menu ul li a {
	text-decoration:none;
	color:#393939;
	padding:16px 10px 17px 10px;
	letter-spacing:-0.5px;
}
.naglowek-menu ul li a:hover {
	background-color:#8B1521;
	color:white;
}
.naglowek-menu ul li.naglowek-menu-aktywne a {
	background-color:#8B1521; /* 404040 */
	color:white;
}
.naglowek-menu-ostatni {
	float:right;
}
.naglowek-nawigacja {
	width:100%;
	color:#ffffff;
	margin:30px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	text-align:left;
}
.logoTytul {
	font-size:40pt;
	font-weight:normal;
}
/* *********************************** STOPKA *********************************** */

.referencje {
	padding:40px 0px 40px 0px;
	background-color:#ffffff;
}
.referencje-tresc {
	max-width:1190px;
	margin:0px auto;
	font-size:12pt;
	line-height:18pt;
	text-align:left;
	padding:0px 20px 0px 20px;
}
.referencjeLink a {
	background-color:yellow;
}
.stopka-szeroka {
	padding:50px 0px 50px 0px;
	background-color:#000000;
	color:#ffffff
}
.stopka {
	padding:0px 20px 0px 20px;
	max-width:1190px;
	margin:0px auto;
}
.stopka-menu {
	clear:both;
	width:100%;
}
.stopka-menu ul {
	list-style-type:none;
	padding:0px;
}
.stopka-menu ul li {
	display:inline;
}
.stopka-menu ul li a {
	text-decoration:none;
	color:#393939;
	padding:10px 10px 10px 10px;
}
.stopka-menu ul li a:hover {
	background-color:#404040;
	color:white;
}
.stopka-menu ul li.stopka-menu-aktywne a {
	background-color:#404040;
	color:#ffffff;
}
.stopka-menu-ostatni {
	float:right;
}

/* *********************************** UNIWERSALNE *********************************** */

.obrazy-glowna {
	text-align:center;
    width:100%;
    margin: 0 auto;
    border:1px solid #dedcb4;
    background:#f2f1ea;
    box-shadow: 0px 1px 11px #CCCCCC;
}
.obrazy-glowna .bez-zawijania img {
	margin:5px 2px 0px 2px;
}
.obrazy {
	width:100%;
	text-align:center;
	margin:10px 0px 10px 0px;
}
.obraz-w-kolumnie {
	border:1px solid black;
	display:inline-block;
}
.obraz-z-ramka {
	border:1px solid black;
	display:inline-block;
}
.obraz-duzy {
	width:100%;
}
.obraz-prawy {
	float:right;
	border:1px solid black;
	margin:5px 0px 5px 20px;
}
.obraz-srodkowy {
	text-align:center;
}
.obraz-srodkowy img {
	text-align:center;
	border:1px solid black;
}
.obraz-lewy {
	float:left;
	border:1px solid black;
	margin:5px 20px 5px 0px;
}

/* *********************************** TABELE *********************************** */

.tabelaCechy {
	width:100%;
	text-align:center;
	border-spacing:0px;
	empty-cells:show;
	margin:0px 0px 30px 0px;
}
.tabelaCechyNaglowek td {
	color: #ffffff;
	background: #8B1521;
	text-align: center;
	vertical-align: middle;
}
.tabelaCechy td {
	border:1px #666666 solid;
	border-spacing:0px;
	empty-cells:show;
	padding:13px;
	vertical-align:text-top;
}
.tabelaCechy .tabelaCechyCecha {
	width:33%;
}
.tabelaCechy .tabelaCechyWartosc {
	width:20%;
}

.tabelaKomory {
	width:100%;
	text-align:center;
	border-spacing:0px;
	empty-cells:show;
	margin:0px 0px 30px 0px;
}
.tabelaKomoryNaglowek td {
	color: #ffffff;
	background: #8B1521;
	text-align: center;
	vertical-align: middle;
}
.tabelaKomory td {
	border:1px #666666 solid;
	border-spacing:0px;
	empty-cells:show;
	padding:13px;
	vertical-align:text-top;
}
.tabelaKomory .tabelaKomoryCecha {
	width:25%;
}
.tabelaKomory .tabelaKomoryWartosc {
	width:10%;
	vertical-align: middle;
	text-align: center;
}
.tabelaKomoryNaglowek .tabelaKomoryKolumna, .tabelaKomoryKolumna {
	color:white;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2M0MjcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2M0MjcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #000000 0%, #c42729 20%, #c42729 80%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(20%,#c42729), color-stop(80%,#c42729), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #000000 0%,#c42729 20%,#c42729 80%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #000000 0%,#c42729 20%,#c42729 80%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #000000 0%,#c42729 20%,#c42729 80%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right,  #000000 0%,#c42729 20%,#c42729 80%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}
.tabelaKomoryKolumna {
	font-weight:bold;
}
.doborKomoryKroki {
}
.doborKomoryKroki h2 {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}
.doborKomoryKrok {
	float:left;
	width:25%;
}
.doborKomoryLista {
	width:120px;
}
.doborKomoryWybor {
	font-weight:bold;
	background-color:#8B1521;
	color:#ffffff;
}

td.cel1 {
	vertical-align: top;
	text-align: left;
}
td.cel2 {
	vertical-align: top;
	text-align: center;
}
td.cel3 {
	vertical-align: top;
	text-align: right;
}
td.cel4 {
	vertical-align: middle;
	text-align: left;
}
td.cel5 {
	vertical-align: middle;
	text-align: center;
}
td.cel6 {
	vertical-align: middle;
	text-align: right;
}
td.cel7 {
	vertical-align: bottom;
	text-align: left;
}
td.cel8 {
	vertical-align: bottom;
	text-align: center;
}
td.cel9 {
	vertical-align: bottom;
	text-align: right;
}

/* *********************************** FORMULARZ *********************************** */

dl {
	padding:0px 0px 10px 0px;
}
dt {

}
dd {

}
.szerokie-ciemne form input, .szerokie-ciemne form textarea {
	color:black;
}
.formularzPole {
	width:570px;
}
.formularzPolePolowa {
	width:270px;
}
.formularzWyjasnienie {
	font-size:10pt;
	line-height:14pt;
}
.formularzWyjasnieniePopraw {
	font-size:10pt;
	line-height:14pt;
	color:red;
}
.formularzNumer {
	padding:30px 0px 60px 0px;
	text-align:center;
	font-size:60pt;
}
.formularzPrzycisk {
	text-decoration:none;
	color:white;
	font-size:12pt;
	font-weight:normal;
	padding:20px;
	background-color:#8B1521;
	border:1px solid white;
}
.formularzPrzycisk:hover {
	background-color:white;
	color:#8B1521;
	border:1px solid #8B1521;
}
.formularzPolowa {
	float:left;
	width:300px;
}

/* *********************************** MOBILNE *********************************** */

.mobile-enabled {
	display:none;
}
.mobile-disabled {
	display:block;
}

@media screen and (max-width: 799px) {
	.mobile-enabled { display: block; } 
	.mobile-disabled { display: none; } 
}

.wide-disabled {
	display:none;
}
.wide-enabled {
	display:block;
}

@media screen and (max-width: 1290px) {
	.wide-disabled { display: block; } 
	.wide-enabled { display: none; } 
}
