body { font: 12px/20px Arial, sans-serif; background-color: #e9e9e9; color: #000; }
a { text-decoration: none; color: #3e7eaf; }
hr { border: 0 #e4e4e4 solid; border-top-width: 1px; clear: both; height: 0; }
.container_bgw { width: 100%; float: left; clear: left; background-color: #f8f8f8; position: relative; }
.container_12 div.box_3 { width: 218px; height: 218px; border: 1px solid #d0d0d0; }
.container_12 div.box_9 { width: 698px; border: 1px solid #d0d0d0; background-color: #fff; }
.padd { padding: 19px; }

.hmenu { background-color: #d4d4d4; height: 30px; line-height: 30px; color: #666666; }
.hmenu ul { list-style: none; margin: 0; padding: 0; float: right; }
.hmenu ul li { list-style: none; margin: 0; padding: 0 15px 0 0; float: left; }
.hmenu a { color: #666666; }
.hlogo { height: 99px; background-color: #ffffff; border-bottom: 1px solid #cdcdcd; }
.hlogo .logo a { float: left; clear: left; margin: 20px 0 0 20px; }
.hlogo .logo a img { float: left; clear: left; }
.hlogo .sitename h1 { margin-top: 34px; padding-right: 20px; text-align: right; font-size: 18px; font-weight: normal; }
#header {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  -moz-box-shadow: 0 2px 8px -1px #333333;
  -webkit-box-shadow: 0 2px 8px -1px #333333;
  box-shadow: 0 2px 8px -1px #333333;
  filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=90,strength=1),
    progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=2),
    progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=270,strength=1);
}
body:last-child #header { filter: none; }

.mmenu { background-color: #f8f8f8; position: relative; }
ul.menu { height: 40px; line-height: 40px; list-style: none; margin: 0; padding: 0; }
ul.amenu { border-bottom: 1px solid #cdcdcd; }
ul.menu li { line-height: 40px; list-style: none; margin: 0; padding: 0; border-right: 1px solid #d0d0d0; float: left; text-transform: uppercase; color: #333333; }
ul.menu li.amitem { border-bottom: 0px solid #fff; }
ul.menu li a { color: #333333; float: left; padding: 0 20px; }
ul.menu li a.active { color: #e60028; background-color: #fff; }
ul.menu li a.active span { border-bottom: 2px solid #e60028; height: 39px; float: left; cursor: pointer; }
.container_menu { background-color: #fff; }
#m1, #m2, #m3 { padding: 30px 0 20px 0; }
.container_menu ul { list-style: none; margin: 0; padding: 0 0 0 20px; }
.container_menu ul li { list-style: none; margin: 0; padding: 0 0 20px 0; }
.container_menu ul li ul { padding: 0; }
.container_menu ul li ul li { padding: 0; }
.container_menu ul li a { color: #e60028; text-transform: uppercase; }
.container_menu ul li ul li a { color: #333333; text-transform: none; }
#main { margin-top: 240px; padding-bottom: 20px; }
.home #main { margin-top: 0; }
div.hslider { margin-top: 170px; margin-bottom: 20px; }
#slider_container { width: 698px; height: 380px; position: relative; float: left; clear: left; overflow: hidden; }
#slider { width: 698px; height: 380px; }
.home #slider_container { width: 720px; height: 340px; float: left; position: relative; }
.home #slider { width: 720px; height: 340px; }
div.slider_item { width: 720px; height: 340px; position: relative; }
div.caption { position: absolute; display: none; background: #fff url(../img/but-info-banner.gif) no-repeat right bottom; left: 0px; bottom: 30px; width: 540px; height: 100px; }
div.slider_price { float: right; width: 169px; margin-right: 30px; background-color: #f8f8f8; border-left: 1px solid #e4e4e4; height: 60px; padding: 20px 0 20px 20px; }
div.slider_price span { font-size: 24px; font-weight: bold; }
div.good_price { float: right; width: 200px; background-color: #f8f8f8; border-left: 1px solid #e4e4e4; height: 80px; padding: 19px 19px 20px 19px; }
div.good_price span { font-size: 24px; font-weight: bold; }
div.slider_info { float: left; width: 290px; height: 60px; padding: 20px 10px 20px 20px; }
div.slider_info b { color: #333; text-transform: uppercase; }
div.good_title { float: left; width: 420px; height: 80px; padding: 19px 19px 20px 19px; }
div.good_title h2 { font-size: 30px; line-height: 30px; color: #e60028; margin: 0 0 20px 0; }
#slider_pager { position: absolute; bottom: 10px; padding: 10px; right: 10px; text-align: right; z-index: 1000; height: 10px; }
#slider_pager a { width: 10px; height: 10px; margin-left: 10px; display: inline-block; text-indent: 1000px; cursor: pointer; background: transparent url(../img/slider-bull.png) no-repeat center center; }
#slider_pager a.activeSlide { background-image: url(../img/slider-bull-a.png); }



#hsearch { width: 220px; height: 340px; background-color: #666666; color: #fff; float: left; }

#flinks { color: #333; padding-bottom: 33px; }
#flinks a { color: #333; }
#flinks h2 { font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 26px 0 20px 0; }
#fcopy {
  color: #666666;
  background-color: #d4d4d4;
  padding-top: 38px;
  padding-bottom: 30px;
  -moz-box-shadow: 0 2px 8px 0px #999999;
  -webkit-box-shadow: 0 2px 8px 0px #999999;
  box-shadow: 0 2px 8px 0px #999999;
  filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=4),
    progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=225,strength=4);
}
body:last-child #fcopy { filter: none; }
#fcopy span { color: #333333; }
#fcopy img { margin-left: 20px; }
#fcopy .fcopy, #fcopy .fmenu { padding-top: 4px; }
.fmenu ul { list-style: none; margin: 0; padding: 0 10px 0 0; float: right; }
.fmenu ul li { list-style: none; margin: 0; padding: 0 20px 0 0; float: left; }
.fmenu a { color: #666666; }

ul#hometabs { height: 40px; line-height: 40px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #cdcdcd; }
ul#hometabs li { line-height: 40px; list-style: none; margin: 0; padding: 0; border-right: 1px solid #d0d0d0; float: left; text-transform: uppercase; color: #333333; background-color: #f8f8f8; }
ul#hometabs li.active { border-bottom: 0px solid #fff; }
ul#hometabs li a { color: #333333; float: left; padding: 0 20px; }
ul#hometabs li.active a { color: #e60028; background-color: #fff; }
ul#hometabs li.active a span { border-bottom: 2px solid #e60028; height: 39px; float: left; cursor: pointer; }

.sidebar div.box_3 { background-color: #e9e9e9; }
.sidebar div.box_search { background-color: #666666; color: #fff; padding-bottom: 20px; }
.sidebar .box { margin-bottom: 20px; }
.sidebar .last { margin-bottom: 0px; }
.sidebar .box h2 { text-transform: uppercase; font-size: 12px; color: #333333; height: 39px; line-height: 39px; font-weight: normal; margin: 0 0 10px 0; padding: 0 19px; border-bottom: 1px solid #d0d0d0; }
.sidebar .box img { vertical-align: bottom; }
.sidebar p { margin: 0 19px; }
.sidebar .utile ul { list-style: none; margin: 0; padding: 0 19px; }
.sidebar .utile ul li { line-height: 15px; list-style: none; margin: 0; padding: 7px 0; border-bottom: 1px solid #d0d0d0; }
.sidebar .utile ul li a { line-height: 15px; color: #3e7eaf; }
.sidebar .utile ul li.last { border-bottom: 0; }

table th a { color: #000; }
table th a.sort { display: block; margin-right: 20px; white-space: nowrap; }

table.items th { background-color: #e60028; font-size: 12px; line-height: 30px; font-weight: normal; text-align: left; }
table.items th h1 { font-size: 30px; line-height: 30px; color: #fff; margin: 0 0 20px 20px; padding: 0; }
table.items th h2 { font-size: 12px; line-height: 20px; font-weight: normal; margin: 20px 0 0 20px; padding: 0; }
table.items th.col { border-left: 1px solid #920820; padding-left: 20px; } 
table.items td.img { width: 50px; padding: 20px 0 20px 20px; }
table.items td { padding: 20px 0px 20px 20px; border-bottom: 1px solid #f1f1f1; color: #666666; }
table.items td.ttitlu { width: 120px; }
table.items td.tcat { width: 120px; }
table.items td.tdesc { width: 340px; }
table.items td.pret { color: #000; font-size: 18px; font-weight: bold; text-align: right; padding-right: 10px; }
table.items td.tpret { color: #000; font-size: 18px; font-weight: bold; text-align: right; padding-right: 20px; }
table.items td.tdata { text-align: right; padding-right: 20px; padding-left: 10px; }
table.items tr.even td { background-color: #f8f8f8; }

table.detalii { margin-top: 40px; border-collapse: separate; border-spacing: 20px 0; }
table.detalii td { padding: 4px 0 5px 0; border-bottom: 1px solid #d0d0d0; vertical-align: top; }

.map { width: 100%; height: 380px; }

.contact { float: left; clear: left; padding: 40px 19px; }
.contact_text { float: left; clear: left; width: 420px; padding-right: 20px; color: #666666; }
a.contact_link { float: left; width: 220px; display: inline-block; cursor: pointer; text-align: center; font-weight: bold; font-size: 18px; line-height: 50px; height: 50px; color: #fff; background-color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
a.abonare { float: left; width: 180px; display: inline-block; text-align: center; font-weight: bold; font-size: 18px; line-height: 40px; height: 40px; color: #fff; background-color: #000; margin: 0 19px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
input.big_button { width: 220px; display: inline-block; text-align: center; font-weight: bold; font-size: 18px; line-height: 50px; height: 50px; color: #fff; background-color: #000; border: 0; padding: 0; margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
input.big_text { height: 30px; line-height: 30px; font-size: 18px; padding: 5px; width: 208px; border: 1px solid #d0d0d0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666666;
}
.placeholder { color: #666666; }

.sidebar .newsletter p { margin-top: 20px; height: 100px; }
#nlform { display: block; height: 30px; vertical-align: middle; margin: 0 19px; background-color: #fff; border: 1px solid #d0d0d0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#nlform input { display: inline; padding: 0; border: 0; vertical-align: middle; }
#nlform input.nlemail { margin: 0 10px; width: 140px; height: 30px; outline: none; }

#hsearchform { display: block; margin: 30px 20px 20px 20px; }
#hsearchform select { height: 30px; padding: 5px; margin-bottom: 10px; width: 100%; border: 1px solid #d0d0d0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; }
#hsearchform input { float: left; height: 20px; text-align: center; padding: 5px; margin-bottom: 10px; width: 73px; border: 1px solid #d0d0d0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; }
#hsearchform input#sm { margin-right: 10px; }
#hsearchform input.ssubmit { display: inline-block; font-size: 18px; line-height: 30px; height: 30px; font-weight: bold; color: #fff; width: 85px; border: 0; margin: 20px 0 0 0; padding: 0; text-align: center; background-color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#searchform { display: block; margin: 20px 20px 20px 20px; }
#searchform select { height: 30px; padding: 5px; margin-bottom: 10px; width: 100%; border: 1px solid #d0d0d0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; }
#searchform input { float: left; height: 20px; text-align: center; padding: 5px; margin-bottom: 10px; width: 70px; border: 1px solid #d0d0d0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; }
#searchform input#sm { margin-right: 10px; }
#searchform input.ssubmit { display: inline-block; font-size: 18px; line-height: 30px; height: 30px; font-weight: bold; color: #fff; width: 85px; border: 0; margin: 20px 0 0 0; padding: 0; text-align: center; background-color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.sidebar #searchform p { margin: 1em 0; }
.container_12 div.box_search { height: auto; }

input#email::-webkit-validation-bubble-message {  }
input#email::-webkit-validation-bubble-text-block { content: "Blah"; }

.listfoo { padding-top: 20px; padding-bottom: 16px; font-size: 12px; line-height: 20px; float: left; clear: left; width: 100%; }
.listfoo #totalof, .listfoo #pagina { color: #999; }
.listfoo #totalof span, .listfoo #pagina span { font-size: 30px; line-height: 30px; color: #333; font-weight: bold; }
.listfoo #totalof { width: 140px; padding-left: 19px; }
.listfoo #pagina { width: 140px; }
.listfoo #paginare { width: 320px; }
.listfoo #totalof, .listfoo #pagina, .listfoo #paginare { float: left; }


#paginare { font-weight: bold; font-size: 12px; color: #333333; padding-top: 30px; }
#paginare .prev, #paginare .next { display: none; }
#paginare .page-link { color: #333333; margin-right: 15px; }
#paginare .current { color: #d40025; padding-right: 15px; }
#paginare .ellipse { padding-right: 15px; }







.modal {
  z-index: 2000;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1999;
}

.modal__container {
  background-color: #fff;
  padding: 20px;
  width: 780px;
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
}

.modal__footer {
  text-align: center;
}

.modal__footer button {
  width: 220px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  color: #fff;
  background-color: #000;
  border-radius: 3px;
}

@keyframes mmfadeIn {
  from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mmfadeOut {
  from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
  from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.modal__content *,
.modal__content *::before,
.modal__content *::after {
  box-sizing: border-box;
}
.modal__content form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.frow {
  flex: 0 0 auto;
  width: 50%;
  margin: 0 0 20px 0;
  padding: 0 10px;
}
.frow.w-100 {
  width: 100%;
}
.frow label,
.frow input,
.frow textarea {
  display: block;
  width: 100%;
}
.frow label {
  margin-bottom: 5px;
}
.frow input,
.frow textarea {
  line-height: 30px;
  font-size: 18px;
  padding: 5px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
}

#ferror { text-align: center; color: #e60028; }
#fmess { text-align: center; }
