@charset "utf-8";

body {
	min-width: 1280px;
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; 
 
}
.absolute {position:absolute;}

.logo a { color:#3D3D3D; text-decoration: none; font-weight: 400;}

.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 91vh;
	margin-top:10px;
	
}
.deceilegis {font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; text-transform: uppercase; margin:0 auto; text-align: center; color: #3D3D3D; font-weight: bold;}

.stangaSus {margin-left: -720px; margin-top: -320px;}
.stangaCentru {margin-left: -850px; margin-top:40px;}
.stangaJos {margin-left: -590px; margin-top: 570px;}

.centruSus {margin-top: -590px; margin-right:-763px;}
.centruJos {margin-top: 630px; margin-right:-453px;}

.dreaptaSus {    margin-left: 700px; margin-top: -394px;}
.dreaptaCentu  {    margin-right: -1004px;}
.dreaptaJos {margin-left: 692px; margin-top: 323px;}

.text-bold {font-weight: bold;}
.textStanga {float: left; text-align: left; width: 85%;}
.text { font-size:14px !important;}
.textInfo { width: 90%;}
.pozaInfo {width: 15%;  float: left;}
.pozaInfo img {max-width: 55px;}
.textNegru {color: #272727; font-size: 16px; text-transform:uppercase; }
.text {color: #888787;}
.textRosu {color: #EB4619; font-size: 16px; text-transform:uppercase;}
.maiMic {font-size:15px !important; font-style:normal; font-weight:bold;}
.informatie {max-width: 400px; width:400px; text-align:left; color: #888787;}
.infobtn {float:left; position:absolute; margin-top:-20px; margin-left:-30px;opacity:0.2; cursor:pointer; width:15px; height:15px;}
.infobtn:hover {opacity:0.9; transform: scale(1.5);}
.dreapta {margin-left:60px; margin-top:-10px;}

.informatie:hover .infobtn {opacity:0.9; transform: scale(1.5);}

		.tooltip {
			color: #888787; outline: none;
			cursor: help !important; text-decoration: none; 
		}
		.tooltip:hover {
			color: #000000; 
			border-bottom: 1px dotted #000000; 
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
			margin-top:-124px; 
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: -1em; top:4em; z-index: 99;
			margin-left: 0; width: 500px;
		}
		
		.termene .tooltip:hover span {  
			left: 5.8em; 
		}
		.calendar .tooltip:hover span {  
			left: -4.7em; 
		}
		.rapoarte .tooltip:hover span {  
			left: -0.91em; 
		}
		.cautare .tooltip:hover span {  
			top:6em;
		}
		
		.tooltip:hover img {
			border: 0; 
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; text-align:justify; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }