*{margin:0 auto; padding:0px}
html{min-height:100%;   position:relative; }
.red { color:#F00 !important}
.verd { color:#006611 !important}
.gri {color:#CCC !important}
.galb {color:#FEF801 !important}
.mic{ font-size:10px !important}
.mov {color:#4B0082}  .alb {color:#FFF}
.clr { clear:both}
.ascuns, .hide {display:none}
.err,.rosu { background-color:#FFCCCC !important}
.galben { background-color:#FF3 !important}
.buton {
	padding: 3px;
	outline: none;
	font-size:12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
}
input,textarea, select {
	padding: 3px;
	outline: none;
	font-size:12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
}
input[type="text"]:disabled { background: #EFEFEF; color:#777}
input[type="text"] {text-transform: uppercase;} 

input:focus, textarea:focus {
	-webkit-box-shadow: 0px 0px 5px #007eff;
	-moz-box-shadow: 0px 0px 5px #007eff;
	box-shadow: 0px 0px 5px #007eff;
	border:1px solid #007eff;
}
input[type=radio], input[type=checkbox] {border: none; border-radius:unset; box-shadow: none;} 
.albastru {
	background-color: #CEF3FF;
}

.responsive {width: 100%;  height: auto; max-width: 100%;}
.clear { clear:both !important}



@keyframes blink2 {50% {colo r:#F00;}} @-webkit-keyframes blink2 {50% {color:#F00;}} .blink2 {animation: blink2 1s step-start 0s infinite; -webkit-animation: blink2 1s step-start 0s infinite;}
  .sondaj1 { display:none}
  .sondaj,.sondaj1 { width:560px;  text-align:justify; border:0px solid #F00; padding:5px; font-size:14px; font-weight:bold; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
  .sondaj .aa { font-weight:bold; margin-bottom:10px }
  .sondaj .bb { width:110px; cursor:pointer; border-radius:5px; text-align:center; color:#CCC; margin-top:5px;  margin-bootom:5px; margin-right:5px; line-height:30px; border:1px solid #FFF; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:12px; float:left; font-weight:normal}
  .sondaj .bb>input { position:relative; top:3px; cursor:pointer}
  .sondaj .bb4 { display:none}
  .sondaj .bb3:hover, .sondaj .vot1 { background-color:#FDD; color:#000; border:1px solid #CCC; box-shadow: 2px 2px 5px  #CCC;}
  .sondaj .bb2:hover, .sondaj .vot2 { background-color:#D3D3D3; color:#000;  border:1px solid #CCC; box-shadow: 2px 2px 5px  #CCC;}
  .sondaj .bb1:hover, .sondaj .vot3  { background-color:#B0D8FF; color:#000;  border:1px solid #CCC; box-shadow: 2px 2px 5px  #CCC;}
  .sondaj .bb0:hover, .sondaj .vot4  { background-color:#BFFFBF; color:#000;  border:1px solid #CCC; box-shadow: 2px 2px 5px  #CCC;}
  .sondaj .txta { width:400px;}
  .sondaj .clear { clear:both; height:20px}
  .sondaj span { color:#CCC}
/*=================================================================================================================*/


 .box_rez { height:188px; background-color:#C6E6FF; padding:10px;  width:250px; text-align:left }

.hide {display:none}

.ui-datepicker { width:220px !important}
.ui-datepicker .ui-datepicker-title select { font-size:12px !important}



.b_doc {background:url(../imagini/doc16.gif) no-repeat;}
.b_pdf {background:url(../imagini/pdf16.gif) no-repeat;}
.b_html {background:url(../imagini/html16.gif) no-repeat;}
.b_ok {background:url(../imagini/ok.png) no-repeat;}
.b_info {background:url(../imagini/info-16.png) no-repeat;} 
.b_info:hover {background:url(../imagini/info-16r.png) no-repeat;}
.buton {width:160px; text-align:center; cursor:pointer; background-position:2% 50%;  padding-left:10px; 
	-webkit-box-shadow: 1px 2px 2px #999;
	-moz-box-shadow: 1px 2px 2px #999;
	box-shadow:  1px 2px 2px #999999; margin-top:5px;
    background-color:#456a85; color:#FFF; }
.buton:hover{ background-color:#477853; color:#FFF !important}
.div_ico {width:16px; height:16px; cursor:pointer; margin-right:2px;  background-position:0px 0px}
.div_ico:hover { border:0px solid #CCC;}

/*-------------------fereastra care apare in mijloc (cos, cautare, etc)-----------------------------------*/
#div_opac {display:none; filter:alpha(opacity=30);opacity: 0.3; position:absolute; top:0px; left:0px; width:100%;  background-color:#FFF; z-index:180}
#box_mij0 {display:none; position:absolute; top:10%; left:20%; text-align:center; z-index:888; background-color:#023AA4; padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:5px}
#box_mij0 {-moz-box-shadow: 10px 10px 50px #888; -webkit-box-shadow: 10px 10px 50px #888; box-shadow: 10px 10px 50px #888;}
#box_mij {background-color:#FFF; padding:5px; color:#004680;}
#title_box_mij { position:absolute; top:3px; left:10px; width:80%; height:16px; border:0px #0F0 solid; color:#EEE; font-weight:bold; font-size:12px; text-align:left}
#x_box_mij { position:absolute; top:3px; right:10px; width:20px; height:16px; border:none; color:#FFF; font-weight:bold; font-size:12px; cursor:pointer}
#box_mij ul, #box_mij ol {margin-left:25px;} 

.div_opac { position:absolute; display:none; filter:alpha(opacity=70);opacity: 0.8;  top:0px; left:0px; width:100%;  background-color:#EEE; z-index:98;  overflow:hidden}
.div_opac_alb { position:absolute; display:none; filter:alpha(opacity=70);opacity: 0.7; top:0px; left:0px; width:100%;  background-color:#FEFEFE; z-index:98;  overflow:hidden}
.load_bar { position: absolute; top:450px; width:100%; height:80px; text-align:center; vertical-align:top; background:url(../imagini/loader.png) center no-repeat; z-index:1; display:none; color:#FFF; font-size:18px; }
.div_diag { max-width:400px}

.load_bar_box { width:200px; height:100px; background:url(../imagini/loader.png) center no-repeat; z-index:1 ; }

#loading { width:100%; background:url(../imagini/ajax-load.gif) no-repeat center; height:120px; position:absolute; top:0px; display:none; z-index:10000;  }
.loader_mic,#loader_mic { width:100%; background:url(../imagini/loader_mic.gif) no-repeat center; height:20px; display:block; z-index:10000;  }
.malert {width:300px; word-wrap:normal; padding-top:5px;  padding-bottom:5px;  padding-right:5px; padding-left:40px; background:url(../imagini/stop.png) left center no-repeat; text-align:justify; }
#ruleaza_la_close { display:none}


@keyframes blink {50% {opacity: 0.0;}} @-webkit-keyframes blink {50% {opacity: 0.0;}} .blink {animation: blink 1s step-start 0s infinite; -webkit-animation: blink 1s step-start 0s infinite;}
@keyframes blink2 {50% {color:#F00;}} @-webkit-keyframes blink2 {50% {color:#F00;}} .blink2 {animation: blink2 1s step-start 0s infinite; -webkit-animation: blink2 1s step-start 0s infinite;}
@keyframes img_blink2 {0% {opacity: 1;} 50% { opacity: 0;} 100% { opacity: 1; }} .img_blink2 {animation: 1s ease 0s normal none infinite running img_blink2;}


.mess_err { width:100%; color:#FF0000; font-weight:bold; text-align:center}

