body { margin:0; padding:0; }
.bez_przewijakow  { overflow:hidden; }
a, embed, object, input, textarea { outline:none; }
p, form, fieldset, input, select, textarea { margin:0; padding:0; }
textarea { overflow:auto; }
img { border:0; }
div.clear { clear: both; width: 100%; overflow: hidden; height: 1px; background: transparent;}

/* administracja ------------------------------------------------------------ */

a.edytuj, a.edytuj:hover
{
	display:block;
	width:auto;
	float:left;
	margin-right: 3px;
	padding:5px 5px 3px 25px;
	background: #ffd737 url('bimg/edytuj.gif') no-repeat 2px 1px;
	border:1px solid #404040;
	color:#000;
	font:bold 11px Arial,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-align:left;
}

div.admin
{
    text-align: center;
    width: 100%;
	padding: 10px 0px;
    background: #eee;
    border-bottom: 1px dashed #999;
}

div.admin div.ogranicznik
{
	width: 550px;
	margin: 0 auto;
}/* OGOLNE ====================================================================*/

body
{
    color:#333;
    font: 12px/15px Tahoma,Arial, sans-serif;
    text-align: center;
    background: #fff;
}

td
{
	font: 12px/15px Tahoma,Arial, sans-serif;
}

input,textarea,select
{
	background: #fdfdfd;
	border: 1px solid #bbb;
}

input.przycisk
{
	background:#efefef;
	cursor:pointer;
}

a
{
	color:#0d5301;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	font-size: 21px;
	padding: 0px;
	margin: 0px;
}

span.komunikat
{
	color:#009900;
}

span.blad
{
	color:#990000;
}

/* TEMPLATKA ================================================================ */

div.srodkowanie
{
    text-align: left;
    width: 990px;
    margin: 0 auto;
}

div.tlo
{
	width: 100%;
	background: #1a1f18 url('img/tlo.jpg') no-repeat top center;
}

div.gora-sokolka
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 990px;
	height: 332px;
	background: transparent url('img/gora-sokolka.png') no-repeat top center;
}

div.gora-eurookna
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 990px;
	height: 332px;
	background: transparent url('img/gora-eurookna.png') no-repeat top center;
}

a.logo-sokolka
{
	position: absolute;
	left: 37px;
	top: 17px;
	width: 340px;
	height: 127px;
}

a.logo-eurookna
{
	position: absolute;
	left: 45px;
	top: 16px;
	width: 273px;
	height: 126px;
}

div.menu-gora
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 990px;
	height: 40px;
	overflow: hidden;
}

div.wnetrze
{
	width: 990px;
	background: transparent url('img/wnetrze.png') repeat-y top center;
}

div.lewa
{
	float: left;
	width: 229px;
}

div.lewa-kontener-sokolka
{
	width: 229px;
	background: #d6d6d6 url('img/pytanie-sokolka.jpg') no-repeat bottom left;
}

div.lewa-kontener-eurookna
{
	width: 229px;
	background: #d6d6d6 url('img/pytanie-eurookna.jpg') no-repeat bottom left;
}

div.pytanie
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 229px;
	height: 315px;
}

div.pytanie input.email
{
	display: block;
	position: absolute;
	left: 17px;
	top: 106px;
	width: 196px;
	border: none;
	background: transparent;
}

div.pytanie textarea.tresc
{
	display: block;
	position: absolute;
	left: 17px;
	top: 156px;
	width: 196px;
	height: 108px;
	border: none;
	background: transparent;
}

div.pytanie input.wyslij
{
	display: block;
	position: absolute;
	left: 177px;
	top: 274px;
	width: 41px;
	height: 23px;
	border: none;
	background: transparent;
	cursor: pointer;
}

div.prawa
{
	float: right;
	padding: 20px 25px 20px 0px;
	width: 710px;
}

div.loga
{
	width: 990px;
	height: 60px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 10px;
}

div.loga-pasek
{
	width: 990px;
	height: 60px;
	overflow: hidden;
}

div.stopka
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 990px;
	height: 100px;
	background: #fff url('img/stopka.png') no-repeat top center;
}

div.stopka-eurookna
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 990px;
	height: 152px;
	background: #fff url('img/stopka-eurookna.png') no-repeat top center;
}

div.stopka-tekst
{
	font: 11px/14px Tahoma,sans-serif;
	color: #333;
	text-align: center;
}

div.stopka-tekst a
{
	font: 11px/14px Tahoma,sans-serif;
	color: #333;
	text-decoration: none;
}

div.stopka-tekst a:hover
{
	color: #000;
	text-decoration: underline;
}

/* SLIDER =================================================================== */

div.slideshow-kontener
{
	padding: 6px;
	width: 978px;
	height: 222px;
	overflow: hidden;
	background: #fff;
}

div.slideshow
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 978px;
	height: 222px;
	overflow: hidden;
}

div.slideshow img
{
	width: 978px;
	height: 222px;
}


/* PRZEGLADY ARTYKULOW ====================================================== */

div.przeglady-artykul
{
	position: relative;
	margin: 15px 0px;
	padding: 10px;
	background: #e6e6e6;
}

a.przeglady-zdjecie
{
	float:left;
	display: block;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 20px 0px 0px;
}

div.przeglady-tekst
{
	float:left;
	width: 100%;
	text-align: justify;
}

a.przeglady-naglowek
{
	display: block;
	margin-bottom: 3px;
	font-weight:bold;
	font: 18px/18px sans-serif;
	text-decoration: none;
}

div.przeglady-data-dopisek
{
	color:#666;
	margin-top: 3px;
	margin-bottom: 12px;
}

a.wiecej
{
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 94px;
	height: 20px;
	padding: 2px 0px 0px 0px;
	background: transparent url('img/wiecej.png') no-repeat top left;
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
}

/* ARTYKULY (TAKZE ARTYKULY W PRZEGLADACH) ================================== */

div.artykuly-zdjecia
{
	float:right;
	margin: 3px 0px 10px 15px;
}

div.artykuly-zdjecia ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div.artykuly-zdjecia ul li
{
	margin-bottom: 15px;
	background: transparent;
}

div.artykuly-zdjecia ul li a
{
	display: block;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

div.artykuly-zdjecia div.podpis
{
	text-align: center;
	margin-top: 3px;
}

/* GALERIE (KATEGORYZOWANE I POJEDYNCZE GALERIE-ARTYKULY ==================== */

table.galeria
{
	
}

table.galeria td
{
	background: #e6e6e6;
	padding: 5px;
	vertical-align: top;
}

table.galeria td a
{
	display: block;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

table.galeria td div.podpis
{
	text-align: center;
	margin-top: 3px;
}

table.galeria-kategoria
{
	
}

table.galeria-kategoria td
{
	width:172px;
	padding: 5px;
	vertical-align: top;
}

table.galeria-kategoria td img
{
	padding:3px;
	border: 1px solid #ccc;
}

table.galeria-kategoria td div.podpis
{
	text-align: center;
	margin-top: 3px;
}

/* SALONY =================================================================== */

table.salony
{
	width: 100%;
}


table.salony tr td:first-child
{
	background: #e6e6e6;
	padding: 20px;
}

/* BOXY ===================================================================== */

div.boxy
{
	margin-top: 40px;
}

a.box
{
	display: block;
	float: left;
	width: 165px;
	text-decoration: none;
	margin-left: 16px;
}

a.box:hover
{
	/*background: #e6e6e6;*/
}

a.box img
{
	text-decoration: none;
}

a.box span
{
	display: block;
	padding: 5px 5px 5px 5px;
	color:#000;
	font: 11px/14px Tahoma,Arial,sans-serif;
	text-decoration: none;
}/* MENU GORNE ============================================================== */

div.menu-gora a
{
	display: block;
	float: left;
	font: 19px/19px sans-serif;
	text-transform: uppercase;
	margin: 11px 31px 10px 31px;
	text-decoration: none;
}

div.gora-sokolka div.menu-gora a
{
	color:#fff;
}

div.gora-sokolka div.menu-gora a:hover,
div.gora-sokolka div.menu-gora a.aktywna,
div.gora-sokolka div.menu-gora a.aktywna:hover
{
	color:#ececa4;
	text-decoration: none;
}

div.gora-eurookna div.menu-gora a
{
	color:#000;
}

div.gora-eurookna div.menu-gora a:hover,
div.gora-eurookna div.menu-gora a.aktywna,
div.gora-eurookna div.menu-gora a.aktywna:hover
{
	color:#dc0024;
	text-decoration: none;
}

/* MENU LEWE =============================================================== */

div.menu-lewa a
{
	font: 15px/30px sans-serif;
	display: block;
	padding: 0px 0px 0px 14px;
	text-decoration: none;
	color:#000;
	text-transform: uppercase;
}


div.menu-lewa a:hover,
div.menu-lewa a.aktywna,
div.menu-lewa a.aktywna:hover
{
	color: #0d5301;
}
div.paginacja
{
	margin:15px 0px
}

div.paginacja a
{
	display:block;
	background-color: #eee;
	color:#222;
	border:1px solid #999;
	margin-right: 2px;
	float:left;
	font: bold 12px/12px Arial,sans-serif;
}

div.paginacja a:hover
{
	text-decoration: none;
	background-color: #ddd;
}

div.paginacja a.pierwsza_strona
{
	
	width:8px;
	height:14px;
	background-image: url('img/paginacja/paginacja_pierwsza_strona.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.lewo
{
	width:7px;
	height:14px;
	background-image: url('img/paginacja/paginacja_lewo.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.prawo
{
	width:7px;
	height:14px;
	background-image: url('img/paginacja/paginacja_prawo.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.ostatnia_strona
{
	width:8px;
	height:14px;
	background-image: url('img/paginacja/paginacja_ostatnia_strona.png');
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	padding:1px 3px;
}

div.paginacja a.cyfra
{
	text-decoration: none;
	padding:2px 4px;
}

div.paginacja a.cyfra_zaznaczona
{
	text-decoration: none;
	padding:2px 4px;
	background-color: #a6d29e;
}