@font-face{
font-family: "Lato-Regular"; 
src: url("resources/fonts/Lato-Regular.eot"); 
src: url("resources/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("resources/fonts/Lato-Regular.woff2") format("woff2"), url("resources/fonts/Lato-Regular.woff") format("woff"), url("resources/fonts/Lato-Regular.ttf") format("truetype"), url("resources/fonts/Lato-Regular.svg#Lato") format("svg");
}
@font-face{
font-family: "Lato-Bold"; 
src: url("resources/fonts/Lato-Bold.eot"); 
src: url("resources/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("resources/fonts/Lato-Bold.woff2") format("woff2"), url("resources/fonts/Lato-Bold.woff") format("woff"), url("resources/fonts/Lato-Bold.ttf") format("truetype"), url("resources/fonts/Lato-Bold.svg#Lato") format("svg");
}

body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: default;
font-family: "Lato-Regular", arial, serif;
background: #26282a;
/*
background: #222328;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjMyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #222328 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222328), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #222328 0%,#000000 100%);
background: -o-linear-gradient(top, #222328 0%,#000000 100%);
background: -ms-linear-gradient(top, #222328 0%,#000000 100%);
background: linear-gradient(to bottom, #222328 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222328', endColorstr='#000000',GradientType=0 );
*/
}

div.table {
display: table;
}

div.err {
display: table-cell;
}

div.err > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-content: center;
height: 300px;
}

div.err span {
	align-self: center;
}

div.txt {
display: table-cell;
}

div.tatbap {
float: right;
padding: 11px 20px 0 0;
}

div.cnt {
margin: 0 auto;
width: 70%;
}

div.header {
padding: 20px 0 10px 40px;
}

div.main {
/*background-color: #eceff6;*/
background-color: #26282a;
border-radius: 10px;
padding: 20px 20px 40px 20px;
position: relative;
}

div.iwsc {
width: 100%;
}

div.iwsc div {
float: right;
padding: 10px 20px 0 0;
}

.nooo {
background: url("nooo.png") no-repeat center center;
}

.err {
vertical-align: middle;
text-align: center;
height: 300px;
/*width: 330px;*/
}

.txt {
vertical-align: top;
text-align: left;
font-family: "Lato-Regular", arial;
font-size: 0.9em;
line-height: 1.4em;
/*color: #4b4c4d;*/
color: #ccc;
padding-left: 20px;
}

span.errsuspended {
font-size: 4em;
line-height: 1em;
font-family: "Lato-Bold", verdana;
font-weight: bold;
color: #a11111;
color: rgba(161,17,17, 0.8);
/*text-shadow: 1px 1px 1px #eceff6, 0 0 0 #000, 1px 4px 6px #eceff6;*/
text-shadow: 1px 1px 1px #eceff6, 0 0 0 #000, 1px 1px 1px #888888;
}

span.errtitle {
font-family: "Lato-Regular", tahoma;
font-size: 1.4em;
/*color: #4b4c4d;*/
color: #888888;
}

span.email {
font-style: italic;
}

.changedirection {
unicode-bidi: bidi-override;
direction: rtl;
text-align:left;
font-style: italic;
color: #888888;
}

.title {
font-size: 1.1em;
}

div.t1red {
font-size: 1.0em;
color: #a11111;
}

div.t1 {
font-weight: bold;
font-size: 1.0em;
}

div.t2 {
padding-top: 10px;
}

div.t3 {
padding-top: 40px;
line-height: 1.6em;
}

div.t4 {
padding-left: 10px;
line-height: 1.6em;
}

a, a:visited {
/*color: #871b1b;*/
color: #888888;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

::-moz-selection { background: #eceff6; color: #4b4c4d; text-shadow: none; }
::selection { background: #eceff6; color: #4b4c4d; text-shadow: none; }

div.httperror {
position: absolute;
right: 20px;
bottom: 10px;
font-style: italic;
font-size: 0.8em;
color: #888888;
}

ul {
list-style-type: square;
display: block;
margin-top: 0;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
}

li span {
font-weight: bold;
}

ul.rare li {
margin: 10px 0;
}

@media all and (max-width: 1200px) {
  div.main {
  	padding: 20px 0;
  }
  div.cnt {
    width: 100%
  }
  .err {
  	margin-bottom: 20px;
  }
  div.t2 {
  	padding-bottom: 20px;
  }
  span.errsuspended {
    font-size: 3em;
  }
  span.errtitle {
    font-size: 1.2em;
  }
  .txt {
  	text-align: justify;
  	padding: 0 10px;
  }
  div.err {
    display: block;
  }
  div.txt {
    display: block;
  }
}

@media all and (max-width: 600px) {
  div.tatbap {
  	display: none;
  }
}