@font-face {font-display: swap; font-family: 'Candara'; font-style: normal; src: url('../css/fonts/Candara.ttf') format('truetype');}

body {margin:0 auto; border: 0 none; outline: 0 none; padding: 0; background: #f8f6f3; font-family: Open Sans, sans-serif; font-size: 15px; max-width: 1280px}

/* -------------- ascunde pe mobil ------------- */
@media (max-width:1280px) {.hideonmbl {display:none}}

/* -------------- ascunde pe desktop ------------- */
@media (min-width:1280px) {.hideondsk {display:none}}

.verdana {font-family: verdana}
.calibri {font-family: calibri}
.cormorant {font-family: Cormorant}

.s10 {font-size: 10px} .s11 {font-size: 11px} .s12 {font-size: 12px} .s13 {font-size: 13px} .s14 {font-size: 14px} .s15 {font-size: 15px}
.s16 {font-size: 16px} .s17 {font-size: 17px} .s18 {font-size: 18px} .s19 {font-size: 19px} .s20 {font-size: 20px} .s21 {font-size: 21px}
.s22 {font-size: 22px} .s23 {font-size: 23px} .s24 {font-size: 24px} .s25 {font-size: 25px} .s26 {font-size: 26px} .s27 {font-size: 27px}
.s30 {font-size:30px} .s31 {font-size:31px} .s32 {font-size:32px} .s33 {font-size:33px} .s34 {font-size:34px} .s35 {font-size:35px}

.lh100 {line-height:100%} .lh120 {line-height:120%} .lh140 {line-height:140%}

.bold {font-weight:bold} .normal {font-weight:normal} .justify {text-align:justify} .center {text-align:center} .none {text-decoration:none} .hidden {display: none}

.white {color:#ffffff} .blue {color:#1E5E87} .red {color:#c80000} .black {color:#000000} .greyDark {color:#666} .grey {color:#9d9d9d} .yellow {color:#f7d418}

.p10 {padding:10px}

.pt0 {padding-top:0px} .pt2 {padding-top:2px} .pt3 {padding-top:3px} .pt4 {padding-top:4px} .pt5 {padding-top:5px}
.pt8 {padding-top:8px}
.pt10 {padding-top:10px}
.pt12 {padding-top:12px}
.pt13 {padding-top:13px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt23 {padding-top:23px}
.pt25 {padding-top:25px}

.pb0 {padding-bottom:0px} .pb3 {padding-bottom:3px} .pb5 {padding-bottom:5px} .pb8 {padding-bottom:8px} .pb10 {padding-bottom:10px}

.pl3 {padding-left:3px} .pl5 {padding-left:5px} .pl10 {padding-left:10px} .pl15 {padding-left:15px} .pl20 {padding-left:20px} .pl25 {padding-left:25px} .pl60 {padding-left:60px}

.pr3 {padding-right:3px} .pr5 {padding-right:5px} .pr10 {padding-right:10px} .pr15 {padding-right:15px} .pr20 {padding-right:20px} .pr30 {padding-right:30px}

.mt-10 {margin-top:-10px} .mt-5 {margin-top:-5px}
.mt0 {margin-top:0px} .mt1 {margin-top:1px} .mt2 {margin-top:2px} .mt3 {margin-top:3px} .mt4 {margin-top:4px} .mt5 {margin-top:5px} .mt6 {margin-top:6px} .mt7 {margin-top:7px}
.mt8 {margin-top: 8px} .mt9 {margin-top: 9px} .mt10 {margin-top: 10px} .mt11 {margin-top: 11px} .mt12 {margin-top: 12px} .mt15 {margin-top: 15px} .mt16 {margin-top: 16px} 
.mt17 {margin-top: 17px} .mt20 {margin-top: 20px} .mt25 {margin-top: 25px} .mt30 {margin-top:30px} .mt35 {margin-top:35px} .mt40 {margin-top:40px} .mt45 {margin-top:45px} 
.mt50 {margin-top:50px} .mt75 {margin-top:75px}

.mb0 {margin-bottom:0px} .mb1 {margin-bottom:1px} .mb2 {margin-bottom:2px} .mb3 {margin-bottom:3px} .mb4 {margin-bottom:4px} .mb5 {margin-bottom:5px} .mb6 {margin-bottom:6px}
.mb7 {margin-bottom:7px} .mb8 {margin-bottom:8px} .mb9 {margin-bottom:9px} .mb10 {margin-bottom: 10px} .mb11 {margin-bottom: 11px} .mb12 {margin-bottom: 12px} 
.mb13 {margin-bottom: 13px} .mb14 {margin-bottom: 14px} .mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px} .mb25 {margin-bottom:25px} .mb30 {margin-bottom:30px} .mb35 {margin-bottom:35px} .mb40 {margin-bottom:40px} .mb50 {margin-bottom:50px}
.mb55 {margin-bottom:55px} .mb60 {margin-bottom:60px} .mb65 {margin-bottom:65px} .mb70 {margin-bottom:70px} .mb75 {margin-bottom:75px} .mb100 {margin-bottom:100px}

.mt-10 {margin-top: -10px}

.ml-10 {margin-left:-10px} .ml-8 {margin-left:-8px} .ml-5 {margin-left:-5px}
.ml1 {margin-left:1px} .ml2 {margin-left:2px} .ml3 {margin-left:3px} .ml4 {margin-left:4px} .ml5 {margin-left:5px} .ml9 {margin-left:9px} .ml10 {margin-left:10px} .ml15 {margin-left:15px}
.ml20 {margin-left:20px} .ml22 {margin-left:22px} .ml25 {margin-left:25px} .ml30 {margin-left:30px} .ml35 {margin-left:35px} .ml50 {margin-left:50px} .ml70 {margin-left:70px}
.ml80 {margin-left:80px} .ml85 {margin-left:85px} 

.mr5 {margin-right:5px} .mr9 {margin-right:9px} .mr10 {margin-right:10px} .mr15 {margin-right:15px} .mr20 {margin-right:20px}
 
.w210 {width:210px} .w230 {width:230px} .w390 {width:390px} .w420 {width:420px} .w530 {width:530px} .w750 {width:750px}

/* -------------- heading ------------- */
h1 {padding:0; margin:0; font-size:20px}
h2, h3, h4 {padding:0; margin:20px 0 5px 0}
h1.lista {padding: 0; margin: 40px 0 5px 0; font-size: 25px}
h1.revelion {font-weight:normal; font-size:16px; color:#FFFFFF; background-color: #FF0000}
h1.titlu-01 {font-size:15px}
h2.titlu-01 {font-size:15px}
h2.home {}

h3.titlu-01 {font-size:15px}
h3.meniu {font-size:18px; font-weight:bold}
h4.nunta {font-size:17px; font-weight:bold; padding-top: 10px; border-top:1px solid #cccccc}

.poza-cursor {cursor:pointer}

p { padding:0; margin:0 0 10px 0 }
div {position: relative; box-sizing:border-box}
div.left {float:left}
div.right {float:right}
a {box-sizing:border-box}

table.index, table.index1 {border-spacing:0; padding:0; border:0;}
table.index {width:100%; margin:0 0 15px 0}

#searchBox {position:absolute; top: 9px; right: 9px}
#searchBox input.box {font-size: 15px; color:#666666; width: 100px;	height: 30px; border:1px #cccccc solid; padding:0 5px;}
#searchBox1 {position: relative; margin: 0 0 10px -2px; width: 204px; border: 1px #cbcbcb solid; border-radius: 3px; box-sizing: border-box; background: #fbfbfb}
#searchBox1 .i1 {width: -moz-calc(100% - 42px); width: -webkit-calc(100% - 42px); width: calc(100% - 42px); height: 34px; font-size: 16px; color: #737373; padding: 0 0 0 10px; border: 0; background: none; box-sizing: border-box}
#searchBox1 .i2 {position: absolute; top: 1px; right: 1px; width:40px; height:32px; border:0px; padding:0; background: url('/img/send-button.png') 10px 6px / 20px no-repeat; box-sizing: border-box; overflow:hidden}

div.margins {margin: 0 auto; padding: 15px 15px}
div.margins-datero {margin-left: 15px; margin-right: 15px}
div.margins-bnrs {margin: 0 0 35px 0; padding: 15px 20px; background: #efefef}
#margins-slider {margin: 0px 10px 15px 10px; border-radius: 3px}
#margins-slider .label {float: right; height: 30px; line-height: 30px; margin: -25px 0 0 0; padding: 0 10px 0 9px; font-size: 14px; background: #f0db6c; z-index: 9}

.panel-wrapper {position: relative; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background: #fcfcfc}
.panel {position: relative; max-height: 390px; font-size: 16px; padding: 25px 15px 15px 15px; overflow: hidden; transition: max-height .5s ease}
.show {position: absolute; bottom: 35px; left: 18px; padding: 6px 14px; font-size: 12px; font-weight: bold; color: black; z-index: 10; text-decoration: none; border: 1px solid #8d8d8d; border-radius: 2px}
.hide {position: absolute; bottom: 20px; left: 19px; color: #555555; z-index: 10; display: none;}
.fade {background: url('../img/bg-read-more.png') top left repeat-x; height: 150px; margin-top: -150px; position: relative}
.show:target {display: none;}
.show:target ~ .hide {display: block;}
.show:target ~ .panel {max-height: 2000px}
.show:target ~ .fade {height: 0; margin-top: 0}

.panel-wrapper-index {position: relative; padding-bottom: 60px; margin: 0 40px}
@media (max-width:599px) {.panel-wrapper-index {margin: 0; padding-bottom: 75px}} 
.panel-index {position: relative; max-height: 330px; overflow: hidden; transition: max-height .5s ease}
.show-index, .hide-index {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 0 13px; height: 40px; line-height: 40px; font-size: 12px; letter-spacing: 1px; color: white; text-decoration: none; background: #758f86; border-radius: 20px; z-index: 10}
.hide-index {display: none}
.fade-index {background-image: linear-gradient(transparent, #f8f6f3); height: 100px; margin-top: -100px; position: relative}
.show-index:target {display: none;}
.show-index:target ~ .hide-index {display: inline-block;}
.show-index:target ~ .panel-index {max-height: 790px}
.show-index:target ~ .fade-index {height: 0; margin-top: 0}

a.show-all {padding: 0 13px; height: 40px; line-height: 40px; font-size: 12px; letter-spacing: 1px; color: white; text-decoration: none; background: #758f86; border-radius: 20px; display: inline-block}

div.line-1 { width:100%; border:0px; height:1px; line-height:1px; font-size:0px; background-color:#a8a8a8; overflow:hidden }
div.line-2 { width:100%; border:0px; height:2px; line-height:2px; font-size:0px; background-color:#000; overflow:hidden }
div.line-3 { margin:0 -15px 0 0px; width: -moz-calc(100% + 15px); width: -webkit-calc(100% + 15px); width: calc(100% + 15px); border:0px; height:1px; line-height:1px; background-color:#efefef;}
div.line-4 {width: 190px; margin-top: 10px; height: 1px; background: #e0e0e0}
div.line-4-1 {margin-bottom: 15px; width: 40%; border:0px; height:1px; line-height:1px; font-size:0px; background-color:#efefef; overflow:hidden }
div.line-4-2 { margin: 40px 0 50px 0; width:100%; border:0px; height:8px; line-height:5px; font-size:0px; background-color:#efefef; overflow:hidden }
div.line-5 {width: 60px; height: 4px; background: #f0db6c}
div.line-5-center {width: 60px; margin-left: auto; margin-right: auto; height: 4px; background: #f0db6c}
div.line-5-1 {width: 190px; margin-left: auto; margin-right: auto; height: 1px; background: #e0e0e0}
div.line-5-2 {width: 85%; margin-left: auto; margin-right: auto; height: 1px; background: #e0e0e0}
div.line-5-3 {width: 150px; margin: 0 0 20px 0; height: 1px; background: #e0e0e0}
div.line-5-4 {width: 200px; margin: 0 0 0 0; height: 1px; background: #e0e0e0}

div.line-dotted { width:100%; height:1px; overflow:hidden; margin: 15px 0; background:url('https://www.localuri.ro/img/punct2.gif') }
div.line-dotted-2 { width:100%; height:1px; overflow:hidden; margin:0 0 20px 0; background:url('https://www.localuri.ro/img/punct-01.gif'); clear:both }
div.line-dotted-2-2 { width:100%; height:1px; overflow:hidden; background:url('https://www.localuri.ro/img/punct-01.gif'); clear:both }
div.top-line { width:980px; height:7px; background-color:#191919; margin:auto; overflow:hidden }

div.clear {clear:both}

#restaurante-bucuresti-index {visibility:hidden; display:none}

#restaurante-nunti-bucuresti {margin: 0 0 20px 20px; color: #2B2B2B}
#restaurante-nunti-bucuresti .caseta {float:left; width:176px; border-top:2px solid #666; margin:0 20px 0 0}
#restaurante-nunti-bucuresti h2 {font-size: 22px}
#restaurante-nunti-bucuresti h3 {font-size: 18px; font-weight: normal; padding: 5px 0}
#restaurante-nunti-bucuresti p.nume {font-size: 18px; padding: 5px 0 0 0}

#localuri-recomandate-1 {padding: 0 6px; background: white; box-sizing: border-box}
#localuri-recomandate-1 h3 {margin: 5px 0 5px 0; padding: 0; width:100%; height:50px; font-size:18px; line-height: 22px; display:table; text-align:center}
#localuri-recomandate-1 h3 span {display:table-cell; vertical-align:middle; padding:0 7px}
#localuri-recomandate-1 h4 {color:#ffffff; text-align:center; margin:0px auto 10px auto; font-size:17px; text-shadow: 2px 2px #000000;}
#localuri-recomandate-1 p {margin: 0}
#localuri-recomandate-1 .subtitlu {margin-bottom: 10px; text-align: center; font-style: italic}
#localuri-recomandate-1 img {width:100%; border:1px solid #efd969; border-radius:200px; box-sizing:border-box}
#localuri-recomandate-1 .caseta1, .caseta2 {float:left; text-decoration:none; color:black; text-align: center; display:block; width: -moz-calc(50% - 3px); width: -webkit-calc(50% - 3px); width: calc(50% - 3px)}
#localuri-recomandate-1 .caseta2 {float:right}
#localuri-recomandate-1 .caseta1 p {padding: 0 5px}
                                 
#localuri-recomandate-2 {padding:0; margin: 0px 13px 0 13px; overflow:hidden}
#localuri-recomandate-2 .caseta {position: relative; width:100%; margin-bottom: 15px; color: black; text-decoration: none; display: block; overflow:hidden}
#localuri-recomandate-2 .caseta h3 {position: absolute; margin: 12px 0 0 12px; color:#ffffff; padding: 5px 10px; font-size: 16px; text-transform: uppercase; background: black}
#localuri-recomandate-2 .caseta img {width:100%; border:0; border-top-right-radius: 42px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px}
#localuri-recomandate-2 .caseta p {margin: 0 10px; padding: 10px 10px 10px 10px; text-align: justify; background: #f6f6f6}
#localuri-recomandate-2 .caseta .logo {position:absolute; top:8px; right:8px; width:75px; height:75px; text-align:center; border:1px solid #dbdbdb; border-radius:65px; overflow:hidden; background:white; box-shadow:1px 2px grey}
#localuri-recomandate-2 .caseta .logo img {position: relative; top:50%; transform: translateY(-50%); max-width:75px; max-height:75px}
                                                        
#localuri-recomandate-3 {width: 80%; margin: 0 auto}
#localuri-recomandate-3 .caseta {position: relative; float: left; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin: 5px; border-radius: 5px; display: block; overflow: hidden; background: black}
@media (max-width:599px) {
#localuri-recomandate-3 .caseta {width: 100%}
} 
#localuri-recomandate-3 h2 {margin-bottom:15px; padding:2px 5px 2px 5px; font-size: 40px; text-align: center; font-weight:bold}
#localuri-recomandate-3 .caseta h3 {position: absolute; left: 10px; bottom: 70px; font-size: 18px; text-transform: uppercase; color: white}
#localuri-recomandate-3 .caseta div {position: absolute; left: 5px; bottom: 45px; padding: 2px 5px; font-size: 13px; color: white; border-radius: 3px; background: rgba(157, 157, 157, 0.4)}
#localuri-recomandate-3 .caseta p {position: absolute; left: 10px; bottom: 0px; font-size: 12px; color: white}
#localuri-recomandate-3 .caseta img {width: 100%}
#localuri-recomandate-3 a.caseta img.bg {opacity: 0.7; filter: alpha(opacity=70);}
#localuri-recomandate-3 a.caseta:hover img.bg {opacity: 1.0; filter: alpha(opacity=100); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s}
#localuri-recomandate-3 a.caseta img.cap {width: 25px; margin: -10px 6px 0 0;}

#info {margin-top: 50px; padding: 20px 20px 0 20px}
#info h1 {margin: 15px 0; font-size: 23px; font-weight:bold; text-transform:uppercase; color:#000000; display:inline-block}
#info h2 {margin: 15px 0; font-size: 20px; font-weight:bold; text-transform:uppercase; color:#000000; display:inline-block}
#infoLeft h3 {margin-bottom: 10px; text-transform:uppercase}
#info a.crumb {font-size: 13px; color: black; text-decoration: none}


#listElement {}

#oferteSpeciale {}

#oferteSpeciale1 {overflow:hidden; margin: 0 10px 10px 13px}
#oferteSpeciale1 img {width: 80px; height: 80px; margin-right:10px; border-radius:40px}
#oferteSpeciale1 h2 {margin: 0; padding: 15px 0 0 0; color: black; text-align: center; font-size: 25px; font-weight:bold} 
#oferteSpeciale1 h3 {margin:15px 0} 
#oferteSpeciale1 p {text-align: center; font-style: italic} 
#oferteSpeciale1 a {line-height: 20px; height: 70px; padding-top: 10px; font-size:16px; color:#000000; font-weight:normal; text-decoration:none; display:block}	

#oferteSpecialeNunti { background:url('../img/restaurante-nunti-bucuresti.jpg') top right no-repeat; width:100%; height:370px; margin: 10px 0 0 0; }
#oferteSpecialeNunti h3 { color:#f7d418; text-shadow:1px 1px #666; font-size:25px; margin:10px 0 10px 0; padding:2px 0px; font-weight:normal; }
#oferteSpecialeNunti p { margin-bottom:5px;} 
#oferteSpecialeNunti a { height:26px; line-height:26px; color:#000000; font-weight:normal; text-decoration: none; padding:6px 0; border-bottom:1px solid #efefef; }	
#oferteSpecialeNunti a:hover{ color:#ffffff; background:#000000; padding:6px 5px; }

div.datero {margin:0 auto; padding:14px; \\width:934px}  

.responsive-youtube {overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.responsive-youtube iframe {left:0; top:0; height:100%; width:100%; position:absolute;}

div.sigladatero {}

div.sigladatero1 {float: left; margin:0; width:100px; height:100px; text-align:center; border:1px solid #dbdbdb; border-radius:100px; overflow:hidden; background:white; display:block}
div.sigladatero1 img {position: relative; top:50%; transform: translateY(-50%); max-width:100px; max-height:100px}
div.sigladatero2 {float:left; margin-top: -21px; width:70px; height:70px; text-align:center; border:1px solid #efefef; border-radius:40px; overflow:hidden; background:white; display:block}
div.sigladatero2 img {position: relative; top:50%; transform: translateY(-50%); max-width:70px; max-height:70px}
div.sigladatero3 {position: absolute; right: 10px; width:70px; height:70px; text-align: center; border:1px solid #dbdbdb; border-radius:50px; overflow:hidden; background:white; display:block; box-sizing: border-box}
div.sigladatero3 img {position: relative; top: 50%; transform: translateY(-50%); max-width:70px; max-height:70px}

#dupaZona {width:730px; margin:15px 0 0 0}
#dupaZona h3 {font-size:18px; margin:0 0 5px 0} 
 
#dupazona1 {background:#efefef; padding: 6px 20px 1px 10px}
#dupazona1 h3 {font-weight:normal} 

div.zone {position:relative; width:950px; margin:5px 0 20px 25px; float:left; padding:0}

div.locatii-de-top {position:relative; width:978px; margin:auto; background-color:#191919; padding: 15px 0}
div.bannere {position:relative; width:854px; height:104px; margin:auto}

.bnrs {}

ul.square {list-style-type:square; padding-left: 20px}
ul.circle {list-style-type:circle; padding-left: 20px}

.despartitor {padding-left: 2px; padding-right: 2px; font-size: 13px; color: #A30000}
.despartitor-1 {height:1px; overflow:hidden}
.despartitor-2 {height:2px; overflow:hidden}
.despartitor-3 {height:3px; overflow:hidden}
.despartitor-4 {height:4px; overflow:hidden}
.despartitor-5 {height:5px; overflow:hidden}
.despartitor-6 {height:6px; overflow:hidden}
.despartitor-7 {height:7px; overflow:hidden}
.despartitor-8 {height:8px; overflow:hidden}
.despartitor-9 {height:9px; overflow:hidden}
.despartitor-10 {height:10px; overflow:hidden}
.despartitor-15 {height:15px; overflow:hidden}
.despartitor-20 {height:20px; overflow:hidden}
.despartitor-25 {height:25px; overflow:hidden}
.despartitor-30 {height:30px; overflow:hidden}

.raster {background:url('../templates/images/backgrounds/raster.png')}

#hone {padding: 10px 0 7px 0; margin:0 0 10px 0}
#hone span {font-size:12px; color:#666666}
#hone p {font-size:22px; font-weight:bold;  margin:5px 0 0 0; padding:0;}

.timetable, .capacity, .cards {padding:13px 0 13px 26px; border-bottom:1px solid #efefef}
.phone {background:#f2f2f2; font-size:22px; padding:12px 8px; border-radius:5px}
.address {margin-top: 25px; padding: 0px 0 25px 32px; background:url('../img/icn-adresa.png') 0px 0px no-repeat; background-size: 25px;}
.capacity {background:url('../img/icon-capacity.jpg') 0px 12px no-repeat}
.cards {background:url('../img/icon-cards.png') 0px 12px no-repeat}

.categorie {margin-top: 10px; min-height: 30px; padding: 2px 0 0 32px; line-height: 130%; background:url('/img/icn-categorie.png') 0px 0px / 25px no-repeat; box-sizing: border-box}
.capacitate {float: left; width: 25%; padding: 32px 10px 0 10px; font-size: 14px; text-align: center; border-right: 1px solid #efefef; background:url('/img/icn-capacitate.png') 50% 0px / 25px no-repeat; box-sizing: border-box}
.parcare {float: left; width: 25%; padding: 32px 10px 0 10px; font-size: 14px; text-align: center; border-right: 1px solid #efefef; background:url('/img/icn-parcare.png') 50% 0 / 25px no-repeat; box-sizing: border-box}
.pret-nunta {float: left; width: 25%; padding: 32px 10px 0 10px; font-size: 14px; text-align: center; border-right: 1px solid #efefef; background: url('../img/icn-pret-nunta.png') 50% 0px / 22px no-repeat}
.pret-botez {float: left;  width: 25%; padding: 32px 10px 0 10px; font-size: 14px; text-align: center; border-right: 0px solid #efefef; background: url('../img/icn-pret-botez.png') 50% 0px / 22px no-repeat}
.pret {float: left; width: -moz-calc(33% - 10px); width: -webkit-calc(33% - 10px); width: calc(33% - 10px);margin: 0; padding: 32px 0 0 0; text-align: center; background: url('/img/icn-pret.png') 50% 0px / 22px no-repeat}
.website {}
.facebook {}
.instagram {}
.update {}

.facebook-index { margin: 20px 0 30px 0; background:#efefef; width:220px; height:295px; padding: 10px 0 0 10px }

.facebook2 { width:210px; height:290px; margin: 5px auto 18px auto; padding: 0; background:#efefef }

.gri {font-size: 8px;	color: #527DA8}
.gri_11 {font-size: 11px;	color: #000000}
.gri_11b {font-size: 13px; color: #000000; font-weight: bold}

.text-foto {border:1px solid #BFBFBF; padding:2px}

.text-1 {font-size: 13px;	color: #666666; font-weight: normal;}

.text-articol {font-size: 13px; color: #000000; font-weight: normal;}
.text_articol_1 {font-size: 13px; color: #000000; font-weight: normal;}

.intro {font-size: 17px; font-style: italic;}
#update {float: left; padding: 3px 5px; font-size: 10px; line-height: 11px; color: white; background: #666666}
#update img {height: 11px}

.buton {font-size: 10px; color: #FFFFFF; font-weight: normal; cursor:pointer; background-color:#000000}
a.buton1 {margin: 20px 20px; padding: 10px 0; font-size: 16px; color: #666666; text-align: center; border: 1px solid #666666; text-decoration: none; display: block; background: #f4e69c}
a.buton1:hover {text-decoration: underline}

.titluMeniu {margin: 0 0 10px 0; font-size:16px; text-align: left; font-weight:normal; color:#000000}
.continutMeniu {margin: 0 0 10px 0; padding: 15px 15px 5px 15px; background: #f6f6f6; line-height: 140%}
#continutMeniu {margin: 0 0 15px 0; padding: 10px 10px 10px 15px; font-size: 15px; background: #f6f6f6; line-height: 140%}
#continutMeniu h2 {margin: 0 0 0 0; padding: 0 35px 0 0; font-size: 15px; font-weight: normal; line-height: 150%; border: 0; display: block}
#continutMeniu .inner {display:none; margin-top: 14px; padding: 17px 0 10px 0; border-top: 1px solid #efefef}
#continutMeniu .arrowindent {background:url('../img/arrow-03.png') 0px 2px no-repeat; padding-left: 18px}
#continutMeniu .antet {margin: 15px 0 10px 0; height: 50px}
#continutMeniu .steluta {margin: -10px 0 -5px 0}
#continutMeniu .titlumic {margin-top: 25px; font-weight: bold; text-transform: uppercase}
#continutMeniu .line {margin: 10px 0; width: 100px; height: 1px; background: #e0e0e0}
#continutMeniu img.meniu {width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px); width: calc(100% + 30px); margin: 0 -15px 10px -15px}
#continutMeniu img.n-b {float: right; margin: -2px 0 0 0; height: 30px}
#continutMeniu #collapse1, #collapse2, #collapse3, #collapse4, #collapse5, #collapse6, #collapse7, #collapse8, #collapse9, #collapse10, #collapse11, #collapse12 {display:none;  margin-top: 10px; padding: 15px 0 0 0; border-top: 1px solid #efefef}
h3 img.n-b {float: left; margin: -7px 10px 0 0; height: 35px}

button.nav-toggle {position:absolute; top:0px; right:0px; width:100%; height:65px; font-size:0; border: 0; background:url('https://www.localuri.ro/templates/images/arrow-01.jpg') no-repeat; background-position: right -100px bottom 0px}

.promo {margin-bottom: 10px; text-align:center; padding: 15px 10px; border:1px solid black; border-style: dashed; border-radius: 5px; background: #f4e69c}

#saloane-detalii {margin-bottom: 30px}
#saloane-detalii h2 {margin: 0 0 12px 0; padding: 5px 7px; color:#f7d418; font-size:17px; font-weight:bold; color:#000000; background:#f7e47d; box-shadow:3px 3px #d4d4d4; display:inline-block}
#saloane-detalii div {width: 100%; display: block}
#saloane-detalii img {float: left; margin: 0 7px 10px 0; height: 75px; cursor: zoom-in}

.box_1 {width: 180px; border: 1px solid #8E8E8E; padding-left: 4px; font-size: 11px; color: #000000}

#box1 {margin: 20px 0 30px 0; width:710px; padding:20px 20px 10px 20px; border:1px solid #afafaf; background:url('../templates/images/backgrounds/solicitaoferta1.jpg') repeat-y}
#box1 a {height:26px; line-height:26px; color:#000000; font-weight:normal; text-decoration: none; padding:6px 0; border-bottom:1px solid #efefef}	
#box1 a:hover{color:#ffffff; background:#000000; padding:6px 5px}
#box1 h3 {font-size: 28px; margin: 0 0 23px 0; font-weight:normal; color:#fff}
#box1 h3 span {color:#fff; text-shadow:1px 1px #666; background:#f7d418; padding: 3px 10px}

a.buton-detalii {margin: 0 auto 10px auto; width: 60px; height: 17px; background-image:url("/templates/images/buton-detalii.jpg"); display: block}
a.buton-detalii:hover {background-image:url("/templates/images/buton-detalii.jpg"); background-position: left bottom}

a.detalii {width: 148px; height: 17px; font-size:13px; font-weight:normal; text-decoration:none; color:#666; background:#efefef; border:1px solid #dcdcdc; padding:5px 0; margin-top:5px; border-radius:5px; display:block}
a.detalii:hover {background:#DDDDDD}

a.boxMeniu {border: 1px #bbbbbb solid; display: block}
a.boxMeniu:hover {border: 1px #666666 solid}

a.linieMeniuri {}

a.linieSaloane {}

a.descarcaPDF {}                                                                                                      

a.locatii-de-top {border: 2px #2e2e2e solid; display: block}
a.locatii-de-top:hover {border: 2px #C90000 solid}

a.blue {color: #1E5E87; text-decoration: none; font-weight : normal;	padding-left: 0px; padding-right: 0px}	
a.blue:hover{text-decoration: underline}

a.blue-12 {color: #545454; text-decoration: none; font-weight : normal;	padding-left: 0px; padding-right: 0px}	
a.blue-12:hover {text-decoration: underline}

a.facebook {height: 17px; color: #1E5E87; font-size: 12px; text-decoration: none; font-weight: normal; padding-left: 70px; padding-right: 5px; background: url('../templates/images/facebook-logo.jpg') no-repeat}	
a.facebook:hover{background-color:#4b67a1; color: #FFFFFF}

a.facebook1 {color: #fff; font-size: 12px; text-decoration: none; font-weight: normal; padding: 0 10px; background: #4b67a1}	
a.facebook1:hover{background-color:#6480b9}

a.sigla { width: 280px; height: 80px; float:left; display: block; background: url('../img/sigla-localuriro.png') top left no-repeat }	
a.sigla:hover{background: url('../img/sigla-localuriro.png') bottom left no-repeat}

#logoH:link {width: 230px; height: 41px; display: block; background: url('../img/sigla-localuriro-negru.png') top left no-repeat; background-size: cover}
#logoH span {visibility: hidden}
@media (max-width:599px) {
#logoH:link {width: 180px; height: 32px}
#logoH span {visibility: hidden}
}

a.button-up {position:fixed; bottom:0; right:5px; width:49px; height:40px; display:block; background-image:url('/img/button-up.png'); z-index:2}	
a.button-up:hover, a.button-back-profil:hover {text-decoration: underline}

a.grey-01 {color: #2B2B2B; font-size: 13px; text-decoration: none; font-weight: normal}	
a.grey-01:hover{color: #C90000; text-decoration: underline}

.pagini-back {font-size: 18px; text-decoration: none; font-weight: normal; padding: 10px 17px; color: #FFFFFF; background-color: #666666; margin-right:7px}

a.pagini {color: #666666; background:#EFEFEF; font-size: 18px; text-decoration: none; font-weight: normal; padding: 10px 17px; margin-right:7px}	

a.zona_specific {color: #993300; text-decoration:none; font-size: 11px}
a.zona_specific:hover {text-decoration:underline}

.form {color: #A30000; font-size: 10px; margin : 0px}

hr {color: #cccccc; width :100%; border-style:none}

a.menu {color: #0035AC;	text-decoration: underline; cursor: pointer; font-weight: bold; font-size: 10px}
a.menu:hover {color: #000000}

#header-index {}

#header-datero {max-width: 600px; width:100%; height: 45px; padding: 7px 0 0 9px; background: #1c1b17; z-index: 99}

#header-top {width:100%; background:black; padding:11px 0 11px 10px}
#header-top-old {width:100%; height:53px; background:white; position:fixed; top:0; z-index:50; padding:7px 0 6px 0; border-bottom:1px solid #e1e1e1}
#header-top img {margin:1px 0 0 0}

#slogan {padding: 8px 0 225px 3px; background: #1c1b17}
#slogan img {max-width: 350px; width: 100%}
#slogan1 {padding: 8px 0 7px 3px; background: #1c1b17}
#slogan1 img {max-width: 350px; width: 100%}
img.slogan {padding: 6px 0 5px 0; max-width: 350px; width: 100%}
img.slogan1 {margin: 6px 0 5px 0; max-width: 350px; width: 100%}

#menu-index {padding: 25px 0 50px 0; text-align: center}
#menu-index a {font-size: 18px; font-weight: bold; padding: 8px; text-decoration: none; color: #000000; display: inline-block}    
#menu-index a:hover {color: #666666; border-radius:2px; text-decoration: underline}
#menu-index a.title {font-size: 25px; font-weight: bold; padding: 8px; text-decoration: none; color: #000000; display: inline-block}    
#menu-index a.more {font-size: 16px; font-weight: normal; padding: 8px 12px; text-decoration: none; color: #666666; border: 1px solid #666666; border-radius: 4px; display: inline-block}    
#menu-index a.more:hover {background: #efefef}
#menu-index .line {margin: 10px auto 15px auto; width: 80px; height: 4px; background: #c59e3c}

#menu-button {position:absolute; top: 1px; right: 3px; width:50px; height:50px; border:0}
#menu-button-1 {position:absolute; top: 0px; right: 7px; width:50px; height:50px; border:0; background:url('/img/icon-menu-3.png'); background-size: 50px; z-index: 10}
#menu-button-2 {position:absolute; top: 0; right: 3px; width:45px; height:45px; border:0; background:url('/img/icon-menu-2.png'); background-size: 45px; z-index: 10}
 
#collapseMenuIndex {position:absolute; right:0; top: 0; display:none; background:white; padding: 57px 45px 200px 45px; z-index: 9; box-shadow: -500px 0 0 500px rgba(0, 0, 0, 0.5)}
#collapseMenuDatero {position:absolute; width:100%; right:0; top:35px; display:none; background:white; padding: 0px 0 200px 0; z-index: 9; border-bottom: 1px solid #afafaf;}
#collapseSearchIndex {position:absolute; width:100%; right: 0; top:59px; display:none; background: #1c1b17; padding: 5px 10px; z-index: 100}
#collapseSearchIndex input {width:100%; height:35px; padding-left: 5px; box-sizing: border-box}
#collapseSearchDatero {position:absolute; width:100%; height: 800px; right: 0; top:40px; display:none; background:white; padding: 0px 0; z-index: 100}

#collapseTop1 {position:absolute; width:100%; left:0; top:57px; display:none; background:white; border-bottom:3px solid #000000; padding: 0px 0 12px 0; z-index:100}
#collapseTop2 {position:absolute; width:100%; left:0; top:50px; display:none; background:white; border-bottom:3px solid #000000; padding: 0px 0; z-index:100}

a.header {font-size: 17px; font-weight: normal; padding: 10px 0; text-decoration: none; color: #000000; display: block}    
a.header-1 {font-size: 12px; font-weight: normal;	color: #000000;	text-decoration: none; padding-right:10px; margin-right:10px;	float:left}
a.header1 {margin: 12px -2px 12px -2px; width:204px; padding: 13px 0; font-size: 13px; font-weight: bold; text-decoration: none; text-align: center; color: #fff; border-radius: 3px; box-sizing: border-box; display: block; background: #1c1b17}
a.header2 {margin: 12px -2px 12px -2px; width:204px; padding: 17px 0; font-size: 13px; font-weight: bold; text-decoration: none; text-align: center; color: #000; border-radius: 3px; box-sizing: border-box; display: block; background: #f0db6c}

#footer {background: #1c1b17; color:white; margin: 0 0 30px 0; padding: 35px 35px 25px 35px; border-top:3px solid #f7d418; border-radius: 20px; z-index: 101}
#footer a {color:white; text-decoration:none; padding: 5px 0; display: inline-block}	
#footer a.lnk {color:white; text-decoration:none}	
#footer .line-footer {width: 175px; margin: 15px 0; height: 1px; background: #999999}
@media (max-width:599px) {
#footer {margin: 0 3px 3px 3px; padding: 25px 15px 15px 15px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px}
}

#swiper-slide-top {width: 93%; margin: 0 10px 0 0; display:block}
#swiper-slide-top img {width:100%}

#swiper-slide-caseta {width: 85%; margin: 0 25px 0 0; padding: 0; text-decoration:none; color: black; display:block; border-radius: 0; box-sizing: border-box; overflow: hidden}
#swiper-slide-caseta h3 {margin: 10px 0; padding: 0; width:100%; height: auto; font-size:18px; line-height: auto; text-align: left; text-transform: uppercase}
#swiper-slide-caseta p {margin: 0 0 10px 0}
#swiper-slide-caseta span {font-size: 14px; font-style: italic; padding: 1px; background: #f7e47e}
#swiper-slide-caseta img {width:100%; border: 0; border-radius: 0;}
#swiper-slide-caseta div {margin: 15px 0 0 0; font-size: 14px}
#swiper-slide-caseta div img {width: auto; height: 24px; margin:-9px 5px 0 0}

#swiper-slide-caseta2 {width: 70%; margin: 0 25px 0 0; padding: 0; text-decoration: none; color: white; display:block; border-radius: 5px; box-sizing: border-box; overflow: hidden}
#swiper-slide-caseta2 h3 {position: absolute; bottom: 95px; left: 8px; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 0 4px; background: #1c1b17}
#swiper-slide-caseta2 p {position: absolute; bottom: 26px; padding: 0 6px 0 13px; font-size: 14px; line-height: 18px; background-color: rgba(0, 0, 0, 0.4);}
#swiper-slide-caseta2 img {width:100%; border: 0px; border-radius: 5px}
#swiper-slide-caseta2 .logo {position:absolute; top:8px; right:8px; width:60px; height:60px; text-align:center; border:1px solid #dbdbdb; border-radius:65px; overflow:hidden; background:white; box-shadow:1px 2px grey}
#swiper-slide-caseta2 .logo img { position: relative; top: 50%; transform: translateY(-50%); }
#swiper-slide-caseta2 .oferta {position: absolute; bottom: 0; padding: 4px 8px 5px 13px; font-size: 12px; background-color: rgba(0, 0, 0, 0.4);}

a.btn-close {width: 102px; height: 25px; padding:7px 0 0 40px; font-size: 11px; display: block; color:#666; background:url('../img/btn-close.png') top left no-repeat}
a.btn-close:hover {background:url('../img/btn-close.png') bottom left no-repeat}

a.solicitOferta {width: 315px; height: 52px; display: block; background:url('../img/solicitOferta.png') top left no-repeat}
a.solicitOferta:hover {background:url('../img/solicitOferta.png') bottom left no-repeat}

a.solicitOfertaIndex {margin: 20px auto 20px auto; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); z-index:100; color:black; border-radius: 3px; border: 3px solid #f7e47e; display:block; box-sizing:border-box}
a.oferterevelion {margin: 25px auto 5px auto; width: 250px; height: 72px; background:url("/img/buton-localuri.jpg"); background-size: 100% 100%; display: block}

#solicitCard {position: fixed; right: 10px; bottom: 10px; display: none; color: black; text-decoration: none; background-color: #f7e47d; border-radius: 0.2em; border-bottom-right-radius: 25px; font-size: 17px; padding: 0.9em 1.2em 0.6em 1.2em; z-index: 999;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 
    0 8px 8px rgba(0, 0, 0, 0.1),
    0 16px 16px rgba(0, 0, 0, 0.1), 
    0 32px 32px rgba(0, 0, 0, 0.15),
    0 64px 64px rgba(0, 0, 0, 0.15);
}
#solicitCard img {margin: 9px 0 7px 0; width: 100px}
.solicitCard-scroller {height: 1.5em; line-height: 1.5em; position: relative; overflow: hidden;}
.solicitCard-scroller > span {position: absolute; top: 0; animation: slide 7s infinite; font-weight: bold;}
@keyframes slide {0% {top: 0;} 33% {top: -1.5em;} 66% {top: -3.0em;}}

#solicita-bottom {margin: 100px 25px auto 25px; padding: 40px 25px 50px 25px; border-bottom: 50px solid #f8f6f3; background: #f7e47d; z-index: 99}
#solicita-bottom h2 {margin: 0 0 10px 0; line-height: 120%; padding-bottom: 15px; font-size: 32px}
#solicita-bottom h2 span {font-size: 16px; font-weight: normal}
#solicita-bottom .tip {margin: 25px 0; font-size: 22px; font-weight: bold}
#solicita-bottom .titlu {padding: 1px 0; font-size: 16px; color: white; background: #e8c60f; line-height: 160%}
#solicita-bottom input.data, input.nume, input.email, input.general {margin-bottom: 15px; width: 100%; height:40px; padding: 0 0 0 35px; font-size: 16px; border:1px solid black; border-radius: 5px; box-sizing: border-box}
#solicita-bottom input.data {margin-bottom: 25px; background:url('/img/sprite1.png') -22px -205px no-repeat #ffffff}
#solicita-bottom input.general {width: 90%; margin-top: 25px; margin-bottom: 25px; padding: 0 0 0 13px}
#solicita-bottom input.slider {float: left}
#solicita-bottom input.nume {background:url('/img/sprite1.png') -22px -36px no-repeat #ffffff}
#solicita-bottom input.email {background:url('/img/sprite1.png') -22px -130px no-repeat #ffffff}
#solicita-bottom .butonsb {width: 235px; padding: 15px 50px 12px 0; color: white; font-size: 19px; font-weight: bold; line-height: 20px; border-radius: 35px; background: url('https://www.localuri.ro/img/icn-arrow2.png') black right 25px top 23px/ 30px no-repeat; cursor:pointer}
#solicita-bottom .butonsb span {font-size: 10px; font-weight: normal}
@media (max-width:599px) {
}
#solicita-datero {padding: 25px 25px 35px 25px; margin: 0px auto 0 auto; background:#f7e47d; font-size:15px; z-index: 101}
#solicita-datero input.butonsd {margin: 5px auto 0 auto; width: 100%; height: 55px; padding: 0 0 0 60px; font-family: Open Sans, sans-serif; font-size: 15px; color: white; text-align: left; border: 0; border-radius: 5px; background: url('https://www.localuri.ro/img/icn-tick.png') 16px 12px/30px auto no-repeat black}

.b1 {font-size: 11px; color: #000000; height: 20px;	width: 110px; border : 1px #A0B090 solid}
.b2 {font-size: 11px;	font-weight : bold; color: #FFFFFF; height: 20px;	cursor: pointer; background: #000000; border:0px}
.b2-header {float:left; width:60px; height: 20px; cursor: pointer; border:0px; background: url('../templates/images/send-button.jpg'); padding:0; margin:0}
.b3 {font-size: 10px; color: #FFFFFF;	height: 18px;	cursor: pointer; border: 1px #FFFFFF solid; background: #A30000; padding-bottom: 4px}

div.taburi-datero {margin: 0 auto; font-size: 15px; border-right: 1px solid #efefef; display: inline-block}
a.taburi-datero {float: left; padding: 10px 12px 7px 12px; color: black; text-decoration: none; border-left: 1px solid #efefef; border-top: 1px solid #efefef; display: inline-block}
//a.taburi-datero:hover {color:#000000; background:#f7d418}
a.taburi-datero-a {float: left; padding: 10px 12px 7px 12px; color: black; font-weight: bold; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; text-decoration: none; display: inline-block}
a.taburi-datero-a-prima {float: left; color: black; font-weight: bold; border-top: 1px solid #efefef; border-left: 1px solid #efefef; padding: 5px 10px 5px 3px; text-decoration: none}

#infotop {margin: 50px 0 20px 0; padding: 0 25px; font-family: Cormorant; font-size: 30px; line-height: 30px; text-align: center}
#infotop span {font-size: 20px}
@media (max-width:599px) {
#infotop {margin: 80px 0 20px 0; font-size: 25px}
#infotop span {font-size: 16px}
}

/* Slider Bullet Navigator Skin Begin */
.jssorb05 {position: absolute; bottom: 0px}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {width: 16px; height: 15px; background: url(../img/b05.png) no-repeat; overflow: hidden; cursor: pointer}
.jssorb05 div {background-position: -7px -7px}
.jssorb05 div:hover, .jssorb05 .av:hover {background-position: -37px -7px}
.jssorb05 .av {background-position: -67px -7px}
.jssorb05 .dn, .jssorb05 .dn:hover {background-position: -97px -7px}

/* elnarge thumbs in date_ro */
ul.enlarge {list-style-type:none; margin:0; padding:0}
ul.enlarge li {display:inline-block; position:relative; z-index:0; margin:0; padding:0}
ul.enlarge span {position:absolute; left: -9999px; background-color:#000; padding: 10px; text-align: center; color: #fff}
ul.enlarge li:hover {z-index: 50; cursor:pointer}
ul.enlarge span img {padding:1px; background:#ffffff; vertical-align:top}
ul.enlarge li:hover span {top: -150px; left: 200px}
ul.enlarge li:hover:nth-child(2) span {left:146px}
ul.enlarge li:hover:nth-child(3) span {left: 92px}

ul.enlarge-big {list-style-type:none; margin:0; padding:0}
ul.enlarge-big img {border:1px solid white}
ul.enlarge-big li {display:inline-block; position:relative; z-index:20; margin:0; padding:0}
ul.enlarge-big span {position:absolute; left: -9999px; text-align: center}
ul.enlarge-big li:hover {cursor:pointer}
ul.enlarge-big span img {max-width:380px}
ul.enlarge-big li:hover span {top: -200px; left:-16px; z-index:100}
ul.enlarge-big li:hover:nth-child(2) span {left:-71px}
ul.enlarge-big li:hover:nth-child(3) span {left:-127px}
                                    
.dropbtn {padding: 10px 12px; font-size: 14px; font-weight: normal; text-decoration: none; color: #000; border: none; background-color:#efefef; cursor: pointer; display: inline-block}
.dropbtn:hover, .dropbtn:focus {background-color:#f9f0c0}
.dropbtn1 {float: right; font-size: 20px; font-weight: normal; text-decoration: none; border: none; background:none; padding: 0; cursor: pointer}

.dropdown {position: absolute; left: 0; top: 0; display: inline-block; z-index:999}
.dropdown-content {width: 100%; padding: 20px 20px 200px 20px; display: none; background-color:#f9f0c0; box-sizing:border-box}
.dropdown-content .close {position:absolute; right:10px; top:10px; width:35px; height:35px; background:url('../img/icon-close.png') top; cursor:pointer}
.dropdown-content .close:hover {background:url('../img/icon-close.png') bottom}    

.showcaseta {display:block;}
                
a.alege-zona {font-size: 14px; line-height: 18px; color: black; font-weight: normal; text-decoration: none; padding: 4px 5px; display: inline-block}
a.alege-zona:hover {color: white; background: grey}

/*cerereoferta*/
#capacitate {margin: 10px 0 30px 0}
#capacitate label {position: relative; float: left; margin-right: 5px; width: 75px; height: 45px; line-height: 45px; text-align: center; color: grey; display: block; cursor: pointer; border-radius: 4px; background: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#capacitate label input {position: absolute; opacity: 0; cursor: pointer;} /* Hide default radio button */
#capacitate .checked {position: absolute; top: 0; left: 0; height: 45px; width: 100%; border-radius: 4px;} /* Create a custom radio button */
//#capacitate label:hover input ~ .checked {color: black; border: 1px solid #b29d2b;} /* On mouse-over */
#capacitate label input:checked ~ .checked {color: black; background: #d9c55b; border: 1px solid #b29d2b; transition: 1s;} /* Radio button checked */

.trimis {margin: 20px -10px 30px -10px; padding: 25px 40px 25px 40px; font-size: 15px; color: white; border-radius: 15px; background: green; box-sizing: border-box; animation: myanimation 3s;}
@keyframes myanimation {0% {background-color: white;} 100% {background-color: green;}}