/* CSS Document */

html {
height:100%;
}

body {
padding:0;
margin:0;
height:100%;
font:14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#000000;
}

a {
color:#fe6204;
text-decoration:none;
}

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

p {
padding:7px 0;
margin:0;
}

form, input, select, textarea {
padding:0;
margin:0;
}

table {
border:none;
}

img {
border:none;
}

h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
font-weight:normal;
}

h1 {
font-size:22px;
}

h2 {
font-size:20px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

.clear {
clear:both;
}

.container {
width:998px;
margin:0 auto;
min-height:100%;
height:auto !important;
height:100%;
position:relative;
background:#61553f url(/images/cityart/bg.png) repeat-y top left;
}

.header {
}

.wrapper {
}

.right {
width:761px;
float:right;
background:url(/images/cityart/ct.gif) no-repeat top right;
}

.content {
overflow:hidden;
width:661px;
padding:70px 50px 0 50px;
}

.foto {
width:45%;
vertical-align:top;
padding-bottom:20px;
}

.frt {
background:url(/images/cityart/foto.gif) no-repeat top left;
width:247px;
height:200px;
padding:0 0 0 50px;
display:block;
}

.jt {
padding:0 0 3px 55px;
font-weight:bold;
}

.foto img {
height:164px;
width:246px;
}

.fa {
width:10%;
}

.tech {
width:100%;
padding:0 0 35px 30px;
margin-bottom:20px;
background:url(/images/cityart/line.gif) no-repeat bottom;
}

.tech-title {
font-size:16px;
font-weight:bold;
margin-bottom:15px;
font-style:italic;
}

.title {
text-align:center;
font-size:18px;
font-weight:bold;
margin-bottom:15px;
font-style:italic;
}

.tech-con {
padding-left:10px;
}

.left {
width:237px;
float:left;
padding-bottom:240px;
}

.left-menu {
padding-top:10px;
}

.left-menu td {
padding-bottom:5px;
}

.news {
width:217px;
padding:3px 10px;
margin-bottom:15px;
background:url(/images/cityart/news.jpg) repeat-y top left;
}

.n {
padding-bottom:7px;
margin-bottom:7px;
border-bottom:1px dotted #FFFFFF;
}

.date {
text-align:right;
font-size:11px;
font-weight:bold;
}

.info {
padding:3px 10px;
}

.sf {
border:1px solid #333333;
background:#000000;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:18px;
width:250px;
}

.tf {
border:1px solid #333333;
background:#000000;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:150px;
width:450px;
}

.button {
cursor:pointer;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
padding:2px 5px;
}

.extra {
clear:both;
height:150px;
}

.counters {
position:absolute;
height:275px;
width:237px;
bottom:43px;
left:0;
}

.c2 {
width:217px;
height:266px;
padding:10px;
text-align:center;
background:url(/images/cityart/counters.jpg) no-repeat top;
}

.c2 img {
margin-bottom:3px;
}

.contacts {
position:relative;
margin-top:-149px;
height:149px;
width:100%;
font-size:16px;
font-weight:bold;
}

.contacts div {
background:url(/images/cityart/cb.gif) no-repeat top right;
height:99px;
width:761px;
padding:50px 0 0 237px;
text-align:center;
margin:0 auto;
}

.footer {
position:relative;
margin-top:-43px;
height:43px;
width:100%;
background:#000000;
}

.footer-line {
width:998px;
margin:0 auto;
height:3px;
}

.menu {
width:998px;
margin:0 auto;
height:40px;
background:#476c67 url(/images/cityart/footer.jpg) no-repeat top left;
padding:0 0 0 0;
}

.menu {
width:998px;
margin:0 auto;
height:27px;
background:#476c67 url(/images/cityart/footer.jpg) no-repeat top left;
padding:13px 0 0 0;
font-weight:bold;
color:#eacc58;
}

.menu a {
color:#ffffff;
text-decoration:none;
}

.menu a:hover {
color:#eacc58;
text-decoration:none;
}

.menu td {
width:16%;
text-align:center;
}

.menu td.marw {
width:10px;
}

.pages {
padding:8px;
text-align:center;
font-weight:bold;
}

.pages a, .pages span {
padding:1px 2px;
margin:0 2px;
}