﻿* {
    padding: 0;
    margin: 0;
} 

body {
	background-attachment: scroll;
    background-color: #BFBABE;
    background-image: url("pict/page_t.jpg");
    background-position: left top;
    background-repeat: repeat;
    color: black;
    margin: 0 auto;
    padding: 0;
   
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	line-height: 18px;
	
}

img { border: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#background {
	height: 421px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#background-image {
	background-image: url("pict/page_gl.png");
    background-repeat: no-repeat;
    height: 421px;
    margin: 0;
    width: 701px;
}


#art-main {
    cursor: default;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
	text-align: center;
}




#wrap {
margin: 0 auto;
width: 960px;
text-align: center;
}


#header2 {
				background-image: url('pict/tlo_ze_specialem_bez _napisu.jpg');
				background-repeat: no-repeat;
				width: 960px;
				height: 330px;
				margin: 0 auto;
				text-align: center;
				margin-top: 18px;
}
#header2 h1 {
	font-size: 11px;
	font-weight: 100;
	letter-spacing: 1px;
	text-align: left;
	padding-top: 220px;
	padding-left: 563px;
	padding-right: 390px;
	line-height: 0.8em;

}
#header2 h1 a {
				color: black;
				text-decoration: none;
}
#header2 h1 a:hover {
color: black;
text-decoration: none;
}
#header2 h2 {
color: #3692AF;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 0;
letter-spacing: -1px;
line-height: 12px;
}
#topbar {
	height: 20px;
	padding-top: 57px;
	text-align: left;
	padding-left: 220px;
}
#topbar ul {
	list-style-type: none;
}
#topbar li {
	padding: 4px 35px 10px 26px;
	display: inline;
	background-image: url('pict/tlo-menu-topp.png');
	background-repeat: no-repeat;
}
#topbar a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
#topbar a:hover {
	color: white;
	font-weight: bold;
}

.articles {
padding-top: 20px;
				
}


#content {
	background-image: url('pict/tlo-long.png');
	background-repeat: repeat-y;
}
.left {
	width: 190px;
	height: 100%;
	float: left;
	text-align: center;
	background-color: #DDDADC;
	padding-top: 20px;
}
.left h2 {
				height: 30px;
				font-size: 15px;
				color: black;
				background-image: url('pict/sidebar_h2.png');
				background-repeat: no-repeat;
				text-align:center;
				padding-top: 6px;
}
.left a {
				text-decoration: none;
				color: black;
}
.left a:hover {
				text-decoration: none;
				color: black;
}
.left ul {
list-style-type: none;
}
.left li {
border-bottom: 1px solid gray;
line-height: 25px; 
}
.center {
				padding: 20px;
				width: 540px;
				float: left;
				text-align: justify;
}
.center h2 {
color: #FF4800;
font-size: 22px;
letter-spacing: -1px;
font-weight: 100;
}
.center h3 {
				
				font-family: "Bradley Hand ITC";
				font-size: 40px;
				font-weight: bold;
				padding-bottom: 30px;
				text-align:center;
}

.right {
	width: 190px;
	height: 100%;
	float: right;
	text-align: justify;
	background-color: #DDDADC;
}
.right h2 {
				height: 30px;
				font-size: 15px;
				color: black;
				text-align:center;
				background-image: url('pict/sidebar_h2.png');
				background-repeat: no-repeat;
				padding-top: 6px;
				
}
.right ul {
list-style-type: none;
text-align: center;
}
.right li {
border-bottom: 1px solid gray;
line-height: 25px; 
}
.right a.active {
    color: red;
    font-weight: bold;
}
.right a {
				text-decoration: none;
				color: black;
}
.right a:hover {
				text-decoration: none;
				color: black;
}

#footer {

text-align: center;
color: black;
font-size: 12px;
background-color: #DDDADC;
border-top: 1px solid gray;
}
