html {height:101%; padding:0; margin:0;}
body {height:100%; padding:0; margin:0; font-family:"arial"; }

.top_container, .top_container_2 { background-color: transparent; /* 3b3b3b */ }
.menu1_element_container_1 { background-color: #888; }
.menu1_element_container_2 { background-color: #383838; }

.project_name, .project_name a, .project_name a:active, .project_name a:hover, .project_name a:visited, .project_name a:link
{ float: left; display: inline; vertical-align: middle; margin: 8px 8px;
cursor: pointer; color: #B4B1AB; font-family: abel; font-size: 27px;
}
.project_name span { color:#FE980F; }
#logotype {display: block; width: 259px; height: 96px; margin: 0px; border: 0; background-image: url('img/logo.prometey.me.png'); }

.helper { display:inline-block; vertical-align:middle; height:100%; width:0px; }
label { cursor: pointer; border-bottom: 1px dotted gray; }

.s0p0w100p .fun { padding: 9px 0 0 0; }
.fun h1{font-size:24px;margin:0 0 3px 0;color:#0f0f0f;font-weight:normal;text-decoration:none;}
.fun h2{font-size:20px;margin:5px 0 0 0;color:#444;font-weight:normal;}
.fun h3{font-size:16px;margin:7px 0 3px 0;color:#444;font-weight:bold;}
.fun h4{font-size:12px;line-height: 1em; margin: 4px 0;color:#444; }
.fun p, p {display:unset; color:#000;font-size:16px;margin:6px 0 9px 0;}
.fun ul{margin:0 0 5px 0;list-style-image:url('img/li.gif');}
.fun li{color:#000;font-size:16px;margin:6px 0 9px 0;}

.fun table { border: 1px solid #aaa; border-width: 1px 0 0 1px;
margin:3px 0 3px 0; border-spacing: 0; border-collapse: separate; }
.fun table td, .fun table th { padding: 3px; border: 1px solid #aaa; border-width: 0 1px 1px 0; }

.s0p0w100p { border-spacing: 0; border-collapse: separate; width: 100%; }
.s0p0w100p td, .s0p0w100p th { padding: 0; }

a,a:visited{cursor: pointer;color:#066bad;text-decoration:none;font-size:16px;font-weight:bold;}
a:hover{text-decoration:underline;}
a.active{text-shadow: 0 0 1px yellow;}
table{margin:0 0 0 0;border-width:1px 0 0 1px;border-color:gray;}
th{color:black;border-width:0 1px 1px 0;font-size:12px;border-color:gray;}
td{border-color:gray;border-width:0 1px 1px 0;color:black;font-size:12px;}
.noborders{border-width: 0;}
form{margin:0 0 0 0;}
input,textarea{border:1px solid #aaa;cursor:pointer;}
input { display: inline-block; vertical-align: middle; }
input[type=radio] { position: relative; bottom:2px; }
select{cursor:pointer;}

.fl{float:left;}
.fr{float:right;}
.clear_both{clear: both;}

.mr16 { margin-right: 16px; }

.bad_news, .bad_news:hover, .bad_news:visited, .bad_news:link, 
.good_news, .good_news:hover, .good_news:visited, .good_news:link 
{ /* width: 64%; */ display: inline-block; clear: both; margin: 8px 0 8px 0; padding: 8px; font-weight: bold;
}
.bad_news { color: red; border: 3px dotted red;  }
.good_news { color: green; border: 3px dotted green; }
a.bad_news, a.bad_news:hover, a.bad_news:visited, a.bad_news:link, 
a.good_news, a.good_news:hover, a.good_news:visited, a.good_news:link
{ cursor: pointer; } 
a.bad_news, a.bad_news:hover, a.bad_news:visited, a.bad_news:link
{ color: red;
} 
a.good_news, a.good_news:hover, a.good_news:visited, a.good_news:link
{ color: green;
}
a.bad_news:hover { background-color: #eee; }
a.good_news:hover { background-color: #eee; }

.base { position: relative; margin: 0 auto; height: 100%; width: 512px; }
/* html, body { width: 100%; height: 100%; } */

.t { display: table; }
.t100 { display: table; width: 100%; }
.tr { display: table-row; }
.td { display: table-cell; }

.w1 { width: 1px; }

.t_BOn { display: table; border-collapse: collapse; border-width: 1px 0 0 1px; border-style: solid; border-color: gray; }
.t100_BOn { display: table; border-collapse: collapse; width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: gray;}
.t_BOn .td, .t100_BOn .td, .t_BOn td, .t100_BOn td { display: table-cell; padding: 3px; border-width: 0 1px 1px 0; border-style: solid; border-color: gray; }

.inception_c { display:inline-block; vertical-align: middle; position: relative; left: 64px;
text-align: left; white-space: break-spaces; }

.inception { height: 50px; }
.inception div { display:inline-block; vertical-align: middle; }

.inception input { width: 128px; }

.img_l { margin: 0 16px 0 0; float: left; }

.img_r { margin: 0 0 0 16px; float: right; }

.img_inline { display: inline-block; vertical-align: middle; }

.fun .padding_4_16 { padding: 4px 16px; } 
.fun .margin_b_4_r_4 { margin: 0 4px 4px 0; } 

tr.cold { background-color: #6a93b7; }

tr.cold td { color: white; } 

@media screen and (max-width: 768px) /* <_px */
{
.inception_c { left:16px; position: unset; margin: -16px 16px; padding: 0;}
.base {width: unset;}
}