ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  color: white;
  text-decoration: underline;
}

.content {
    max-width: 1200px;
    max-width: 868px;
    margin: 0px auto 0px auto;
    padding: 0 3px;
    text-align: center;
}
.t3-header {
    padding-top: 40px;
    padding-bottom: 5px;
    padding-left: 42px;
    background-color: #222222;
}
.span8 {
    width: 525px;
}

.tab1 {
    width: 330px;
}
.tab2 {
    width: 880px;margin: 0 auto;padding: 0px 40px 0px 40px;
}

.td97 {
    background-color: #004D82; text-align: center;border: 1px solid #000;font-size: 20px;font-weight: bold;
}
.td98 {
    background-color: #004D82; text-align: center;border: 1px solid #000;font-size: 20px;font-weight: bold;
}
.td99 {
    background-color: #004D82; text-align: center;border: 1px solid #000;font-size: 20px;font-weight: bold;
}



.vis1 {
	background: url(https://1.bp.blogspot.com/-xx4TQWK85UY/XvI0kVP6HKI/AAAAAAAACMY/UGb0IGos1uQz157nDrfNeHCzZuFQBgOZgCLcBGAsYHQ/s1600/vis1a.png) no-repeat right top;
	display:block;
	width: 100%;
	height: 31px;
  	color: #ffffff;
        text-align: center;
	text-decoration:none;
	padding:10px 0 0 0;
	margin: 0px auto;
        font-weight:bold;
}
.vis1:hover{
	background-position:right bottom;
	color: #ffffff;
}

.vis2 {
	background: url(https://1.bp.blogspot.com/-_a31Ufwa6GY/XvIzR1mIjRI/AAAAAAAACMA/mkIE-q_oU0EcwBHSCJ56SuFcEzV3B1DaQCLcBGAsYHQ/s1600/vis2a.png) no-repeat right top;
	display:block;
	width: 100%;
	height: 31px;
  	color: #ffffff;
  	padding:10px 0 0 0;
        text-align: center;
	text-decoration:none;
	margin: 0px auto;
	font-size: 18px;
}
.vis2:hover{
	background-position:right bottom;
	color: #ffffff;
}

.bann2 {
    background-color: #161616; width: 670px;height: 1px;vertical-align:top;
}
.custom {
    text-align: center;
}
.main {
    background-color: #000;width: 960px;height: 100%;border-radius: 10px;border: 1px solid #555555;display: table;
}

.post {
    float:right;background-color: #000;padding: 0 10px;padding-bottom: 40px;width: 71%;vertical-align:top;position: static;
}
.menug {
    float: left;padding: 5px;border-radius: 10px;background-color: #000;width: 25%;position: static;
}

img {
  display: block;
}


.foto {
  position: relative;
  display: inline-block;
}

.foto img {
  display: block;
  max-width: 100%;
  height: auto;
}

.text {
 position: absolute;
  top: 45%;
  left: 10%;
  transform: translateY(-50%);
  width: 450px;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  padding: 15px 30px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: justify;
  flex-direction: column;
}

.text .vis5 {
  display: inline-block;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  padding: 20px 30px;
  border-radius: 4px;
  font-size: 25px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.text .vis5:hover {
  background-color: #0056b3;
}


.visk {
  display: flex;
  gap: 15px;
  justify-content: center;
  max-width: 400px;
  padding: 20px 10px;
  box-sizing: border-box;
}

.visk .btr {
  display: inline-block;
  padding: 12px 20px;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 6px;
  transition: all 0.25s ease;
  flex: 1;
}

.visk .btr-p {
  background-color: #007bff;
  color: white;
  border: 2px solid #007bff;
}

.visk .btr-p:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

.visk .btr-s {
  background-color: #007bff;
  color: white;
  border: 2px solid #007bff;
}

.visk .btr-s:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}


.foto2 {
  position: relative;
  display: inline-block;
}

.foto2 img {
  display: block;
  max-width: 100%;
  height: auto;
}

.text2 {
 position: absolute;
  top: 20%;
  left: 12%;
  transform: translateY(-50%);
  width: 750px;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  padding: 15px 30px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: justify;
  flex-direction: column;
}

.text2 .vis5 {
  display: inline-block;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  padding: 20px 30px;
  border-radius: 4px;
  font-size: 25px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.text2 .vis5:hover {
  background-color: #0056b3;
}


.vis6 {
  display: inline-block;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  padding: 20px 30px;
  border-radius: 4px;
  font-size: 25px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.vis6:hover {
  background-color: #0056b3;
}

.ddd {
  background-color:#013162;padding: 40px 40px 0 40px; width: 840px;
}
.tbtd {
  background-color:#002151;padding: 40px; width: 800px;font-size: 18px;text-align: center;
}
.tbtx {
  background-color:#002151; width: 880px;font-size: 18px;text-align: center;
}



.tbt {
  justify-content: center;text-align: justify;
}
.sced {
  background-color:#013162;padding: 0px 40px 40px 40px; width: 840px;
}
.sce {
  background-color:#002151;padding: 0 20px 30px 20px;; width: 882px;
}
.ddd2 {
  background-color:#013162;padding: 0px 40px 0 40px; width: 840px;
}



.stab2 {
 width: 100%;background: url(https://2.bp.blogspot.com/-Qj0dwobQGZA/V12dbDIQ7VI/AAAAAAAACDs/LXS1RwdL2eY0b5bGCZHc9Fw137XbhROwwCLcB/s1600/fot2.png) repeat-x scroll left bottom transparent;padding: 0 0 19px 0;
}
.snad5 {
 background: url(https://1.bp.blogspot.com/-XnXfNA0VC7c/V12dbaEBt7I/AAAAAAAACD4/neWhrHX64tUo8QZ9gy3uVk3gbjgC5pFVgCLcB/s1600/nad2.png) repeat-x scroll left top transparent; padding:3px 0 3px 20px; text-align: left;color:#DCEEF8;
}
.td6 {
 background-color:#325B89;padding: 12px 20px 12px 20px; text-align: left; width: 100%;font-size:16pt;vertical-align:top;
}

.xtd1 {
 background-color:#264A79;padding: 12px 5px 12px 12px; text-align: left; width: 25%;vertical-align:top;color: #FFD23A;
}
.xtd2 {
 background-color:#325B89;padding: 12px 5px 12px 12px; text-align: left; width: 25%;vertical-align:top;
}

.std0 {
 background: url(https://4.bp.blogspot.com/-ihtmWFx5aF4/V2a6qKAfsOI/AAAAAAAACKw/JurqE8Pm_BMw48J1JJzEU8S5ZS6uxft5wCLcB/s1600/buto.png) repeat left top;
 display:block;
 width: 100%;
 height: 35px;
 text-align: center;
 text-decoration:none;
 text-shadow: 1px 1px #000000;
 padding:7px 0 0 0;
 margin: 0px auto;
 color: #fff;
 font: 1.5em Arial, Helvetica, Tahoma, sans-serif;
}
.std0:hover{
 background-position:left bottom;
 color: #ffffff;
 text-decoration:none;
}