* {
  padding: 0;
  margin: 0;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 13px;
}

body {
  width: 1024px;
/*  background-color: #f0f0f0; */
  margin: 0 auto;
  background: url(../images/site-fon.jpg) top center repeat-y;
}

#container {
  width: 100%;
}

#logo {
  background: url(../images/logo-lico-top.png) top left no-repeat;
  height: 62px;
}

#logo a {
  display: block;
  float: left;
  width: 302px;
  height: 62px;
}

#logo div.logoFP {
  background: url(../images/logo-war-top.jpg) top right no-repeat;
  height: 62px;
}

#logo div.logo a {
  display: block;
  float: left;
  height: 62px;
}

#logoBottom {
  height: 55px;
  background: url(../images/logo-lico-bottom.png) top left no-repeat;
}

#logoBottom a {
  display: block;
  float: left;
  width: 302px;
  height: 35px;
}

#logoBottom div.pannel_history {
/*  margin-top: 2px; */
  height: 55px;
  background: url(../images/pannel-history.png) top right no-repeat;
}

#logoBottom div.pannel_society {
/*  margin-top: 2px; */
  height: 55px;
  background: url(../images/pannel-society.png) top right no-repeat;
}

#logoBottom div.pannel_civilization {
/*  margin-top: 2px; */
  height: 55px;
  background: url(../images/pannel-civilization.png) top right no-repeat;
}

#logoBottom div.pannel_person {
/*  margin-top: 2px; */
  height: 55px;
  background: url(../images/pannel-person.png) top right no-repeat;
}

#logoBottom div.pannel_rjs, #logoBottom div.pannel_tags {
/*  margin-top: 2px; */
  height: 55px;
  background: url(../images/pannel.png) top right no-repeat;
}

#logoBottom ul {
  list-style-type: none;
}

#logoBottom ul li {
  display: inline;
  width: 100px;
}

#logoBottom div.pannel_history a,
#logoBottom div.pannel_society a,
#logoBottom div.pannel_civilization a,
#logoBottom div.pannel_person a,
#logoBottom div.pannel_rjs a,
#logoBottom div.pannel_tags a {
  margin-top: 10px;
  width: 110px;
  height: 30px;
  margin-left: 40px;
  margin-right: 20px;
}

#wrapper {
  width: 100%;
}

#rss {
  float: left;
  width: 302px;
  padding-top: 174px;
/*  background: url(../images/logo-lico-rss.png) top left no-repeat; */
  background: url(../images/logo-left.gif) top center no-repeat;
}

#rss div.column {
  background: url(../images/rss-border.png) top left repeat-y;
}

#rss div.column div {
  background: url(../images/rss-bottom.png) bottom left no-repeat;
}

#general {
  float: left;
  width: 510px;
  padding-top: 8px;
}

#general div.column {
}

#news {
  float: left;
  width: 212px;
  padding-top: 56px;
  margin-top: 5px;
  background: url(../images/many-news.png) top right no-repeat;
}

#news div.column {
  background: url(../images/many-news-border.png) top right repeat-y;
}

#news div.column div {
  background: url(../images/many-news-bottom.png) bottom left no-repeat;
}

div.content {
  padding: 10px;
}

#footer {
  margin-top: 50px;
}


#general dl {
  margin-top: 10px;
  border-top: 2px dotted #6691c8;
}

#general dl dt {
  padding-top: 5px;
  width: 130px;
  text-align: center;
}

#general dl dd {
  text-align: justify;
}

#general dl dd.clear {
  clear: both;
  padding-bottom: 10px;
  border-bottom: 2px dotted #6691c8;
}

#general dd img {
  display: block;
  float: left;
  width: 120px;
  padding: 2px;
  margin: 5px 10px 0 0;
/*  border: 1px dashed blue; */
}

#general a {
  text-decoration: none;
  font-size: 0.9em;
  color: black;
}

#general b a {
  display: block;
  text-decoration: underline;
  font-size: 1.3em;
  color: #386099;
  margin-bottom: 10px;
}

#general p {
  text-align: justify;
  padding: 5px 0;
}

#general p a, #general a.articleLink {
  text-decoration: underline;
  color: blue;
}

#general div.foto {
  width: 40%;
  float: left;
  padding: 2px;
  margin: 10px 5px 0 0;
/*  border: 1px dashed blue; */
}

#general div.image {
  width: 100%;
  display: block;
  padding: 2px;
  margin: 10px auto;
/*  border: 1px dashed blue; */
}

#general div.foto img, #general div.image img {
  width: 100%;
}

#general h2, #general h3 {
  color: #386099;
}

#general h2 {
  padding-bottom: 20px;
  text-align: center;
  font-size: 2em;
}

#general h2 span {
  display: block;
  text-align: right;
  color: #b7bfc9;
  margin-bottom: 10px;
  font-size: 0.5em;
}

#general h3 {
  text-align: center;
  font-size: 1.3em;
  padding: 10px;
  text-transform: uppercase;
}

#general h4 {
  padding-top: 20px;
}

#general h4 a {
  text-decoration: underline;
}

#general a.linkTop {
  display: block;
  margin-top: 20px;
  text-align: right;
  text-decoration: underline;
  color: blue;
}

#general div.youtube, #general div.avi {
  text-align: center;
  margin: 10px auto;
}

#general dt span a {
  display: block;
  background-color: #6691c8;
  padding: 2px;
  font-weight: bold;
  color: white;
  font-size: 0.85em;
}

#general div.newsLinks ul {
  padding-left: 20px;
  list-style-type: disc;
  display: list-item;
}

#general div.newsLinks ul li a {
  text-decoration: underline;
  color: blue;
}

#general div.tags ul {
  list-style-type: disc;
  margin-left: 20px;
}

#general div.tags ul li a {
  text-decoration: underline;
  color: blue;
}

#general div.tags h2 span {
  display: block;
  color: #6691c8;
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.65em;
}

#news a.banner {
  display: block;
  margin-bottom: 15px;
  border: none;
  text-decoration: none;
  font-size: 0.9em;
  color: #6b91c8;
}

#news a.banner img {
  width: 95%;
  border: none;
}

#news div.tags {
  padding: 10px;
}

#news div.tags h3 {
  margin: 0 -10px 10px -10px;
  padding: 5px;
  text-align: center;
  text-transformation: uppercase;
  color: white;
  display: block;
  background-color: #6691c8;
}

#news div.tags ul {
  list-style-type: none;
}

#news div.tags ul li {
  border-bottom: 1px dotted #6691c8;
  pading-right: 15px;
}

#news div.tags a {
  color: #6691c8;
  text-decoration: none;
  margin-right: 15px;
}

#news div.tags a:hover {
  color: #477ac2;
}


#general div.half_width {
  text-align: center;
  width: 50%;
}

#general div.third_width {
  text-align: center;
  width: 33%;
}