@charset "utf-8";
/* CSS Document */

body {
	background-color: #2E2E2E; background-image:url(back.jpg); background-repeat:repeat-y;
margin:0;  background-position:center;
	padding:0;
	text-align:center;
}
#all{ width:1024px; margin: 0 auto; position:relative;  }

#titlu{text-align:center; position:relative; width:1024px; height:200px; background-image:url(banner-resrei.jpg);
	background-repeat:repeat-y; tex}
#first { top:60px; width:330px; float:left; position:relative; padding-left:10px; text-align:left; font-size:20px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif }	

h1 { font-size:20px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

h2 { font-size:20px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}


#minune {
	position:relative;
	top:0px;
	background-repeat:repeat-y;
	text-align:center;
	background-image:url(backall.png);
	background-repeat:repeat-y;
	width:100%;

	overflow:hidden;
}
#down {width:1024px; position:relative; float:left;}

#down  a:link {
	color: #333;
	text-decoration: none;
}
#down a:visited {
	text-decoration: none;
	color: #666;
}
#down a:hover {
	text-decoration: underline;
	color: #F00;
}
#down a:active {
	text-decoration: none;
	color: #333;
}

#right2  a:link {
	color: #000;
	text-decoration: none;
}
#right2 a:visited {
	text-decoration: none;
	color: #000;
}
#right2 a:hover {
	text-decoration: underline;
	color:#ffffff;
}
#right2 a:active {
	text-decoration: none;
	color: #000;
}

#left{text-align: justify;  width:250px; height: 327px; position:relative; float:left;  z-index:99; background-image:url(back.png); background-repeat:repeat-y;  }

#butoane{ width:1024px;    position:relative; float:left; z-index:999;  visibility:visible; background-image:url(back1.png); background-repeat:no-repeat}
#butoane2{ width:1023px; left:1px;  height:30px;   position:relative; float:left;  visibility:visible;  background-repeat:no-repeat}
#right{ position:relative; float:left; width: 760px;  padding-left:10px;}

#left2{
	width: 250px;
	position:relative;
	float:left;
	text-align:center;
}

#right2{ position:relative; float:left; width:660px; text-align:justify; padding:10px;}

.linkuri {
  width: 250px;
  position:relative; float:left; 
}
 

 
.linkuri  ul {
  list-style-type: none;
  margin: 0;
  padding: 0;


}
 
.linkuri  li {
  font: 230 20px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;

 
}
 
.linkuri li:last-child {
  border: none;
}
 
.linkuri li a {
  text-decoration: none;
  font-size:20px;
  color: #000;
  display: block;
  width: 240px;
  padding-left:10px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
 
.linkuri li a:hover {
  font-size: 20px;
  padding-left:10px;
  background: #414141;
  opacity:0.8;
filter:alpha(opacity=80);
color:#FFF;
}







 h3{ font-size:21px; color:#000;}
 
 /*<![CDATA[*/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
        position:absolute;
        top:0;
        left:2px;
        z-index:8;
        opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*]]>*/

/*<![CDATA[*/
 td.c4 {background-color: #CCCCCC}
 p.c3 {padding-left: 10px; text-align: justify}
 span.c2 { with:300px; height:100px; float:left; position:relative; text-align:left; padding:10px;}
 br.c1 {clear: left}
/*]]>*/


 
