body, html 
{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

body
{
	background-color: white;
}

/*start*/
.index
{
	/*background-image:url('./img/start.jpg');
	height: 650px;*/
	background-image:url('./img/start.jpg');
	height:700px;
	width: 1000px;
}

/*rafturi, start*/
.r1 { margin-top:102px; margin-left:190px; margin-left:202px;}

.r1:hover { width:610px; height:auto;}

.r2 { margin-top:-10px; margin-left:190px; margin-left:200px;}

.r2:hover { width:520px; height:auto;}

.r3 { margin-top:-10px; margin-left:190px; margin-left:197px;}

.r3:hover { width:460px; height:auto;}

.r4 { margin-top:-13px; margin-left:190px; margin-left:192px;}

.r4:hover { width:610px; height:auto;}

.r5 { margin-top:-13px; margin-left:190px;}

.r5:hover { width:730px; height:auto;}

/*aspect general*/
.continut
{
	width: 1000px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF7D1;
}

.sus
{
	height: 43px;
	background-color: #900909;
	border-bottom: 2px solid;
}

.sus h1
{
	font-family:"Calibri", Times, serif;
	font-size:25px;
	margin-top: -35px;
	margin-left: 55px;
	color: #ffffff;
}

.sus img
{
	height: 40px;
	width: auto;
	margin-left: 20px;
}

.jos
{
	height: 43px;
	background-color: #900909;
	border-top: 2px solid;
}

.centru
{
	height:560px;
}

.teorie
{
	width: 250px;
	height: 505px;
	float: left;
	background-color: #FFF7D1;
	margin: 35px 20px 10px 30px ;
}

.teorie h1
{
	font-family:"Calibri", Times, serif;
	font-size:25px;
}

.teorie p
{
	font-family:"Calibri", Times, serif;
	font-size:17px;
	text-align:justify;
	margin-top: -10px;
	margin-bottom: 40px;
}

.activa
{
	width: 698px;
	height:510px;
	float: right;
	border-left: 1px solid #900909;
	left:251px;
	margin-top: 25px;
	bottom: 25px;
	z-index:-100;
}

.activa img
{
	height: 200px;
	width: auto;
	position: relative; 
	float: right;
	bottom: -370px;
	right: 10px;
}

.activa p
{
	font-family:"Calibri", Times, serif;
	font-size:17px;
	text-align:justify;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right:50px;
}

.activa p
{
	text-align:justify;
	margin-left: 50px;
}

.cod
{
	font-family: "Courier New", Courier, monospace;
	font-size:20px;
	margin-left: 50px;
	display:inline-block;
}

#incod
{
	font-family: "Courier New", Courier, monospace;
	font-size:20px;
	
	font-weight:bold;
	display:inline-block;
}

.next img
{
	height:25px;
	width:25px;
	
	position: relative; 
	float: right;
	bottom: -490px;
	right: 10px;
}

.previous img
{
	height:25px;
	width:25px;
	
	position: relative; 
	float: right;
	bottom: -490px;
	right: 500px;
}

.blue
{
	font-family: "Courier New", Courier, monospace;
	font-size:20px;
	color: #0C57A6;
	font-weight:bold;
	display:inline-block;
}

/*momentul 4*/
.fib img
{
	height: 300px;
	margin-top:-300px;
	margin-left: -100px;
}

/*momentul 3*/

#pre img, #urm img
{
	height:35px;
	top:-225px;
	z-index:200;
}

#pre img {margin-right:50px;}
#urm img {margin-right:100px;}

.mecanism  img
{
	position:relative;
	top:370px;
	right:570px;
}

.nextm img
{
	height:25px;
	width:25px;
	
	position: relative; 
	float: right;
	bottom: -490px;
	right: -100px;
}

.previousm
{
	z-index:100;
}

.previousm img
{
	height:25px;
	width:25px;
	
	position: relative; 
	float: right;
	bottom: -490px;
	right: -60px;
}

#s {font-size:35px; text-indent:-20px; top:5px;}

/*a*/
#stiva1 img
{
	position:relative;
	right:-80px;
	top:-170px;
	height:325px;
}

#s1_5
{
	height:45px;
	position: relative;
	right:-430px; top:-135px;
	z-index:10;
}

#s1_4
{
	height:45px;
	position: relative;
	right:-430px; top:-135px;
	z-index:9;
}

#s1_3
{
	height:45px;
	position: relative;
	right:-430px; top:-135px;
	z-index:8;
}

#s1_2
{
	height:45px;
	position: relative;
	right:-430px; top:-135px;
	z-index:7;
}

#s1_1
{
	height:45px;
	position: relative;
	right:-430px; top:-135px;
	z-index:6;
}

#s1_5 img { height:14.3px; right:140px; top:0px;}
#s1_4 img { height:14.3px; right:140px; top:0px;}
#s1_3 img { height:14.3px; right:140px; top:0px;}
#s1_2 img { height:14.3px; right:140px; top:0px;}
#s1_1 img { height:14.3px; right:140px; top:0px;}

#linia1,  #linia2, #linia3{width:300px;}

#tb
{
	position: relative;
	z-index:10;
	height:180px; width:290px;
	top:-90px;
	right:-300px;
	background-image: url(./img/m1tb1.png);
	background-repeat:no-repeat;
	background-size:270px;
}

#tb img
{
	top:-40px;
	left:30px;
	height:220px;
}

#arbore1
{
	width:200px;
	height:300px;
	margin-top:-350px;
	margin-left:85px;
	/*background-image: url(./img/arbore1m11.png);*/
	background-image:none;
	background-repeat:no-repeat;
	background-size:200px;
}

/*b*/
#stiva2 img
{
	position:relative;
	right:10px;
	top:-210px;
	height:325px;
}

#s2_9
{
	height:45px;
	position: relative;
	right:-415px; top:-130px;
	z-index:10;
}

#s2_8
{
	height:45px;
	position: relative;
	right:-415px; top:-175px;
	z-index:9;
}

#s2_7
{
	height:45px;
	position: relative;
	right:-415px; top:-160px;
	z-index:8;
}

#s2_6
{
	height:45px;
	position: relative;
	right:-415px; top:-200px;
	z-index:7;
}

#s2_5
{
	height:45px;
	position: relative;
	right:-415px; top:-245px;
	z-index:5;
}

#s2_4
{
	height:45px;
	position: relative;
	right:-415px; top:-290px;
	z-index:4;
}

#s2_3
{
	height:45px;
	position: relative;
	right:-415px; top:-255px;
	z-index:3;
}

#s2_2
{
	height:45px;
	position: relative;
	right:-415px; top:-300px;
	z-index:2;
}

#s2_1
{
	height:45px;
	position: relative;
	right:-415px; top:-345px;
	z-index:1;
}

#s2_9 img { height:17.5px; width:258px; right:163px; top:0px;}
#s2_8 img { height:17.5px; width:258px; right:163px; top:0px;}
#s2_7 img { height:17.5px; width:258px; right:163px; top:0px;}
#s2_6 img { height:17.5px; width:258px; right:163px; top:0px;}
#s2_5 img { height:17.5px; width:258px; right:163px; top:0px;}
#s2_4 img { height:17.5px; width:258px; right:163px; top:0px;}
#s2_3 img { height:17.5px; width:258px; right:163px; top:-20px;}
#s2_2 img { height:17.5px; width:258px; right:163px; top:-20px;}
#s2_1 img { height:17.5px; width:258px; right:427px; top:-20px;}

#linia1,  #linia2, #linia3, #linia4{width:300px;}


#pre2 img, #urm2 img
{
	height:35px;
	top:-415px;
	right:450px;
}

#pre2 img {margin-right:70px;}
#urm2 img {margin-right:-10px;}

#tb2
{
	position: relative;
	z-index:10;
	height:180px; width:290px;
	top:-300px;
	right:-300px;
	background-image: url(./img/m2tb1.png);
	background-repeat:no-repeat;
	background-size:270px;
}

#tb2 img
{
	top:-40px;
	left:30px;
	height:220px;
}

#arbore2
{
	width:280px;
	height:200px;
	margin-top:-530px;
	margin-left:35px;
	background-image: none;
	background-repeat:no-repeat;
	background-size:250px;
}

/*general*/
.exercitii
{
	width:680px;
	height:500px;
	margin-top:-200px;
}

.obiective
{
	color:white;
	font-family:"Calibri", Times, serif;
	font-size:20px;
	margin-left:20px;
	margin-top:10px;
	width:90px;
	height:30px;
	z-index:99;
}

.informatii img
{
	height:25px;
	display:inline-block;
	margin-left:125px;
	margin-top:-30px;	
}

#overlay_i
{
	position: relative;
	top: -1115px;
	left: 0;
	z-index: 190;
	width: 1000px;
	height: 655px;
	background-color: #000;
	filter:alpha(opacity=20);
	opacity: 0.2;
}

#dialog_i
 {
	position: relative;
	top: -443px;
	left: 125px;
	z-index: 17;
	padding: 4px;
}

#dialog_i img
{
	width:1020px;
	z-index: 199;
	margin-left:-140px;
	margin-top:-220px;
}

#overlay1_ob
{
	position: relative;
	top: -610px;
	left: 0;
	z-index: 190;
	width: 1000px;
	height: 655px;
	background-color: #000;
	filter:alpha(opacity=20);
	opacity: 0.2;
}

#dialog_ob
 {
	position: relative;
	width:450px;
	top: -400px;
	left: 325px;
	z-index: 217;
	padding: 4px;
	background-color: white;
	border: #0C57A6 2px solid;
	font-family:"Calibri", Times, serif;
	font-size:17px;
}

a:link
{
	color:black;
}

a:visited
{
	color:black;
}