* { padding: 0; margin: 0;}

img {
 border-style: none;
}
table, th, td {
    border: 2px solid black;
    border-collapse: collapse;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
background-color: #707070;
}
#main { 
 margin: 0 auto;
 width: 1024px;
}
#header {
 background: #009999;	
 float: left;
 width: 1020px;
 height: 190px;
 border: 2px solid #ccc;
 margin: 10px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 background-image: url('imagini/BanerSGS01.png');
 background-size: 1016px;
}

#meniul {
width: 1024px;
min-height: 150px;
}

#stanga{ 
 clear: both;
 color: #333;
 background-color: #ccebff/*#e6e6e6*/;
 border: 2px solid #ccc;
 //*background: url("imagini/panou_meniu.png");
 background-repeat: repeat-y;*//
 margin: 0px 0px 0px 0px;
 min-height: 600px;
 height: auto;
 width: 280px;
 float: left;
 padding: 10px;
}
 
#dreapta { 
 float: left;
 color: #333;
 border: 2px solid #ccc;
 background: #FFFFFF;
 background-repeat: repeat-y;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 780px;
 width: 696px;
 text-align: left;
}

#dreapta_proiecte { 
 float: left;
 color: #333;
 border: 2px solid #ccc;
 background: #e6ffff;
 background-repeat: repeat-y;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 780px;
 width: 696px;
 text-align: left;
}

#dreapta_adresa_col1 {
 float: left;
 width: 70px;
}
#dreapta_adresa_col2 {
 float: left;
 width: 626px;
 
}
#dreapta_phone_email_col1 {
 float: left;
 width: 70px; 
}
#dreapta_phone_email_col2 {
 float: left;
 width: 626px;
 
}
#footer { 
 width: 1020px;
 height: 70px;
 clear: both;
 color: #333;
 border:2px solid #ccc;
 background-color: rgb(0,162,232);
 margin: 0px 0px 10px 0px;
 padding-top: 10px;
}
p {
color: #000000;
font-size: 14px;
text-align :left;
}
h1 {
color: #FFFFFF; /*ABD6F1;*/
font-size: 30px;
}
h2{
color: #000000;
font-size: 18px;
text-align: center;
}
a:link {
text-decoration:none;}

a:hover {text-decoration: underline;}

.activ_container {
  float: left;
  margin: 5px;
  width: 220px;
  height: 250px;
  /*border: 1px solid #0000ff;*/
}

.activ_foto_container {
  float: left;
  text-align: center;
  margin: 5px;
  width: 220px;
  height: 180px;
}

.foto_scoala {
  float: left;
  margin: 5px;
  width: 680px;
  height: 380px;  
}

.proiecte_container {
  float: left;
  margin: 5px;
  width: 220px;
  height: 310px;
  border: 1px solid blue;
}
.activ_text_container {
	float: left;
	margin: 5px;
	width: 696px;
}