/* CSS Document */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  background-repeat: no-repeat;
  text-decoration: none;
  border: 0;
  outline: none;
}
 
img {
	display: block;
}
 
body {
	font-family: Arial; font-size: 12px; 
	line-height: 16px; 
}

#container {width: 720px; margin: 0 auto;}
 
#header {
	height: 80px; 
	position: relative; 
	top: 0; 
	left: 0; 
	z-index: 1;
}

h1 {
 width: 140px; 
 height: 100px;
 cursor: pointer; 
 position: absolute; 
 left: 360px; 
 top: 0;
}

h1 a {
	width: 100%; 
	height: 100%; 
	display: block; 
	text-indent: 0px; 
	text-align: center; 
	padding-top: 50px; 
	font-size: 70px; 
	overflow: hidden; 
	border: 1px solid #fff; 
	border-top: none;
}

#real_page {
	float: left; 
	min-width: 718px; 
	height: 302px; 
	overflow: hidden; 
	position: relative; 
	top: 0; 
	left: 0;
}

#first_page, 
#second_page, 
#third_page, 
#fourth_page, 
#fifth_page {
	float: left; 
	margin-right: 2px;
	overflow: hidden; 
	border: 1px solid #fff; 
	height:99%;
	width: 140px;
}

div.stretcher {width: 140px;}

#page h2 {width: 100%; height: 100%;}
#page div.page {visibility: hidden;  background-position: right bottom; width: 602px; min-height: 300px;}
#page h2 a {display: block; height: 100%; text-indent: 0px; text-align: center; padding-top: 140%; padding-bottom:60%; font-size: 70px; overflow: hidden;  background-position: center; cursor: pointer;}

h2.first a.en {color: #e50208;}
h2.second a.en {color: #505054;}
h2.third a.en {color: #98989c;}
h2.fourth a.en {color: #c3c4c7;}
h2.fifth a.en {color: #ecedee;}
 

#footer {clear: both; padding-top: 5px;}
#copyright { width: 432px; padding-left: 10px; clear: both; position: relative; top: 0; left: 0;}
#copyright li {color: #8c8c8c; font-size: 10px;}
#copy {line-height: 15px; }

.bold {font-weight: bold;}
.clearer {height: 1px; clear: both;}
 a:link, a:visited, a:hover, a:active {color: #fff;}


#first_page {color: #fff;}
.container_design, .container_design2 {padding: 0 0 22px 22px;}
.container_design .left {width: 314px; overflow: hidden;   float: left; height: 232px; position: relative; top: 0; left: 0; }
.container_design2 .left {width: 560px; overflow: hidden;   float: left; height: 350px; position: relative; top: 0; left: 0; text-align: justify;}
.container_design .right {float: right;  padding-top: 50px; position: relative; top: 0; left: 0;}

  #top_design {width: 580px; float: left; position: relative; top: 0; left: 0; overflow: hidden;  height: 278px;}
  #top_design h3.en {width: 314px; float: left; background: #fff; color: #124669; text-indent: 0px; padding-left: 10px; padding-top: 30px; font-size: 18px;}
  #top_design2 h3.en {width: 314px; float: left; border:1px solid #fff; border-top:none; color: #fff; text-indent: 0px; padding-left: 10px; padding-top: 30px; font-size: 18px;}
  #top_design3 h3.en {width: 314px; float: left; background: #124669; color: #fff; text-indent: 0px; padding-left: 10px; padding-top: 30px; font-size: 18px;}
  #top_design4 h3.en {width: 314px; float: left; border:1px solid #fff; border-top:none; color: #fff; text-indent: 0px; padding-left: 10px; padding-top: 30px; font-size: 18px;}
  #top_design5 h3.en {width: 314px; float: left; background: #fff; color: #124669; text-indent: 0px; padding-left: 10px; padding-top: 30px; font-size: 18px;}
  
ul#menu_aboutme, ul#menu_teaching, ul#menu_research {float: left;  padding: 22px 0 0 17px;  }
ul#menu_aboutme li, ul#menu_teaching li, ul#menu_research li {float: left;}
ul#menu_aboutme li a, ul#menu_teaching li a, ul#menu_research li a {line-height: 16px; padding-left: 10px;}
ul#menu_aboutme li a:hover, ul#menu_teaching li a:hover, ul#menu_research li a:hover {text-decoration: underline;}
ul#menu_aboutme li #lks:link, ul#menu_teaching li #lks:link, ul#menu_research li #lks:link,
ul#menu_aboutme li #lks:active, ul#menu_teaching li #lks:active, ul#menu_research li #lks:active,
ul#menu_aboutme li #lks:visited, ul#menu_teaching li #lks:visited, ul#menu_research li #lks:visited,
ul#menu_aboutme li #lks:hover, ul#menu_teaching li #lks:hover, ul#menu_research li #lks:hover {text-decoration: underline;}
ul#menu_research li a {color: #000;}
  
  .design {width: 580px; float: left;}
  .design h4 {color: #fff; line-height: 16px; padding-top: 3px;}
  #third_page .design h4 {color: #000; line-height: 16px; padding-top: 3px;}
  .design p {padding-bottom: 10px;}
  .design p.last {padding: 0;}
  
  /* strat scroll */
	#scroll_am, #scroll_edu, #scroll_xp {position: absolute; top: 0; left: 0;  width: 314px;  height: 232px; }
	#scroll_sch, #scroll_cou {position: absolute; top: 0; left: 0;  width: 560px;  height: 350px; }
	#cou, #edu, #xp {visibility: hidden; position: relative; top: -9999px;}
	#masca_am, #masca_edu, #masca_xp {width: 295px; height: 232px;  clip:rect(0,295px, 232px,0); overflow:hidden; position: absolute; top: 0; left: 0;    }
	#masca_sch, #masca_cou {width: 560px; height: 350px;  clip:rect(0,560px, 350px,0); overflow:hidden; position: absolute; top: 0; left: 0;    }
	#container_am, #container_edu, #container_xp {position: absolute; top: 0; left: 0; width: 286px; padding-left: 9px; padding-top: 13px;}
	#container_sch, #container_cou {position: absolute; top: 0; left: 0; width: 550px; padding-left: 9px; padding-top: 13px;}
	#track_am, #track_cou, #track_edu, #track_xp {width: 7px; margin-top: 7px; margin-bottom: 7px; height: 218px;  position: absolute; top: 0; left: 307px;}
	#drag_am, #drag_edu, #drag_xp {position: absolute; top: 0; margin-top: 7px; margin-bottom: 7px; left: 307px; height: 57px; width: 7px; cursor: pointer; background-color: #98989c; }
	#drag_cou {position: absolute; top: 0; margin-top: 7px; margin-bottom: 7px; left: 307px; height: 57px; width: 7px; cursor: pointer; background-color: #505054; }
  /* end scroll */ 
 /* end first page */
 
 
  /* start second page */
  #second_page div.page { color: #fff;}
  #second_page p.first {padding: 0; margin-top: -20px;}
  .right_second {width: 389px; float: left; height: 277px; background-color: #fff; overflow: hidden; position: relative; top: 0; left: 0;}
  .page .link:link, .page .link:visited, .page .link:active {color: #fff; text-decoration: underline; padding: 0 2px;}
  .page .link:hover {background-color: #e50209; text-decoration: none;}
  /* end second page */
  
  
  
  /* start third page */
   
	#third_page div.page {color: #000; background:#fff; 
	filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;}
  #third_page p.first {padding: 0; margin-top: -20px;}
	#third_page h4 span {font-weight: normal;}
	#third_page h4 {padding-bottom: 8px;}
	div.inner em {display: block; font-style: normal; font-weight: bold; line-height: 12px;}
	div.inner span {display: block; line-height: 14px;  }
	div.inner a:link, div.inner a:visited, div.inner a:hover, div.inner a:active {display: block; text-decoration: underline; color: #000; background-image:url(../images/right_arrow.gif); padding-left: 17px; background-position: left center; width: 40px; }
	/* end third page */
  
#fourth_page div.page, #fifth_page div.page {color: #fff;}
   
  
 /* modified css */ 
 	 div.formular_inner {padding: 25px; color: #FFF; }
	 div.formular_inner h3.ro {height: 19px; width: 227px; background-image: url(../images/h36_ro.gif); text-indent: -3000px; overflow: hidden; float: left; font-size: 1%;  }  
 	 div.formular_inner h3.en {height: 19px; width: 243px; background-image: url(../images/h36_en.gif); text-indent: -3000px; overflow: hidden; float: left; font-size: 1%;  }  
 /* added css */
	.error { background-image:url(../images/error.jpg); background-position:225px 4px;}
	.ok { background-image:url(../images/ok.jpg); background-position:225px 4px;}
	div#loading {padding:10px; margin-left:50px; margin-top:100px; font-weight:bold;}
	#container_am ul, #container_am ol, #container_cou ul, #container_cou ol, #container_edu ul, #container_edu ol, #container_xp ul, #container_xp ol, #container_consultanta ul, #container_consultanta ol, #container_pilotaj ul, #container_pilotaj ol, #container_project ul,  #container_project ol, #container_proiectare ul,  #container_proiectare ol  {list-style-position: inside; margin-left: 18px; padding-bottom: 5px }
  #container_am ul li, #container_cou ul li, #container_edu ul li, #container_xp ul li, #container_consultanta ul li, #container_pilotaj ul li, #container_project ul li, #container_proiectare ul li {list-style-type: square;} 
	#container_am ol li, #container_cou ol li, #container_edu ol li, #container_xp ol li, #container_consultanta ol li, #container_pilotaj ol li, #container_project ol li, #container_proiectare ol li {list-style-type: decimal;}
	#container_am {text-align: justify;}
	#container_cou .title, #container_edu .title {color: #fff; line-height: 30px;}

	
#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px;
	color: #000;
	width: 8%;
	filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
}

#body_main {
	background: url(../../images/vladstudio_midnightforest_1024x768.jpg);
}

#css {
	background: url(../../images/icon-css_trans.gif);
}

#xhtml {
	background: url(../../images/icon-xhtml_trans.gif);
}

/* Gallery */
.gallery {
	height: 550px;
	width: 580px; 
	float: left;
	margin: 0 auto;
}

#gallery {
	height: 220px;
	width: 550px;
	overflow: hidden;
	margin: 70px 20px 50px 0px;
}

#gallery .background {
	height: 150px;
	width: 666px;
}

#gallery .thumbnail {
	float: left;
	margin: 5px 5px;
}