﻿/*  
Theme Name: EXPRESSO
Theme URI: http://www.expromo.pl
Description: EXPRESSO - Twoja Mocna Strona
Version: 1.0
Author: EXPROMO
Author URI: http://www.expromo.pl
*/
/******************************************************************************/
/***********************************CONTENTS***********************************/
/*******************************************************************************
	1. GENERAL SITE FORMATTING
	2. MAIN CONTENT FRAME FORMATTING
	3. CONTENT ELEMENTS FORMATTING
		3a. LEFT SIDE WIDGETS
		3b. TOP WIDGET
		3c. MIDDLE CONTENT
		3d. RIGHT SIDE WIDGETS
	4. LOGO FORMATTING
	5. HEADER ELEMENTS FORMATTING
	6. MENU BAR FORMATTING
	7. FOOTER FORMATTING
	8. AJAX LOGIN FORM FORMATTING
*******************************************************************************/
/**************************1. GENERAL SITE FORMATTING**************************/
/******************************************************************************/
.textalign-right {
	text-align: right;
}
.textalign-left {
	text-align: left;
}
#simlock-wakacje-container-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9998;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	display: none;
	cursor: pointer;
}
#simlock-wakacje-container {

	position: fixed;
	width: 700px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -250px;
	z-index: 9999;
	display: none;
}
	#simlock-wakacje {
		background: #fff;
		position: absolute;
		top: 0px;
		left: 0px;
		border: 10px #e2e2e2 solid;
		padding: 20px;
		box-shadow: #000 0px 0px 60px;
		display: none;
		font-size: 16px;
	}
		#simlock-wakacje p {
			margin-top: 25px;
		}
	#simlock-wakacje h1 {
		margin: 0;
		padding: 0;
		color: #d70000;
	}
	#simlock-wakacje-close {
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 10px;
		font-weight: bold;
	}
		#simlock-wakacje-close:hover {
			color: #da0000;
		}


body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Helvetica, sans-serif;
	background-position: center bottom;
	background-repeat: repeat-x;
	font-size: 12px;
	position: relative;
}
a img {
	border: 0px;
}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
#wp-calendar a{
text-decoration:none;
display:block;
}
#wp-calendar a:hover {
}

#wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:left;width:100%;}
#wp-calendar th{
font-style:normal;
text-transform:capitalize;
}
#wp-calendar{empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #next a{padding-right:10px;text-align:right;background: none;}
#wp-calendar #prev a{padding-left:10px;text-align:left;background: none;}
#wp-calendar #prev a:hover, #wp-calendar #next a:hover {
background: none;
color:#000;
}
#wp-calendar td{text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover{background-color:#fff;}
a:link,a:active{
text-decoration: none;
color: #4F4F4F;
border: none;
}
#color-configuration-container {
	display: none;
}

#toggle-disable {
	display: none;
}
#licence {
	display: none;
}
#adminbar {
	font-size: 10px;
	font-family: Tahoma, Helvetica, sans-serif;
	position:absolute;
	width: 20%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #7e7e7e solid;
	border-top: 1px #7e7e7e solid;
	z-index: 100;
	font-weight: bold;
	cursor: help;
	background: #555;
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-bottom: 1px black solid;
	top: 4px;
	right: 0;
}
.content960 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.clear-this {
	clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}
.ie-fixer {
	width: 100%;
	height: 1px;	
}
.no-display {
	display: none;
}
#body-container {
	width: 100%;
	background-position: center top;
	background-repeat: repeat-x;
	overflow: visible !important;
	position:relative;
}
#body-background-container-left {
	width: 100%;
	overflow: visible !important;
	position:relative;
}
#body-background-container-right {
	width: 100%;
	padding-top: 30px;
	position:relative;
	overflow: visible !important;
}

a {
	text-decoration: none;
	outline: none;
}
/******************************************************************************/
/***********************2. MAIN CONTENT FRAME FORMATTING***********************/
/******************************************************************************/
#main-frame-content-container {
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;

	overflow: visible !important;

}
#main-frame-content {
	width: 924px;
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: visible !important;
}
#main-frame {
	width: 924px;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 600px;
	position: relative;
	overflow: visible !important;
}
#simlock-animation {
	position: absolute;
	/* top: -165px;
	left: 0; */
	z-index: 100;
	width: 924px;
	height: 195px;background: #FFFFFF;
 	overflow: hidden; 
}
#simlock-logo {
	width: 924px; 
	/* position: absolute;
	top: -267px;
	left: 0;*/
	height: 102px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url('images/logo.png') no-repeat;
	background-position: center center;
	z-index: 900;
}
#simlock {
	display: block;
	width: 700px;
	height: 102px;
	position: absolute;
	top: 0;
	left: 0;
}
#dojazd {
	display: block;
	width: 215px;
	height: 87px;
	background: url('images/dojazd.png'); 
	z-index: 300;
	position: absolute;
	right: -15px;
	top: 15px;
	cursor: pointer !important;
}
#dojazd:hover {
	top: 10px;
}

#main-frame-footer-holder {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer {
	height: 78px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: -40px;
	padding-top: 15px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer-container {
	width: 904px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer-container div {
	filter: alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity: 0.60;
}
#main-frame-footer-copyright {
	float: left;
	font-size: 10px;
}
#main-frame-footer-copyright p {
	margin: 0;
	padding: 0;
}
#main-frame-footer-menu {
	float: right;
	font-size: 10px;
}
#main-frame-footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-frame-footer-menu ul li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
/******************************************************************************/
/**********************3. CONTENT ELEMENTS FORMATTING**************************/
/******************************************************************************/
/*****************************3a. LEFT SIDE WIDGETS****************************/

#widgets-left {
	float: left;
	width: 200px;
}

#widgets-left-ie-height {
	height: 200px;
	float: right;
}

.widget-left-corner {
	width: 200px;
	height: 16px;
	background: url('images/top-right-widget/top-widget-top-right-corner-left.gif') no-repeat;
	background-position: left center;
	margin-left: -11px;
}
.widget-left-container {
	position: relative;
	padding-top: 60px;
}
.widget-left-container h3 {
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: -11px;
	font-size: 12px;
	background-repeat: no-repeat;
	color: #FFF;
	width: 200px;
	height: 25px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0;
	padding-bottom: 0;
}
.widget-left-title {
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}
.widget-left-content {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -25px;
}
.widget-top-animation-container {
	width: 711px;
	height: 200px;
	text-align: center;
	position: relative;
	 overflow: hidden; 
}
.widget-top-animation-container img{



}

/********************************3b. TOP WIDGET********************************/
.widget-top-content-container {
	float: right;
	width: 735px;
	margin-right: -11px;
	margin-top: 16px;
}
.widget-top-content {
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: -16px;
	padding-top: 16px;
}
.widget-top {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 39px;
	padding-left: 24px;
}
.widget-top-ie7 {
	display: none;
}
/*******************************3c. MIDDLE CONTENT*****************************/
#content-center {
	float: left;
	width: 100%;



}
.navi {
	padding-top: 15px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #E9E9E9;
	font-weight: bold;
	font-size: 10px;
}
.navi a {
	font-weight: normal;
}
.navi a:hover {

}
.content {
	float: left !important;
	
}


.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	
}

.content h1{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
}
.content h2{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
	font-size: 15px;
}
.content h3{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
}
.content h4{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
}
.content h5{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}
.content h6{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
}

#ie-height {
	display: none;
}
/****************************3d. RIGHT SIDE WIDGETS****************************/

#widgets-right {
	float: right;
	width: 200px;
}
.widget-right-container {
	position: relative;
	padding-top: 60px;
}
.widget-right-corner {
	background: url('images/top-right-widget/top-widget-top-right-corner.gif') no-repeat;
	background-position: right center;
	width: 180px;
	height: 16px;
	margin-left: 31px;
}
.widget-right-container h3 {
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -11px;
	font-size: 12px;
	background-repeat: no-repeat;
	color: #FFF;
	width: 200px;
	height: 25px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0;
	padding-bottom: 0;
}
.widget-right-title {
	font-size: 14px;
	padding-left: 20px;
	font-weight: bold;
}
.widget-right-content {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -25px;
}
/******************************************************************************/
/*******************************4. LOGO FORMATTING*****************************/
/******************************************************************************/
#logo {
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	float: left;
	position: relative;
}
#logo-image-container {
	float: left;
	width: 350px;
}
#logo-image {
	float: left;
	position: relative;
	width: 350px;
	background: #FFF;
	text-align: center;
	margin-left: 20px;
	margin-top: -20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#logo-image img {
	border: 0;
}
#logo-image-shadow {
	float: left;
	width: 350px;
	height: 16px;
	background: url('images/logo/logo-image-shadow-bottom.png') no-repeat;
	position: relative;
	background-position: center center;
	margin-left: 20px;
}
#logo a {
	text-decoration: none;
}
#logo a:hover {
	text-decoration: none;
}
#logo h1 {
	margin: 0;
	padding: 0;
	font-size: 45px;
}
#logo h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#logo-container {
	position: absolute;
	top: -10px;
	left: 20px;
	height: 120px;
	width: 300px;
}
#logo-container p {
	background: #FFF;
	width: 300px;
	height: 120px;
	text-align: center;
	margin: 0;
	padding: 0;
}
/******************************************************************************/
/*************************5. HEADER ELEMENTS FORMATTING************************/
/******************************************************************************/
#top-menu {
	float: right;
	margin-bottom: 50px;
}
#top-menu ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
	list-style: none;
}
#top-menu ul li {
	float: left;
	margin-right: 20px;
}
#top-menu ul li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
#top-menu ul li a:hover, #top-menu ul li.sfhover a{
	text-decoration: none;
	cursor: pointer;
}
#top-widget {
	float: right;
	clear: right;
	margin-right: 25px;
}
#top-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-widget-near-logo {
	width: 400px;
	float: right;
	clear: right;
	text-align: right !important;
}
/******************************************************************************/
/*****************************6. MENU BAR FORMATTING***************************/
/******************************************************************************/
#main-menu-corners {
	width: 946px;
	height: 16px;
	margin-left: -11px;
	margin-top: 165px;
}
#main-menu-left-corner {
	width: 11px;
	height: 16px;
	display: block;
	float: left;
	background: url('images/top-right-widget/top-widget-top-right-corner-left.gif') no-repeat;
}
#main-menu-right-corner {
	width: 11px;
	height: 16px;
	display: block;
	float: right;
	background: url('images/top-right-widget/top-widget-top-right-corner.gif') no-repeat;
}
#main-menu-bar {
	width: 945px;
	height: 62px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-left: -11px;
	position: relative;
	z-index: 3;
}
#main-menu-bar ul {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-menu-bar ul li {
	float: left;
	position: relative;
}
#main-menu-bar ul li a{
	padding: 23px 41px 22px 41px;
	display: block;
	font-size: 14px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	cursor: pointer;
}
#main-menu-bar ul li a:hover, #main-menu-bar ul li:hover a, #main-menu-bar ul li.sfhover a{
	background-repeat: no-repeat;
	background-position: right center;
}
#main-menu-bar ul li ul {
	position: absolute;
	z-index: 3;
	top: 62px;
	left: 0;
	padding-top: 0;
}
#main-menu-bar ul li ul li {
	float: left;
	clear: left;
	margin: 0;
	position: relative;
}
#main-menu-bar ul li ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 160px;
	font-size: 12px;
	}
#main-menu-bar ul li ul li a:hover {
	background-repeat: no-repeat;
	background-position: right center;
}
#main-menu-bar ul li ul li:hover a, #main-menu-bar ul li ul li.sfhover a {
	text-align: right;
}
#main-menu-bar ul ul ul {
	position: absolute;
	top: 0;
	left: 240px;
}
#main-menu-bar ul ul ul li {

}
#main-menu-bar ul ul ul li a {
	text-align: left !important;
}
#main-menu-bar ul ul ul li a:hover {
	text-align: right !important;
}
#main-menu-bar ul ul,
#main-menu-bar ul li:hover ul ul,
#main-menu-bar ul ul li:hover ul ul,
#main-menu-bar ul li.sfhover ul ul,
#main-menu-bar ul ul li.sfhover ul ul
{display: none;}

#main-menu-bar ul li:hover ul,
#main-menu-bar ul ul li:hover ul,
#main-menu-bar ul ul ul li:hover ul,
#main-menu-bar ul li.sfhover ul,
#main-menu-bar ul ul li.sfhover ul,
#main-menu-bar ul ul ul li.sfhover ul
{display: block;
}

/******************************************************************************/
/******************************7. FOOTER FORMATTING****************************/
/******************************************************************************/
#footer-widgets {
	padding-bottom: 20px;
}
#footer-widgets .widget {
	min-height: 180px;
	background-repeat: no-repeat;
	background-position: right center;
	width: 48%;
	padding-left: 1%;
	float: left;
}
.footer-widgets-ie-fix {
	float: left;
	height: 180px;
}
#footer-widgets h2 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;;
	background: none;
}
#footer-widgets-on-top {
	position: relative !important;
	z-index: 100 !important;
	padding-top: 50px !important;
}
/***********************8. AJAX LOGIN FORM FORMATTING**************************/
.ajax-login-form {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}
.ajax-login-form input {
	width: 80%;
	padding: 3px;
	margin: 2px;
	font-size: 12px;
	font-family: Tahoma, Helvetica, sans-serif;

}
.ajax-login-form .ajax-submit {
	width: 120px;
	font-weight: bold;
}
.ajax-login-form .ajax-submit:focus, .ajax-login-form .ajax-submit:hover {
	cursor: pointer;
}
.ajax-login-form a {
	margin: 5px auto;
	display: block !important;
		width: 80% !important;
		text-decoration: none !important;
		padding: 3px !important;
	}

