body {
  background-image: url("images/spmt-bg.gif");
  font-family: Arial, Helvetica, sans-serif;
}

html, body {
  height: 100%;
}
/* unvisited link */
a:link {
/*  color: RGB(224,224,224);*/
  color: white;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: white;
  text-decoration: none;
  border: none;
}

/* mouse over link */
a:hover {
  color: white;
  text-decoration: none;
}

/* selected link */
a:active {
  color: white;
  text-decoration: none;
} 

.container {
/*  margin-top: 25px;*/
  position: fixed;
  left: 13%;
  width: 74%; /*90%*/
  min-width: 74%;
  height: calc(100% - 5% - 15px - 10% - 15px - 50px - 15px);
  min-height: calc(100% - 5% - 15px - 10% - 15px - 50px - 15px);
  max-height: calc(100% - 5% - 15px - 10% - 15px - 50px - 15px);
  background-color: RGB(37, 46, 56);
/*  color:white;*/
  color: RGB(144,154,164);
/*  background-color: lightblue;    */
/*  text-align: center;*/
  margin: 0 auto 0 auto;
  border-radius: 15px;
  overflow: auto!important;
}

.construct {
	margin: auto; 
	position: relative;
    width: 86%;
	padding:10px;
    background-color: RGB(37, 46, 56);
}
.construct a:hover {
  text-decoration: none;
  color: rgb(0,153,255);  
}
#trasee{
  border: 1px solid RGB(144,154,164);
  width: 86%;
  /*height: 200px;*/
  padding-bottom: 10px;
  left: 7%;
  background-color: RGB(44,62,80);
  margin: 0 auto;  
}

#tabcenter, th, td {
  border: 1px solid RGB(144,154,164);
  border-collapse: collapse;
  background-color: RGB(44,62,80);
  color: RGB(144,154,164);
/*  font-size: 25px;*/
  font-size: 20px;
}
th{
	align: middle;
	height: 40px;
	font-size: 25px;
}

table.center {
  width:86%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#tab_mare{
	height: 200px;
	padding-top: 0;
	margin-top: 0;
}
#tab_mic{
	height: 30px;
	padding-left: 20px;
	text-align: left;
}
.rnd{
		border-radius: 5px;
}
.hrline{
	size: 1;
	width: 86%;
	text-align: center;
	color: RGB(144,154,164);
	border-color: RGB(144,154,164);
	background-color: gray";
}
.hrline2{
	size: 1;
	width: 100%;
	text-align: center;
	color: RGB(144,154,164);
	border-color: RGB(144,154,164);
	background-color: gray";
	margin-top: 0;
	padding-top: 0; 
}

.opt{
	font-size: 25px;
	background-color: RGB(205,205,205);
}
.but{
	position: absolute;
	display: inline;
	width: 280px;
	height: 50px;
	margin-left: -300px;	
	font-size: 25px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
/*	border-radius: 6px!important;*/
}
.butp{
	position: absolute;
	display: inline;
	width: 280px;
	height: 50px;
	margin-left: 30px;	
	font-size: 25px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
/*	border-radius: 6px!important;*/
}
button:hover, button:focus
	color: white!important;
	background-color: rgb(0,153,255)!important;	
}

button .but:hover{
	color: white;
	background-color: rgb(0,153,255);	
}

/*
.but2{
	width: 280px;
	height: 50px;
}
*/
#sta {
		display: inline-block;
}

/*
.but2:hover{
	color: white;
	background-color: rgb(0,153,255);	
}
*/
/*
#same2:hover{
	color: white!important;
	background-color: rgb(0,153,255)!important;		
}
*/
div#header1 { height: 5%; top: 0; background-color: RGB(37, 46, 56); width: 100%; color: white; margin-top: 0; margin-bottom:15px; text-align: left;}
#rosu{
	color: lightblue;
	font-weight: bold;
}

#rosu:hover{
	color:red;
}
#blue{
	color: white;
	font-weight: bold;
}

#blue:hover{
	color:rgb(0,153,255);
}
div#footer1 { position: fixed; height: 12%; bottom: 0; background-color: RGB(37, 46, 56); width: 100%; color: white; margin-top:10px; text-align: center;overflow: hidden;}
div#footer2 { position: fixed; height: 12%; bottom: 0; background-color: RGB(37, 46, 56); width: 100%; color: white; margin-top:10px; text-align: center;overflow: hidden; font-size:28px; }

#statie_head{
	font-weight: bold;
}
.divtras{
	padding-top: 10px;
	padding-left: 20px;
  font-size: 25px;
/*  border: 1px solid RGB(144,154,164);  */
	text-align: left;
}
.sensuri{
	width: 93%;
	margin: 6px auto;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom:8px;
	font-size: 20px;
/*	text-align: left;*/
}
.coduri{
	width: 93%;
	margin: 6px auto;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom:8px;
	font-size: 20px;
}
.text{
	cursor: pointer;
}
#sp_titlu{
/*
	margin: 6px 0 0 0;
	padding: 2px 0 0 0;
*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 28px;
	font-weight: bold;
}
#img_sigla{
    padding-top: 1px;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
}
#div_img{
	width: 5%;
	height: 100%;
	float: right;
	object-fit: cover;
}
#div_titlu{
	float: right;
	width: 65%;
	height: 100%;
	overflow: hidden;
	margin-top: 2px;
}
#div_space{
	width: 30%;
	height: 100%;
	float: left;
}
.centerh {
/*
position: relative;
*/
top: 50%;
transform: translate(0, -50%);
font-size: 28px;
font-weight: bold;
}
.centerh2 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.container .submeniu-intern {
    background-color: #f3f5f7 !important;
}