nav {
        position: fixed;
        top: 0;
 	bottom: 0;
 	left: 2%;
        width: 16%;
        background: #111199;
        margin: 0;
        padding: 0px;
 	border-left-style: solid;
 	border-right-style: solid;
 	border-left-width: 5px;
 	border-right-width: 5px;
 	border-color: #900309;
 	text-align: center;
}
 
 p.stinga {
 	margin: 2px;
 	padding: 5px;
 	border: 0;
 	background-color: #900309;
	font-weight: bold;

} 

p.stinga:hover {
 	background-color: #f05602;
}
a.stinga {
 	color: #ffffd0;
 	border: 0;
 	margin: 0;
 	left: 0;
 	right: 0;
 	padding: 0;
 	font-family: Curier;
 	font-size: 100%;
 	text-decoration: none;
 	text-align: center;
 
}

a.stinga:hover {
 	border: 0;
 	margin: 0;
 	left: 0;
 	right: 0;
 	padding: 0;
 	font-family: Curier;
 	font-size: 100%;
 	text-decoration: none;
 	text-align: center;
	background-color: #f05602;
	
}
/* tabel mare */ 

table.mytable{
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 2px;
	border-color: black;

}

tr.sus{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	background-image: url(grad1.jpg);
}

p.sus {
 	margin: 2px;
 	padding: 5px;
	text-align: justify;
 	border: 0;
	text-align: center;
	line-height: 150%;
	font-family: verdana;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}


td.stinga{
	width: 16%;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

td.mijloc{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	width: 70%;

}

td.dreapta{
	width: 14%;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}  

p.mijloc {
 	margin: 2px;
 	padding: 10px;
	text-align: justify;
 	border: 0;
 	background-color: #ffffff;
	font-style: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b01401;

}

p.mijloc1 {
 	margin: 2px;
 	padding: 10px;
	text-align: justify;
 	border: 0;
 	background-color: #ffffff;
	font-style: normal;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #b01401;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b01401;
}

a.cnc:link {
	border: none;
	color: #ffffff;
	}

a.cnc:active {
	border: none;	
	color: #ffffff;
	}
a.cnc:visited {
	border: none;
	color: #ffffff;
	}
a.cnc:hover {
	color: blue;
	border: 2px;
	}

/*scop*/
p.scop-mijloc {

 	margin: 2px;
 	padding: 10px;
	text-align: justify;
 	border: 0;
 	background-color: #ffffff;
	font-style: normal;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #b01401;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b01401; 
}
table.scop1{
	z-index: -1;
 	padding: 2px;
	margin: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	border-collapse: collapse;
}

p.mijloc2 {
 	margin: 2px;
 	padding: 10px;
	text-align: justify;
 	border: 0;
 	background-color: #ffffff;
	font-style: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b01401;
}

p.dreapta {
 	margin: 2px;
	font-family: arial;
 	padding: 2px;
	text-align: center;
 	border: 0;
 	font-weight: normal;
	align: top;
}

a.dreaptalnk {
	color:black;
	text-decoration: none;
	}

a.dreaptalnk:link {
	color:black;
	text-decoration: none;
	}

a.dreaptalnk:hover {
	color: blue;
	}

a.vizur:link {
	color:black;
	text-decoration: none;
	}

a.vizur:hover {
	color: blue;
	}



/* descriere */

p.desc-mijloc {
	
 	margin: 3px;
 	padding: 5px;
	text-align: justify;
 	border: 0;
 	background-color: #ffffff;
	font-style: normal;

}



.imagini{

	margin: 15 10 15px 10px;
	float: left; 
	vertical-align: middle;
	padding: 10px; 
	border: 2px solid black;
	position: relative;
	text-align: justify;
	
}
	
.imagini1{

	margin: 15 10 15px 10px;
	float: left;
	vertical-align: middle;
	padding: 10px; 
	border: 2px solid black;
	position: relative;
	text-align: justify;
	
}
span.grishadow{
	background-color: #e8eef0;
}
span.gri_inchis_shadow{
	background-color: #bcbec0;
}
span.red_shadow{
	background-color: #d5232b;
}
span.red1{
	background-color: #f05602;
}

table.tab1{
	z-index: -1;
 	padding: 2px;
	margin: 10px;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: black;
	border-collapse: collapse; 

}

table.tab2{
	z-index: -1;
 	padding: 2px;
	margin: 10px;
	border-style: solid;
        border-width: 2px 2px 2px 2px;
        border-color: black;
        border-collapse: collapse;

}

td.td2{
        border-style: solid;
	border-width: 2px;
        border-color: black;

}


/*obiectiv*/

p.obiectiv-mijloc {
	margin: 2px;
 	padding: 5px;
	text-align: center;
 	border: 0;
 	background-color: #ffffff;
	font-style: normal;
	font-size: 110%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: red;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: red; 
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: red; 
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: red; 
	
}

p.obiectiv-mijloc1 {
	
 	margin: 2px;
 	padding: 5px;
	text-align: center;
 	border: 0;
 	background-color: #ffffff;
	font-style: italic;
	font-size: 110%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: blue;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: blue; 
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: blue; 
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: blue; 
	

}
p.obiect-mijloc {
	margin: 3px;
 	padding: 2px;
	text-align: justify;
 	border: 0;
 	background-color: #ffffff;
	font-style: normal;
}

table.obiect1{
	width: 100%;
	z-index: -1;
	

}

img.arrow{
	position: absolute;
	z-index: 1;
	height: auto;
	top: 46%;
	left: 40%;
	}
img.arrow1{
	position: absolute;
	z-index: 0;
	top: 35%;
	left: 56%;
}