img.lang {
		padding: 3px;
		width:40px;
		height:25px;
	}
	
	img.logo_areal {
		wigth:30px;
		height:30px;
	}
	
	.alert {
		  position: fixed;
		  bottom: 10px;
		  right:10px;
		  left:10px;
		  padding: 20px;
		  background-color: black;
		  color: white;
		  opacity: 1;
		  transition: opacity 0.6s;
		 }

	.closebtn {
		  margin-left: 15px;
		  color: grey;
		  font-weight: bold;
		  float: right;
		  font-size: 12px;
		  line-height: 20px;
		  cursor: pointer;
		  transition: 0.3s;
		}

	.closebtn:hover {
		  color: black;
		}
			
	
	
	p#content {
		font-size: 16px;
		padding:15px;
		text-indent:50px;
		line-height: 1.6;
	}
	
	.jumbotron {
		background:url('../img/jumbotron/img_jumbotron.jpg') no-repeat center center;
		background-size:cover;
	}


    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }
    
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      float: right;
      min-height:450px;
	  max-height:451px;
	  /*opacity: 0.5;*/
	  z-index:-1;
  }
  
  .tile {
  
	position: relative;
	padding:5px;
	border:1px solid black;
    width: 98%;
    height: 90%;
    overflow: hidden;
  }



 .photo {
    position: absolute;
	margin:auto;
    width: 95%;
    height: 95%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    transition: transform .3s ease-out;
	overflow: hidden;
  }

 
  @media (max-width: 200px) {
    .carousel-caption {
      display: none; 
    }
  }
  
  .carousel-caption {
	position: absolute;
	width: 65%;
	top:5px;
	/*left:5px;*/
	text-align:center;
	color:black;
  }
  
iframe#qgis {
	width:98%;
	height:95%;
	float:right;
	margin:auto;
}

  .main_img_text_descriere {
	font-weight: bold;
  }



/*  VARIANTA INITIALA                  */
/*  VARIANTA INITIALA                  */
/*  VARIANTA INITIALA                  */
/*  VARIANTA INITIALA                  */
/*  VARIANTA INITIALA                  */
/*  VARIANTA INITIALA                  */
/*
body {

margin:0px;
padding:0px;
font-size:16px;
background: url("../img/backgrnd.jpg") no-repeat center center;

}




div#page {max-width:1200px; margin:0px auto; position:relative;}





h1 {font-family:Comic Sans MS;font-size:2.3em;text-shadow: 2px 2px red;color:white;position:absolute;left:80px;margin-top:0px}
h3 {font-family:Comic Sans MS;font-size:1.1em;text-shadow: 2px 2px red;color:white;position:absolute;left:80px;margin-top:40px;}
p#content {width:90%;padding:0%;font-size:1.1em;} 
a {color:black;text-decoration:none;font-weight:bold;padding-left:3em; padding-right:3em;margin-right:1em;display:inline-block;position:relative;}
a:hover {color: grey;}








div.head {

border:1px solid black;
background-color:white;
height:150px;
letter-spacing:2px;
position:relative;
background:white url("../img/img_head.jpg") 0px 0px; background-size:1200px 150px;      
}     

div.head::after {content:'' ; display: block; clear: both;}


div#language{
margin-top:10px;
}

img.lang {
float:right;
margin-left:10px;
margin-right:5px;
width:40px;
height:25px;
}







div#nav{
border:1px solid black;
background-color:white;
padding:5px;
color:black;
margin: 1em auto;
text-align:right;

}





div.main{

margin: 1em 0;
background-color:white;
border:1px solid black;
padding:1%;
/*height:150px;
text-align:center;

}

div.main::after {content:'' ; display: block; clear: both;}





div#aside {

width:50%;
height:25em;
float:left;
text-align:center;
text-indent:50px;
line-height: 1.4;
overflow:auto;

}




img#modif {
position:relative;
widht:90%;
height:90%;

}




/*img#modif:hover {
widht:400%;
height:400%;


} 









div#asideproj1 {

width:70%;
height:25em;
float:left;
text-align:left;
text-indent:50px;
line-height: 1.4;
overflow:auto;
}


div#asideproj2 {

width:30%;
height:25em;
float:left;
text-align:left;
line-height: 1.4;
overflow:auto;
}



ul {

font-size:1.1em;
background:white;
list-style-type:none;
left:5px;


}

li {
font-weight:strong;
left:2px;
} 


ol {
left:15px;
font-size:0.8em;}


li:hover ol#pug{
display:block;}

ol#pug{ display: none;
font-size:0.9em;    
position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;}
*/





/*   FOOTER   

div#footer{

bottom:0;
display:block;
border: 1px solid black;
margin-top:5%;
text-align:center;
background-color:white;
height:20px;
}
*/