body {
      color:#656600;
      background-color:#FFFF99;
    }
table
{
border:0.25em ;
border-color:#d8d8d8;
border-collapse:collapse;
}
a.one:link{color:#0000ff;} 
a.one:visited{background-color:#7a991a; }
a.one:hover{background-color:#98bf21 ;}
a.one:link {text-decoration: none;}
    a.one:visited {text-decoration: none;}
a.two:link{color:#0000ff;} 
a.two:visited{color:#0000ff; }
a.two:hover{color:#98bf21; }
a.two:link {text-decoration: none;}
    a.two:visited {text-decoration: none;}
 p.one
    {
    font-family:"Times New Roman";
    font-size:18px;
	color:#656600;
	text-align:justify;
    margin-left:15px;
	margin-right:15px;
	}
    h2
    {
    color:#bf7014;
    text-align:center;
    }
	.imagepluscontainer{ /* container principal imagine */
position: relative;
z-index: 1;
}
.imagepluscontainer img{ /* CSS pentru imagine in container*/
position: relative;
z-index: 2;
-moz-transition: all 0.5s ease; /* Permite CSS3 tranzitia pentru toata recuzita */
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.imagepluscontainer:hover img{ /* CSS pentru imagine cand mouse-ul trece peste recipientul principal*/
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.imagepluscontainer div.desc{ /* Div CSS pentru descarcarea din fiecare imagine. */
position: absolute;
width: 90%;
z-index: 1; /* Set z-index to that less than image's, so it's hidden beneath it */
bottom: 0; /* Pozitia implicit de div este descarcata partea de jos a recipientului, care aluneca in jos */
left: 5px;
padding: 8px;
background: rgba(0, 0, 0, 0.8); /* bg negru cu 80% opacitate */
color: white;
-moz-border-radius: 0 0 8px 8px; /* CSS3 rotunjirea frontierelor*/
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
opacity: 0; /* Set initial opacity to 0 */
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /* CSS3 umbre */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-transition: all 0.5s ease 0.5s; /*Activeaza tranzitia CSS3 pentru descarcarea div. Valoarea finala 0.5s este intarzierea inainte de a incepe de animatia */
-webkit-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
-ms-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}
.imagepluscontainer div.desc a{
color: white;
}
.imagepluscontainer:hover div.desc{ /* CSS pentru desc. div atunci cand mouse-ul trece peste recipient principal */
-moz-transform: translate(0, 100%);
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity:1; /* dezvaluie complet desc div*/
}
/*### CSS de mai jos atunci cand sunt aplicate desc DIV slide-uri, div desc de la marginea din dreapta a imaginii ###*/
.imagepluscontainer div.rightslide{
width: 150px; /* reset from default */
top:15px;
right:0;
left:auto;  /* reset from default */
bottom:auto;  /* reset from default */
padding-left:15px;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
}
.imagepluscontainer:hover div.rightslide{
-moz-transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
/*### CSS de mai jos atunci cand sunt aplicate desc DIV slide-uri, div desc de la marginea din stanga a imaginii###*/
.imagepluscontainer div.leftslide{
width: 150px;  /* reset from default */
top:15px;
left:0;
bottom:auto;  /* reset from default */
padding-left:15px;
-moz-border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
}
.imagepluscontainer:hover div.leftslide{
-moz-transform: translate(-100%, 0);
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform:translate(-100%, 0);
}
/*### CSS de mai jos atunci când sunt aplicate desc DIV slide-uri, div desc de la marginea de sus a imaginii ###*/
.imagepluscontainer div.upslide{
top:0;
bottom:auto;  /* reset from default */
padding-bottom:10px;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}

.imagepluscontainer:hover div.upslide{
-moz-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform:translate(0, -100%);
}
table {
border : 0.25em;
border-color : #d8d8d8;
border-collapse : collapse;
}
p.one {
font-family : "Times New Roman";
font-size : 18px;
text-align : justify;
margin-left : 15px;
margin-right : 15px;
}
h2 {
color : #bf7014;
text-align : center;
}
.imagepluscontainer {
position : relative;
z-index : 1;
}
.imagepluscontainer img {
position : relative;
z-index : 2;
transition : all 0.5s ease-in-out;
}
.imagepluscontainer:hover img {
box-shadow : 5px 5px 5px rgba(0, 0, 0, 0.5);
transform : scale(1.05,1.05);
}
.imagepluscontainer div.desc {
position : absolute;
width : 90%;
z-index : 1;
bottom : 0;
left : 5px;
padding : 8px;
background : rgba(0, 0, 0, 0.8);
color : white;
border-radius : 0 0 8px 8px;
opacity : 0;
box-shadow : 0 0 6px rgba(0, 0, 0, 0.8);
transition : all 0.5s 0.5s ease;
}
.imagepluscontainer div.desc a {
color : white;
}
.imagepluscontainer:hover div.desc {
transform : translate(0,100%);
opacity : 1;
}
.imagepluscontainer div.rightslide {
width : 150px;
top : 15px;
right : 0;
left : auto;
bottom : auto;
padding-left : 15px;
border-radius : 0 8px 8px 0;
}
.imagepluscontainer:hover div.rightslide {
transform : translate(100%,0);
}
.imagepluscontainer div.leftslide {
width : 150px;
top : 15px;
left : 0;
bottom : auto;
padding-left : 15px;
border-radius : 8px 0 0 8px;
}
.imagepluscontainer:hover div.leftslide {
transform : translate(-100%,0);
}
.imagepluscontainer div.upslide {
top : 0;
bottom : auto;
padding-bottom : 10px;
border-radius : 8px 8px 0 0;
}
.imagepluscontainer:hover div.upslide {
transform : translate(0,-100%);}


body{
/*Remove below line to make bgimage NOT fixed*/
/*Continutul  din partea stanga de pe display este fix (nu defileaza), dar se modifica la intervale de timp de 3s.*/ 
background-attachment:fixed;
background-repeat: no-repeat;
/*Use center center in place of 80px 10px to center bg image*/
background-position: 80px 10px;
}