html,body { font-size:13px; }

.full-width { width: 100%; }
.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

header { width: 100%; background:#026680; padding:10px 0 0 0; color:#fff; }
header h3 { color:#99cfd2; font-size:1.3em; margin:0 0 15px 0; }
header img { float:left; margin:0 20px 40px 0; }
header p { color:#bdc2c7; font-size:0.9em; }
header p a { color:#fff; }
header p strong { font-size:1.4em; color:#fff; margin:3px 0 0 0; display:inline-block; }
.linie-culori { background: #f76570;
                background: rgba(0, 0, 0, 0) linear-gradient(to right, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%,
                #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%,
                #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%,
                #c377e4 89%, #c377e4 100%) repeat scroll 0 0; height:3px;
                background: -moz-linear-gradient(left, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%,
                #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%,
                #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f76570), color-stop(8%,#f76570), color-stop(8%,#f3a46b),
                color-stop(16%,#f3a46b), color-stop(16%,#f3a46b), color-stop(16%,#ffd205), color-stop(24%,#ffd205), color-stop(24%,#ffd205),
                color-stop(24%,#1bbc9b), color-stop(25%,#1bbc9b), color-stop(32%,#1bbc9b), color-stop(32%,#14b9d5), color-stop(40%,#14b9d5),
                color-stop(40%,#c377e4), color-stop(48%,#c377e4), color-stop(48%,#f76570), color-stop(56%,#f76570), color-stop(56%,#f3a46b),
                color-stop(64%,#f3a46b), color-stop(64%,#ffd205), color-stop(72%,#ffd205), color-stop(72%,#1bbc9b), color-stop(80%,#1bbc9b),
                color-stop(80%,#14b9d5), color-stop(80%,#14b9d5), color-stop(89%,#14b9d5), color-stop(89%,#c377e4), color-stop(100%,#c377e4));
                background: -webkit-linear-gradient(left, #f76570 0%,#f76570 8%,#f3a46b 8%,#f3a46b 16%,#f3a46b 16%,#ffd205 16%,#ffd205 24%,#ffd205 24%,
                #1bbc9b 24%,#1bbc9b 25%,#1bbc9b 32%,#14b9d5 32%,#14b9d5 40%,#c377e4 40%,#c377e4 48%,#f76570 48%,#f76570 56%,#f3a46b 56%,#f3a46b 64%,
                #ffd205 64%,#ffd205 72%,#1bbc9b 72%,#1bbc9b 80%,#14b9d5 80%,#14b9d5 80%,#14b9d5 89%,#c377e4 89%,#c377e4 100%);
                background: -ms-linear-gradient(left, #f76570 0%,#f76570 8%,#f3a46b 8%,#f3a46b 16%,#f3a46b 16%,#ffd205 16%,#ffd205 24%,#ffd205 24%,
                #1bbc9b 24%,#1bbc9b 25%,#1bbc9b 32%,#14b9d5 32%,#14b9d5 40%,#c377e4 40%,#c377e4 48%,#f76570 48%,#f76570 56%,#f3a46b 56%,#f3a46b 64%,
                #ffd205 64%,#ffd205 72%,#1bbc9b 72%,#1bbc9b 80%,#14b9d5 80%,#14b9d5 80%,#14b9d5 89%,#c377e4 89%,#c377e4 100%);
}
nav { border-bottom:4px solid #434a54; padding:15px 0; }
nav .logo { float:left; }
nav .meniu { float:right; font-size:1.3em; padding-top:10px; color:#f1f1f1; }
nav .meniu a { display:inline-block; color:#434a54; text-transform:uppercase; margin:0 20px; }
nav .meniu a:hover { color:#888; text-decoration: underline; }
nav .meniu .share { float:right; }
.center { text-align:center; }
h2.titlu { color:#5e6d81; font-size:2.1em; text-transform:uppercase; margin:20px 0 40px 0; }
h3.titlu { color:#a4a4a4; font-size:1.5em; text-transform:uppercase; }

img.banner-home { max-width:100%; margin:20px auto 0 auto; }
blockquote { border:0; margin:20px 0 0 0; font-size:1em; }
section { max-width:none !important; }
section#home { max-width:1300px !important; }

.row-oferte { margin:40px 0; }
.oferta { position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #f1f1f1;
    width:32%; float:left; margin:0 2% 40px 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s; border:2px solid #fff; }
.oferta .pret { position:absolute; color:#a4a4a4; font-size:1.3em; padding:10px 20px; background:#fff; }
.oferta .descriere { color:#fff; font-size:1.1em; }
.oferta .descriere strong { background:#434a54; display:block; padding:10px 20px; }
.oferta .descriere p { margin:0; padding:0; background:#555b65; display:block; padding:10px 20px; height: 120px; overflow:hidden; }
.oferta .zona, .oferta .info { width:50%; float:left; color:#fff; padding:10px; font-size:1.1em; }
.oferta .zona span, .oferta .info span { margin:0 5px 0 0; }
.oferta .img { overflow:hidden; height:260px; }
.oferta img { -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s;
    transition: all 2s ease-out 0s; }
.oferta img:hover { -webkit-transform: rotate(5deg) scale(1.15); -moz-transform: rotate(5deg) scale(1.15); -ms-transform: rotate(5deg) scale(1.15);
    -o-transform: rotate(5deg) scale(1.15); transform: rotate(5deg) scale(1.15); }
.third { margin-right:0; }
.oferta:hover { border:2px solid #026680; }

.oferta .zona { background:#18b292; }
.oferta .info { background:#1bbc9b; }

#oferta { background:#ecedef; padding:0 0 40px 0; }
#oferta-links { margin:40px 0 0 0; }
#oferta-links a { display:block; width:25%; margin:0 0 3px 0; padding:10px 0; text-align:center; background:#f5f5f5; color:#545454;
    text-transform: uppercase; float:left; border-right:3px solid transparent; -moz-background-clip:padding; -webkit-background-clip:padding;
    background-clip: padding-box; }
#oferta-links a.last { margin:0; border:0; }
#oferta-links a:hover { background:#dc6511; color:#fff; }
#oferta .sidepanel ul.tabs { margin:90px 0 0 0; list-style:none; padding:0; }
#oferta .sidepanel ul.tabs li { float:left; width:50%; line-height:42px; background:#ffd205; color:#fff; font-size:1.2em; text-transform: uppercase;
    text-align: center; cursor:pointer; }
#oferta .sidepanel ul.tabs li.active { background:#434a54; cursor:default; }
#oferta .sidepanel .telefon { background:#434a54; text-align:center; color:#fff; padding:10px 0; display:none; }
#oferta .sidepanel .telefon a { color:#fff; }

#carousel { margin:0; background:#fff; }
#carousel .carousel-inner { margin:0 0 2px 0; }
ol.carousel-thumbnails { margin:0; padding:0; list-style:none; }
ol.carousel-thumbnails li { float:left; width:10%; margin:0; padding:1px; border:2px solid transparent; }
ol.carousel-thumbnails li.active { border-color:#1bbc9b ; width:10%; }
ol.carousel-thumbnails li img { width:100%; display:block; }
#carousel ol.carousel-indicators { margin:0; overflow:auto; position:static; text-align:left; white-space:nowrap; width:100%; }
#carousel ol.carousel-indicators li { background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto;
    margin: 0 !important; }
#carousel .carousel-control { background:none; bottom: auto; width:6%; top:200px; }
#carousel .carousel-control .glyphicon-chevron-left, #carousel .carousel-control .glyphicon-chevron-right { margin:0; }

#oferta .prezentare, #oferta .dotari, #oferta .tarife, #oferta .mentiuni { background:#fff; padding:10px; margin:20px 0 0 0; }
#oferta .tarife table { width:100% !important; }
#oferta .tarife a.toate { float:right; background:#f76570; color:#fff; font-size:1.1em; text-transform:uppercase; display:inline-block;
    padding:5px 10px; margin:10px 0 0 0; }
#oferta .prezentare h3, #oferta .dotari h3, #oferta .tarife h3, #oferta .mentiuni h3 { margin:0 0 10px 0; }
#oferta .prezentare iframe { max-width:100%; height:400px; }
#oferta a.mm { background:#434a54; color:#fff; font-size:1.1em; text-transform:uppercase; display:inline-block;
    padding:5px 20px; margin:10px auto 0 auto; }

#booking { padding:20px 20px 10px 20px; background:#434a54; }
#booking input, #booking textarea { background:#4a515b; border:0; resize:vertical; }
#booking input { width:48%; float:left; margin:0 4% 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px;
    color:#a4a4a4; }
#booking textarea { width:100%; height:80px; color:#a4a4a4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px;
    margin:0 0 10px 0; }
#booking input[name=telefon], #booking input[name=camere], #booking input[name=iesire] { margin-right:0; }
#booking input[name=mail] { width:100%; }
#booking input[type=submit] { background:#1bbc9b; color:#fff; text-transform: uppercase; width:auto; padding:10px 20px; }

#tarife-links { margin:40px 0 0 0; }
#tarife-links a { display:block; width:25%; margin:0 0 3px 0; padding:10px 0; text-align:center; background:#f5f5f5; color:#545454;
    text-transform: uppercase; float:left; border-right:3px solid transparent; -moz-background-clip:padding; -webkit-background-clip:padding;
    background-clip: padding-box; }
#tarife-links a:hover { background:#dc6511; color:#fff; }
#tarife-links a.selected { background:#dc6511; color:#fff; }
#tarife { background:#ecedef; padding:0 0 40px 0; }
#tarife div.tarife { background:#fff; padding:20px; }
#tarife h3 { margin:10px 0; }
#tarife div.tarife table { width:100%; border:2px solid #fff; border-collapse:separate; border-spacing:3px; }
#tarife div.tarife table tr td { padding:5px 4px; background:#ecedef; color:#111; text-align:center; }
#tarife div.tarife table tr td:first-child { text-align:left; }
#tarife div.tarife table tr td.selected { background:#fff; color:#3075ff ; }
#tarife div.tarife table tr.header td { background:#3075ff; color:#fff; font-weight:700; padding:5px 4px; }
#tarife div.tarife table.tabel-mobile { display:none; }

#static { padding:0 0 40px 0; }
.contact-form { max-width:600px; margin:40px 0; }
#contact strong { font-size:1.2em; }

footer { background:#f8f8f8; border-top:1px solid #eaeaea; padding:20px 0; }
footer .left { font-size:0.9em; }
footer .left h1 { color:#545454; font-size:1.6em; text-transform: uppercase; display:inline-block; margin:0 20px 0 0; }
footer .left table#turistinfo { margin:0 0 0 20px; display:inline-block; vertical-align: middle; }
footer .right { text-align:right; }
footer .right a { text-transform: uppercase; font-size:0.9em; color:#545454; }
footer .right a:hover { color:#dc6511; }
footer .right a.social { background:#aeaeae; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; color:#fff; width:24px; height:24px;
    display:inline-block; text-align:center; font-size:1.2em; vertical-align:middle; margin:0 5px 0 0; }
footer .right a.social:hover { background:#d5d5d5; }

.errorMessage { padding:6px 10px; text-align:left; margin:0 0 20px 0; }
.errorMessage ul { margin:0; padding:5px 5px 5px 10px; color:#fff; font-weight:bold; }
.successMessage { padding:10px; margin:0 0 20px 0; color:#fff; font-weight:bold; text-align:left; }
.topErrorContainer { width:100%; margin:0; background:#da251d; }
.topSuccessContainer { width:100%; margin:0; background:#4a9c09; }
.topSuccessContainer .successMessage { text-align:center; margin-bottom:0; }
.topErrorContainer .errorMessage { margin-bottom:0; }