/* ==========================================================================
Global style
========================================================================== */

body {
	background: #fff;
  font-family: 'Khula', sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #000;
  text-align: justify;
  line-height: 1.5;
}



/* ==========================================================================
tag, linkuri site, img, icons
========================================================================== */

#content-home{
text-align: center;
font-size: 1.2em;
}

#map{
margin-bottom: 50px;
}


.contact-alert{
  text-align: center;
  font-weight: 800;
  font-size: 2.2em;
  color:#333;
}

.phone-alert{
  color: #E52424;
}


.phone{
  font-size: 1.8em;
  color: #E52424;
  display: block;
}

.email{
  display: block;
}

.orar{
  display: block;
}


#cadran-formular{
  margin-right: 10px;
}

#cadran-contact{
  margin-left: 80px;
}



#parteneri{
padding-top: 50px;
}


img, object {
max-width: 100%;
}


h1{
font-weight: 600;
font-size: 1.300em;
color: #ff0000;
}


h2{
color: #000;
font-weight: 800;
font-size: 1.300em;
text-transform: uppercase;
padding-bottom: 5px;
}

h3{
color: #4f3636;
font-weight: 800;
font-size: 1.200em;
text-transform: uppercase;
}


h4{
color: #000;
font-weight: 800;
font-size: 2.200em;
text-transform: uppercase;
}


h6{
font-size: 1.200em;
font-weight: 800;
color: #fff;
text-transform: uppercase;
}


.date{
  color:#444;
  font-size: 0.800em;
}


.autor{
  color: #4f3636;
}


a {
color: #000f47; 
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s; 
text-decoration: none; 
}

a:hover, a:focus { 
color: #212121; 
text-decoration: none; 
}


.oferta{
color:#ff0000;
font-weight: 800;
font-size: 1.200em;
text-transform: uppercase;
}

.meniu-oferta{
  color:#ff0000;
}


.icons-echipa{
  font-size: 18px;
}

.image-article{
	float: left;
	margin: 10px 10px 10px 0;
	min-width: 240px;
	width: 40%;
}

.image-article2{
	float: left;
	margin: 10px 10px 10px 0;
	min-width: 200px;
	width: 20%;
}

.image-article3{
	margin: 10px 10px 10px 0;
	min-width: 200px;
	width: 40%;
}

.image-article4{
  float: left;
  margin: 10px 10px 10px 0;
  min-width: 200px;
  width: 25%;
}

#colleft img{
	max-width: 100%;
}

#fast-links{
  float: right;
  margin-top: 60px;
  text-align: right;
}


#fast-links a:hover{
  color: #e62424;
}


.bhydro{
  font-size: 1.2em;
  color:#C7D521;
}


.bsoft{
  font-size: 1.2em;
  color: #FBD826;
}


.bbalance{
  font-size: 1.2em;
  color: #ED7304;
}

.bintense{
  font-size: 1.2em;
  color: #CD1C6D;
}


.bvolume{
  font-size: 1.2em;
  color: #7F2181;
}

.radiesse{
  font-size: 1.2em;
  color: #00A4C2;
}


.filorga{
  font-size: 1.2em;
  color:#ff0000;
}

/* ==========================================================================
strucrua site
========================================================================== */

#content{
  margin-top:20px;
}

#top-header{
background-color: #333;
padding-top: 2px;
padding-bottom: 2px;
}

#top-contact{
margin-top: 35px;
}

.info-top-programare a{
font-weight: 100;
font-size: 0.900em;
padding: 5px;
color: #fff;
background-color: #4f3636;
text-align: center;
border-radius: 5px;
width: 100%;
}

.info-top-programare a:hover{
color: #e4e4e4;
}


#top-social{
float:right;
margin-top: 50px;
}

#logo {
text-align: center;
margin-top: 0%;
}


#slide-sectiuni{
  line-height: 0;
}


#title-sectiuni{
  background-color: #F7F4ED;
}

#text-centrat{
  margin-top: 10px;
  text-align: center;
}

#colleft{
text-align: justify;
}

#colright{
text-align: justify;	
}

#sectiune-forum{
width: 100%
}

#copyright {
font-size: 0.900em;
color: #fff;
padding: 1% 0;
margin-top: 2%;
background-color: #000;
text-align: center;
}

#copyright a{
color: #fff;
text-decoration: none;
}

#copyright a:hover{
color: #ccc;
}

#info-footer{
  text-align:left;
}

#newsletter-footer{
  text-align:right;
}

#copyright-text-footer{
  text-align: left;
}



/* ==========================================================================
Inscriere newsletter
========================================================================== */

.subscribe input[type=text]{ 
  width: 36%;
  color: #fff; 
  font-size: 12px;
  padding: 5px; 
  background-color: transparent; 
  border: solid 1px #fff; 
}

.subscribe input[type=submit]{
   font-size: 12px; 
   background-color: #fff;
   border: solid 1px #fff; 
   padding: 5px; 
   color: #57595b;
   letter-spacing: 1px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
 }

.subscribe input[type=submit]:hover{ 
  background-color: transparent; 
  border: solid 1px #fff; 
  color: #fff; 
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
    font-style: italic;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
    font-style: italic;
}


.success-message, .error-message {
    font-size: 16px;
}

.error-message {
    color: #ff0000;
}


/* ==========================================================================
Formulare contact
========================================================================== */

.nume-formular{
display: inline-block;
margin: 0;
width: 32%;
}

.email-formular{
display: inline-block;
margin: 0;
width: 32%;
}


.telefon-formular{
display: inline-block;
margin: 0;
width: 32%;
}


input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"]
{
  border: 1px solid #98A0A6;
  font-size: 12px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 9px;
  width: 90%;
  background-color: transparent;
  color: #000;
  margin-bottom: 10px;
}


textarea {
  background: rgba(255,255,255,0.1);
  border: 1px solid #98A0A6;
  font-size: 14px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 9px;
  width: 96%;
  height: 90px;
  background-color: transparent;
  color: #000;
  margin-bottom: 30px;
}


select {
  width: 100%;
  padding: 6px;
  height: 32px;
  border-radius: 2px;
}

button {
  padding: 12px 32px 13px 32px;
  color: #fff;
  background-color: #ec2836;
  font-size: 16px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #f37780;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-bottom: 10px;
}

fieldset {
  margin-bottom: 30px;
  border: none;
}

legend {
  font-size: 1.4em;
  margin-bottom: 10px;
}

label {
  display: block;
  margin-bottom: 8px;
}

label.light {
  font-weight: 300;
  display: inline;
}

.number {
  background-color: #5fcf80;
  color: #fff;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 0.8em;
  margin-right: 4px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
  border-radius: 100%;
}

/* ==========================================================================
Inchidere Formulare contact
========================================================================== */




/* ==========================================================================
Butoane
========================================================================== */

.home-btn { 
font-size: 12px; 
display: inline-block; 
padding: 10px 10px; 
color: #fff; 
background: #E52424;
font-weight: bold; 
letter-spacing: 1px;
text-align: center; 
}


.home-btn:hover, .home-btn:focus { 
color: #f1f1f1; 
}


.ignite-btn { 
font-size: 12px; 
display: inline-block; 
padding: 10px 10px; 
color: #fff; 
border: solid 1px #fff; 
font-weight: bold; 
letter-spacing: 1px; 
}


.ignite-btn:hover, .ignite-btn:focus { 
color: #fff; 
border: solid 1px #ccc; 
}


.servicii-btn { 
font-size: 12px; 
display: inline-block; 
padding: 10px 10px; 
color: #fff; 
background-color: #058ed0;
font-weight: bold; 
letter-spacing: 1px; 
}


.servicii-btn:hover, .home-btn:focus { 
background-color: #000; 
color: #fff;
}




/* ==========================================================================
Structuri aranjare sectiuni: liste, panel
========================================================================== */


/*content*/

.group-panel{
text-align: left;
}

#panel{
margin: 40px 6px 0 6px;
}

#panel-echipa{
margin: 10px 5px 5px 0;
min-height: 350px;
}


.group-panel2{
margin: 0 auto;
}

#panel2{
margin: 0 5px 0 5px;
}




/*tabel preturi*/

table {
  width: 100%;
  margin: 10px auto;
}

caption {
  font-size: 1.6em;
  font-weight: 400;
  padding: 10px 0;
}

thead th {
  font-weight: 600;
  background: #8a97a0;
  color: #FFF;
}

tr {
  background: #f9f9f9;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}

tr:nth-child(even) {
  background: #f3f3f3;
}

th, td {
  padding: 10px;
  text-align: left;
  font-weight: 200;
  border: 1px solid #ccc;
}

th{
  font-weight: bold;
}

tfoot tr {
  background: none;
}

tfoot td {
  font-size: 0.8em;
  font-style: italic;
  padding: 10px 2px;
  color: #333;
}



ul.servicii{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.servicii li{
background-image: url(../img/lista.png);
background-repeat: no-repeat;
background-position: 0px 7px; 
padding-left: 14px; 
margin-bottom: 5px;
}

ul.lista{
list-style-type: none;
padding: 0;
}

.lista li{
padding-bottom: 10px;
}

.lista li a{
color: #058ed0; 
}

.lista li a:hover{
color: #000f47; 
}

.sublista{
  margin-left: 10px;
}


ul.lista2{
margin-left: 20px;
}


video{
width: 70%;
height: 40%;
}




/* ==========================================================================
Versiune mobil - media queries
========================================================================== */

/* Large ----------- */
@media screen and (max-width : 1024px) {

#panel{
margin: 0 5px 0 5px;
}

}


@media screen and (max-width : 768px) {


/* structura */
#top-contact{
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
}


#logo{
text-align: center;
margin-bottom: 10px;
}

#logo img{
max-width: 100%;
}

#top-social{
text-align: center;
margin-top: 5px;
}


#panel{
margin: 0 3px 0 3px;
}


#cadran-contact{
  margin-left: 0px;
  text-align: left;
}

/* inchidere structura */



/* ==========================================================================
Formulare contact
========================================================================== */

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background: rgba(255,255,255,0.1);
  border: none;
  font-size: 14px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 12px;
  width: 80%;
  background-color: #e4edef;
  color: #333;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  margin-bottom: 30px;
}



button {
  padding: 10px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 12px;
  text-align: center;
  font-style: normal;
  border-radius: 3px;
  width: 50%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-bottom: 10px;
}


/* tag, linkuri, img */
h3{
color: #4f3636;
font-weight: 800;
font-size: 1em;
text-transform: uppercase;
}


h4{
color: #000;
font-weight: 800;
font-size: 1.200em;
text-transform: uppercase;
}

/* inchidere tag, linkuri, img */




/* tabel preturi servicii */
  table, thead, tbody, th, td, tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  tr { border: 1px solid #ccc; }
  
  td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 10%; 
  }
  
  td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }
/* inchidere tabel preturi servicii */




/* ==========================================================================
Inscriere newsletter
========================================================================== */

.subscribe input[type=text]{
  font-size: 14px;
  width: 80%;
  color: #444;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  border: solid 1px #ccc;
}

.subscribe input[type=submit]{
  font-size: 14px;
  background-color: #fff;
  border: solid 1px #fff; 
  padding: 5px; 
  color: #57595b;
  letter-spacing: 1px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;}

.subscribe input[type=submit]:hover{
  background-color: transparent; 
  border: solid 1px #fff; 
  color: #fff; 
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    font-style: italic;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
    font-style: italic;
}


}


/* Smaller ----------- */
@media screen and (max-width : 650px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:100%;
}

}



/* Smaller ----------- */
@media screen and (max-width : 240px) {

h3{
color: #4f3636;
font-weight: 800;
font-size: 0.600em;
text-transform: uppercase;
}

h4{
color: #000;
font-weight: 800;
font-size: 0.700em;
text-transform: uppercase;
}

}