@charset "utf-8";

/*   Dept Metode si Modele Matematice - 2015  */


html{overflow-y:scroll;}
body{bottom: 0;  margin-left: auto; margin-top: auto;
    margin-right: auto; padding: 0px; height:100%; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;
   background-color: #e0dedf;  color:#03294f; max-width:1000px;} 
.center{text-align:center;}
.right{text-align:right;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:inline-block;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0;border:none;}


.UPB {max-width:960px;  height:300px; margin-left:19px; margin-top:-4px; border:1px #03274B; background: url(graphics/upb.jpg) no-repeat; font-size: 30px; color:rgba(255,255,255,.5); font-weight: 800;} 

/* ----------------------------------------------Header------------------------------------- */

#header{padding:15px 25px 15px 25px;}
#header h1, #header p, #header ul{margin:0; padding:0; list-style:none; line-height:normal;}
#header h1{font-size:36px; font-variant:small-caps;}
#header p{margin-top:4px;}
#header  a:hover {color:#A1C6A0; background:url("images/meniu_a.gif") top center no-repeat #072C53; text-decoration:none;}


/* ----------------------------------------------Content------------------------------------- */

#container {max-width:1000px;
	min-height:100%;
	position:relative;
	padding-top:5px;
    padding-bottom:70px;
	background: #FFFFFF;
}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{color:#030A3B; background:#FFFFFF;}

a{outline:none; text-decoration:none; 
}
a:link {color:#04027A; border-bottom: 1px dotted #758c7c;   
}  
a:active {color:#ffffff;}
a:visited {color:#636;}
a:hover {color:#154357;
    text-decoration: none; 
}

#container .title{display:block; width:100%; margin:0 0 20px 0; padding:0 0 8px 0; font-size:13px; text-transform:uppercase; border-bottom:5px solid #030A3B;}
#content{display:block; float:left; width:960px;}

#meniu{display:block; position:relative; width:960px; margin:0px auto;  font-size:12px;   z-index:1000;}
#meniu ul, #meniu li{margin:0; padding:0; list-style:none;}
#meniu li{float:left; margin-right:30px;}
#meniu li:last-child { float:right; }

#meniu li a:link, #meniu li a:visited, #meniu li a:hover{position: relative;  display:block;    margin:0; padding:12px 7px; color:#F8F9F3; background-color:#072C53; text-transform:uppercase; border-bottom: none;}

 #meniu li a:hover, #meniu li a:active  {background-color:#669d93; color:#ffffff !important;text-decoration:none;  padding:12px 7px;} 


#meniu ul ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; }
#meniu ul ul a{width:127px;}

#meniu ul ul li a:link {border:none;  background-color: rgba(114, 166, 89,0.5);}

#meniu ul ul li a:hover, #meniu ul ul li a:active {background-color: rgba(114, 166, 89, 0.5);}
#meniu ul ul li a:visited{border:none; background-color: #72a659;}

#meniu li:hover ul{left:auto;}

#meniu span:after /*DropDown Arrow*/
{
   border: 0.31em solid transparent;
   border-bottom: none;  
   border-top-color: #006d80;  
   content: ''; 
   vertical-align: left;
   display: table-caption;/*inline-block;*/
   position: relative;
   right: -0.31em; 
}

figcaption.students{
    margin-top:-12px;
    padding: 6px;
    text-align:center; 
    background-color:#2E2E2C;
    color:#CACACA;
    font-family: 'Gentium Book Basic', 'Times new roman', Times, serif;
  font-size: 15px; 
}


div.wrapper{display:block; width:100%; text-align:left;}

div.wrapper h1, div.wrapper h2 {margin:0 0 15px 0; padding:0; font-size:20px; font-weight:normal; line-height:normal;}
.row1{color:#F8F9F3; background-color:#03274B;}
.row1 a{color:#F8F9F3; background-color:#03274B;border-bottom: none;}
.row2{color:#F8F9F3; background-color:#072C53; border-top:1px solid #2B4D71; border-bottom:1px solid #2B4D71;}


/*-----------------------------------------------------------------------*/


ul#nav {
  list-style:none;
  margin:20px;
  padding:0;
  width:625px
}

ul#nav li {
  display:inline;
	font-family:"Comic sans MS";
	font-size: 4px;
	font-weight: bold;
}

ul#nav li a {
  background:#485e49;
  color:#eee;
  font-size:20px;
	text-decoration: underline;
	font-family:"Comic sans MS";
	font-weight: bold;
}

ul#nav li a:hover {
  background:#a2b3a1;
  color:#000
}

#logo {
	float: left;
	height: 170px;
	width: 540px;
	margin: 0 auto;
	padding-top: 0px;
}

/* ---------------------------------*/

p, ul, ol {
	margin-top: 0;
	font-size: 15px;
	line-height: 140%;
	padding-left: 5px;
	padding-top:8px;
}

ul li {
  list-style-position: inside;
  padding-left: 15px;
  padding-bottom: 10px;
  list-style-type: circle; 
}

ol li {
  list-style-position: inside;
  padding-left: 15px;
  padding-bottom: 10px;
}
/*-----------------------------------*/

#box_left{
    line-height:30px;
    background-color:#EEFAE3;
    height:700px;
    width:25%;
    float:left; 
    margin-top=0;
    
}
#box_right{
    line-height:30px;
    background-color:#ffffff;
    width:75%;
    float:left;
    margin-top=0;
}
.thumbnail { 
    display: block;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}
#container2 {  
    position: inherit;
    width: 700px;
    margin: auto;
      background-color: #C5DF88;  
}
#container3 {  
    position: inherit;
    width: 150px;
    height: 140px;
    background-color: #ffffff;
    margin: auto;    
}



#thickline {
    width: 100%;
    background-color: #6AA121;
    height: 4px;
}

#display {
    margin-left: auto;
    margin-right: auto;
}

.centered {
  position: relative;
  left: 50%;
top: -1%;
  transform: translate(-50%, -50%);
}

.cvtable {
	margin:0px;padding:0px;
	width:100%;
	border:0px solid #ffffff;
}
.cvtable table{
        border-collapse: collapse;
        border-spacing: 0;
        margin:0px;
	width:100%;
	height:100%;
	padding:0px;
}
.cvtable tr:hover td{
}
.cvtable tr:nth-child(odd){ background-color:#e0e0e0;} 
.cvtable tr:nth-child(even){ background-color:#ffffff;}
.cvtable td{
	vertical-align:middle;
    border:0px solid #ffffff;
	border-width:1px 1px 1px 1px;
	text-align:left;
	padding:1px;
	font-size: 15px;
	font-weight:normal;
	color:#03294f;
}
   
p.datum {
border-radius:3px;
font:bold 14px/25px Arial, Helvetica, Verdana;
position: relative;
margin-left:-5px;
margin-right: -5px;
margin-top:10px;
margin-bottom:0px;
padding-top:2px;
padding-bottom: 2px;
background-color:#669d93;
    color: #ffffff;
    height:25px;
    width:150px;
   text-align: center;
}

p.anunt {
font:bold 14px Arial, Helvetica, Verdana;
position: relative;
margin-left:-5px;
margin-right: -5px;
margin-top:10px;
margin-bottom:0px;
padding-top:8px;
padding-bottom:6px;
background-color: #8c8a89;
    height:18px;
    width:169px;
    text-align: center;
    color:#ffffff;
}

a.news:link {color:#ffffff;
     border-bottom: none;   
} 
a.news:hover  {
    text-decoration: underline;
}

a.news:visited {color:#ffffff;
    text-decoration: none;
}




p.archive {
font-size: 0.85714em;
font-weight: 900;
position: absolute;
top: 10px;
padding-bottom: 30px;
left: 120px;
background: #F32837;
color: #fff;
text-decoration: none;
display: block;
padding: 0.41667em;
}

.colorLightCoral{
   background-color:
       #E77471;
}


.colorMov{
   background-color:#93507E;
}
.colorVerde{
   background-color:#93B874;
}
.colorVerdeD{
   background-color:#608660;
}
.colorPorto{
 background-color:#E57248;
}
.colorTurquoise{
   background-color:#006A60; 
}
.colorRosuInt{
   background-color:#A61100;
}
.colorRosu{
   background-color:#C62D37;
}
.colorGalben{
   background-color:#EAC878;
}


.fontHeader{ 
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: normal;
}

.classEduVerde{ 
    background-color:#93B874;
} 
.classEduBleu{ 
    background-color:#AFD1CA;
}
.classEduMov{ 
    background-color:#D1AFCB;
}
.classEduGalben{ 
    background-color:#E9AA83;
}

.translucid{
background:rgba(0,0,0,0.1);   
}



/* -----------------------CONTAINERS ---------------------------------*/
#headerLeft {
    color:white;
    text-align:center;
    padding:5px;
}
#navLeft {
    line-height:30px;
    background-color: #F6FAF2;
    float:left;
    padding:5px;
}
#headerRight {
    color:white;
    text-align:center;
    padding:5px;
    margin-left:10px;
}
#navRight {
    line-height:30px;
    background-color: #F6FAF2;
    float:left;
    padding:5px;
    margin-left:10px;
}
/*----------------------------------------------*/

/* -------------------------------------------------------*/
 
/*read more button*/
.buttonMore {
    background: none repeat scroll 0% 0% #7C9B51;
   border-radius: 5px;
    cursor: pointer;
    height: 30px;
    min-width: 100px;
    text-align: center;
padding: 10px 20px;
    margin-left: 10px;
    font-family: Georgia, serif;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    border-bottom: none !important;  
}

.buttonMore:hover {
   background: #7fad1c;
   }

.buttonResearch{
    background: none repeat scroll 0% 0%  #7C9B51;
   border-radius: 5px;
    cursor: pointer;
    height: 30px;
    min-width: 120px;
    text-align: center;
     padding: 10px 20px;
    margin-left: 0px;
    font-size: 15px;
    font-family: Georgia, serif;
      border-bottom: none !important; 
}

.buttonResearch:hover {
   background: #7fad1c;
   }
 
#teaching { 
    background-color:#93507E;
    height:30px;
    width:150px;
    float:center;  
    padding-bottom: 7px;
    padding-top: 0;
    font-family: Georgia, serif;
}



.buttonBack {
            display: inline-block;
text-align: center;
            height: 40px;
line-height: 40px;
padding: 0px 20px;
margin-left: 20px;
    background: none repeat scroll 0% 0% #9FC08A;
    background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    color: rgb(79, 68, 42) !important;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 1px 2px   #D8D8D8, 0px -2px 0px #7C9B51 inset;
    color: #FFFFFF !important;
    font-family: 'proxima-nova';    
     border-bottom: none !important;  
}
.buttonBack:hover {
   background: #7fad1c;
   }

/* FOOTER --------------*/
#wrapF {
min-height:100%;
position:relative;
}

#footer {
width:100%;
height:65px;
position:absolute;
bottom:0;
left:0;
background:#323D49;
}
/*-----------------------*/

#wrap {
margin-left: 14px;
margin-right: 20px;
margin-top: 20px;
 }

#grayBox {
float: left;
background-color:#D7DBE0;
}

#box1 {
width:200px;
float: left;
height: 270px;
background-color:#F1FAE8;
border-radius: 25px;
margin-right: 20px;
}

#box2{
width: 200px;
float: left;
height: 270px;
background-color:#F1FAE8;
border-radius: 25px;
}

#clear {
clear: both;
}

    
#message a
{
    display: inline-block;
    display: none;
    z-index: 999; 
    position: fixed;
    top: 90%;
    margin-top: -30px; 
    left: 50%;
    margin-left: -50px;  
    border-radius: 10px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    color: white !important;
    background-color:rgba(0,0,0,0.25); 
    font-size: 16px;
    text-align: center;
      font-family: Georgia, serif;
    border-bottom: none; 
}