@charset "utf-8";
/* CSS Document */


.container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	box-shadow:0 0 50px 10px grey;
}

.banner{
	background-image:url(../imagini/banner_ppsxx.png);
	background-repeat:no-repeat;
	height: 200px;
	margin: 0 0 20px 0;
}

.continut{
	margin-left: auto;
	margin-right: auto;
}

a{  
    text-decoration: none;  
    color:white;  
}  
  
.menu{  
	height: 75px;
	margin: -125px 0 0 335px;
}  

.button{  
    margin: 5px;
	border: 0; 
}  

.continut{
	margin: 0;
	padding: 0;
}

.button a{  
    font-family: arial, sans-serif;
    font-size: 15px;  
	color: #777;
	text-shadow: 1px 1px 0px white;
    background: #ffffff; 
    background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); 
    background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%); 
    -moz-border-radius: 3px;  
    -webkit-border-radius: 3px;  
    border-radius: 3px;  
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);  
    padding: 6px 12px;  
}  

.button a:hover{  
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eee 100%); 
    background: -o-linear-gradient(top, #ffffff 0%,#eee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#eee 100%);
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);  
}  

.button a:active{  
    background: #dfdfdf;
    background: -moz-linear-gradient(top, #dfdfdf 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); 
    background: -ms-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f1f1f1',GradientType=0 ); 
    background: linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%);

    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);  
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);  

}

.button a > img{  
    padding-right: 5px;  
    position: relative;  
    top: 5px;
	border: 0;
}

.gallery {
  text-align: center;
  width:960px;
  margin: 50px 0 25px 0;
}

.gallery img {
  width: 250px;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  opacity: 0.6; 
  z-index: 1;
  margin: 0;
  position: relative;
}

.gallery img:hover { 
  -webkit-transform: scale( 1.5 );
  -moz-transform: scale( 1.5 );
  -o-transform: scale( 1.5 );
  transform: scale(1.5);
  box-shadow: 0px 0px 25px gray;
  -webkit-box-shadow: 0px 0px 25px gray;
  -moz-box-shadow: 0px 0px 25px gray;
  opacity: 1;
  z-index: 10;
}

.footer{
width: 960px;
background: #68C4E6;
text-align:center;
padding: 3px 0 3px 0;
color: white;
margin-left:auto;
margin-right:auto;
margin-top: 25px;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}

.footer a:hover{
	text-decoration:underline;
}

.titlulacasa{
font-family:Georgia, "Times New Roman", Times, serif;
color: white;
background-color:white;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

.descriere{ 
style=font-family:'Comic Sans MS', cursive; 
size:15px; 
color:#666;
padding: 0 40px 0 90px;
margin: -100px 0 0 0;
}

.tabelimagine{
width: 250px; 
height: 250px;
}

.titlul{
padding: 25px 0 0 290px;
font-family:"Times New Roman", Times, serif;
size: 75px;
color:#006600;
}

.galleryx {
  text-align: left;
  padding: 0 0 0 25px;
}

.galleryx img {
  width: 250px;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  opacity: 0.6;
  z-index: 1;
  margin: 0;
  position: relative;
}

.galleryx img:hover { 
  -webkit-transform: scale( 1.2 );
  -moz-transform: scale( 1.2 );
  -o-transform: scale( 1.2 );
  transform: scale(1.2);
  box-shadow: 0px 0px 25px gray;
  -webkit-box-shadow: 0px 0px 25px gray;
  -moz-box-shadow: 0px 0px 25px gray;
  opacity: 1;
  z-index: 10;
}


.gi a{
	font-family: arial, sans-serif;
    font-size: 15px;  
	color:#F90;
	text-shadow: 1px 1px 0px white;
    background: #ffffff; 
    background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); 
    background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%); 
    -moz-border-radius: 3px;  
    -webkit-border-radius: 3px;  
    border-radius: 3px;  
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);  
    padding: 6px 12px;  
}

.gi a:hover{
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eee 100%); 
    background: -o-linear-gradient(top, #ffffff 0%,#eee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#eee 100%);
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
}

.lg{
	margin: auto 0 0 40px;
}

#letterA{
   color:orange;
   animation:letterA 10s infinite;
   -webkit-animation:letterA 10s infinite; /* Safari and Chrome */
}

    @keyframes letterA
    {
    from {color:blue;}
    to {color:green;}
    }
    
    @-webkit-keyframes letterA /* Safari and Chrome */
    {
    from {color:blue;}
    to {Color:green;} 
    }

.text{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	font-style:italic;
	color: green;
}

.divhover{
	border:1px white solid;
}

.divhover:hover{
	border:1px gold solid;
}

#trimite{
	border-radius:5px;
	box-shadow:3px 3px 3px 3px grey;
}

#trimite:hover{
	box-shadow:5px 5px 5px 5px gold;
}