@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

#div_header { width:90%;
              max-width:1200px;
			  margin-left:auto;
			  margin-right:auto;
			  padding-top:15px;
			  padding-bottom:15px;
			  background-color:#ffffff;
			}

.float_fix { clear:both; }

#div_logo_header { float:right;
                   width:20%;
				 }

#div_elem_header { float:right;
                   width:80%;
				 }

#logo { width:100%;
        max-width:224px;
		border:none;
		display:block;
	  }
	  
#buton_menu_mobile { display:none; }

#nivel_header1 { width:100%;
                 margin-top:10px; 
               }

#nivel_header2 { width:100%; 
                 margin-top:15px;
               }

#nivel1_elem1 { width:16%;
                float:left;
			  }

#nivel1_elem2 { width:16%;
                float:left;
			  }

#simbol_elem1 { width:30%;
                float:left;
			  }

#denumire_elem1 { width:70%;
                  float:left;
				  padding-top:4px;
				}

#img1 { width:32px;
        border:none;
		display:block;
	  }

.span_head1 { font-family: 'Open Sans', sans-serif;
              font-size:11px;
			  line-height:15px;
			  color:#000000;
			  font-weight:bold;
			  text-transform:uppercase;
			}

.span_head1:hover { color:#ffcd00; }

.link_header { text-decoration:none;
               color:#000000;
			 }

#simbol_elem2 { width:30%;
                float:left;
			  }

#denumire_elem2 { width:70%;
                  float:left;
				  padding-top:4px;
				}

#img2 { width:41px;
        border:none;
		display:block;
	  }

#nivel2_elem1 { width:15%;
                float:left;
			  }

#nivel2_elem2 { width:13%;
                float:left;
			  }

#nivel2_elem3 { width:30%;
                float:left;
			  }

.span_head2 { font-family: 'Open Sans', sans-serif;
              font-size:17px;
			  line-height:22px;
			  color:#000000;
			  font-weight:bold;
			}

.span_head2:hover { color:#ffcd00; }


@media screen and (max-width: 1190px) and (min-width:981px)
{

#nivel1_elem1 { width:20%;
                float:left;
			  }
			  
#nivel1_elem2 { width:20%;
                float:left;
			  }

#nivel2_elem1 { width:15%;
                float:left;
			  }

#nivel2_elem2 { width:15%;
                float:left;
			  }

#nivel2_elem3 { width:40%;
                float:left;
			  }
}

@media screen and (max-width: 1000px) and (min-width:871px)
{

#nivel1_elem1 { width:25%;
                float:left;
			  }
			  
#nivel1_elem2 { width:25%;
                float:left;
			  }

#nivel2_elem1 { width:20%;
                float:left;
			  }

#nivel2_elem2 { width:20%;
                float:left;
			  }

#nivel2_elem3 { width:45%;
                float:left;
			  }
}

@media screen and (max-width: 870px) and (min-width:781px)
{

#nivel1_elem1 { width:30%;
                float:left;
			  }
			  
#nivel1_elem2 { width:30%;
                float:left;
			  }

#nivel2_elem1 { width:20%;
                float:left;
			  }

#nivel2_elem2 { width:20%;
                float:left;
			  }

#nivel2_elem3 { width:50%;
                float:left;
			  }
}

@media screen and (max-width: 780px) and (min-width:11px)
{

#nivel1_elem1 { width:100%;
                float:none;
			  }
			  
#nivel1_elem2 { width:100%;
                float:none;
			  }
			  
#simbol_elem1 { width:15%;
                float:left;
			  }

#denumire_elem1 { width:85%;
                  float:left;
				  padding-top:4px;
				}
				
#simbol_elem2 { width:15%;
                float:left;
			  }

#denumire_elem2 { width:85%;
                  float:left;
				  padding-top:4px;
				}

#nivel2_elem1 { width:100%;
                float:none;
			  }

#nivel2_elem2 { width:100%;
                float:none;
			  }

#nivel2_elem3 { width:100%;
                float:none;
			  }
			  
#lines { 
    border-bottom: 17px double black; 
    border-top: 6px solid black; 
    content:"";
    height: 5px; 
    width:30px;
}

#nivel_header1 { display:block; }

#nivel_header2 { display:block; }
	  
#logo { width:150px;
		border:none;
		display:block;
	  }
	  
#div_logo_header { float:none;
                   width:100%;
				 }

#div_elem_header { float:none;
                   width:100%;
				 }
			  
}