
#margini{margin:5px 22px 10px 22px;}

#borderradius{ border-radius: 5px;}

#border{ border-radius: 5px; border:5px #98D9ED solid;}

#text{ font-size:12px; color:#333; margin:5px;}



.form{border:1px #E5E5E5 solid; margin:50px 0 0 0; clear:both; background-color:#FAFAFA; padding:0 10px;}

.titluform{ padding:15px 10px; margin:-23px 0 10px 35px; background-color:#FFF; width:150px; height:20px;border:3px #E5E5E5 double; text-align:center; border-radius: 5px;}

.titlumyaccount{

    float: left;

    width: 90px;

    background-color: #FFFFFF;

    border: 3px double #E5E5E5;

    border-radius: 5px;

    height: 12px;

    margin: -20px 0 0 35px;

    padding:10px;

    text-align: center;

    width: 90px;}

#activmyaccount {border:3px #165485 double;}

label{margin-left:0;font-size:12px; color:#404040; display: block;}

input, textarea{border: 1px solid #BBBBBB;

    border-radius:4px;

    box-shadow: 1px 0 10px #CBCBCB inset;

    height: 26px;

    padding-left: 5px;

	margin:0;}

input:hover, textarea:hover, .butongri:hover{  box-shadow: 1px 0 10px #FFF inset;

-webkit-transition: all 500ms linear;

-moz-transition: all 500ms linear;

-o-transition: all 500ms linear;

transition: all 500ms linear;}

input{ width:220px; height:25px; }



input[type="checkbox"]:not(:checked) + label:before {

    background-position: left -704px;

    cursor: pointer;

}

input[type="checkbox"], input[type="radio"] {

    cursor: pointer !important;

    opacity: 0;

    position: absolute;

}

input[type="radio"]:not(:checked) + label:before {

    background-position: left -704px;

    cursor: pointer;

}

input[type="radio"]:checked + label:before {

    background-position: left -681px;

    cursor: pointer;

}

input[type="checkbox"]:checked + label:before {

    background-position: left -681px;

    cursor: pointer;

}

input[type="checkbox"] + label:before, input[type="radio"] + label:before{

	background:url(../images/sprite.png) no-repeat left -704px;

	content: "";

    cursor: pointer;

    display: inline-block;

    height: 16px;

    margin: 0 6px 4px 0;

    vertical-align: top;

    width: 16px;}

input[type="radio"] + label:before {

    background-position: left -681px;

    cursor: pointer;

}

textarea{width:350px; height:200px;}
/*
button{padding:10px; margin:20px 130px; width:150px; height:40px;border:2px #CBCBCB dotted; text-align:center; font-size:14px; border-radius: 5px; background-color:#F2F2F2; cursor:pointer;}

button:hover{ cursor:pointer;

	box-shadow: 0 0 6px #000;

	-moz-box-shadow: 0 0 6px #000;

	-webkit-box-shadow: 0 0 6px #000;}

#button_transp{ height:76px; width:28px; background:none; border:none; padding:0; margin:0; }

#button_transp:hover{cursor:pointer;

	box-shadow: 0 0 6px #CCC;

	-moz-box-shadow: 0 0 6px #CCC;

	-webkit-box-shadow: 0 0 6px #CCC;}

select{ width:200px; height:35px; border:2px #D9E4F9 solid; padding:5px; margin-left:5px;}*/

.validationDiv {   margin: 8px 140px;}



/*form background*/

.backselect{background: url(../images/back-select.png) repeat left center;width:135px; height:26px; float:left; }

.sageata{background: transparent url(../images/sag-select.gif) no-repeat right; width:141px; height:27px; float:left; cursor:pointer;}

.formselect{-webkit-appearance: none;-moz-appearance:none;appearance: none; border:1px #BDBDBD solid; border-radius:4px; width:141px; height:27px; font-size:12px;background: transparent;overflow: hidden;text-indent: 0.01px; text-overflow:''; cursor:pointer; margin-left:0;}

.optionselect{border-bottom:1px #CCCCCC dashed; padding:5px;}

.optionselect[selected="selected"] { background-color:#fafafa;}

.butongri{border:1px #BDBDBD solid;width:150px; height:18px; cursor:pointer; border-radius:4px; margin:0; font-size:13px; color:#333333; padding:5px;

	background: -webkit-linear-gradient(top, #FFF 0%, #EFEFEF 100%);

	background: -moz-linear-gradient(top, #FFF 0%, #EFEFEF 100%);

	background: -o-linear-gradient(top, #FFF 0%, #EFEFEF 100%);

	background: -ms-linear-gradient(top, #FFF 0%, #EFEFEF 100%);

	background: linear-gradient(top, #FFF 0%, #EFEFEF 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EFEFEF',GradientType=0 ); }



.inputinset {

    border: 1px solid #BBBBBB;

    border-radius:4px 0 0 4px;

    box-shadow: 1px 0 10px #CBCBCB inset;

    height: 26px;

    padding-left: 5px;

    width: 180px;

	margin:0;}

.sign{ background: -moz-linear-gradient(center top , #686866 0%, #2F302B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

	background: -webkit-linear-gradient(top, #686866 0%, #2F302B 100%);

	background: -o-linear-gradient(top, #686866 0%, #2F302B 100%);

	background: -ms-linear-gradient(top, #686866 0%, #2F302B 100%);

	background: linear-gradient(top, #686866 0%, #2F302B 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686866', endColorstr='#2F302B',GradientType=0 );

    border: 1px solid #2A2A2A;

    border-radius: 0 4px 4px 0;

    box-shadow: 0 1px 1px #AAAAAA inset;

    color: #FFFFFF;

    cursor: pointer;

    font-size: 10px;

    font-weight: bold;

    height: 30px;

	width:65px;

    left: -10px;

    padding: 5px;

    position: relative;

    top: -2px;

	margin:0;}

.search{

	 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVQTFRF////UFBQ7e3tdHR05ubmdnZ24eHhUVFR/f39kZGRsLCw7Ozsc3NzuLi4UlJS1dXV39/fjY2No6OjaWlpkpKSYWFhZmZme3t7Wlpa5OTknJycx8fH4uLiZWVlp6enWVlZ9PT0dXV1V1dX9vb2YmJixcXFycnJcnJymJiYVVVV6urq8/PzqKiooqKiwsLC9fX1Z2dnXFxcW1tbjo6O4ODgbW1tpaWlIcpK/gAAAHVJREFUeNpEylcWglAMRdFcHr2LDcUGqNi7zn9oJPkxH2etnYSIks57vj8k4wcwxShdZ4IEF58ofyzvjG+tD3vcuN5VccaK+woUNkLuoLEF8+OC65aTajM7YBzJLhsCSLeILVG7+4XuySDWm45l4NBfzrQXYAA8RgZVa0P3zAAAAABJRU5ErkJggg==") no-repeat scroll 5px 5px #FFFFFF;

    border: 1px solid #656565;

    border-radius: 4px;

    float: left;

    line-height: 19px;

    padding-left: 22px;

    width: 288px;

	margin:7px 0 0 5px;

	}

.searchinput {

    background-color: #FFFFFF;

    border: medium none;

    float: left;

    height: 22px;

    line-height: 19px;

    width: 226px;

	margin:0;

	box-shadow:none;

}

.searchbutton {

    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 50%, #AFAFAF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

	background: -webkit-linear-gradient(top, #FFFFFF 0%, #F5F5F5 50%, #AFAFAF 100%);

	background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 50%, #AFAFAF 100%);

	background: -ms-linear-gradient(top, #FFFFFF 0%, #F5F5F5 50%, #AFAFAF 100%);

	background: linear-gradient(top, #FFFFFF 0%, #F5F5F5 50%, #AFAFAF 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #FFFFFF', endColorstr='#AFAFAF',GradientType=0 );

    color: #1A1A1A;

    float: right;

    font-size: 14px;

    font-weight: bolder;

    height: 24px;

    line-height: 22px;

    width: 38px;

	margin:0;

	margin-right:-1px;

	padding:0;

	text-align:center;

	border:0;

	border-left:1px #8D8D8D solid;

	border-right:1px #8D8D8D solid;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}

.searchbutton:hover {

    color: #1A1A1A;

	padding:0;margin:0; width: 38px;height: 24px;font-size: 14px;

	cursor:pointer;

	box-shadow:none;

	margin-right:-1px;

	border:0;

	border-left:1px #8D8D8D solid;

	border-right:1px #8D8D8D solid;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;



}

/*display*/

.view{float:left; width:90px; height:26px;  border:1px #D9D9D9 solid;border-radius: 5px; margin-left:20px;}

.view_cas{width:22px; height:18px;float:left;  padding:4px;}

.activ_view{background-color:#787878;}

#first{border-bottom-left-radius: 3px; border-top-left-radius: 3px;}

#last{border-bottom-right-radius: 3px; border-top-right-radius: 3px;}

/*CART*/

.inputnr{width:15px; height:15px; border:0; border-radius:3px; float:left; display:inline-block; padding:0; margin:20px 0 0 5px; border:1px #235F8B solid; text-align:center; color:#000000;}

.buttoncart{width:120px; height:35px; background:url(../images/sprite.png) no-repeat -2px -457px;  border-radius:4px; border:1px #000000 solid; float:left; margin:10px 0 0 7px; color:#FFFFFF; padding:0 2px 0 32px; display:inline-block; cursor:pointer; box-shadow:none;}

.buttoncart2{width:92px; height:27px; background-color:#235F8B; border-radius:4px; border:1px #000000 solid;  color:#FFFFFF; padding:0 ; display:inline-block; cursor:pointer;box-shadow:none; margin-top:5px;}

.submitimg{ background:url(../images/sprite.png) no-repeat left -655px; width:80px; height:22px; border:0; border-radius:0; cursor:pointer; padding:0; box-shadow:none;}

.submitimg:hover{box-shadow: 1px 0 10px #CBCBCB inset;}

/*FILTRE*/

.checkbox {

    display: inline-block;

    padding-left: 15px;

    position: relative;

}

.checkbox:before {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #B0B0B0;

    content: "";

    height: 10px;

    left: 0;

    position: absolute;

    top: 2px;

    width: 10px;

}

.checkbox.active:before {

    background: none repeat scroll 0 0 #165485;

    box-shadow: 0 0 0 1px #FFFFFF inset;

}
/* Contact Form Basic Styles
========================================================*/
#contact-form {
  position: relative;
 /*  letter-spacing: -4px;*/
  margin-right: -1px;
}
#contact-form label {
  position: relative;
  letter-spacing: normal;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  max-width: 370px;
}
#contact-form label:first-child {
  margin-left: 0;
}
@media (max-width: 979px) {
  #contact-form label {
    max-width: 100%;
  }
}
#contact-form label.message {
  max-width: 100%;
  margin-left: 0;
  width: 100%;
  margin-bottom: 26px;
}
#contact-form fieldset {
  border: none;
}
/* Contact Form Placeholder Styles
========================================================*/
#contact-form ._placeholder {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  line-height: 28px;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  padding: 7px 15px 9px;
  color: #777777;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  cursor: text;
}
#contact-form ._placeholder.focused {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .file ._placeholder {
  display: none;
}
/* Contact Form Input
========================================================*/
#contact-form input[type='text'] {
  width: 100%;
   border-radius: 0;
  line-height: 28px;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  padding: 7px 15px 9px;
  color: #777777;
  outline: none;
  height: 43px;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  -webkit-appearance: none;
}
/* Contact Form Input
========================================================*/
#contact-form input[type='text'],
#contact-form input[type='email'],
#contact-form input[type='tel'],
#contact-form input[type='password'],
#contact-form input[type='search'],
#contact-form input[type='url'] {
    width: 100%;
    /* background-color: transparent;*/
    border-radius: 0;
    line-height: 28px;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    padding: 7px 15px 9px;
    color: #777777;
    outline: none;
    height: 43px;
    border: 1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    -webkit-appearance: none;
}
/* Contact Form Buttons
========================================================*/
#contact-form .btn-wrapper {
  text-align: right;
  letter-spacing: normal;
}
#contact-form .btn-wrapper .btn_2 {
  margin-left: 25px;
}
/* Contact Form Textarea
========================================================*/
#contact-form textarea {
    width: 100%;
    /* background-color: transparent;*/
    border-radius: 0;
    line-height: 28px;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    padding: 7px 15px 9px;
    color: #777777;
    outline: none;
    border: 1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    height: 243px!important;
    -webkit-appearance: none;
    overflow: auto;
}
/* Contact Form Error messages
========================================================*/
#contact-form .empty-message,
#contact-form .error-message {
    position: static;           /* a fost absolute */
    right: auto;
    top: auto;
    display: block;             /* vizibile în flux */
    height: auto;               /* a fost 0 */
    overflow: visible;          /* a fost hidden */
    font-size: 12px;            /* a fost 11px */
    margin-top: 4px;
    color: #dc3545;             /* roșu consistent cu tema */
    z-index: auto;
    -webkit-transition: none;   /* nu mai animăm height */
    transition: none;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
}
/* Contact Form Processing Box
========================================================*/
#contact-form .contact-form-loader {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(247, 247, 247, 0.48) url('../images/form-loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 5%;
    opacity: 0;
}
#contact-form.processing .contact-form-loader {
  opacity: .7;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
/* Contact Form Modal
========================================================*/
.modal-open {
  overflow: hidden;
}
#contact-form .modal {
  letter-spacing: normal;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
}
#contact-form .modal h4 {
  font-weight: bold;
  color: #000;
  padding: 0;
  margin: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-dialog {
  width: 600px;
  margin: 10px auto;
}
@media only screen and (max-width: 768px) {
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
}
/* Contact Form Close icon
========================================================*/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
#contact-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
#contact-form legend { display: none; }

.contact_form input.is-invalid,
.contact_form textarea.is-invalid {
    border: 1px solid #dc3545 !important;
    border-radius: 4px;
    box-shadow: none !important;
}

.empty-message,
.error-message {
    color: #dc3545 !important;
    display: block;
    margin-top: 4px;
    font-size: 12px;
    float: none !important;
    clear: both !important;
    width: 100%;
}

.contact_form label {
    display: block;
}

.contact_form input,
.contact_form textarea {
    display: block !important;
    width: 100%;
    float: none !important;
}

.contact_form label span {
    float: none !important;
}