@font-face {
    font-family: 'DejaRipBold';
    src: url('fonts/dejarip-bold-webfont.eot');
    src: url('fonts/dejarip-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejarip-bold-webfont.woff') format('woff'),
         url('fonts/dejarip-bold-webfont.ttf') format('truetype'),
         url('fonts/dejarip-bold-webfont.svg#DejaRipBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaRipBoldItalic';
    src: url('fonts/dejarip-bolditalic-webfont.eot');
    src: url('fonts/dejarip-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejarip-bolditalic-webfont.woff') format('woff'),
         url('fonts/dejarip-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/dejarip-bolditalic-webfont.svg#DejaRipBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaRipItalic';
    src: url('fonts/dejarip-italic-webfont.eot');
    src: url('fonts/dejarip-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejarip-italic-webfont.woff') format('woff'),
         url('fonts/dejarip-italic-webfont.ttf') format('truetype'),
         url('fonts/dejarip-italic-webfont.svg#DejaRipItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaRipMedium';
    src: url('fonts/dejarip-medium-webfont.eot');
    src: url('fonts/dejarip-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejarip-medium-webfont.woff') format('woff'),
         url('fonts/dejarip-medium-webfont.ttf') format('truetype'),
         url('fonts/dejarip-medium-webfont.svg#DejaRipMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaRipRegular';
    src: url('fonts/dejarip-regular-webfont.eot');
    src: url('fonts/dejarip-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejarip-regular-webfont.woff') format('woff'),
         url('fonts/dejarip-regular-webfont.ttf') format('truetype'),
         url('fonts/dejarip-regular-webfont.svg#DejaRipRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaRipMediumItalic';
    src: url('fonts/dejarip-mediumitalic-webfont.eot');
    src: url('fonts/dejarip-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejarip-mediumitalic-webfont.woff') format('woff'),
         url('fonts/dejarip-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/dejarip-mediumitalic-webfont.svg#DejaRipMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}  

* {
	font-family: Tahoma, Arial, sans-serif;
}

html,body,div,span,pre,code,a,p,img,hr,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend
	{
	border: 0;
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	min-height: 100%;
	font-size: 12px;
}

body {
	color: #666;
	background-color: #EDEDED;
	height: 100%;
	min-height: 100%;
	text-align: center;
}

a:link {
	color: #D68226;
	text-decoration: underline;
}

a:visited {
	color: #8B6969;
}

a:hover {
	color: #CD5555;
}

a:active {
	color: #C75226;
}

#container {
	position: relative;
	background: #D68226 url(../img/background.jpg) top center no-repeat;
	width: 1250px;
	height: 670px;
	margin: 0 auto;
	text-align: left;
}

h1 {
	font: 20px Tahoma, Arial, sans-serif;
	color: #94c11a;
	margin-bottom: 20px;
}

h2 {
	font: 16px Tahoma, Arial, sans-serif;
	color: #94c11a;
	margin-bottom: 10px;
}

p {
	text-align: justify;
	line-height: 140%;
	padding-bottom: 10px;
}

span.date {
	display: block;
	background: url(http://www.sfera.com.pl/program/img/dateIcon.png) center
		left no-repeat;
	font-size: 11px;
	color: #999;
	padding: 8px 0 8px 20px;
	margin-left: 20px;
}

.clear {
	clear: both;
}

/* Header */
#header {
	position: relative;
	height: 242px;
}

#login {
	position: absolute;
	left: 586px;
	top: 35px;
	color: #666;
	font-size: 11px;
	width: 215px;
}

#login h2 {
	color: #94c11a;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#login fieldset {
	background: none;
	border-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

#login a#zarejestruj {
	display: block;
	float: right;
	clear: right;
}

form#searchBox {
	float: right;
	padding-top: 20px;
	padding-right: 30px;
}

input#submit {
	font-size: 12px;
	background-color: white;
	background-image: none;
	line-height: 30px;
	border-style: none;
	outline: none;
	text-decoration: underline;
	color: #94c11a;
}

input#search {
	background: transparent
		url(http://www.sfera.com.pl/program/img/inputBg.png) no-repeat scroll
		left top;
	border: 1px solid #ccc;
	font-size: 12px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	float: left;
}

a#logo {
	display: block;
	background: transparent url(../img/logo.gif) top left no-repeat;
	width: 261px;
	height: 160px;
	float: left;
	margin-left: 170px;
	margin-top: 25px;
}

* html a#logo {
	display: inline; /* kill double-margin bug */
}

a#logo span {
	display: none;
}

form#loginForm {
	font-family: Tahoma, Arial, sans-serif;
	color: #D68226;
}

form#loginForm {
	line-height: 30px;
	padding: 0 5px;
}

form#loginForm input {
	background: transparent url(../img/input.gif) no-repeat scroll left top;
	width: 152px;
	height: 20px;
	border-style: none;
	margin: 3px 0 3px 3px;
}

form#loginForm label {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
}

form#loginForm input.submit {
	font-size: 12px;
	border: none;
	background-color: white;
	background-image: none;
	text-decoration: underline;
	color: #94c11a;
	cursor: pointer;
	font-family:  Tahoma, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	float: right;
	padding: 0 22px 0 0;
	margin: 0;
}

/* Menu */
ul#menu {
	font-family: Tahoma, Arial, sans-serif;
	list-style-type: none;
	position: absolute;
	bottom: 5px;
	left: 180px;
	z-index: 63;
}

ul#menu li {
	float: left;
	background: transparent url(../img/languageSep_menu.gif) center right
		no-repeat;
	text-align: center;
	list-style: none;
	height: 30px;
}

ul#menu li a {
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	padding: 5px 8px;
	background: transparent;
}

ul#menu li ul {
	width: 200px;
	visibility: hidden;
	position: absolute;
	border: 1px #94c11a solid;
	background-color: #94c11a;
	text-align: left;
	z-index: 60 !important;
	margin: -2px 0 0 -1px;
}

ul#menu li ul li {
	float: none;
	text-align: left;
	background: none;
	z-index: 70;
}

ul#menu li ul li a {
	padding: 5px 8px;
	width: auto;
	display: block;
	background: transparent url(../img/underline-dotted_menu.gif) center bottom
		repeat-x;
		background-color: #94c11a;
}

ul#menu li ul li a:hover {
	background-color: #84b10a;
}

ul#menu li ul li.last a,ul#menu li.last {
	background-image: none;
}

#animation {
	display: none;
}

#animation h2 span {
	display: none;
}

/* MainContent */
#mainContent {
	
}

/* Store view */
#storeView .description {
	height: auto;
}

#storeView .description h3 {
	font: 20px Tahoma, Arial, sans-serif;
	color: #94c11a;
	margin-bottom: 5px;
	padding-bottom: 0;
}

#storeView .description p {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 11px;
}

#storeView ul.tabNav a {
	background: #D68226;
	border: 1px solid #D68226;
	border-top: 2px solid #D68226;
	display: block;
	padding: 4px 4px 5px 4px;
	text-decoration: none;
	color: white;
	font-size: 11px;
}

#storeView ul.tabNav li.current a {
	background: #D68226;
	border: 1px solid #D68226;
	border-top: 2px solid #D68226;
	color: #DDDDDD;
}

div.tabContainer {
	clear: both;
	float: left;
	width: 100%;
}

div.tabContainer div.tab {
	border: 1px solid #D68226;
	display: none;
	padding: 10px;
	font-size: 11px;
	color: #666;
}

div.tabContainer div.current {
	display: block;
}

div.tab {
	height: 180px;
	overflow: auto;
	border: 1px solid #D68226;
	color: #666;
}

div.tab img {
	width: 270px;
}

div.tab p:last-child {
	margin-bottom: 0;
}

/* leftColumn */
#leftColumn {
	width: 260px;
	float: left;
	margin-left: 160px;
	margin-top: 10px;
	background: transparent url(../img/leftside-bg.jpg) top right no-repeat;
	min-height: 330px;
}

* html #leftColumn,* html #mainColumn {
	display: inline; /* kill double-margin bug */
}

/* min-height for IE6 */
#leftColumn {
	min-height: 330px;
	height: auto !important;
	height: 330px;
}

#mainColumn {
	width: 670px;
	float: right;
	padding-bottom: 20px;
	margin-right: 160px;
}

/* BreadCrumbs */
#breadcrumbs {
	font-family: Tahoma, Arial, sans-serif;
	line-height: 30px;
	padding: 5px 0;
	background: url(../img/underline-dotted.gif) center bottom repeat-x;
	font-size: 11px;
	color: #D68226;
}

#breadcrumbs a {
	font-family: Tahoma, Arial, sans-serif;
}

/* Footer */
#footer {
	position: absolute;
	bottom: 0;
	right: 160px;
	width: 914px;
	background: url(../img/underline-dotted.gif) center top repeat-x;
	padding: 3px 0 20px 0;
	text-align: right;
}

ul#toolsMenu {
	
}

ul#toolsMenu li {
	display: inline;
	padding: 0 10px;
	background: url(../img/languageSep.gif) center right no-repeat;
	font-size: 11px;
}

ul#toolsMenu li.last {
	background: none;
}

ul#toolsMenu li a {
	line-height: 25px;
}

/* LeftBlock */
#leftColumn ul,#leftColumn form fieldset span ul {
	padding: 0 25px 0 15px;
}

#leftColumn ul li,#leftColumn form fieldset span ul li {
	list-style: none;
	text-decoration: none;
	background: url(../img/underline-dotted.gif) center bottom repeat-x;
	font-size: 12px;
	padding: 5px 10px;
	white-space: nowrap;
}

#leftColumn ul li.last {
	background-image: none;
}

#leftColumn ul li a {
	text-decoration: none;
	display: block;
}

#leftColumn ul li ul {
	padding: 10px 5px;
}

#leftColumn ul li ul li {
	padding: 0 0 0 20px;
	font-size: 11px;
	line-height: 25px;
	height: 25px;
	background: url(http://www.sfera.com.pl/program/img/dateIcon.png) center
		left no-repeat;
}

#leftColumn ul li ul li a {
	color: #D68226;
}

#leftColumn .topLevelcurrent {
	color: #a6a6a6;
}

/* Right Block */
div#content {
	height: 280px;
	overflow: auto;
	background-color: white;
}

div#content h3 {
	font: 20px Tahoma, Arial, sans-serif;
	color: #94c11a;
	margin-bottom: 20px;
	padding-bottom: 0;
}

/* Paginate Block */
#paginateBlock {
	text-align: left;
	padding: 10px;
}

#paginateBlock ul {
	float: left;
	padding: 0;
}

#paginateBlock ul li {
	list-style: none;
	float: left;
	color: #333;
	padding: 1.5px;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	background: url(http://www.sfera.com.pl/program/img/letterBtnGrey.png)
		center center no-repeat;
	width: 25px;
	height: 34px;
	text-align: center;
}

#paginateBlock ul li a {
	width: 25px;
	height: 34px;
	display: block;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
	background: url(http://www.sfera.com.pl/program/img/letterBtn.png)
		center center no-repeat;
	font-weight: bold;
	text-decoration: none;
}

#paginateBlock span {
	font-size: smaller;
	color: #C75226;
	display: block;
	line-height: 25px;
	float: left;
}

#logotypes {
	background: url(../img/underline-dotted.gif) center top repeat-x;
	padding: 10px 0;
	margin-left: 180px;
	margin-right: 160px;
}

.col3Group {
	margin-left: 190px;
	clear: right;
	margin-top: 40px;
}

.col3Item {
	color: #000;
	float: left;
	margin-right: 20px;
	margin-bottom: 60px;
}

/*.boxItem{
	background: url(../img/window-zarejestruj.gif) top left repeat-x;
	height:190px;
	width: 280px;
}*/
.boxItem a {
	display: block;
	background: white url(../img/window-partnerzy.jpg) center center
		no-repeat;
	height: 190px;
	width: 280px;
}

.boxItem p,.boxItem form {
	
}

/*.boxItem h3{
	background: url(../img/h3-zarejestruj-karte.gif) bottom right no-repeat;
	width: 231px;
	height: 46px;
}
.boxItem h3 span {
	display: none;
}


.boxItem p{

}
.boxItem form{
	padding: 10px 0 0 10px;
}
.boxItem label
{
  width: 80px;
	float: left;
	text-align: right;
	margin: 0 2px 0 0;
	display: block;
	font-size:12px;
	line-height:20px;
	vertical-align: middle;
	padding: 0;
	color:#D68226;
	font-family:Tahoma, Arial, sans-serif;
}
.boxItem input
{
	background:transparent url(../img/input.gif) no-repeat scroll left top;
	width:152px;
	height: 20px;
	border-style: none;
	margin: 3px 0 0 0;
	color:#666;
}
.boxItem p.submit
{
	text-align: right;
	margin-right: 15px;
	margin-top: 12px;
}
.boxItem p.submit input {
	background:url(../img/button-dalej.gif) center center no-repeat; 
	width:92px;
	height:38px;
	border:none;
	color:#fff;
	font-size:0px;
	cursor: pointer;
	margin: 0;
}*/
.boxItem2 a.prizes {
	display: block;
	width: 280px;
	height: 190px;
	background: url(../img/window-nagrody.jpg) center center no-repeat;
}

.boxItem2 a#aboutus {
	display: block;
	width: 280px;
	height: 190px;
	background: url(../img/window-o-programie.jpg) center center no-repeat;
}

.boxItem2 a#aboutus span,.boxItem2 a#prizes span,.boxItem a span {
	display: none;
}

/* Obsluga błędów */
ul.errors {
	position: relative;
	top: 5px;
	margin: 5px 0;
	border: 1px solid #FF0000;
	background: #FFB6C1 url(../img/error.png) center left no-repeat;
	color: #FF0000;
	padding: 3px 10px 4px 40px !important;
	list-style: none;
	width: 70%;
	margin: auto;
}

a.topLevelCurrent {
	color: #666;
}

/* ToolTip */
#tooltip {
	position: absolute;
	z-index: 3000 !important;
	border: 1px solid #CECECE;
	background-color: #eee;
	padding: 5px;
}

#tooltip h3,#tooltip div {
	margin: 0;
}

/* for prize categories */
div#additionalColumn {
	margin-left: 180px;
	width: 900px;
	z-index: -5;
}

div#additionalColumn div#breadcrumbs {
	margin: 0;
	width: 100%;
}

div.categories {
	clear: both;
}

div#additionalColumn div#breadcrumbs form {
	background-image: none;
	float: right;
	width: 460px;
	text-align: right;
	padding-right: 60px;
}

div#additionalColumn form input {
	margin-left: 5px;
}

div#additionalColumn div#breadcrumbs form label {
	color: #666;
	text-transform: uppercase;
}

div.categories a {
	display: block;
	margin-right: 20px;
	float: left;
	width: 205px;
	height: 100px;
	margin-top: 12px;
}

div.categories a span {
	margin-top: 72px;
	margin-left: 12px;
	display: block;
	text-decoration: underline;
	cursor: pointer;
}

div.categories a#prizeCat1 {
	background: transparent url(../img/categories/moda.jpg) top left
		no-repeat;
}

div.categories a#prizeCat2 {
	background: transparent url(../img/categories/sport.jpg) top left
		no-repeat;
}

div.categories a#prizeCat3 {
	background: transparent url(../img/categories/dom.jpg) top left
		no-repeat;
}

div.categories a#prizeCat4 {
	background: transparent url(../img/categories/uslugi.jpg) top left
		no-repeat;
}

div.categories a#prizeCat5 {
	background: transparent url(../img/categories/przyjemnosci.jpg) top left
		no-repeat;
}

div.categories a#prizeCat6 {
	background: transparent url(../img/categories/dzieci.jpg) top left
		no-repeat;
}

div.categories a#prizeCat7 {
	background: transparent url(../img/categories/galanteria.jpg) top left
		no-repeat;
}

div.categories a#prizeCat8 {
	background: transparent url(../img/categories/zegarki.jpg) top left
		no-repeat;
}

div.categories a#prizeCat9 {
	background: transparent url(../img/categories/dla-najmlodszych.jpg) top
		left no-repeat;
}

div.categories a#prizeCat10 {
	background: transparent url(../img/categories/media.jpg) top left
		no-repeat;
}

div.categories a#prizeCat11 {
	background: transparent url(../img/categories/wszystkie.jpg) top left
		no-repeat;
}

/* po zalogowaniu */
.dr-table {
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-left: 1px solid #C4C0C9;
	border-top: 1px solid #C4C0C9;
	empty-cells: show;
}

.dr-table-thead {
	border-bottom: 1px solid #C4C0C9;
}

div#content table .dr-table-thead a {
	color: #1E1E1E;
	font-family: Arial, Verdana, sans-serif;
}

div#content table .dr-table-thead a:hover {
	color: #AAAAAA;
}

.dr-table-headercell {
	border-bottom: 1px solid #C4C0C9;
	border-right: 1px solid #C4C0C9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	text-align: center;
}

.dr-table-cell {
	border-bottom: 1px solid #C4C0C9;
	border-right: 1px solid #C4C0C9;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	padding: 2px;
}

/* calendar */
.rich-calendar-holly {
	background-color: #FFEBDA;
	color: #FF7800;
}

.rich-calendar-cell {
	background-color: #FFFFFF;
	border-bottom-color: #C4C0B9;
	border-right-color: #C4C0B9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

.rich-calendar-cell {
	border-bottom: 1px solid;
	border-right: 1px solid;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.rich-calendar-btn {
	cursor: pointer;
}

.rich-calendar-today {
	background-color: #FF7800;
	color: #FFEBDA;
	font-weight: bold;
}
/* Kontrolki SPOT */