* {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    background: url('fundal.jpg') no-repeat center center fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-color: #e2bf5b;
}

#pagina_fundal {
    height: 195px;
}

/*partea de sus*/
#logo {
    width: 650px;
    height: 260px;
    margin: 0 auto;
    background-image: url('logo.png');
    background-repeat: no-repeat;
}

#traducere {
    margin-bottom: 20px;
    height: 26px;
}

#telefoane {
    width: 600px;
    height: 34px;
    margin: -28px auto 20px;
    background-image: url('tel_bar.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

#butoane {
    width: 980px;
    top: 200px;
    text-align: center;
    margin-top: 3px;
    margin: 0 auto;
}

div#butoane_wrapper {
    width: 100%;
    padding: 6px 0;
}

div#page_wrapper, div#butoane_wrapper {
    background: rgba(252, 246, 182, 0.53);
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 0 45px rgba(255, 214, 0, 0.57);
    -webkit-box-shadow: 0 0 45px rgba(255, 214, 0, 0.57);
    -moz-box-shadow: 0 0 45px rgba(255, 214, 0, 0.57);
    -o-box-shadow: 0 0 45px rgba(255, 214, 0, 0.57);
    -ms-box-shadow: 0 0 45px rgba(255, 214, 0, 0.57);
    -khtml-box-shadow: 0 0 45px rgba(255, 214, 0, 0.57);
}

#butoane ul {
    list-style-type: none;
}

#butoane li {
    display: inline;
    padding-right: 22px;
}

#butoane a {
    color: black;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, .35);
}

#butoane a:hover {
    color: #34CACA;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.35);
    text-decoration: none;
}

/*cuprins*/
#cuprins {
    float: left;
}

#continut {
    float: left;
    width: 510px;
}

#bara_laterala {
    float: right;
    width: 370px;
    margin-left: 20px;
}

#bara_laterala ul {
    list-style-type: none;
    padding-left: 5px;
}

#bara_laterala li {
    background-image: url(sageata2.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 18px;
    padding-bottom: 4px;
}

#galerie_foto {
    margin: 5px;
    padding: 22px;
    margin-bottom: 20px;
    border: 1px dashed #34CACA;
    background-image: url(fundal_cutie.png);

}

#galerie_foto ul {
    list-style: none;
}

.harta {
    border: 2px solid #CCC;
}

.camera_nume {
    float: left;
    width: 267px;
    padding: 3px;
}

.camera_pret {
    float: right;
    width: 204px;
    padding: 3px;
    padding-right: 7px;
    text-align: right;
}

.camera_subsol {
    clear: both;
}

.rezervari_text {
    float: left;
    width: 229px;
    padding-top: 3px;
    padding-left: 4px;
    height: 30px;
}

.rezervari_formular {
    float: left;
    width: 240px;
    height: 33px;
}

.rezervari_subsol {
    clear: both;
}

.textbar {
    height: 20px;
    background-color: transparent;
    background-image: url(fundal_jos.png);
    border: 2px solid #000;
    padding: 2px;
    padding-left: 5px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#rezervari_trimitere {
    width: 485px;
    text-align: right;
    padding-bottom: 5px;
}

.submit {
    padding: 2px;
    padding-left: 20px;
    padding-right: 20px;
}

/*subsol*/
#subsol {
    clear: both;
    padding-top: 20px;
    text-align: center;
}

#subsol_fundal {
    clear: both;
    background-repeat: repeat-x;
}

/*class-uri si liste*/
.titlu_descriere {
    background-color: #34CACA;
    height: 3px;
    width: 200px;
    margin-bottom: 10px;
}

.cutie_text {
    margin: 5px;
    padding: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    background: rgba(255, 214, 0, 0.41);
    box-shadow: 0 0 45px rgba(255, 214, 0, 1);
    -webkit-box-shadow: 0 0 45px rgba(255, 214, 0, 1);
    -moz-box-shadow: 0 0 45px rgba(255, 214, 0, 1);
    -o-box-shadow: 0 0 45px rgba(255, 214, 0, 1);
    -ms-box-shadow: 0 0 45px rgba(255, 214, 0, 1);
    -khtml-box-shadow: 0 0 45px rgba(255, 214, 0, 1);
}

.cutie_text ul {
    list-style-type: none;
    padding-left: 5px;
}

.cutie_text li {
    background-image: url(sageata.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 18px;
    padding-bottom: 4px;
}

#page_wrapper {
    padding: 20px;
    margin-top: 40px;
    width: 940px;
    margin: 30px auto;
}

.clear {
    clear: both;
}

div#butoane_wrapper {
    border-left: 0;
    border-right: 0;
}

div#slideshow_wrapper {
    box-shadow: 0 0 15px black;
    margin: 20px 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

div#galerie_foto ul li {
    width: 142px;
    height: 142px;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.31);
    -webkit-box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.31);
    -moz-box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.31);
    -o-box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.31);
    -ms-box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.31);
    -khtml-box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.31);
    margin: 2px 2px;
    display: block;
    float: left;
}

div#galerie_foto ul li img {
    width: 190px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg);
    filter: gray;
}

div#galerie_foto ul li img.video {
    width: 146px;
}

div#galerie_foto ul li:hover {
    border: 2px solid #34CACA;
    box-shadow: 0 0 15px #34CACA;
    -webkit-box-shadow: 0 0 15px #34CACA;
    -moz-box-shadow: 0 0 15px #34CACA;
    -o-box-shadow: 0 0 15px #34CACA;
    -ms-box-shadow: 0 0 15px #34CACA;
    -khtml-box-shadow: 0 0 15px #34CACA;
}

div#galerie_foto ul li:hover a img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: url(grayscale.svg);
    filter: gray;
}