html
{
    background: #f4f4f4;
}

body
{
    font-size: .85em;
    font-family: "Arial", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background: #f4f4f4;
    width: 100%;
    height: 100%;
    margin: 0;
}

img
{
    border: none;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    padding-left: 15px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.customCheckbox
{
    background: url("/Content/img/checkbox-unchecked.png");
    width: 14px;
    height: 15px;
}

.customCheckbox.checked
{
    background: url("/Content/img/checkbox-checked.png");
}

#content
{
    width: 960px;    
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

#lezka
{
	position:absolute;
	right:8px;
	top:0px;
}

.dotted
{
    border: 1px dotted black;
}

.tabelaNagrod
{
    width: 100%;
}

.clear
{
    clear: both;
}

.tabelaUzytkownikow
{    
    border-collapse: collapse;
    width: 100%;
}

.tabelaUzytkownikow thead tr th
{
    background: url("/Content/img/table-header-background.png") repeat-x scroll 0 0 #797979;
    color: #FFFFFF;    
}

.tabelaUzytkownikow tr th, .tabelaUzytkownikow tr td
{
    font-size: 11px;
}

.tabelaUzytkownikow.koszyk tr th, .tabelaUzytkownikow.koszyk tr td
{    
    font-size: 14px;
    font-weight: bold;
}

.tabelaUzytkownikow.koszyk input
{
    width: 50px;
    text-align: center;
}

.tabelaUzytkownikow td, .tabelaUzytkownikow th
{    
    border-collapse: collapse;
    height: 28px;
}

.tabelaUzytkownikow thead tr th
{
    cursor: pointer;
    text-align: center;
    text-indent: 5px;
}

.tabelaUzytkownikow tfoot tr th
{
    background: url("/Content/img/table-footer-background.png") repeat-x scroll 0 0 #E0E0E0;
    color: black;    
}

.tabelaUzytkownikow thead input
{
    width: 90%;
}

.tabelaUzytkownikow tbody tr td
{
    border-bottom: 1px solid #e2e2e2;
    text-align: center;    
}

.tabelaUzytkownikow.fullBorder tbody tr td
{
    border: 1px solid #e2e2e2;
    text-align: center;    
}

.tabelaUzytkownikow tbody tr td a
{
    text-decoration: none;
    color: Black;
    font-weight: bold;
}

.tabelaUzytkownikow tbody input
{    
    font-size: 11px;
}

.tabelaUzytkownikow .sort
{
    float: right;
    display: none;
}

/*/////////////////////*/
#header
{
    width: 100%;
    height: 47px;
    background-color: White;
}

.topMenu
{
    width: 960px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.topMenu .link
{   
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #090909;
    padding: 15px 7px;
    display:block;
    float:left;
    letter-spacing: -0.5px;
}

.topMenu .link.selected
{
    text-decoration: underline;
}

.topMenu .loginBox
{
    float: right;
}

.topMenu .loginBox .section
{
    border-right: 1px solid #D4D4D4;
    float: right;
    margin-right: 5px;
    padding-right: 5px;
    text-align: center;
    max-width:189px;
}

.topMenu .loginBox .section a
{
    text-decoration: none;
    color: Red;
}

/* przyciski */
.button
{
    color: black;
    display: block;
    height: 29px;
    width: 82px;
    border: none;
    cursor: pointer;
}

.button.wyloguj
{
    background: url("/Content/img/wyloguj_button.png") no-repeat scroll 0 0 transparent;    
}

.button.zaloguj
{
    background: url("/Content/img/zaloguj_button.png") no-repeat scroll 0 0 transparent;    
}

.button.zarejestruj
{
    background: url("/Content/img/zarejestruj_button.png") no-repeat scroll 0 0 transparent;    
}

.button.doKoszyka
{    
    width: 166px;
    height: 29px;
    background: url("/Content/img/do_koszyka_button.png") no-repeat scroll 0 0 transparent;    
    margin-left: auto;
    margin-right: auto;
}

.przystapDoProgramuButton
{
    height: 29px; width: 162px;    
    background: url("/Content/img/przystap-do-programu_button.png") no-repeat scroll 0 0 transparent;
    display: block;
}

.zobaczTransakcjeButton
{
    height: 29px; width: 166px;    
    background: url("/Content/img/zobacz_transakcje_button.png") no-repeat scroll 0 0 transparent;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.zobaczNagrodyButton
{
    height: 29px; width: 166px;    
    background: url("/Content/img/zobacz_nagrody_button.png") no-repeat scroll 0 0 transparent;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.przejdzDoKoszykaButton
{
    height: 29px; width: 166px;
    display: block;
    background: url("/Content/img/przejdz_do_koszyka_button.png") no-repeat scroll 0 0 transparent;
    float: right;
}

.zamknijButton
{
    height: 29px; width: 79px;
    display: block;
    background: url("/Content/img/zamknij_button.png") no-repeat scroll 0 0 transparent;
    float: left;
}

.przeliczButton
{
    height: 29px; width: 79px;
    display: block;
    background: url("/Content/img/przelicz-button.png") no-repeat scroll 0 0 transparent;
    float: right;
    border: none;
    cursor: pointer;
}

.zamowButton
{
    height: 29px; width: 79px;
    display: block;
    background: url("/Content/img/zamow-button.png") no-repeat scroll 0 0 transparent;
    float: right;
    border: none;
    cursor: pointer;
}

.koszykButton
{
    height: 29px; width: 55px;
    display: block;
    background: url("/Content/img/koszyk_button.png") no-repeat scroll 0 0 transparent;
}

.usunButton
{
    height: 25px; width: 25px;
    display: block;
    background: url("/Content/img/usun_button.png") no-repeat scroll 0 0 transparent;
    margin-left: auto;
    margin-right: auto;
}

/* przyciski KONIEC */

#content .banner 
{
    height: 120px;
    width: 100%;
    background: url("/Content/img/banner_separator.png") no-repeat scroll bottom center transparent;
}

#footer
{
    height: 160px; width: 100%;        
    background-color: White;
    padding-top: 15px;
}

#footer a
{
    text-decoration: none;
    color: Black;
}

#footer .teleAddress
{
    width: 960px;   height: 100px;
    margin-left: auto; margin-right: auto;    
}

#footer .adress 
{
    width: 250px;
    float: left;
    font-size: 12px;    
    line-height: 18px;    
}

#footer .menu
{
    width: 960px; 
    margin-left: auto; margin-right: auto;    
    border-top: 1px solid #D4D4D4;
}

#footer .menu a
{
    display: block;
    float:left;
    text-decoration: none;
    color: #5c5b5b;
    font-size: 11px;
    padding: 20px 10px;
}

#content .title
{
    font-size: 26px;
    font-weight: bold;
    height: 30px;    
    padding-left: 200px;
    padding-top: 10px;
}

.tabelaNagrod
{text-align: center;}

.menu-left
{
    float:left;
    width:192px;
    min-height: 260px;
    background: url('/Content/img/left-menu-bottom.png') no-repeat scroll center bottom #656565;
    margin-top: 24px;
    min-height: 70px;
    padding-bottom: 25px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}

.menu-left .top
{
    width:192px;
    height: 9px;
    background: url('/Content/img/left-menu-top.png') no-repeat scroll center bottom transparent;
    position:relative;
    top: -4px;
}

.menu-left a
{
    border-bottom: 1px solid #818181;
    color: white;
    display: block;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;    
    padding-top: 6px;
    text-decoration: none;
    text-indent: 17px;
    width: 179px;    
}

.menu-left a.red
{
	color: #F14329;
}

.menu-left a.last
{
     border-bottom: 1px solid #707070;
}

.menu-left a.selected
{
     background: url("/Content/img/left-menu-a-selected.png") no-repeat scroll 0 0 transparent;
}

.content-right h2
{
    font-size: 16px;
}

.content-right
{
    min-height: 250px;
    background-color: #FFFFFF;
    margin: 20px 0px 20px 200px;
}

.content-right .panelTop
{
    background: url("/Content/img/panel-top.png") no-repeat scroll 0 0 transparent;
    width: 699px;    
    height: 8px;
}
.content-right .panel
{
    background-color: #e0e0e0;
    padding: 20px;
    width: 659px;
}
.content-right .panelBottom
{
    background: url("/Content/img/panel-bottom.png") no-repeat scroll 0 0 transparent;
    width: 699px;
    height: 8px;
}

.panel table
{
    margin-left: 20px;
}

.panel table tr
{
    text-align: right;
    font-weight: bold;
}

.panel table tr td.field-validation-error
{
    text-align: left;
}

.panel table tr td
{
    padding: 0px 10px;
}

.agreement
{
    padding: 20px;
}

.agreement .checkbox
{
    float: left;
    height:100%;
    width: 5%;
}

.agreement .text
{
    float: left;
    font-size: 12px;
    width: 90%;
    cursor:pointer;
}

/* okragle inputy */
.textInputL
{
    height: 26px;
    background: url("/Content/img/input-l.png") no-repeat scroll 0 0 transparent;
    float: left;
}

.textInputL .textInputP
{
    height: 26px;
    background: url("/Content/img/input-p.png") no-repeat scroll top right transparent;    
    margin-right: -10px;
    padding-left: 5px;
    padding-top: 5px;
    float: left;
}

.textInputL .textInputP input
{
    border: none;
    background-color: transparent;
    margin-right: 5px;
    outline: none;
}

.textInputL .textInputP input:focus
{
    outline: none;
}

.grayInput
{
     background: url("/Content/img/gray-input-background.png") no-repeat scroll 0 0 transparent;
     width: 67px;
     height: 25px;
}

.grayInput input
{
    background-color: transparent;
    border: medium none;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    width: 60px;
}

/* okragle inputy KONIEC */



/* nagrody */

.reward
{
    height: 264px;
    width: 760px;
}

.reward .header
{
    height: 44px;
    width: 100%;    
    background: url("/Content/img/reward-heder-background.png") repeat-x 0 0 transparent;
    position: relative;
}

.pokazNagrody
{
	position: absolute;
	width: 100px;
	height: 20px;
	right: 280px;
	top:10px;
}

.pokazNagrody a
{
	text-decoration: none;
	font-size: 14px;
}
.pokazNagrody a:hover
{
	color: Red;
}

.reward .header .name
{
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px;
}

.reward .header .model
{
    color: #979797;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 16px;
}

.reward .header .cost
{
    color: #444444;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding-right: 7px;
    padding-top: 15px;
}

.reward .header .points
{
    background: url("/Content/img/cost-background.png") no-repeat scroll 0 0 transparent;
    color: white;
    float: right;
    font-size: 22px;
    font-weight: bold;
    height: 30px;
    margin-right: -10px;
    margin-top: 8px;
    text-indent: 7px;
    width: 66px;    
    text-align: center;
}

.reward .content
{
    height: 220px;
}

.reward .content .left
{
    height: 100%;
    width: 220px;
    float: left;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.reward .content .left .photo
{
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}

.reward .content .left .progressBar
{
    background: url("/Content/img/progress_bar_background.png") no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 181px;
    height: 24px;
}

.reward .content .left .progressBar .L, .reward .content .left .progressBar .C, .reward .content .left .progressBar .R
{
    height: 8px;
    width: 5px;
    float: left;
    position:relative;
    left: 10px;
    top: 8px;
}

.reward .content .left .progressBar .L
{    
    background: url("/Content/img/progress_bar_L.png") no-repeat;
}

.reward .content .left .progressBar .C
{    
    background: url("/Content/img/progress_bar_C.png") repeat-x;
}

.reward .content .left .progressBar .R
{
    background: url("/Content/img/progress_bar_R.png") no-repeat;
}

.reward .content .center
{
    height: 100%;
    width: 330px;
    float: left;
    border: 1px solid #dedede;
}

.reward .content .center ul
{
    list-style-image: url("/Content/img/spec-list-image.png");
    font-size: 12px;
}

.reward .content .center ul li
{
    padding-top: 5px;
}

.reward .content .right
{
    height: 100%;
    width: 208px;
    float: left;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}



/* nagrody KONIEC */

.mainSiteContent
{
    width:960px;
    margin-left: auto;
    margin-right: auto;
    overflow:auto;
}

.mainSiteContent .steps
{
    width: 100%;
    margin-top: 20px;
}

.mainSiteContent .steps .step
{
    height: 210px; width: 240px;
    float:left;
    position:relative;
    margin-bottom:30px;
}

.mainSiteContent .steps .step .header
{
    height: 50px; width: 200px;
    background:url('/Content/img/main-site-step-arrow.png') no-repeat;
    padding-left: 40px;
}

.mainSiteContent .steps .step .separator
{
    height: 1px; width: 218px;
    background-color: #C0C0C0;    
    margin-bottom: 10px;
}

.mainSiteContent .steps .step .content
{
    font-size: 12px;
    line-height:23px;
}

.mainSiteContent .steps .step .footer
{
    margin-top: 20px;
    position:absolute;
    bottom:25px;
    left:0px;
}

.mainSiteContent .steps .step .footer .szczegoly
{
    height: 29px; width: 90px;
    background:url('/Content/img/szczegoly-button.png') no-repeat;
    display: block;
}

.mainSiteContent .steps .step .footer .zarejestrujSie
{
    height: 29px; width: 113px;
    background:url('/Content/img/zarejestruj-sie-button.png') no-repeat;
    display: block;
}

.mainSiteContent .steps .step .footer .nagrody
{
    height: 29px; width: 124px;
    background:url('/Content/img/katalog-nagrod-button.png') no-repeat;
    display: block;
}

.mainSiteContent .steps .step .header span
{
    font-size: 25px;
    font-weight: bold;
}

.mainSiteContent .news
{
    width: 284px;
    float: left;
    min-height: 100px;
}

.mainSiteContent .news h2
{
    margin: 0px;
}
 
.mainSiteContent .news .element
{
    text-align: left; padding-top: 20px;
}

.mainSiteContent .news .element .date
{
    font-size: 11px;
}

.mainSiteContent .news .element .title
{
    font-size: 12px; font-weight: bold; padding: 5px 0px;
}

.standardTextArea
{   
    font-size: 12px;
    margin: 0px 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.standardTextArea a
{
    text-decoration: none;
}

.standardTextArea p
{
    text-align: justify;
}

.standardTextArea ul
{
    list-style-image: url("/Content/img/list-arrow.png");    
}

.standardTextArea ul li
{
    margin: 5px 0px;
}
 
.regulamin li
{
	font-size:16px;
	font-weight:bold;
}

.regulamin li ol li
{
	font-size:12px;
	font-weight:normal;
}

.filter
{    
    width: 100%;
    background:url('/Content/img/filter-background.png') repeat-x;
}

.filter .element
{
    float:left;    
    width: 159px;
    text-align: right;
}

.filter .element input
{
    width: 70px;
}

.filter .element span
{
    
}

#mainSiteBg
{
	 background: url("/content/img/background.jpg") no-repeat scroll center 0px #F7F4EE;
}

#kategorieNagrodContainer
{
	width:948px;
	height:576px;
	background: url("/content/img/kategorieNagrodBg.png") no-repeat;
	margin:145px 0px 30px 0px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

#kategorieNagrodInside
{
	width:882px;
	height:480px;
	background: #ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-top:13px;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
	padding:20px;
}

#kategorieNagrodInside #header
{
	width:187px;
	height:12px;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
	padding:10px 20px;
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	text-align:center;
}

#kategorieNagrodInside #headerLine
{
	width:653px;
	height:32px;
	float:left;
	margin-bottom:20px;
	border-bottom:1px solid #DEDEDE;
}

#kategorieNagrodInside a
{
	color:#000000;
	text-decoration:none;
}

#kategorieNagrodInside .kategoriaItem
{
	width:209px;
	height:205px;
	float:left;
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	/*border-bottom:5px solid #F1F1F1;*/
	background: url("/content/img/kategorieNagrodItemBg.jpg") repeat-x;
	margin:0px 12px 17px 0px;
	position:relative;
	text-align:center;
}

#kategorieNagrodInside .kategoriaItem:hover
{
	background: url("/content/img/kategorieNagrodItemSelectedBg.jpg") repeat-x;
	/*border-bottom:5px solid #EC232A;*/
}

#kategorieNagrodInside .last
{
	margin-right:0px;
}

#kategorieNagrodInside .kategoriaItem .title
{
	font-weight:bold;
	font-size:20px;
	text-align:center;
	margin-top:20px;
}

#kategorieNagrodInside .kategoriaItem .title2
{
	font-weight:bold;
	font-size:16px;
	text-align:center;
	margin-top:24px;
}