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

a { color: #666; text-decoration: none; }
a:hover { color: #999; }
.suport { max-width: 1250px; margin: 0px auto; }
.container { margin-left: auto; margin-right: auto; padding: 10px 1%; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; width: 100%; max-width: 1250px; }
div { box-sizing: border-box; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; display: block; max-width: 100%; height: auto; }
.img_td_l { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; display: block; width: 100%; height: auto; }
.text_alb { color: #FFF; }
.text_alb a { color: #FFF; }
.titlu {
   font-size: 1.3em;
   margin-top: 5px;
}
.titlu a { color: #000; font-size: 1em }
.titlu a:hover { font-size: 1.1em; }
.intern {
   margin-bottom: 8px;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 8px;
}
.centru {
   text-align: center;
   margin-bottom: 2px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 2px;
}
.centru_b {
   margin: 5px auto;
   color: #000000;
}
.b_bg { background: #000; width: 100%; display: none }
.footer { background: #000; width: 100%; text-align: center }
.dreapta { float: none; margin: 0 auto }
.clr { font-size: 1px; line-height: 0; clear: both; height: 1px; }
form {font-size:0.9em; color: #666}
.div_table {overflow-x:auto;}


.table_bd {
  width:100%;
  border-bottom:solid 1px #333;
  border-left:solid 1px #333;

  }
.td_bd{
	border-top: solid 1px #333;
	border-right: solid 1px #333;
border-top: solid 1px #333;
	border-right: solid 1px #333;
}
table {
/*  border-collapse: collapse;*/
  border-spacing: 1px;
  width: 100%;
  border: 1px solid #ddd;
	font-size: 0.9em;  
}
th, td {	
 /* text-align: left;*/
  padding: 4px 2px; font-size:0.9em;
}

th { background:#8DB9CD; text-align:left}
th a { color:#00F;}
th a:hover {color:#FFF;}
tr:nth-child(even){background-color: #f2f2f2;}

input { padding: 8px 4px; border-radius: 4px; border: solid 1px #CCC; width: 96%; font-size:1em; }
textarea { border-radius: 4px; border: solid 1px #CCC;; padding:3px 10px; font-size:1.2em }
textarea { width:100%}
.textarea_ac { width:92%}
input[type=submit] {
   padding: 8px 4px;
   margin-top: 4px;
   width: 98%;
   background:#AEAEAE
}
select {padding: 8px 4px; border-radius: 4px; border: solid 1px #CCC; width: 96%; font-size:1em; margin-bottom:8px; margin-right:5px;}
.buton_reg {
  padding: 8px 4px;
  margin: 5px;
  font-size: 14px;
  text-align:center;
  background-color:#CCC;
  border:solid 1px #333;
  border-radius:5px;
  color:#000;
  display: inline-table;
  width:98%;
  max-width:98%;
  min-width:120px;
}
.buton_reg a{ color:#000 }
input[type=button] { width: 100%; color:#000 }
input[type=radio] {display:inline-block; height:20px; max-width:25px  }
::placeholder { color: #D2D2D2; opacity: 1; }
:-ms-input-placeholder {color: #D2D2D2;}
::-ms-input-placeholder {color: #D2D2D2;} 
.dim_1 { }
.dim_2 { border:solid 1px #CCC; border-radius:3px; background:#EFEFEF;
 }
.dim_3 { }
.dim_4 { }
.dim_5 { }
.dim_badmin {background:#CCC; border-radius:3px; border:solid 1px #999; padding:8px 5px}
.dim_serv1 { color: #000; background-color: #FFF; }
.dim_serv { color: #000; background-color: #FFF; }
.dim_log { width: 100%; max-width: 600px; margin-bottom: 20px; margin-right: auto; margin-top: 20px; margin-left: auto; }
.dim_1, .dim_2, .dim_3, .dim_4, .dim_5, .dim_serv, .dim_serv1 { width: 100%; margin: 10px 1.8%; }

@media (min-width: 480px) {
.b_bg { display: block }
.footer { background: #000; width: 100%; }
.centru_b { margin: 0; text-align: left; }
select { width: 50%; padding: 5px; }
.dreapta { float: right }
.buton_reg { margin-right:8px;}
.dim_1 { }
.dim_2 { }
.dim_3 { }
.dim_4 { }
.dim_5 { }
.centru_b { margin: 0 auto; text-align: left; }
body { font-size: 1em }
}

@media (min-width: 600px) {
.centru_b { margin: 0; text-align: center; }
.dim_1 { }
.dim_2 { width: 45.933%; }
.dim_3 { width: 45.933%; }
.dim_4 { }
.dim_5 { }
.dim_serv { width: 59.025%; }
.dim_serv1 { width: 33.723%; }
input { width: 70%; padding: 5px; }
select { width: 50%; padding: 6px; }
textarea { width:75%}
.textarea_ac { width:96%}
.buton_reg { max-width:150px;}
}

@media (min-width: 800px) {
   
input { width: 45%; padding: 5px; }
select { width: 25%; padding: 5px; }
input[type=submit] { max-width: 150px; padding: 8px 4px }
input[type=button] { max-width: 150px;  padding: 8px 4px }
.textarea_ac { width:98%}
textarea { width:40%}
.dim_1 { }
.dim_2 { }
.dim_3 { width: 29.6733%; }
.dim_4 { }
.dim_5 { }
}

@media (min-width:1000px) {
.container { max-width: 1250px; margin-left: auto; margin-right: auto; }
}