@font-face {
    font-family: 'cantarellbold';
    src: url('../fonts2/Cantarell-Bold-webfont.eot');
    src: url('../fonts2/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts2/Cantarell-Bold-webfont.woff') format('woff'),
         url('../fonts2/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('../fonts2/Cantarell-Bold-webfont.svg#cantarellbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cantarelloblique';
    src: url('../fonts2/Cantarell-Oblique-webfont.eot');
    src: url('../fonts2/Cantarell-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts2/Cantarell-Oblique-webfont.woff') format('woff'),
         url('../fonts2/Cantarell-Oblique-webfont.ttf') format('truetype'),
         url('../fonts2/Cantarell-Oblique-webfont.svg#cantarelloblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cantarellregular';
    src: url('../fonts2/Cantarell-Regular-webfont.eot');
    src: url('../fonts2/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts2/Cantarell-Regular-webfont.woff') format('woff'),
         url('../fonts2/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('../fonts2/Cantarell-Regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
    background:#000;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.clear{
    clear:both;
}

#container {
    background:url(../images2/bg3.jpg) center no-repeat;
    height:695px;
    width:930px;
    margin:0 auto;  
} 
#container2 {
    background:url(../images2/bg_m6.jpg) center no-repeat;
    height:695px;
    width:625px;
    margin:0 auto;  
} 

#top {
    background:url(../images2/top.png) center no-repeat;
    height:185px;
    margin-top:0px;
    width:930px;
} 
#top2 {
    background:url(../images2/top_m3.png) center no-repeat;
    height:185px;
    margin-top:0px;
    width:630px;
} 

#napis {
    background:url(../images2/strazacka_gra.png) center no-repeat;
    height:22px;
    width:311px;
    margin-top:130px;
    margin-left:295px;
    position: absolute;
} 
#napis2 {
    background:url(../images2/strazacka_gra.png) center no-repeat;
    height:22px;
    width:311px;
    margin-top:130px;
    margin-left:150px;
    position: absolute;
}

#belka {
    background:url(../images2/belka_m.png) center no-repeat;
    height:56px;
    width:640px;
    margin-top:-45px;
    margin-left:-5px;
    padding-bottom:4px;
} 

#belka ul{
    padding-top:30px;
    padding-left:65px;
    list-style:none;
    font-size:15px;
}

#belka ul li{
    float:left;
    padding-right:30px;
}
#belka ul li a{
    text-decoration:none;
    outline:none;
    text-shadow: 0px 0px 0.5px #56442f;
    color:#56442f;
}
#czat{
    overflow: auto;
    position:relative;
    height: 380px;
    width:300px;
}
#belka ul li a:hover {
    color:#ff8900;
    transition: color 250ms ease-in-out 0s, background-color 350ms ease-in-out 0s;
    white-space: normal;
}

#login {
    background:url(../images2/login.png) center no-repeat;
    height:226px;
    width:238px;
    margin-top:-80px;
    margin-left:680px;
} 

#shortcutgrey {
    background:url(../images2/grey.png) center no-repeat;
    height: 240px;
    width: 280px;
    position: relative;
    left: 405px;
    top: -185px;
    padding: 25px;
}

#login2 {
    background:url(../images2/login.png) center no-repeat;
    height:226px;
    width:210px;
    margin-top:-5px;
    margin-left:418px;
} 

#login_2 {
    height:226px;
    width:238px;
    margin-top:-80px;
    margin-left:680px;
}
#login2_2 {
    height:226px;
    width:210px;
    margin-top:-5px;
    margin-left:418px;
}

#login_panel {
    font-size:14px;
    padding-top:20px;
    text-decoration:none;
    padding-left:50px;
    color:#f6c286;
}

#login_panel2 {
    font-size:14px;
    padding-top:25px;
    text-decoration:none;
    padding-left:50px;
    color:#f6c286;
}

#login a{
    font-size:14px;
    padding-top:20px;
    text-decoration:none;
    padding-left:0px;
    color:#f6c286;
}

#login2 a{
    font-size:14px;
    padding-top:20px;
    text-decoration:none;
    padding-left:0px;
    color:#f6c286;
}

#rightform{
    background-color:#000;
    color:#f5c183;
    font-family: cantarelloblique;
    height:28px;
    border:0px;
    padding-right:10px;
    width:140px;
    text-align:right;
    font-size:14px; 
    outline:none;
    -moz-box-shadow: inset 0 0 2px 1px #684f34;
    -webkit-box-shadow: inset 0 0 2px 1px #684f34;
    box-shadow: inset 0 0 2px 1px #684f34;
}
#rightform2{
    background-color:#000;
    color:#f5c183;
    font-family: cantarelloblique;
    height:28px;
    border:0px;
    padding-right:10px;
    width:140px;
    text-align:right;
    font-size:14px; 
    outline:none;
    -moz-box-shadow: inset 0 0 2px 1px #684f34;
    -webkit-box-shadow: inset 0 0 2px 1px #684f34;
    box-shadow: inset 0 0 2px 1px #684f34;
}

#log2{
  border:0px;
  margin-left:22px;
  font-size:14px; 
}

#log2:hover{
background-color:#e15307;
 transition: background-color 250ms ease-in-out 0s, background-color 350ms ease-in-out 0s;
}

#log_bez{
  width: 181px;
  border:0px;
  margin-left:-18px;
  margin-top:40px;
  font-size:14px; 
}

#log_bez:hover{
background-color:#e15307;
transition: background-color 250ms ease-in-out 0s, background-color 350ms ease-in-out 0s;
}

#stat2{
  border:0px;
  margin-left:22px;
  font-size:14px; 
}

#stat2:hover{
background-color:#e15307;
 transition: background-color 250ms ease-in-out 0s, background-color 350ms ease-in-out 0s;
}

#log3{
  border:0px;
  margin-left:12px;
  font-size:14px; 
}

#log3:hover{
background-color:#e15307;
 transition: background-color 250ms ease-in-out 0s, background-color 350ms ease-in-out 0s;
}

#status{
   padding-top:20px;
   padding-left:10px;
   color:#f6c286;
   font-size:12px;
}
#status a{
font-size:12px;
 padding-top:20px;
text-decoration:none;
 padding-left:0px;
 color:#f6c286;
}

#left {
    background:url(../images2/left.png) center no-repeat;
    height:522px;
    width:390px;
    margin-left:15px;
    margin-top:-135px;
} 
#left2 {
    background:url(../images2/left.png) center no-repeat;
    height:522px;
    width:390px;
    margin-left:15px;
    margin-top:-210px;
} 
#slogan1{
 text-align:center;
 color:#c48239;
 padding-top:33px;
 font-size:22px;
 margin: 0 auto;
}
#slogan2{
    color:#c48239;
    text-align:center;
    padding-top:4px;
    font-size:19px;
    margin: 0 auto;
}
#slogan3{
 color:#c48239;
 text-align:left;
 padding-top:5px;
 font-size:16px;
 margin-left:20px;
margin-right:10px;
}
#slogan4{
 color:#c48239;
 text-align:left;
 padding-top:5px;
 font-size:18px;
 margin: 0 auto;
 margin-left: 25px; 
 margin-right: 15px;
}
#car {
    background:url(../images2/car4.png) center no-repeat;
    height:380px;
    width:520px;
    padding-top:160px;
    margin-left:220px;
    margin-top:-310px;
} 
#car2 {
    background:url(../images2/car_m4.png) center no-repeat;
    height:314px;
    width:430px;
    padding-top:160px;
    margin-left:230px;
    margin-top:-270px;
}
#ciasteczka {
    background-color:#000;
    height:2%;
    width:93%;
    position:fixed;
    padding:9px;
    float: left;
    z-index: 2;
    top:0px;
}
#ciasteczka2 {
    background-color:#000;
    height:2%;
    position:absolute;
    padding:9px;
    float: left;
    z-index: 2;
    top:0px;
} 
#form{
  margin-top:25px;
  margin-left:78px;
}

#form2{
  margin-top:2px;
  margin-left:-20px;
}

#form3{
  margin-top:2px;
  margin-left:-20px;
}
	
input[type="text"], select {
	margin-top:9px;
	background-color:#ffeaca;
        font-family: cantarelloblique;
	height:28px;
	padding-right:10px;
	width:240px;
	text-align:right;
	font-size:14px; 
	outline:none;
	-moz-box-shadow: inset 0 0 4px 2px #fddcab;
    -webkit-box-shadow: inset 0 0 4px 2px#fddcab;
     box-shadow: inset 0 0 4px 2px #fddcab;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing:border-box;
	}
textarea {
	margin-top:9px;
	background-color:#ffeaca;
        font-family: cantarelloblique;
	height:128px;
	padding-right:10px;
	width:240px;
	text-align:left;
	font-size:12px; 
	outline:none;
	-moz-box-shadow: inset 0 0 4px 2px #fddcab;
    -webkit-box-shadow: inset 0 0 4px 2px#fddcab;
     box-shadow: inset 0 0 4px 2px #fddcab;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing:border-box;
}

	input[type="password"], select {
	margin-top:9px;
	background-color:#ffeaca;
    font-family: cantarelloblique;
	height:28px;
	padding-right:10px;
	width:240px;
	text-align:right;
	font-size:14px; 
	outline:none;
	-moz-box-shadow: inset 0 0 4px 2px #fddcab;
    -webkit-box-shadow: inset 0 0 4px 2px#fddcab;
     box-shadow: inset 0 0 4px 2px #fddcab;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing:border-box;
	}
/* ---------------------------------------------- Form Submit and Next buttons ---------------------------------------------- */	

input[type="submit"],
input[type="button"] {
width:100px;
background-color:#cc8b40;
margin-top:18px;
padding:0.5em 1em; line-height:1em; cursor:pointer;
border-radius:4px; color:#000; font-weight:bold; font-size:inherit;
border:solid 1px #ccc;	box-shadow:0 1px 5px rgba(0,0,0,0.2);
background-position: center bottom;}

input[type="submit"]:active,
input[type="button"]:active {-webkit-box-shadow: none; box-shadow:none;
}

#odstep{
 margin-top:5px;
}	
#odstep2{
 margin-top:1px;
 margin-left:70px;
}
#lbl{
 color:#000;
}	

#lvl{
padding-left:3px;
 position:relative;
 top:-1px;
 color:#000;
}	

#lvl2{
padding-left:8px;
 position:relative;
 top:7px;
 color:#000;
}

#regulamin{
 color:#c48239;
 text-decoration:none
}

#shortcut{
 height:240px;
 width:300px;
}

#shortcut_b{
margin-bottom:20px;
 font-size:12px;
 color:#f6c286;
}

#line {
 width:60%;
 color:#413323;
}

#title{
 text-align:center;
 color:#f6c286;
}

.photos div
{
    float: left;
    display: block;
    position: relative;
	left:385px;
    margin: 10px;
    height: 43px;
    width: 44px;
}
.photos div img.nocolor
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.photos div img.color {
    position: absolute;
    left: 0;
    top: 0;
}

#reklamy{
    position:relative;
    width:680px;
    left:150px;
    margin-bottom:10px;
}
#reklamy2{
    position:relative;
    width:640px;
    left:1px;
    margin-bottom:10px;
}

#credits{
    position:relative;
    top:-170px;
    left:-200px;
    width:200px;
    height:80px;
}
#credits2{
    position:relative;
    top:80px;
    left:-205px;
    width:200px;
    height:80px;
}

h1{
color:#858585;
 font-size:11px;
}

a{
    text-decoration: none;
    color:#858585;
}
a:hover {
    text-decoration: none;
    color:#858585;
}


html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

table {
border-collapse: collapse;
border-spacing: 0;
}