/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration: none;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: 'Source Sans Pro', sans-serif;
}
.wrap{
	width:80%;
	margin:0 auto;
}

.logo{
	float: left;
	padding:50px 0px 0px 90px;
	background:#FFF;
	position:absolute;
	z-index:1;
}
.logo a img{
	width:20%;
	height:20%;
}
.logo_sus{
	float:right;
	position:relative;
	z-index:3;
	text-align:right;
}

.titlu{
	float: right;
	background:#FFF;
	position:relative;
	z-index:3;
	width:100%;
	padding: 15px 0px 10px 0px;
}
.titlu h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 2.1em;
	color: #ad3e4f;
	text-align:left;
		
}
.titlu2{
	float: right;
	background:#FFF;
	position:relative;
	z-index:3;
}
.titlu2 h3 {
	font-family:  Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #231f20;
	float: right;
	
	padding: 0px 60px 8px 0px;
	
}

.element_obigatoriu {
	float:right;
	position:relative;
	padding: 0px 0px 0px 100px;
	z-index:4;

}
.element_obigatoriu p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.575em;
	color: #797a7e;
	padding: 0px;
	display: block;
	text-transform: uppercase;
	text-align:right;
}
.top-nav{
	float:right;
	padding:0px 0px 0px 0px;
	
}
.top-nav ul li{
	display:inline-block;
	float: left;
}
.top-nav li.active> a, .top-nav li> a:hover {
	background: #f9798f;
	color:#FFF;
}
.top-nav ul li a{
	font-family:  Tahoma, Geneva, sans-serif;
	font-size: 0.775em;
	color: #FFF;
	padding: 9px 10px 9px 10px;
	display: block;
	text-transform: uppercase;
	
}
.header{

	background:#1d64a2;
	border-bottom: 5px solid #f9798f;
	width:100%;
	float:right;
	position:relative;
	z-index:11;
}

/*---start-content----*/

/*---TITLUL PROIECTULUI-----*/
.proiect{
	position:relative;
	padding:40px 0px 20px 0px;
	font-size: 1.5em;
}

.titlu_blank_left{
	float:left;
	width:15%;
	color:#FFF;
	
}
.titlu_blank_left H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #54a7b8;
	float: left;
	padding:8px;
	
}
.titlu_proiect{
	float:left;
	width:22%;
	background: #f9798f;
	border:1px solid;
	border-color:#f9798f;
    border-top-left-radius: 2em;
	border-right-color:#f9798f;

}
.titlu_proiect H3{
	font-family:  Tahoma, Geneva, sans-serif;
	color: #FFF;
	float: right;
	padding:10px;
	
}
.denumire_proiect{
	float:left;
	width:50%;
	background:#1d64a2;
	border:1px solid;
	border-color:#038670;
    border-left-color:#038670;
	
}
.denumire_proiect H3 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	float: left;
	padding:10px;
}

/*--- SFARSITUL TITLULUI PROIECTULUI-----*/
.slider {
	position:relative;
	z-index:10;
}
/*---TITLUL PROGRAMULUI-----*/
.program{
	position:relative;
	font-size: 1em;
}

.program_blank_left{
	float:left;
	width:15%;
	color:#FFF;
	
}
.program_blank_left H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #54a7b8;
	float: left;
	padding:8px;
	
}
.titlu_program{
	float:left;
	width:22%;
	background: #fae5e9;
	border:1px solid;
	border-color:#FFF;
   	border-right-color:#FFF;

}
.titlu_program H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #fae5e9;
	float: right;
	padding:8px;
	
}
.denumire_program{
	float:left;
	width:50%;
	background:#cedff2;
	border:1px solid;
	border-color:#FFF;
    border-left-color:#FFF;
	
}
.denumire_program H3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #083358;
	float: left;
	padding:8px;	
}

/*--- SFARSITUL TITLULUI PROGRAMULUI-----*/

/*---PERIOADA IMPLEMENTARE-----*/
.perioada{
	position:relative;
	padding:0px 0px 20px 0px;
	font-size: 1em;
}

.perioada_blank_left{
	float:left;
	width:15%;
	color:#FFF;
}
.perioada_blank_left H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #54a7b8;
	float: left;
	padding:8px;
	
}
.titlu_perioada{
	float:left;
	width:22%;
	background: #fae5e9;
	border:1px solid;
	border-color:#FFF;
   	border-right-color:#FFF;
	border-top-color:#FFF;

}
.titlu_perioada H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #fae5e9;
	float: right;
	padding:8px;
	
}
.denumire_perioada{
	float:left;
	width:50%;
	background:#cedff2;
	border:1px solid;
	border-color:#FFF;
    border-left-color:#FFF;
	border-top-color:#FFF;
	
}
.denumire_perioada H3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 400;
	color: #083358;
	float: left;
	padding:8px;	
}

/*--- SFARSITUL PERIOADEI DE IMPLEMENTARE-----*/



/*---BLANK-----*/
.blank{
	position:relative;
	padding:10px 0px 2px 0px;
	font-size: 1em;
}
.blank_blank_left{
	float:left;
	width:15%;
	color:#FFF;
}
.blank_blank_left H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #54a7b8;
	float: left;
	padding:8px;
	
}
.titlu_blank{
	float:left;
	width:22%;
	background: #fae5e9;
	border:1px solid;
	border-color:#FFF;
   	border-right-color:#FFF;
}
.titlu_blank H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #2d7604;
	float: left;
	padding:8px;
	
}
.denumire_blank{
	float:left;
	width:50%;
	background:#adf9ec;
	border:1px solid;
	border-color:#FFF;
    border-left-color:#FFF;
	
	
}
.denumire_blank H3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #2d7604;
	float: left;
	padding:8px;	
}

/*--- SFARSITUL BLANK-----*/
/*---BLANK1-----*/
.blank1{
	position:relative;
	padding:2px 0px 2px 0px;
	font-size: 1em;
}
.blank1_blank_left{
	float:left;
	color:#FFF;
}
.blank1_blank_left H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-weight: 600;
	color: #54a7b8;
	float: left;
	padding:8px;
	
}

/*--- SFARSITUL BLANK1-----*/

/*--- TEXT OBIECTIVE-----*/


.text_obiective{
	position:relative;
	border:2px solid;
	border-color:#ff798f;
	padding: 20px 15px 15px 15px;
	width:100%;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12pt;
	line-height:11.5pt;
	text-align: justify;
    text-justify: inter-word;
	background:#FFF;
}

.text_intend{
	position:relative;
	padding: 20px 15px 15px 100px;
	
}
.text_obiective p{
	
	font-weight: 500;
	color: #083358;
	text-indent: 50px;
	 margin: 0 !important; 
	
}
.text_indent p{
	position:relative;
	margin:0px 50px 0px 50px;
	text-indent: 50px;
}
.text_obiective H2{
	font-weight: bold;
	color: #6a0313;
	padding: 15px 0px 0px 0px;
	font-size:1.1em;
	text-transform:uppercase;
}
.text_obiective H4{
	font-weight: bold;
	color: #6a0313;
	padding: 15px 0px 0px 0px;
	font-size:0.9em;
	
}
.text_obiective H3{
	font-weight: bold;
	color: #6a0313;
	padding: 15px 0px 0px 0px;
	font-size:1.1em;
	text-transform:uppercase;
}
.text_obiective ul li{
	font-weight: 500;
	color: #083358;
	padding: 0px 0px 0px 160px;
	background: url(../images/marker2.png) 140px no-repeat;
}
.text_obiective strong{
	font-weight: 600;
	color: #6a0313;
	
}
.text_obiective  a{
	color:#b80000;
	text-decoration:underline;
		
}
.text_obiective  a:hover{
	color:#b80000;
	text-decoration:underline;
}

.text_obiective  a img{
	 height:30px;
		
}
.sigla {
	width:10%;
	height:10%;
	
}
/*--- SFARSIT TEXT OBIECTIVE-----*/

/*---FINAL OBIECTIVE-----*/


/*--- TEXT evenimente-----*/

.text_evenimente{
	position:relative;
	border:2px solid;
	border-color:#d986b4;
	padding: 20px 15px 15px 15px;
	width:100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	text-align: justify;
    text-justify: inter-word;
}
.text_intend{
	position:relative;
	/*padding: 20px 15px 15px 10px;*/
	
}
.text_evenimente p{
	
	font-weight: 500;
	color: #2c5a64;
	text-indent: 50px;
	 margin: 0 !important; 
	
}
.text_indent p{
	position:relative;
	margin:0px 30px 0px 50px;
	text-indent: 50px;
}
.text_evenimente H2{
	font-weight: bold;
	color: #37717d;
	padding: 15px 0px 0px 0px;
	font-size:1.1em;
	text-transform:uppercase;
}
.text_evenimente H4{
	font-weight: bold;
	color: #b80000;
	padding: 15px 0px 0px 0px;
	font-size:1em;
	text-transform:uppercase;
}
.text_evenimente H3{
	font-weight: bold;
	color: #b80000;
	padding: 15px 0px 0px 0px;
	font-size:1.1em;
	text-transform:uppercase;
}


.text_evenimente strong{
	font-weight: 600;
	color: #b80000;
	padding-left: none;
	
}
.text_evenimente  a{
	color:#b80000;
	text-decoration:underline;
		
}
.text_evenimente  a:hover{
	color:#b80000;
	text-decoration:underline;
}

.text_obiective ol li{
	font-weight: 500;
	color: #2c5a64;
	padding: 0px 0px 0px 160px;
	text-indent: 50px;
	background: url(../images/marker2.png) 200px no-repeat;

}

.sigla {
	width:10%;
	height:10%;
	
}
/*--- SFARSIT TEXT evenimente-----*/

.final{
	position:relative;
	padding:20px 0px 40px 0px;
}

.final_blank_left{
	float:left;
	width:15%;
	color:#FFF;
	
}
.titlu_final{
	float:left;
	width:22%;
	background: #ff798f;
	border:1px solid;
	border-color:#ff798f;
    
	border-right-color:#ff798f;

}
.titlu_final H3{
	font-family:  Tahoma, Geneva, sans-serif;
	font-size: 0.6em;
	color: #734724;
	float: right;
	padding:10px;
	
}
.denumire_final{
	float:left;
	width:50%;
	background:#1d64a2;
	border:1px solid;
	border-color:#038670;
    border-left-color:#038670;
	border-bottom-right-radius: 2em;
}
.denumire_final H3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.6em;
	color: #71bf45;
	float: left;
	padding:10px;
}

/*--- SFARSITUL FINAL OBIECTIVE-----*/


#last{
	margin:0;
}


/*---start-copy-right-----*/
.copy-right{
	padding: 1em 0;
	background:#1d65a0;
	font-family:  Tahoma, Geneva, sans-serif;
	text-align:left;
	position:relative;
	font-size:0.875em;
}
.copy-right p{
	color:#FFF;
	padding: 0px 0px 0px 40px;
}
.copy-right p a{
	color:#ff798f;
	font-weight:bold;
	text-decoration: underline;
	
}
.copy-right p a:hover{
	color:#ff798f;
	text-decoration: underline;
}
.copyright{
	padding: 1em 0;
	background:#FFF;
	font-family:  Tahoma, Geneva, sans-serif;
	font-size:9px;
	text-align:left;
	position:relative;
		
}
.copyright p{
	color:#6cbdce;
	padding: 0px 0px 0px 40px;
}
.copyright p a{
	color:#6cbdce;
	text-transform: uppercase;
	
}
.copyright p a:hover{
	color:#b80000;
}


/*** move top **/
.scroll {
	width: 48px;
	height: 48px;
	border: none;
	display: block;
	text-indent: 100%;
	background: url(../images/top-icon.png) no-repeat right top;
	position: absolute;
	right: 14px;
	bottom: 5px;
}
.scroll:hover{
	opacity:0.8;
}


/*  Contact Form  ============================================================================= */
.contact{
}

.col{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child{
	margin-left:0;
}	
.span_2_of_3 {
	width: 75.1%;
	padding:1.5%; 
}
.span_1_of_3 {
	width: 45%;
	padding:1.5%; 
	position:relative;
}

.span_1_of_3  h3 {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 15px 0px;
	color: #313232;
	font-size: 1.5em;
	text-align:center;
}

/* ALEX*/
.span_1_of_3_right{
	width: 45%;
	padding-left:2%; 
	padding-top:1.5%;
	position:relative;
	float:right;
}

.span_1_of_3_right  h3 {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 15px 0px;
	color: #313232;
	font-size: 1.5em;
	text-align:center;
	
}
/* END */

.contact-form{
    padding-left:20px;
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	
	font-size:0.875em;
	color: #6cbdce;
	padding-bottom:5px;
	font-family: Tahoma, Geneva, sans-serif;
}
.contact-form input[type="text"],.contact-form textarea{
		    padding:8px;
			display:block;
			width:95%;
			border: none;
			outline:none;
			color:#54a7b8;
			font-size:1em;
			font-family: Tahoma, Geneva, sans-serif;
			border: 1px solid ;
			border-color:#6cbdce;
			-webkit-appearance:none;
}
.contact-form textarea{
		resize:none;
		height:240px;		
}
.contact-form input[type="submit"]{
	font-family: Tahoma, Geneva, sans-serif;
	border:none;
	cursor:pointer;
	color: #D63B37;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 1em 1.5em;
	border: 1px solid #6cbdce;
	display: inline-block;
	background:#FFF;
	text-decoration: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.contact-form input[type="submit"]:hover{
	background: #b80000;
	color: #FFF;
}
.contact-form input[type="submit"]:active{
	background: #D63B37;
	color: #FFF;
}
.company_address{
}
.company_address p{
	font-size: 0.875em;
	color: #6a6a6a;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.company_address p span{
	text-decoration:underline;
	color:#454545;
	cursor:pointer;
}
.map{
	margin-bottom:15px;
}

.localizare{
	border:none;
}


/*----responsive-design-----*/

@media only screen and (max-width: 2560px) and (min-width: 1920px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
		.logo_sus a img{
		width:74%;
		height:74%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:74%;
		height:74%;

	}
	.titlu  {
		width:88%;
	}
	.titlu h2 {
		font-size: 3.2em;
	}
	.element_obigatoriu p{
		font-size: 1.1em;
		padding: 0px 120px 0px 0px;
	}
	.top-nav ul li a{
		font-size: 1.2em;
		padding: 17px 100px 17px 100px;
	}
	
	.text_obiective{
		font-size: 12pt;
	}
	.proiect{
		font-size: 1.8em;
	}
	.program{
		font-size: 1.2em;
	}
	.perioada{
		font-size: 1.1em;
	}
	
	.blank1{
		font-size: 1.3em;
	}
	.copy-right{
		font-size:0.875em;
	}
	.copyright{
		font-size:9px;
	}
	
}


@media only screen and (max-width: 1920px) and (min-width: 1680px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
		.logo_sus a img{
		width:70%;
		height:70%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:70%;
		height:70%;
	}
	.titlu  {
		width:87%;
	}
	.titlu h2 {
		font-size: 2em;
	}
	.element_obigatoriu p{
		font-size: 0.775em;
		padding: 0px 120px 0px 0px;
	}
	.top-nav ul li a{
		font-size: 1em;
		padding: 17px 75px 17px 75px;
	}
	
	.text_obiective{
		font-size: 12pt;
	}
	.proiect{
		font-size: 1.7em;
	}
	.program{
		font-size: 1.2em;
	}
	.perioada{
		font-size: 1 em;
	}
	
	.blank1{
		font-size: 1em;
	}
	.copy-right{
		font-size:0.875em;
	}
	.copyright{
		font-size:9px;
	}
	
}

@media only screen and (max-width: 1680px) and (min-width: 1600px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
		.logo_sus a img{
		width:68%;
		height:68%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:68%;
		height:68%;
	}
	.titlu  {
		width:86%;
	}
	.titlu h2 {
		font-size: 1.5em;
	}
	.element_obigatoriu p{
		font-size: 0.675em;
		padding: 0px 90px 0px 15px;
	}
	.top-nav ul li a{
		font-size: 1em;
		padding: 17px 60px 17px 60px;
	}
	
	.text_obiective{
		font-size: 12pt;
	}
	.proiect{
		font-size: 1.5em;
	}
	.program{
		font-size: 1em;
	}
	.perioada{
		font-size: 10.875em;
	}
	
	.blank1{
		font-size: 1em;
	}
	.copy-right{
		font-size:0.875em;
	}
	.copyright{
		font-size:9px;
	}
	
}
@media only screen and (max-width: 1600px) and (min-width: 1440px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
	.logo_sus a img{
		width:64%;
		height:64%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:64%;
		height:64%;
	}
	.titlu  {
		width:86%;
	}
	
	.titlu h2 {
		font-size: 1.5em;
	}
	.element_obigatoriu p{
		font-size: 0.675em;
		padding: 0px 50px 0px 15px;
	}
	.top-nav ul li a{
		font-size: 1em;
		padding: 18px 52px 18px 52px;
	}
	
	.text_obiective{
		font-size: 12pt;
	}
	.proiect{
		font-size: 1.5em;
	}
	.program{
		font-size: 1em;
	}
	.perioada{
		font-size: 0.875em;
	}
	
	.blank1{
		font-size: 1em;
	}
	.copy-right{
		font-size:0.875em;
	}
	.copyright{
		font-size:9px;
	}
	
}
@media only screen and (max-width: 1440px) and (min-width: 1366px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
		.logo_sus a img{
		width:61%;
		height:61%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:61%;
		height:61%;
	}
	.titlu  {
		width:85%;
	}
	.titlu h2 {
		font-size:1.3em;
	}
	.element_obigatoriu p{
		font-size: 0.55em;
		padding: 0px 0px 0px 450px;
	}
	.top-nav ul li a{
		font-size: 1em;
		padding: 17px 42px 17px 42px;
	}
	
	.text_obiective{
		font-size: 12pt;
	}
	.proiect{
		font-size: 1.2em;
	}
	.program{
		font-size: 0.9em;
	}
	.perioada{
		font-size: 0.8em;
	}
	
	.blank1{
		font-size: 0.8em;
	}
	.copy-right{
		font-size:0.8em;
	}
	.copyright{
		font-size:8px;
	}
	
	
}
@media only screen and  (max-width: 1366px) and  (min-width: 1280px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		padding: 5px 0px 0px 0px;
	}
	.logo_sus a img{
		width:58%;
		height:58%;
	}
	.logo{
		padding: 10px 0px 0px 0px;
		
	}
	.logo a img{
		width:58%;
		height:58%;
	}
	.titlu  {
		width:85%;
	}
	.titlu h2 {
		font-size:1.2em;
	}
	.element_obigatoriu p{
		font-size: 0.5em;
		padding: 0px 50px 0px 0px;
	}
	.top-nav ul li a{
		font-size: 0.9em;
		padding: 15px 47px 15px 47px;
	}
	
	.text_obiective{
		font-size: 12pt;
	}
	.proiect{
		font-size: 1.2em;
	}
	.program{
		font-size: 0.9em;
	}
	.perioada{
		font-size: 0.8em;
	}
	
	.blank1{
		font-size: 0.8em;
	}
	.copy-right{
		font-size:0.8em;
	}
	.copyright{
		font-size:8px;
	}
}
@media only screen and  (max-width: 1280px) and  (min-width: 1024px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
	.logo_sus a img{
		width:56%;
		height:56%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:56%;
		height:56%;
	}
	.titlu  {
		width:86%;
	}
	.titlu h2 {
		font-size:1.1em;
	}
	.element_obigatoriu p{
		font-size: 0.4em;
		padding: 0px 120px 0px 0px;
	}
	.top-nav ul li a{
		font-size: 0.9em;
		padding: 16px 42px 15px 42px;
	}
	
	.text_obiective{
		font-size: 0.8em;
	}
	.proiect{
		font-size: 1.1em;
	}
	.program{
		font-size: 0.85em;
	}
	.perioada{
		font-size: 0.75em;
	}
	
	.blank1{
		font-size: 0.8em;;
	}
	.copy-right{
		font-size:0.775em;
	}
	.copyright{
		font-size:8px;
	}

}
@media only screen and (max-width: 1152px) and (min-width: 1024px) {
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 200px;
	}
	.logo_sus a img{
		width:54%;
		height:54%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:54%;
		height:54%;
	}
	.titlu  {
		width:86%;
	}
	.titlu h2 {
		font-size:1.1em;
	}
	.element_obigatoriu p{
		font-size: 0.45em;
		padding: 0px 0px 0px 366px;
	}
	.top-nav ul li a{
		font-size: 0.7em;
		padding: 15px 37px 15px 37px;
	}
	
	.text_obiective{
		font-size: 0.7em;
	}
	.proiect{
		font-size: 1em;
	}
	.program{
		font-size: 0.75em;
	}
	.perioada{
		font-size: 0.65em;
	}
	
	.blank1{
		font-size: 0.7em;;
	}
	.copy-right{
		font-size:0.775em;
	}
	.copyright{
		font-size:8px;
	}


}
@media only screen and (max-width: 1024px) and (min-width: 800px) {
	
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
	.logo_sus a img{
		width:48%;
		height:48%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:48%;
		height:48%;
	}
	.titlu  {
		width:87%;
	}
	.titlu h2 {
		font-size:1em;
	}
	.element_obigatoriu p{
		font-size: 0.4em;
		padding: 0px 90px 0px 0px;
	}
	.top-nav ul li a{
		font-size: 0.7em;
		padding: 15px 29px 15px 29px;
	}
	
	.text_obiective{
		font-size: 0.6em;
	}
	.proiect{
		font-size: 0.9em;
	}
	.program{
		font-size: 0.7em;
	}
	.perioada{
		font-size: 0.7em;
	}
	
	.blank1{
		font-size: 0.6em;
	}
	.copy-right{
		font-size:0.65em;
	}
	.copyright{
		font-size:7px;
	}
	
}
@media only screen and (max-width: 800px) and (min-width: 480px) {
	
	.wrap{
		width:90%;
	}	
	.logo_sus{
		
		padding: 5px 0px 0px 0px;
	}
	.logo_sus a img{
		width:35%;
		height:35%;
	}

	.logo{
		padding: 10px 0px 0px 0px;
	}
	.logo a img{
		width:35%;
		height:35%;
	}
	.titlu  {
		width:88%;
	}
	.titlu h2 {
		font-size:1em;
	}
	.element_obigatoriu p{
		font-size: 0.375em;
		padding: 0px 0px 0px 100px;
	}
	.top-nav ul li a{
		font-size: 0.6em;
		padding: 10px 15px 10px 15px;
	}
	
	.text_obiective{
		font-size: 0.6em;
	}
	.proiect{
		font-size: 0.7em;
	}
	.program{
		font-size: 0.6em;
	}
	.perioada{
		font-size: 0.5em;
	}
	
	.blank1{
		font-size: 0.6em;
	}
	.copy-right{
		font-size:0.6em;
	}
	.copyright{
		font-size:6px;
	}
}