﻿@charset "utf-8";
/* GameServ - style.css */

/* Podstawowe Bloki - Struktura Projektu */

@font-face {
font-family: "Myriad Pro";
src: url(img/myriad.ttf);
}

@font-face {
font-family: "Mangal";
src: url(img/mangal.ttf);
}

body {
background:#fbfbfb url(img/boki1.gif) center 137px no-repeat;
padding:0px; margin:0px;
}
div.layout {
width:820px; margin:0 auto;
}
div.head {
float:left; width:820px; height:137px;
background:url(img/1.jpg); no-repeat;
}
div.nav {
float:left; width:820px; height:45px; overflow:hidden;
background:url(img/2.jpg) repeat-x;
}
div.showcase {
float:left; width:820px;
}
div.stblock, div.rdblock {
float:left; width:187px;
}
div.ndblock {
float:left; width:446px;
background:url(img/ndshade.jpg) repeat-x #d9d9d9;
-webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;
-khtml-border-radius-bottomleft: 20px; -khtml-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
padding:0px 0px 15px 0px; margin:0px 0px 30px;
}
div.footer {
clear:both; margin:0px auto; width:820px; height:30px;
background:url(img/6.gif); no-repeat;
}
a, a:visited, a:active {
font-family:Arial; font-size:10pt; color:#333333; text-decoration:none;
}
a:hover {
color:#000000;
}

/* Zaawansowane Elementy Składniowe Projektu */
div.nav img {
float:left; border:0px;
}
body {
color:#232323; font-family:Helvetica, sans-serif, Verdana, Arial;
line-height:18px; word-spacing:1px; letter-spacing:0.1px; font-size:8pt;
}
div.ndblock h1 {
font-size:2.3em; color:#ff9600; font-weight:normal; font-family:Verdana;
padding:0px; margin:20px 20px 5px 30px;
}
div.ndblock h2 {
font-size:10pt; color:#555555; font-weight:normal; font-family:Helvetica;
padding:0px; margin:5px 60px;
}
div.ndblock h3 {
font-size:12pt; color:#333333; font-weight:bold; font-family:Helvetica;
padding:0px; margin:5px 60px;
}
p.com {
width:350px; margin:10px auto 25px;
}
div.ndblock p {
padding:0px; margin:5px 30px 15px;
font-family:Arial; font-size:10pt;
}
div.nag {
width:170px; height:35px; line-height:33px; float:left; background:#222222;
text-align:center; padding:0px;
text-transform:uppercase; color:#e2e2e2; letter-spacing:0.5px;
font-family:"Myriad Pro", Verdana; font-size:13px; word-spacing:2px;
}
div.stblock div.block {
width:170px; float:right; margin:10px 10px 15px 7px;
}
div.rdblock div.block {
width:170px; float:left; margin:10px 7px 15px 10px;
}
span.und {
font-size:140%; font-family:Arial; color:#ff9600; padding:0px; margin:0px; letter-spacing:1px;
}


/* Pozycje w Nawigacji Poziomej - NAV */

div.nav ul {
padding:0px; margin:0px; list-style:none;
}
div.nav ul li {
margin:0px; padding:0px; display:inline;
}
div.nav a {
float:left; text-decoration:none;
}
div.nav a:hover {
color:#ffffff;
}


/* Pozycje w Nawigacji PIONOWEJ - MEN */

ul.men {
float:left; width:170px; margin:10px 0px 0px; padding:0px; list-style:none;
}
ul.men li {
margin:0px; padding:0px; display:block; float:left;
}
ul.men a {
width:145px; height:14px; line-height:14px; float:left; padding:9px 5px 9px 20px; background:url(img/men.gif) left top no-repeat; margin:0px 0px 2px 0px; text-transform:uppercase; font-family:Helvetica; font-size:12px; color:#FFFFFF;
letter-spacing:-0.1px; text-decoration:none;
}
ul.men a:hover {
background:url(img/men.gif) left bottom; color:#222222;
}


input.log1, input.log2 {
width:87px; height:14px; border:none; font-size:10px; line-height:12px; padding:5px 15px 5px 60px; color:#666666;
}

input.log1 { background:url(img/form/log-inp1.gif) no-repeat; margin:10px 4px 0px 4px; }
input.log2 { background:url(img/form/log-inp2.gif) no-repeat; margin:4px 4px 10px 4px; text-decoration:none; }

input#log3 { width:69px; height:26px; float:left; background:url(img/form/log-but1.gif); border:0; cursor:pointer; }
a#log4 { float:left; display:block; width:69px; height:26px; background:url(img/form/log-but2.gif); margin:0px 0px 0px 5px; }

input {
width:130px; height:16px; line-height:14px; font-size:12px; padding:3px 15px;
border:1px solid #888888; background:#e6e6e6; color:#333333;
}

select {
width:160px; height:22px; line-height:14px; font-size:12px;
border:1px solid #888888; background:#e6e6e6; color:#333333;
}