root { 
    display: block;
}
@font-face
{
font-family: trajanpro;
src: url('TrajanPro-Bold.otf');
}
body {background: /*#eae5d7*/ #e4e4e4; margin: 0; padding: 0; font-family: Verdana;}
.body {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    /*background: url('images/bg.png') repeat-y fixed;*/
    background-position: center;
}

a:link, a:visited { color: #323030; text-decoration: none }
a:hover { color: #710c1a; text-decoration: underline }
		
.top {
    width: 850px;
    height: 110px;
    /*background: url('images/top.png') no-repeat;*/
    margin-left: auto;
    margin-right: auto;
}
.top_in {
    margin-top: 20px;
    float: left;
    width: 300px;
    height: 100%;
    background: url('images/top.png') no-repeat;
    background-size:  100%;
}
.lublin {
    max-width: 850px;
    background: url(images/photo.png) no-repeat;
    background-position: center;
    height: 227px;
    margin-left: auto;
    margin-right: auto;
}
.menu {
    margin-left: auto;
    margin-right: auto;
    width: 540px;
    text-transform: uppercase;
    font-family: Verdana;
    float: right;
}
.menu li{
    width: 33%;
    height: 100%;
   /* background: rgba(255,255,255,0.67);*/
    color: #323030;
    line-height: 170px;
    font-size: 19px;
    list-style: none;
    float: left;
    text-align: center;
    cursor: pointer;
     -moz-transition: background 1s linear ;
    -webkit-transition: background 1s linear ;

}
.menu li a{ color: #323030;}
.menu li:hover a {color: white;}
.menu li:hover ,
.menu .active {
    background: #710c1a;
} .none {    background: #a90d0d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOTBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzEwYzFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #a90d0d 0%, #710c1a 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90d0d), color-stop(100%,#710c1a)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #a90d0d 0%,#710c1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #a90d0d 0%,#710c1a 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #a90d0d 0%,#710c1a 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #a90d0d 0%,#710c1a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90d0d', endColorstr='#710c1a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
color: white !important;}

.menu li a,.menu li a {text-align: center; text-decoration: none;}

.menu .active a{color: white;}
.content {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    color: #323030;
    text-align: left;
    padding-left: 25px;
}
.content .cleft {margin-top: 40px; float: left; width: 283px;}
.content .cleft img { float: left; width: 232px; height: 232px; border: 4px solid #790c18; }
.content .cleft .bottom { float: left; width: 42px; height: 232px; /*border-bottom:  4px dotted #790c18; */}
.content .cright {margin-top: 40px; float: right; width: 566px; }
.content .cright .right_l { float: left;  width: 60px;/* border-left: #790c18 4px dotted; border-bottom: #790c18 4px dotted; border-top: #790c18 4px dotted; */}
.content .title {font-size: 28px; line-height: 36px; }
.content h1 { display: block; padding-left: 50px; height: 32px; font-family: trajanpro; font-size: 19px; line-height: 32px; background: url('images/arrow.png') no-repeat; display: block; }
.content h2 { display: block; padding-left: 37px; height: 40px; font-family: trajanpro; font-size: 16px; line-height: 18px; background: url('images/arrow.png') no-repeat; display: block; }
.content h3 { display: block; padding-left: 10px; height: 40px; font-family: trajanpro; font-size: 19px; line-height: 22px; display: block; }
.content span {font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
.content .cright .right_r {float: right;
margin-right: -454px;
width: 530px;
margin-top: 10px;
margin-bottom: 10px;;}
.content .center {float: left; width: 825px;}


.footer {
		width: 840px;
    min-height: 30px;
		margin-top: 50px;
    float: right;
    min-width: 300px;
    min-height: 70px;
    font-size: 10px;
    color: #b1b1b1;
    text-align: right;
    margin-right: 30px;}

