/* ===MAIN=== */
* {
margin: 0;
padding: 0;
}

body,html {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9A9A9A;
margin:0;
padding:0;
background:#000 url(http://ugamelia.pl/img/main-background.jpg) 50% 0 no-repeat;
line-height:125%;
}

ul {
list-style: none;
margin-bottom:5px;
}
 
a {
color:#4AAACA;
text-decoration:none;
}

a:hover {
color:#4AAACA;
text-decoration:underline;
}

ul {
list-style: none;
margin-bottom:5px;
}

ul li {
padding:5px 0;
background:url(http://ugamelia.pl/img/arrow.png) 0 6px no-repeat;
padding-left:15px;
position:relative;
}

h1 {
font-size:26px;
background:url(http://ugamelia.pl/img/bk_dotted_horiz.gif) 0 100% repeat-x;
color:#6CB200;
padding:5px 0 15px;
margin-bottom:15px;
}

h2 {
font-size:22px;
font-weight:normal;
color:#eee;
padding:10px 0;
}

h3 {
font-size:16px;
font-weight:bold;
color:#eee;
padding:10px 0;
}

#bottomBox h2, #colRight h2 {
background:url(http://ugamelia.pl/img/bk_dotted_horiz.gif) 0 100% repeat-x;
padding:0;
padding-bottom:15px;
margin-bottom:5px;
}

/* ===LAYOUT=== */
#mainWrapper {
background:url(http://ugamelia.pl/img/bk_mainwrapper.jpg) 0 0 repeat-x;
}

#wrapper {
margin:0 auto;
width:960px;
}

#header {
height:140px;
position:relative;
}

#content {
padding:0 0 25px;
}

#footer {
height:80px;
padding:25px 10px 10px 15px;
margin-left:10px;
margin-top:10px;
color:#ccc;
}

*html #footer {
margin-top:0;
}

/* ===HEADER=== */
#topMenu {
position:absolute;
top:0;
left:11px;
}

#topMenu li {
float:left;
background:none;
padding:0;
}

#topMenu li a {
font-size:11px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
display:block;
height:37px;
width:86px;
padding-top:10px;
}

#topMenu li a:hover {
background:url(http://ugamelia.pl/img/bk_toplinks.jpg) 0 0 no-repeat;
}

#topMenu li.selected a{
font-weight:bold;
background:url(http://ugamelia.pl/img/bk_toplinks.jpg) 0 0 no-repeat;
}

#header #comeout {
position:absolute;
height:65px;
top:67px;
left:0;
}
#comeout select {
width: 140px;
background: #000000;
color: #ffffff;
font-size:10px;
border:0px solid #000000;
}
#comeout option {
border:1px dashed #342826;
}

#header #comein {
position:absolute;
height:65px;
top:67px;
right:0;
}
#comein .material {
float:left;
width:80px;
text-align:center;
font-size:13px;
border-left:1px dashed #ccc;
padding-left:3px;
padding-right:3px;
}
#comein .val {
display:block;
font-weight:bold;
}
#comein .key {
display:block;
font-size:10px;
color:#ffffff;
}

/* ===CONTENT=== */
#content p {
margin:0.8em 0;
}

#colLeft {
float:left;
width:694px;
margin-top:10px;
}

#colLeft #leftTop {
height:16px;
background:url(http://ugamelia.pl/img/bk_top_box_left.png) 0 0 no-repeat;
}

#colLeft #leftMiddle {
background:url(http://ugamelia.pl/img/bk_mid_box_left.png) 0 0 repeat-y;
padding:3px 22px;
}

#colLeft #leftBottom {
height:16px;
background:url(http://ugamelia.pl/img/bk_bot_box_left.png) 0 0 no-repeat;
}

#colRight {
float:left;
width:270px;
margin-left:-5px;
margin-top:10px;
}

#colRight .rightTop {
height:16px;
background:url(http://ugamelia.pl/img/bk_top_box_right.png) 0 0 no-repeat;
}

#colRight .rightMiddle {
background:url(http://ugamelia.pl/img/bk_mid_box_right.png) 0 0 repeat-y;
padding:3px 22px;
padding-top:8px;
padding-bottom:7px;
}

#colRight .rightBottom {
height:16px;
background:url(http://ugamelia.pl/img/bk_bot_box_right.png) 0 0 no-repeat;
}

#colRight .homeItem{
background:url(http://ugamelia.pl/img/bk_dashed_horiz.gif) 0 100% repeat-x;
padding:7px 0 8px;
}

#colRight .homeItem img {
float:left;
margin-right:8px;
border:none;
}

#colRight .homeItem .details {
float:left;
width:170px;
font-size:11px;
}

#colRight .homeItem .details strong {
color:#fff;
font-size:12px;
}

#colRight ul li {
background:url(http://ugamelia.pl/img/bk_dashed_horiz.gif) 0 100% repeat-x;
padding-left:0;
}

#colRight ul li a {
padding:5px 0;
background:url(http://ugamelia.pl/img/arrow.png) 0 6px no-repeat;
padding-left:15px;
}

p.line {
background:url(http://ugamelia.pl/img/bk_dashed_horiz.gif) 0 100% repeat-x;
display:block;
padding:0 0 10px;
margin:0;
}

ul.latestPosts li {
background:url(http://ugamelia.pl/img/bk_dashed_horiz.gif) 0 100% repeat-x;
padding:0;
padding-bottom:1px;
}

* html ul.latestPosts li {
float:left;
width:100%;
}

ul.latestPosts li a {
display:block;
background:url(http://ugamelia.pl/img/ico_post.gif) 2px 5px no-repeat;
padding:4px 0 6px 25px;
margin:0;
}

ul.latestPosts li a:hover {
background-color:#141414;
text-decoration:none;
}

ul.latestPosts li a span.date {
font-size:10px;
color:#999;
}

/* portfolio */
.portfolioItem {
background:url(http://ugamelia.pl/img/bk_dashed_horiz.gif) 0 100% repeat-x;
padding-bottom:10px;
margin-bottom:5px;
}

.portfolioItem img {
border:none;
}

/* blog */
.blogItem {
background:url(http://ugamelia.pl/img/bk_dashed_horiz.gif) 0 100% repeat-x;
padding-bottom:5px;
margin-bottom:15px;
}

.blogItem .title{
padding:5px 0 10px 42px;
background:url(http://ugamelia.pl/img/bk_dashed_horiz.gif) 0 100% repeat-x;
margin-bottom:5px;
position:relative;
}

.blogItem .title .date {
width:55px;
height:31px;
position:absolute;
top:0;
left:-22px;
background:url(http://ugamelia.pl/img/bk_blog_date.gif) 0 0 no-repeat;
text-align:center;
color:#fff;
padding-top:5px;
}	

.blogItem .title h2 {
padding:0;
font-weight:bold;
color:#4AAACA;
padding-bottom:8px;
font-size:20px;
}

.blogItem .title .meta {
font-size:10px;
line-height:110%;
}

/* FORMS */
form label {
display:block;
padding:8px 0 2px;
font-weight:bold;
color:#ccc;
}

form input, form textarea, form select {
border:1px solid #3F3F3F;
background:transparent; /* none */
padding:5px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
width:300px;
}

form select.lang {
width: 100px;
}

form input:focus, form textarea:focus, input.sffocus, textarea.sffocus { /* :hover :focus */
border:1px solid #7EA803;
}

form textarea {
width:500px;
}

form input.submit {
border:none;
width:103px;
height:24px;
text-align:center;
padding-top:4px;
color:#fff;
text-transform:uppercase;
margin-top:15px;
background:url(http://ugamelia.pl/img/bk_submit.jpg) 0 0 no-repeat;
font-size:11px;
}

/* ===CLEARING=== */
.clearfix:after {
content: "."; 
display:block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: block;
}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear {
clear: both;
}

.noclear {
clear: none;
}

/* ===MESSAGE BOX=== */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
}

/* ===TABLE=== */
table {
width: 600px;
background:transparent; /* none */
border: 1px #6699CC solid;
border-collapse: collapse;
}

table .floten2 {
width: 300px;
}

input.cords {
width: 25px;
}

table td {
background:transparent; /* none */
border-bottom: 1px dotted #6699CC;
border-right: 1px dotted #CEDCEA;
text-align: left;
padding: 3px;
}

table label {
display:block;
padding:8px 0 2px;
font-weight:bold;
color:#ccc;
}

table input, table textarea, table select {
border:1px solid #3F3F3F;
background:transparent; /* none */
padding:5px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
width:300px;
}

tr.head {
background:#fff;
}

input.checkbox {
width:10px;
}

input.text {
}

input.radio {
width:10px;
}

table textarea {
width:500px;
}

table input.submit {
border:none;
width:103px;
height:24px;
text-align:center;
padding-top:4px;
color:#fff;
text-transform:uppercase;
margin-top:15px;
background:url(http://ugamelia.pl/img/bk_submit.jpg) 0 0 no-repeat;
font-size:11px;
}

a.acpmanual {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#9A9A9A;
}
/* ===SUPPORT=== */
table .support_status_ticket {
width:100%;
background: #98AFC7;
color: #41627E;
}
/* ===POPUP=== */
a.popup span {
display: none;
}
a.popup:hover span {
display: inline;
position: absolute;
margin: 10px 0;
}
a.popup table {
width: 200px;
background: #ffffff;
color: #000000;
}