@charset "utf-8";
/* CSS Document */

html, button, input, select, textarea { font-family: }
body {
   margin: 0px;
   padding: 0px;
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
   margin: 10px 5px;
   font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif
}
.chenar{ border:1px solid #ccc; border-radius:3px; margin:3px auto; padding: 10px; }
h1 {
   font-size: 2em;
   color: #00F;
}
h3, h3 span { color: #FFF }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:#F00;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#F00;
 opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#666;
 opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#F00;
}
/********* link**********/
a {
   color: #5B5BFF;
   text-decoration: none;
}
a:visited { text-decoration: none; }
a:hover { color: #00F; }
a:focus { text-decoration: none; }
.footer a {color:#FFF; font-size:1.2em;}
.footer a:hover {color:#FF0; font-size:1.3em;}
/********* end link**********/
.clr {
   font-size: 1px;
   line-height: 0;
   clear: both;
   height: 1px;
}
div.rol {
   width:100%;
  overflow: auto;
}
table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width:98%;
}
table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

table, tbody { width: 99.9%; 
  display: table;
}
tbody { background-color: #E9E9E9 }
 { }
td {  text-align: left;  padding: 2px 4px; font-size:0.8em;  color:#333 }
th {
   background-color: #B2B2B2;
   font-size: 1em;
   font-weight: normal;
   color: #000;
   text-align: center;
   padding:4px 2px;
   /* [disabled]padding-bottom: 4px; */
}
.td_p0{ padding:0}
tr:nth-child(even){background-color: #FFF}
.atentie {font-size:1.5em; color:#FF2424;}
.p_pf { text-indent: 25px; }
.linie {
   width: 100%;
   border: solid 1px #FFFFFF;
   border-radius: 4px;
   padding: 5px 2% 0 2%;
   margin: 2px auto;
   text-align: center;
}
.curbe { border-radius: 6px; }
.foto {
   border-radius: 4px;
   margin-right: 10px;
   margin-bottom: 5px;
   -webkit-box-shadow: 0px 0 15px 0px #333333;
   box-shadow: 0px 0 10px 0px #000;
   /*	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
   width: auto;
   float: left;
}
.foto_g {
   border-radius: 6px;
   -webkit-box-shadow: 0px 0 15px 0px #333333;
   box-shadow: 0px 0 20px 0px #333333;
}
.foto_chenar {
   border: solid 1px #666;
   padding: 6px;
   margin-right: 10px;
}
.umbra_text { text-shadow: 1px 1px 1px #333; }
.umbra_text2 { text-shadow: 0 1px 1px #000000; }
.titlu {
   font-size: 1em;
   color: #008CBB;
   text-align: center;
   text-shadow: 0px 0px 1px #000000;
}
.titlu_bile {
   font-size: 1.1em;
   text-shadow: 0 1px 1px #000000;
   color: #FFFFFF;
   text-align: center;
   padding-left: 5%;
   padding-right: 5%;
   margin-bottom: 5px;
   border: solid 1px #00F;
   border-radius: 5px;
   background: #0E8AC7;
   text-shadow: 0 1px 1px #000000;
}
.titlu_edit {
   font-size: 1.3em;
   text-shadow: 0 1px 1px #000000;
   color: #FFFFDD;
   text-align: center;
   padding-left: 5%;
   padding-right: 5%;
   margin-bottom: 5px;
   border: solid 1px #FF0;
   border-radius: 5px;
   background: #D90000;
   margin-right: 5px;
}
.titlu a { color: #000000; }
.titlu a:hover { color: #FFFFFF }
.erori {
   color: #FF0000;
   font-size: 1.2;
}
.erori2 {
   color: #00F;
   font-size: 1em;
}
.umbra {
   -webkit-box-shadow: 0px 0 15px 0px #333333;
   box-shadow: 0px 0 8px 0px #333333;
}
.bg_div { background-color: #654E1D }
img {
   border: 0;
   -ms-interpolation-mode: bicubic;
   vertical-align: middle;
   max-width: 100%
}
input, textarea, select {
   border: solid 1px #ccc;
   border-radius: 4px;
   margin-bottom: 8px;
}
.input_jucate {
   border: solid 1px #3E2900;
   border-radius: 6px;
   margin-bottom: 5px;
   width: 98%;
   font-size: 1.1em;
   padding-bottom: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 8px;
}
.div_im a {
   display: block;
   padding: 5px 5px;
   margin-bottom: 4px;
   border: solid 1px #000;
   border-radius: 5px;
   font-size: 1em;
   text-shadow: 0 1px 1px #000000;
   color: #0D5201;
   background-color: #FFF;
}
.div_im a:hover {
   border: solid 1px #149C01;
   background-color: #DFFECD;/*color:#82FD4D;*/
}
.bd_n { border: none; }
.dim_text {
   padding-top: 5px;
   padding-right: auto;
   padding-bottom: 5px;
   padding-left: auto;
   text-align: left;
}
.my_audio {
   width: 100%;
   display: block;
   height: 35px;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   display: block;
}
.input_dd {
   width: 80px;
   text-align: center;
   padding: 5px 2px;
   font-size: 1.2em;
   margin-right: 3px;
}
.textok { color: #FFF; }
.textok a { color: #EDFFE1; }
.textok:hover { color: #A0A0FE; }
.normal {
   font-size: 1em;
   font-weight: normal;
   color: #000;/*  text-shadow: 0px 1px 1px #000000;*/
}
.text14 {
   font-size: 0.9em;
   color: #014661;
}
.text142 {
   font-size: 1em;
   color:#000;
    text-shadow: 0.5px 0.5px 1px #333333;
}
.text14mq {
   font-size: 1.1em;
   color: #FF0;
}
.textalb, .textalb a {
   font-size: 1.1em;
   color: #FFF;
}
.text16 { /*chek desdobr*/
   font-size: 1.4em;
   color: #1F545F;
}
.text16b:hover { /*chek desdobr*/ color: #00F; }
.text16b {
   font-size: 1.2em;
   color: #165272;
}
text16g {
   font-size: 1.2em;
   color: #333333;
}
.intern_meniu {
   font-size: 1em;
   color: #0000FF;
}
.intern_meniu:hover {
   color: #000;
}
.text18b {
   font-size: 1.4em;
   color: #165272;
}
.text18, .text18 a {
   font-size: 1.5em;
   color: #025988;
}
.negativ{
   font-size: 1.3em;
   color:#F00;
}
.text20 { font-size: 1.8em; }
.textm {
   font-size: 1.3em;
   color: #0171A7;
}
.text18 a {
   color: #00F;
   font-size: 1.1em;
}
.text16_2 {
   font-size: 1.4em;
   color: #000;
}
.text16bgv {
   font-size: 1.3em;
   color: #0000FF;
}
.nap {
   width: 30px;
   text-align: center;
   background-color: #013D47;
   border: solid 1px #FFF;
   color: #FF0;
   font-size: 1.4em;
   padding: 4px 2px;
}
.reci, .calde, .neutre {
   font-size: 0.9em;
   color: #000;
   text-shadow: 0.5px 0.5px 1px #333333;
}
.aleator_n {font-size:1.6em; color:#0C4E6D;}
.aleator_s {font-size:1.6em; color:#006C00;}
/*.reci {color:#F00;}
.calde {color:#0F0; ;}
.neutre {color:#00F; }*/

/*
UNICODE
U+02605

HEX CODE
★

HTML CODE
★

HTML ENTITY
★

CSS CODE
\2605 
// html example
 <span>&#9733;</span>  
// css example
 span {
   content: "\2605";
   font-size:4em;
   color:#FFF
 } */