@charset "utf-8";
/* CSS Document */
body{ background-image:url(imagini/bg-img.jpg); background-repeat:no-repeat; background-position:top center; margin:0; font-family: 'Muli', sans-serif;}
.logo{ margin-left:auto; margin-right:auto; width:223px; height:115px; margin-top:25px; margin-bottom:55px; }
.container_1{ width:960px; height:213px; margin-left:auto; margin-right:auto; background-image:url(imagini/bg-container.png); margin-bottom:35px;box-shadow: 0 0 4px #828282; font-size: 13px;	}
.poza-1{ float:left;width:266px; height:175px; margin-top:21px; margin-left:15px;}
.titlu_1{ float:left; font-size:23px; color:#00426c;font-family: 'Muli', sans-serif; font-weight:bold; width:266px; height:35px; margin-top:14px; margin-left:15px;}
.text_1{ float:left; width:710px; height:100px; text-align: justify; width:600px;margin-left:15px; margin-top:-3px; text-indent:30px;}

.container-2{ width:970px; margin-left:auto; margin-right:auto;}
.supra-box-1{ background-image:url(imagini/container-sus.png); background-position:top center; height:12px; width:239px;}
.sub-box-1{    
    float: left;
    height: 571px;
    width: 239px;}
	.bg-box{background-image: url("imagini/container.png"); height:610px;
    background-position: center bottom;
    background-repeat: no-repeat;}
.logo-1{   
    padding-top: 49px;
    text-align: center;
    padding-left: 5px;
	}
.logo-1:hover{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
.text-sub-box-1{    
 	font-size: 13px;
    margin-bottom: 11px;
    margin-left: 25px;
    margin-top: 1px;
    width: 195px;
	}
.ribbon-1{ padding-top: 3px;}
  .ribbon-1:hover{  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}


.sub-box-2{     
    float: left;
    height: 571px;
    width: 239px;}
.logo-2{
	    text-align: center;
    padding-top: 3px;
    padding-left: 6px;
	}
.logo-2:hover{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
.logo-2:hover{}
.text-sub-box-2{ 
   font-size: 13px;
    margin-bottom: 21px;
    margin-top: 19px;
    margin-left: 25px;
    width: 195px;
	}
.ribbon-2{       margin-top: 174px; }
  .ribbon-2:hover{  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}


.sub-box-3{ 
    float: left;
    height: 571px;
    width: 239px;}
.logo-3{
	    padding-top: 40px;
    text-align: center;
    height: 78px;
	}
.text-sub-box-3{
	    margin-bottom: 22px;
    padding-left: 10px;
    text-align: left;
    font-size: 13px;
    width: 195px;
    margin-left: 25px;
	} 
.ribbon-3 {
	 margin-top: 108px;
	}
  .ribbon-3:hover{  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}

.sub-box-4{    
    float: left;
    height: 571px;
    width: 239px;}
.logo-4{
	    padding-left: 6px;
    padding-top: 24px;
    text-align: center;
	}
.logo-4:hover{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}

.text-sub-box-4{
	font-size: 13px;
    margin-bottom: 8px;
    margin-left: 25px;
    width: 195px;
    margin-top: -3px;
	}
.ribbon-4 {
	padding-top: 38px;
	}
  .ribbon-4:hover{  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}

.footer{ width:100%; height:251px; background-image:url(imagini/bg_ftr.png); background-repeat:repeat-x; float:left; margin-top:68px;}
.img_footer{     height: 183px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    text-align: center;
    width: 960px;}