body {
	color: #8B8986;
	font-family: 'myriad pro', MyriadPro, calibri, verdana, sans-serif;
	font-size: 15px;
	background: #eeeeee;
	margin: 0;
}

:focus { 	outline: none; }

a {
	color: #0084ff;
	text-decoration: none;
}

a img { border: none; }
form { margin:0; padding:0;}

h1 {
	font-family: 'myriad pro', MyriadPro, calibri, verdana, sans-serif;
	font-weight: normal;
	font-size: 54px;
	color: #fff;
	margin: 20px 0;
}

h3 {
	letter-spacing: 2px;
	font-family: 'myriad pro', MyriadPro, calibri, verdana, sans-serif;
	font-weight: normal;
	font-size: 19px;
	color: #111;
	margin: 10px 0;	
}

p {
	margin: 10px 0;
}

hr {
	margin: 15px auto;
	background-color: #e1e0de;
	color: #e1e0de;
	border: none;
	height: 2px;
	width: 98%;
}

textarea { overflow: auto; }

#pageHeader {
	background:#f7f7f7;
	height: 80px;
	width: 100%;
}

#logo {
	float: left;
	margin: 8px 0 0 42px;
}

/* Menu główne - START */

#mainMenu {
	float: right;
	margin: 25px 25px 0 0;
	padding: 0;
}

#mainMenu a {
	float: left;
	display: block;
	height: 47px;
}

#index { background: url('../images/menu/strona_glowna.gif') no-repeat; width: 130px; margin-right: 10px; }
#index:hover { background-image: url('../images/menu/strona_glowna_hover.gif'); }
#index.active, #index.active:hover { background-image: url('../images/menu/strona_glowna_active.gif'); }

#oferty { background: url('../images/menu/oferty.gif') no-repeat; width: 55px; margin-right: 23px; }
#oferty:hover { background-image: url('../images/menu/oferty_hover.gif'); }
#oferty.active, #oferty.active:hover { background-image: url('../images/menu/oferty_active.gif'); }

#dlawydawnictw { background: url('../images/menu/dla_wydawnictw.gif') no-repeat; width: 149px; margin-right: 2px; }
#dlawydawnictw:hover { background-image: url('../images/menu/dla_wydawnictw_hover.gif'); }
#dlawydawnictw.active, #dlawydawnictw.active:hover { background-image: url('../images/menu/dla_wydawnictw_active.gif'); }

#dlafirm { background: url('../images/menu/dla_firm.gif') no-repeat; width: 69px; margin-right: 21px; }
#dlafirm:hover { background-image: url('../images/menu/dla_firm_hover.gif'); }
#dlafirm.active, #dlafirm.active:hover { background-image: url('../images/menu/dla_firm_active.gif'); }

#dlafotografow { background: url('../images/menu/dla_fotografow.gif') no-repeat; width: 135px; margin-right: 7px; }
#dlafotografow:hover { background-image: url('../images/menu/dla_fotografow_hover.gif'); }
#dlafotografow.active, #dlafotografow.active:hover { background-image: url('../images/menu/dla_fotografow_active.gif'); }

#onas { background: url('../images/menu/o_nas.gif') no-repeat; width: 48px; }
#onas:hover { background-image: url('../images/menu/o_nas_hover.gif'); }
#onas.active, #onas.active:hover { background-image: url('../images/menu/o_nas_active.gif'); }

/* Menu główne - STOP */


/* Listwa z wyszukiwarką - START */

#searchBar {
	clear: both;
	background: #91908e;
	height: 35px;
	border-top: 1px solid #b9b9b8;
	border-bottom: 1px solid #cecdcd;
}

#searchBar form {
	float: left;
	margin: 6px 0 0 8px;
}

#searchBar input {
	vertical-align: middle;
}

#enFlag { 
	float:right;
	margin: 9px 14px;
}

/* Listwa z wyszukiwarką - STOP */


/* Menu drugiego poziomu - START */

#subMenu {
	height: 22px;
	background: #676767;
}

#subMenu a {
	display: block;
	float: left;
}

/* Menu drugiego poziomu - STOP */

#thirdLevelMenu a {
	color: #8A8885;
	font-size: 23px;
	margin-right: 15px;
	padding-bottom: 2px;
}

#thirdLevelMenu a.active {
	color: #000;
	border-bottom: 3px solid #0084ff;
}

/* Stopka strony - START */

#pageFooter {
	color: #888;
	text-align: right;
	margin: 0 2%;
	font-size: 8pt;
	line-height: 34px;
}
#pageFooter img { 
	display: block;
	float: right;
	margin: 0 0 0 5px;
}

#keywords {
	color: #bbb;
	clear: both;
	text-align: center;
	margin: 0 auto;
	line-height: 14px;
}

/* Stopka strony - STOP */

.clear { clear: both; }
.toRight { float: right; }
.toLeft { float: left; }
.lh1 { line-height: 100%; }
.lh12 { line-height: 120%; }

.alCenter { text-align: center; }
.alLeft { text-align: left; }

.textinput { 
	background: url('../images/inputbg.gif') no-repeat #fff;
	font-family: verdana, arial, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-bottom-color: #989692;
	border-right-color: #a3a19d;
	border-top-color: #817e79;
	border-left-color: #8a8985;
	padding: 4px 0 3px 3px;
	margin: 0;
	font-size: 11px !important;
	width: 210px;
}

.buttoninput {
	font-family: MyriadPro, 'myriad pro', verdana, sans-serif;
	font-size: 12px;
	background-color: #0084FF;
	border: 1px solid #ccc;
	margin: 0 12px 0 0;
	color: #FFF;
	padding: 1px;
}

.wide {	width: 340px; }

textarea.wide {	height: 200px; }

input:focus { outline: 1px solid #bbb; }

.narrowPage {
	width: 635px;
	margin-left: 193px;
}

.narrowPage p {
	color: #111;
	text-align: justify;
}

.widePage {
	width: 1147px;
	margin: 0 auto 15px auto;
}

.paging {
	margin-top: 15px;
	text-align: center;
}

.paging a {
	color: #b8b8b8;
}

.paging a.active, .paging a:hover {
	color: #0084ff;
}

.paging a.active { text-decoration: underline; font-size: 16px; }

.blackTitle { color: #3a3533; font-size: 26px; }
.grayTitle { color: #63615e; font-size: 24px; }


ul { list-style-image: url('../images/dot_blue_light.gif'); }

.darkText, ul.darkText, p.darkText { color: #111; }
p.bigLinks { line-height: 19px; }
.bigLinks a { font-size: 18px; }
.small { font-size: 13px; }

hr.blue { background-color: #0084ff; 	color: #0084ff; }

#lettersMenu {
	letter-spacing: 3.5pt;
	text-align: center;
	white-space: nowrap;
	overflow: visible;
}

#lettersMenu a {
	color: #000;
	font-size: 20px;
	
}

#lettersMenu a.active {
	color: #0084ff;
	border-bottom: 3px solid #0084ff;
	font-size: 25px;
}

#photographersMenu {
	margin: 20px 0;
}

#loginForm {
	width: 215px;
}

#profileForm {
	width: 350px;
}

#loginForm input  {
	margin-top: 3px;
	margin-bottom: 15px;
}
#profileForm input.textinput {
	margin-top: 3px;
	margin-bottom: 7px;
}
.category {
	font-size: 13px;
	width: 175px;
	float: left;
}

.category input { 
	vertical-align: middle;
	margin: 1px;
}

.logos {
	text-align: justify;
	padding: 23px 0;
	vertical-align: middle;
}

.logo {
	margin: 9px;
	float: left;
	display: block;
	background: #aaa;
}

.logo img {
	position: relative;
	left: -5px;
	top: -5px;
}