/**
*	turniej w Piasecznie CSS file
**/

body {
	font-family: verdana, sans-serif;
	font-size: 9pt;
	color: black;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0;
}
body * {
	font-size: 1em;
}
h1 {
    margin: 0 0 1em 0;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 1em;
    padding-top: .5em
}
h2 {
    margin: 1em;
    font-size: 1.1em;
    font-weight: bold;
    color: maroon;
}
h3 {
   margin: 0;
   font-size: 1.2em;
   text-align: center;
   color: maroon;
}
h4 {
   margin: 0;
   font-size: 1em;
   text-align: center;
}
a {
    color: blue;
    text-decoration: none;
}
a:hover {
    color: red;
    text-decoration: underline;
}
form {
    padding: 0 1em;
}
label {
    width: 150px;
    display: block;
    float: left;
    color: navy;
}
input, textarea, select {
    border: 1px solid gray;
    margin-left: 20px;
    margin-bottom: 2px;
}
#mainContainer {
	width: 750px;
	margin: auto;
	text-align: left;
	border: 1px solid black;
}
#header {
	height: 36px;
	text-align: right;
	vertical-align: middle;
	background: #a37576 url(../images/headerBg.png) 50% 50% repeat-x;
	color: white;
	font-size: .8em;
    width: 750px;
}
#headerLinks {
    padding-right: 2em;
    padding-top: 1.3em;
}
#header a {
    color: white;
    text-decoration: none;
}
#header a:hover {
    color: white;
    text-decoration: underline;
}
#homeLink {
    background: url(../images/home_img.png) 0 50% no-repeat;
    padding-left: 24px;
}
#contactLink {
    background: url(../images/contact_img.png) 0 50% no-repeat;
    padding-left: 24px;
}
#footer {
    height: 31px;
    text-align: left;
    vertical-align: middle;
    background: #a37576 url(../images/footBg.png) 50% 50% repeat-x;
    color: white;
    font-size: .8em;
    width: 750px;
}
#footText {
    display: block;
    margin-left: 1em;
    padding-top: 1em;
}
#menuBanner {
	margin-top: 1px;
    text-align: left;
    width: 750px;
    height: 198px;
}
#menuContainer {
	width: 204px;
	float: left;
    height: 198px;
}
#banner {
    width: 546px;
    height: 198px;
    float: left;
}
#menuContainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 204px;
    height: 198px;
}
#menuContainer li {
    margin: 0;
    padding: 0;
}
#menuOrder, #menuInfo, #menuGallery {
    display: block;
    width: 204px;
    text-align: right;
    height: 66px;
    font-size: 1.8em;
    font-weight: bold;
    font-style: italic;
    margin:0;
    padding: 0;
}
#menuContainer a {
    color: black;
    display: block;
    text-decoration: none;
    padding-right: 15px;
    padding-top: 18px;
    padding-bottom: 10px;
}
#menuContainer a:hover {
    text-decoration: underline;
}
#menuOrder {
    background: #bbbcae url(../images/menu_bg_1.png) 0 0 no-repeat;
}
#menuInfo {
    background: #bbbcae url(../images/menu_bg_2.png) 0 0 no-repeat;
}
#menuGallery {
    background: #bbbcae url(../images/menu_bg_3.png) 0 0 no-repeat;
}
#mainContent {
    background-color:  white;
    width: 750px;
}
#leftContainer {
	width: 203px;
	float: left;
	background: #bbbcae url(../images/jajko.jpg) 0 0 no-repeat;
	/*padding-top: 218px;*/
	padding-top: 20px;
}
#leftImg {
    width:203px;
    height: 45px;
    vertical-align: bottom;
}
#leftText {
	padding: 1em;
}
#leftText h1 {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    padding-left: 0;
}
#leftText a {
    color: maroon;
    font-size: .8em;
}
#leftText div {
    text-align: right;
}
#contentContainer {
	width: 546px;
	margin-left: 203px;
    background-color: white;
}
#contentContainer p {
    padding: 0 1em;
    line-height: 1.4em;
}
.news {
    width: 255px;
    background: white url(../images/newsBg.png) 0 0 repeat-x;
    height: 500px;
}
.newsAlone {
    width: 95%;
    background: white url(../images/newsBg.png) 0 0 repeat-x;
}
#newsLeft {
    float: left;
    margin-left: 10px;
}
#newsRight {
    margin-left: 271px;
}
div.clear {
	clear: both;
    font-size: 0;
    height: 0;
}
.innerNews {
    padding: .5em;
}
#swordsImg {
    width: 132px;
    height: 130px;
    border: 0;
    float: right;
    margin-top: -100px;
    margin-right: -30px;
    z-index: 100;
    position: relative;
}
.success {
    text-align: center;
    border: 1px solid green;
    background-color: #A2FF8F;
    color: #009202;
}
.defeat {
    text-align: center;
    border: 1px solid red;
    background-color: #FF9D9D;
    color: maroon;
}
#key {
    color: green;
    font-weight: bold;
    font-family: courier, monospace;
    font-size: 1.5em;
}
