/*  
Theme Name: HPReklama
Theme URI: http://www.hpreklama.com
Description: Template do strony HPReklama wykonany przez firmę EXRPOMO.
Version: 1.0
Author: EXPROMO
Author URI: http://www.expromo.pl
*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.nodisplay {
	display: none;
}
.clear {
	clear: both;
}
a {
	outline: none;
	text-decoration: none;
	color: #000;
}
object {
	outline: none !important;
}
a:hover {
	color: #fc8000;
}
.content980 {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 100%;
	height: 253px;
	background: url('images/mainbg.jpg') repeat-x;
}
#headerinfo {
	height: 20px;
	font-size: 10px;
	padding-top: 6px;
}
#headerleft {
	float: left;
}
#headerright {
	float: right;
}
#header .content980 {
	position: relative;
}
#animacja {
	
}
#menubar {
	width: 961px;
	height: 64px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: url('images/menubar.png') no-repeat;
	margin-top: -25px;
}
#logo a{
	display: block;
	width: 154px;
	height: 108px;
	position: absolute;
	background: url('images/logo.png') no-repeat;
	left: 54px;
	top: -10px;
}
#logo a:hover {
	background: url('images/logoon.png') no-repeat;
	top: -8px;
}
#menu {
	position: absolute;
	left: 201px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	display: block;
	float: left;
	position: relative;
	background: url('images/buttonoff.jpg') no-repeat;
	background-position: right center;
}
#menu ul li a {
	display: block;
	float: left;
	padding-top: 19px;
	padding-bottom: 18px;
	padding-left: 20px;
	padding-right: 20px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	
}
#menu ul li a:hover, #menu ul li:hover{
	background: url('images/buttonon.jpg') no-repeat;
	background-position: right center;
	color: #f47f00;
}
#menu ul li:hover a {
	color: #f47f00;
}
#menu ul li ul {
	position: absolute;
	width: 100%;
	top: 51px;
	left: 0;
	z-index: 100000;
}
#menu ul li ul li a{
	display: block;
	padding: 0px;
	background: url('images/submenubg.jpg') !important;
	color: #FFF !important;
	width: 230px;
	padding: 3px;
	font-weight: normal;
}
#menu ul li ul li a:hover{
	color: #FFF !important;
	background: url('images/submenubg-on.jpg') !important;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul li.sfhover ul ul,
#menu ul ul li.sfhover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul li.sfhover ul,
#menu ul ul li.sfhover ul,
#menu ul ul ul li.sfhover ul
{display: block;
}
/* Formatowanie ramki z treścią */
#content {
	padding-bottom: 20px;
	padding-top: 15px;
}
#content h1 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
}
#content h1 a{
	color: #330c6f;
}
#content h1 a:hover {
	color: #f38000;
}
#navi {
	border-bottom: 1px black solid;
	padding: 5px;
	font-weight: bold;
	width: 720px;
}
#navi a {
	font-weight: normal;
}
#goup {
	float: right;	
	font-size: 10px;
}
#goup a {
	font-weight: normal;
	color: #999999;
}
#goup a:hover {
	color: #fc8000 !important;
}

/* Formatowanie stopki */
#footer {
	width: 100%;
	height: 27px;
	padding-top: 13px;
	background: url('images/menubg.jpg') repeat-x;
}
#menufooter ul{
	margin: 0;
	padding: 0;
}
#menufooter ul li {
	display: block;
	float: left;
	padding-right: 30px;
}
#menufooter ul li a {
	color: #747474;
	text-decoration: none;
}
#menufooter ul li a:hover {
	color: #000;
	border-bottom: 2px #fc8000 solid;
}
#menufooter {
	float: right;
}
#copyright {
	float: left;
	color: #9b9b9b;
}
/* Formatowanie dolnych pasków */
#promoted {
	width: 100%;
	height: 157px;
	background: url('images/gallerybg.jpg') repeat-x;
	text-align: center;
	padding-top: 15px;
}
#promoted img {
	display: inline;
	border: 0;

	padding: 0 !important;
}
#promoted a img {
	border: 10px #ee9a5b solid;
	margin-right: 10px;
	filter: alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity: 0.85;
}
#promoted a:hover img {
	border: 10px #330c6f solid;
	filter: alpha(opacity=100);
	opacity: 1.00;
	-moz-opacity: 1.00;
}
#promoted h2 {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #330c6f;
}
#sidebar {
	width: 100%;
	height: 172px;
	background: url('images/bottombg.jpg') repeat-x;
	color: #FFF;
}
#sidebar h1 {
	margin: 0;
	padding: 0;
	height: 32px;
	font-size: 14px;
	color: #FFF;
	padding-top: 10px;
}
.sidebarelement {
	width: 31%;
	padding-left: 2%;
	float: left;
	height: 172px;
	background: url('images/bottom-gradient.jpg') no-repeat;
	background-position: right center;
}
h1.aktualnosci {
	background: url('images/aktualnosci.jpg') no-repeat;
	background-position: left top;
	width: 85%;
	padding-left: 15% !important;
}
h1.informacje {
	width: 85%;
	padding-left: 15% !important;
	background: url('images/informacje.jpg') no-repeat;
}
h1.szybkikontakt {
	width: 85%;
	padding-left: 15% !important;
	background: url('images/newsletter.jpg') no-repeat;
}
/* Formatowanie sidebar w treści */
#contentsidebar {
	float: right;
	width: 240px;
}
#contentsidebar h2{
	background: #FFF url('images/h2_header.jpg') no-repeat; 
	color: #FFF;
	margin: 0;
	padding: 0;
	font-size: 12px;
	padding: 10px;
	margin-top: 5px;
}
.contentsbelement {
	background: #F2F2F2;
	padding: 10px;
}
.content {
	width: 720px;
	padding-top: 10px;
}
/* Formatowanie na potrzeby WP */
.sidebarelement a {
	color: #FFF;
}
.sidebarelement a:hover {
	color: #f48000;
}
.szybkikontaktcontainer p{
	margin: 0;
	padding: 0;
	padding-left: 45px;
}
.datebottom {
	float: right;
	padding: 5px;
	font-size: 10px;
	padding-top: 0;
	color: #f48000;
}
.newscontentbottom {
	font-size: 10px;
}
.newsbottom {
	padding-bottom: 10px;
}
/* Formatowanie formularza */
.quickcontant {
	font-size: 10px;
}
.quickcontant .wpcf7-response-output {
	border: 0 !important;
}
.quickcontant p {
	margin: 0;
	padding: 0;
}
.quickcontant input{
	border: 1px black solid;
	float: left;
	padding: 3px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333; 
}
.quickcontant input.wiadomosc {
	width: 230px;
	background: url('images/inputbg.jpg') repeat-x;
	background-position: center top;
}
.quickcontant input.danekontaktowe {
	width: 165px;
	background: url('images/inputbg.jpg') repeat-x;
	margin-right: 5px;
}
.quickcontant input.wiadomosc:focus, .quickcontant input.danekontaktowe:focus {
	background: #FFEBD7;
}
.quickcontant input.submit {
	width: 60px;
	padding: 2px;
	background: url('images/submitbg.jpg') repeat-x;
	color: #FFF;
}
/* Formatowanie newsów */
.newspage{
	width: 700px;
}
.newsdate{
	float: right;
	font-size: 10px;
	color: #340c70;
	font-weight: bold;
}
.newstitle{
	font-size: 16px !important;
}
.newscontent{
}
/* Formatowanie galerii */
.galleryblock {
	margin: 2px !important;
	text-align: center !important;
	padding: 0 !important;
	margin-right: 2px !important;
	margin-left: 2px !important;
}
.galleryblock img {
	border: 0 !important;
}
.galleryblock a img {
	border: 3px #ececec solid !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.70 !important;
	-moz-opacity: 0.70 !important;
}
.galleryblock a:hover img {
	border: 3px #f48000 solid !important;
	filter: alpha(opacity=100) !important;
	opacity: 1.00 !important;
	-moz-opacity: 1.00 !important;
}
/* Formatowanie albumu */
.ngg-albumoverview, .ngg-galleryoverview{
	width: 700px !important;
	float: left!important;
	clear: left!important;
}
.ngg-albumoverview .galleryblock {
	margin: 5px !important;
	text-align: left !important;
	padding: 0 !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
	float: left;
	clear: left;
	width: 600px;
}
.ngg-albumoverview .galleryblock a {
	font-size: 16px;
	font-weight: bold;
	width: 450px;
}
.ngg-albumoverview .galleryblock img {
	border: 0 !important;
	float: left;
	margin-right: 10px;
}
.ngg-albumoverview .galleryblock a img {
	border: 5px #ececec solid !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.70 !important;
	-moz-opacity: 0.70 !important;
}
.ngg-albumoverview .galleryblock a:hover img {
	border: 5px #f48000 solid !important;
	filter: alpha(opacity=100) !important;
	opacity: 1.00 !important;
	-moz-opacity: 1.00 !important;
}
.hpboat a img {
	border: 5px white solid;
}
.hpboat a:hover img {
	border: 5px #f81b25 solid;
}
/* Formatowanie sidebaru po prawej */
#contentsidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contentsidebar ul li {
	margin-bottom: 10px;
}
.map {
	width: 700px;
	height: 500px;
	border: 1px black dotted;
}
/* Formatowanie formularza kontatkwego */
.formularz {
	width: 100%;
	text-align: center;
	font-size: 10px;
}
.formularz input, .formularz textarea{
	border: 1px black solid;
	padding: 3px;
	background: #F0F0F0; 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
}
.formularz input:focus, .formularz textarea:focus {
	background: #FFEBD7;
}
.formularz input.submit {
	width: 200px;
	padding: 5px;
	background: url('images/submitbg.jpg') repeat-x;
	color: #FFF;
}