html,
button,
input,
select,
textarea {
color: #222;
}
@media (min-width: 1405px) {
.container-fluid{
width: 1400px;
}
}
.DISPLAY_desktop {display:block !important;}
.DISPLAY_mobile {display:none !important;}
#display_filtre{width:100%; margin:0 auto;}
@media only screen and (max-width: 766px) {
.DISPLAY_desktop{display:none !important;}
.DISPLAY_mobile{display:block !important;}
#display_filtre {width:92%;}
}
.table_cellspacing5{border-collapse:separate;border-spacing:5px;}
.table_cellspacing10{border-collapse:separate;border-spacing:10px;}
.div_left{float:left !important;}
.div_center{text-align:center;}
.div_right{float:right;}
.poz_top{vertical-align:top;}
.poz_topi{vertical-align:top !important;}
.poz_middle{vertical-align:middle !important;}
.poz_bottom{vertical-align:bottom;}
.poz_left{text-align:left;}
.poz_lefti{text-align:left !important;}
.poz_center{text-align:center;}
.poz_right{text-align:right;}
.valignBaseLine{vertical-align: baseline;}
.my_justify{text-align:justify;text-justify:inter-word;}
.poz50x{position:relative;float:left;left:50%;transform:translateX(-50%);}
.my_ForceWidth100{width:100%;height:0px;border:0;margin:0;padding:0;}
.my_InlineBlock, .my_inline_block{display:inline-block;}
.my_InlineBlocki{display:inline-block !important;}
.facebook_pixel, .microdata_none, .DisplayNone {display:none;}
.NOdisplay{display:none !important;}
.my_Block{display:block;}
.my_DisplayTable{display:table;}
.zindex100{z-index:100;}
.zindex100poz{z-index:100;position:absolute;}
.zindex200{z-index:200;}
.widthAUTO{width:auto !important;}
.width100{width:100%;}
.width100i{width:100% !important;}
.maxwidth100i{max-width:100% !important}
.maxwidth15em{max-width:1.5em !important}
.maxwidth550{max-width:550px;}
.maxwidth90p{max-width:90%;}
.width98{width:98%;}
.width98i{width:98% !important;}
.width90{width:90%;}
.width85i{width:85% !important;}
.width80{width:80%;}
.width75{width:75%;}
.width70{width:70%;}
.width70i{width:70% !important;}
.width65{width:65%;}
.width60{width:60%;}
.width50{width:50%;}
.minwidth50{min-width:300px;}
.width48{width:48%;}
.width45{width:45%;}
.width35{width:35%;}
.width33{width:33%;}
.width25{width:25%;}
.width23{width:23%;}
.width20{width:20%;}
.width10{width:10%;}
.width8{width:8%;}
.width42px {width:42px;}
.width250h50 {width:250px; height:50px;}
.my_h20{height:20px !important;}
.my_h30{height:30px;}
.my_minH60p{min-height:60%;}.width5{width:5%;}
.my_height44 {height:44px;}
.my_height140 {height:140px;}
.my_minheight140 {min-height:140px;}
.my_minheight170 {min-height:170px;}
.my_maxHeight0{max-height:0px;}
.my_maxH450{max-height:450px;}
.my_maxH143{ height:143px; max-height:143px !important;}
.height100{height:100% !important;}
.height0 {height:0px; max-height:0px;}
.height1{height:1px;}
.my_MinHeightMap {min-height:400px; margin-top:-30px;}
.my_OflowHidden{overflow:hidden;}
.WhiteSpaceNormal,.mybr {white-space:normal;}
.nobr{white-space:nowrap !important;}
.OverflowWrapANY{overflow-wrap: anywhere;}
.height1{height:1px;}
.border1black{border:1px solid #000;}
.border1gray{border:1px solid #aaa;}
.borderTop1black{border-top:1px solid #000}
.borderTop1gray{border-top:1px solid #ccc}
.my_border_RBL {border-right:1px solid #eee; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.my_border1px {border:1px solid #555 !important;}
.my_border1ccc {border:1px solid #ccc;}
.my_btgray1{border-top:1px solid #ccc !important;}
.my_bbgray1{border-bottom:1px solid #ccc;}
.noborders{margin:0 !important;border:0 !important;}
.my_mr0{margin-right:0 !important;}
.nopadding{padding:0 !important;}
.nomargin{margin:0;}
.blink_me {animation: blinker 1s linear infinite;}
@keyframes blinker { 50% {opacity: 0;}}
.text04em{font-size:0.4em !important;}
.textAdjust05{font-size-adjust:0.5;}
.text08em{font-size:0.8em !important;}
.text1em{font-size:1em !important;}
.text11em{font-size:1.1em !important;}
.text12em{font-size:1.2em !important;}
.text13em{font-size:1.3em !important;}
.text14em{font-size:1.4em !important;}
.text15em{font-size:1.5em !important;}
.text16em{font-size:1.6em !important;}
.text18em{font-size:1.8em !important;}
.text21em{font-size:2.1em !important;}
.text26em{font-size:2.6em !important;}
.text3em{font-size:3.2em !important;}
.text_mediu{font-size:1.2em;}
.text_nobold{font-weight:normal;}
.text_bold{font-weight:bold;}
.text_strike{text-decoration:line-through;}
.my_LineHeight120{line-height:120%;}
.my_color_fff {color:#fff;}
.my_color_888 {color:#888;}
.my_color_aaa, .color_red {color:#aaa;}
.my_color_f00,.my_color_red {color:#f00;}
.my_color_a00 {color:#a00;}
.my_color_000 {color:#000 !important;}
.my_color_352E7C{color:#352E7C !important;} /* mov ametist */
.my_color_blue1 {color:#049AD6 !important;}
.my_color_verde {color: #080;}
.text_white, .text_white a{color:#fff !important;}
.my_bkg_white, .my_bkg_fff{background-color:#fff !important;}
.my_bkg_black{background-color:#000;}
.my_bkg_red{background-color:#f00;}
.my_bkg_yellow{background-color:yellow;}
.my_bkg_transparent{background-color:transparent !important;}
.my_bkg_gray{background-color:#ccc;}
.my_bkg_lightgray{background-color:#eee !important;}
.my_bkg_lightgrayplus{background-color:#f6f7f8 !important;}
.my_bkg_black{background-color:#000;}
.my_bkg_lightred{background-color:#fcc;}
.my_bkg_lightgreen{background-color:#dfd;}
.my_bkg_111{background-color:#111;}
.my_bkg_888{background-color:#888;}
.my_bkg_eee{background-color:#eee;}
.my_bkg_f678{background-color:#f6f7f8;}
.my_bkg_f0f2f5{background-color:#f0f2f5;}
.my_bkg_ededf6{background-color:#ededf6;}
.my_bkg_abstract{background: url(/images-ametist-ro/footer-bkg-amt01.jpg); background-size:cover;}
.my_bkg_amt2{background-color:#2c2768;}
.my_header_row{margin-top:0px;padding:0 0 0 0;}
.my_header_addtoany{margin:2px 2px 15px 0;min-height:32px;}
.my_detaliu_icon{border:1px solid #aaa;margin:3px 3px 0 0;height:90px;}
.my_font, .my_font i{font-family:TTsemibold, Michroma, arial,serif;}
.my_font_wapp{color:#3cbf4f;}
.my_h1{margin-bottom:15px;margin-top:0px;font-family:TTsemibold, Michroma, arial,serif;font-size:1.8em;}
.my_h2{margin-bottom:0px;margin-top:0px;font-family:arial,serif;font-size:1.6em;}
.my_links{margin:2px 5px 2px 0px;}
.my_pt0{padding-top:0px;}
.my_pt5{padding-top:5px;}
.my_p05emi{padding:0.5em !important;}
.my_p1emi{padding:1em !important;}
.my_pt2 {padding-top:2px !important}
.my_pt10{padding-top:10px;}
.my_pt15{padding-top:15px;}
.my_pt20{padding-top:20px;}
.my_pt30{padding-top:30px;}
.my_pt30i{padding-top:30px !important;}
.my_pt40{padding-top:40px;}
.my_pt60{padding-top:60px;}
.my_pt120{padding-top:120px;}
.my_pt140{padding-top:140px;}
.my_pt160{padding-top:160px;}
.my_pt180{padding-top:180px;}
.my_pb0{padding-bottom:0px !important;}
.my_pb5{padding-bottom:5px;}
.my_pb10{padding-bottom:10px;}
.my_pb15{padding-bottom:15px;}
.my_pb20{padding-bottom:20px;}
.my_pb15i{padding-bottom:15px !important;}
.my_pb30{padding-bottom:30px;}
.my_pb40{padding-bottom:40px;}
.my_pb60{padding-bottom:60px;}
.my_pr0{padding-right:0px !important;}
.my_pr5{padding-right:5px !important;}
.my_pr10{padding-right:10px;}
.my_pr15{padding-right:15px !important;}
.my_pr20{padding-right:20px !important;}
.my_pr30{padding-right:30px;}
.my_p4{padding:4px;}
.my_p5{padding:5px;}
.my_p8{padding:8px;}
.my_p10{padding:10px;}
.my_p15{padding:15px;}
.my_pl0{padding-left:0;}
.my_plr0{padding-left:0; padding-right:0;}
.my_plr5{padding-left:5px !important; padding-right:5px !important;}
.my_plr10{padding-left:10px; padding-right:10px;}
.my_plr15{padding-left:15px !important; padding-right:15px !important;}
.my_plr30{padding-left:30px !important; padding-right:30px !important;}
.my_pl8 {padding-left:8px;}
.my_pl10{padding-left:10px;}
.my_pl15{padding-left:15px;}
.my_pl20{padding-left:20px;}
.my_pl30{padding-left:30px !important;}
.my_pl40i{padding-left:40px !important;}
.my_pl60{padding-left:60px;}
.my_pl60i{padding-left:60px !important;}
.my_pl90i{padding-left:90px !important;}
.my_pl120{padding-left:120px;}
.my_bt1ccc{border-top:1px solid #ccc;}
.my_bb1ccc{border-bottom:1px solid #ccc;}
.my_mtM2{margin-top:-2px;}
.my_mt5{margin-top:5px;}
.my_mt8{margin-top:8px;}
.my_mt10{margin-top:10px;}
.my_mt10i{margin-top:10px !important;}
.my_mt15{margin-top:15px;}
.my_mt20{margin-top:20px;}
.my_mb0{margin-bottom:0px;}
.my_mb5{margin-bottom:5px;}
.my_mb10{margin-bottom:10px;}
.my_mb15{margin-bottom:15px;}
.my_mb15i{margin-bottom:15px !important;}
.my_mlr8{margin-left:8px;margin-right:8px;}
.my_mlr15{margin-left:15px;margin-right:15px;}
.my_mlr30{margin-left:30px;margin-right:30px;}
.my_ml10{margin-left:10px;}
.my_m15{margin:15px;}
.my_ml15{margin-left:15px;}
.my_ml120{margin-left:120px;}
.my_mr15{margin-right:15px;}
.my_mr10{margin-right:10px;}
.my_m0a{margin:0 auto; float:none !important;}
.myanchor{display:block; position:relative;top:-100px; overflow:hidden;height:1px !important;}
.myanchor150{top:-150px;}
.img_despartire{width:100%;height:1px;background-color:#ddd;}
.img_NOdespartire{width:100%; height:1px; border:0; margin:0; padding:0;}
.clear_both{clear:both;}
.round_3{border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}
.round_5{border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
.round_10{border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}
.shadow_dr_jos{box-shadow:3px 2px 10px 0px rgba(197, 197, 197, 0.76);-moz-box-shadow:3px 2px 10px 0px rgba(197, 197, 197, 0.76);-webkit-box-shadow:3px 2px 10px 0px rgba(197, 197, 197, 0.76);}
.shadow_jos_20{-webkit-box-shadow:0px 2px 3px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 2px 3px rgba(50, 50, 50, 0.5);box-shadow:0px 2px 3px rgba(50, 50, 50, 0.5);}
.shadow_jos_50{-webkit-box-shadow:0px 7px 10px rgba(50, 50, 50, 0.9);-moz-box-shadow:0px 7px 10px rgba(50, 50, 50, 0.9);box-shadow:0px 7px 10px rgba(50, 50, 50, 0.9);}
.shadow_icon_space{margin:5px 8px 15px 5px;border-collapse:separate;box-shadow:5px 5px 10px 2px rgba(119, 119, 119, 0.75);-moz-box-shadow:5px 5px 10px 2px rgba(119, 119, 119, 0.75);-webkit-box-shadow:5px 5px 10px 2px rgba(119, 119, 119, 0.75);}
.text_shadow_white{text-shadow:0.1em 0.1em 0.05em #fff;}
.text_shadow_black{text-shadow:0.1em 0.1em 0.05em #000;}
.text_shadow_gray{text-shadow:0.1em 0.1em 0.05em #bbb;}
.text_noshadow{text-shadow:none;}
.my_justify{text-align:justify;text-justify:inter-word;}
.my_cursor_pointer:hover{cursor:pointer;}
.vs_caseta_matrice_pret{display:inline-block;margin-bottom:15px;overflow:visible;COLOR:#001cff;FONT-FAMILY:Calibri,Arial, Helvetica, sans-serif;FONT-SIZE:1.4em;FONT-WEIGHT:bold;}
.vs_pret_old{display:inline-block;text-decoration:line-through;color:#777;font-size:16px;color:font-weight:bold;margin-bottom:5px;}
.produse_detaliu_table{border-collapse:collapse;padding:0px 0px 0px 0px;margin-top:15px;}
.produse_detaliu_table td{padding:10;border-spacing:0px 0px;}
.produse_lista_table{border-collapse:collapse;padding:0px 0px 0px 0px;}
.links1234img{width:25px; height:30px;}
#div_modul_search_mini{float:left;overflow:visible;border:0px solid #aaa;background-color:#fff;vertical-align:middle;border:solid 1px #bbb;margin:10px 0 5px 12px;}
#div_modul_search_mini form input[type="text"]{font-size:1em;font-weight:normal;color:#aaa;padding:10px;margin:0;width:200px;position:relative;z-index:30;}
#div_modul_search_mini form input[type="image"]{vertical-align:middle;width:44px;padding:2px 0 0 0;margin:0;border:0;background-color:#fff;}
#div_modul_basket{margin-top:10px; display:inline-block; float:right;width:50px;overflow:visible;background-color:#fff;z-index:10;color:#888;font-weight:bold;padding:1px 4px 0px 5px;border:1px solid #ccc;}
#div_modul_preferate{margin-top:14px;float:right;width:50px;height:47px;z-index:10;color:#888;font-weight:bold;border:1px solid #ccc;background-image:url(/images/myaccount-heart32.png);background-repeat:no-repeat;background-position:center 2px;padding-top:4px;}
.buton_top{display:inline-block; width:45px;overflow:visible;background-color:#fffx;z-index:10;color:#888;font-weight:bold;margin:0px 0px 0px 5px;border:1px solid #000 !important;}
.xsearch {
font-size:1.8em;
line-height: 1.2em;
padding-left:15px;
padding-bottom:20px;}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.main-menu ul, .site-slider ul, ul.social {
padding: 0;
margin: 0;
list-style: none;
}
.item-small, .item-large, .product-item .item-thumb {
overflow: hidden;
}
.item-small img, .item-large img, .product-item .item-thumb img {
/* width: 100%; */ /* scos ca sa nu lateasca imaginea in mmodul-MATRICE-CU-PRETURI */
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
Structure & Defaults
========================================================================== */
html, body {
font-size: 100%;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: baseline;
}
body {
font: 1em "Open Sans", Arial, sans-serif;
color: #444;
background-color: #555;
/* background: url(/images/bkg-body___.jpg) no-repeat top center; */
}
a {
/* color: #0087D5; /* bleu*/
/*color:#F1640A; /* protocaliu arcade */
color:#00000dd; /* verde mercerii */
text-decoration: none !important;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
a:hover {
color: #333;
}
.link_detalii {font-size:1.2em; background-color:#f4f4f4; padding:0px 15px 1px 15px;}
.link_share {font-size:1.1em; color:#0087D5; font-weight:bold;}
.link_detalii_img {vertical-align:middle; width:20px; }
.list_solicitare {margin-left:8px;}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", Arial, sans-serif;
color: #444444;
}
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.8em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: .8em;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.section-title { /* vezi mai jos si exceptii pt dispozitive mobile */
border-top: 0px solid #e1e6e9;
margin-bottom: 40px; /*important. sub 60 nu se mai vede titlul la scroll down automat cand se face click pe menu*/
padding-top: 60px; /*important. sub 60 nu se mai vede titlul la scroll down automat cand se face click pe menu*/
padding-bottom: 10px;
text-transform: uppercase;
font-size:1.7em;
font-weight:bold; /* font-weight: 600; */
/* color:#F1640A; protocaliu arcade */
/* color:#007FCF; blue MB */
color: #777;
}
.section-titleXX:before {
content: '';
width: 180px;
height: 3px;
background: url(/images/t-left-ORANGE.png) no-repeat center;
margin-bottom: 10px;
margin-right: 15px;
display: inline-block;
}
.section-titleXX:after {
content: '';
width: 180px;
height: 3px;
background: url(/images/t-right-ORANGE.png) no-repeat center;
margin-bottom: 10px;
margin-left: 15px;
display: inline-block;
}
.bigger-text {
font-size: 16px;
line-height: 28px;
font-weight: 500;
margin-bottom: 50px;
}
/* ==========================================================================
Header Site Styling
========================================================================== */
.site-header {
position: fixed;
min-height: 80px; /* 102px original */
height: 80px; /* 102px original */
width: 100%;
z-index: 9999;
}
#my_logo {
/*background-image: url(/images/sigla-2014-12a-bkg-black-w200.gif);
background-repeat: no-repeat;
background-position: left center;
background-size:180px 36px; */
display: block;
padding-top:0px;
}
#my_logo h1 {
margin: 0;
text-transform: uppercase;
font-weight: 100;
font-size:12px;
line-height: 80px; /* 102px original */
display: block;
}
#my_logo h1 a {
margin-left: 240px;
color: white;
display: block;
}
.main-menu {
text-align: right;
position: relative;
}
.main-menu ul {
position: absolute;
/* obs ramane culoare aici altfel se vede si in site meniul ..??
sau am definit culoare pentru fiecare element li , vezi linia 413 */
/*background-color: #161616;*/
width: 100%;
}
.main-menu ul li {
display: inline-block;
width: 150px;
text-align: center;
line-height: 80px; /* 102px original */
/*background-color:#161616; /* acesta insa face sa dispara efectul de dunga care coboara ..
background: url(/images/header-BKG-BUT-red1a.jpg) no-repeat; */
}
.main-menu ul li a {
color: white;
font-weight: 600;
font-size: 16px;
/*text-transform: uppercase;*/
outline: 0;
border: 0;
display: block;
}
.main-menu ul li a.current {
/* background: url(/images/header-BKG-BUT-2a.jpg) no-repeat; */
background-position: center 0px;
/*background: url(/images/active-state.png) no-repeat;
background-position: center 65px;*/
}
.toggle-menu {
display: none;
margin: 10px 35px 0 0; /* original: icon menu 3 dungi: margin: 40px 35px 0 0; */
font-size: 24px;
color: white;
text-align: right;
}
.my_menu { /* folosit in locul lui toggle-menu */
display: none;
margin: 10px 35px 0 0; /* original: icon menu 3 dungi: margin: 40px 35px 0 0; */
font-size: 1.5em;
color: white;
text-align: right;
}
.responsive .main-menu {
display: none;
}
.responsive .main-menu ul li {
width: 100%;
}
.responsive .main-menu ul li a {
line-height: 55px;
padding: 6px 20px; /* original 10px 20px */
}
.responsive .main-menu ul li a.current {
background-image: none;
color: #26b864;
border-bottom: 0;
}
/* pentru MENU-LEFT bootstrap 441 */
.btn-primary { border-color: #ccc; font-size:1.1.em;}
.btn-primary:hover {color: #000; background-color: #f00; border-color: #ccc;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
color: #333;
background-color: #bbb;
border-color:#888;
}
.btn-primary.focus, .btn-primary:focus {
color: #000;
background-color: #ccc;
border-color:#888;
box-shadow: 0 0 0 .2rem
rgba(55,55,55,.5);
}
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem
rgba(55,55,55,.5);
}
/* butoane din sub-MENU-LEFT */
.dropdown-item {border-bottom:1px solid #ccc; font-size:1em;}
/* ==========================================================================
MENIU ORIZONTAL ACESTE LINII AU FOST INTRODUSE DE MINE, Teo
========================================================================== */
.header_first_line {
position: absolute;
top: 0px;
width: 100%;
left: 0px;
text-align:center;
}
/* OBSERVATIE vezi si lin565 (pozitia pe ecrane mici) si lin597 care face sa sara sigla la latimi mici !!!!*/
.first_line { /* POZITIE SIGLA DREAPTA vezi si lin538*/
padding-right:10px;
font-size: 1.25em;
font-weight:bold;
text-align:right;
width: 1400px;
max-width:100%;
margin: 0 auto;
}
.navbar-brand2 IMG{ /* POZITIE SIGLA STG*/
/*margin-top:25px !important;*/
margin-left:0px;
top:0px;
width: 150px;
float:left;
}
.navbar-toggler {padding:0;}
.my_toggler_img {
width: 3em;
background-color: none;
border: 1px solid #aaa;
margin-left:5px;
}
.navbar {
min-height: 105px; /* ORIGINAL 50px = INALTIME HEADER MENIU */
margin-bottom: 0px; /* ORIGINAL 20px; dar se vedea urat fondul intre meniu si bannere slider */
border: 0px solid transparent; /* original: 1px solid transparent;*/
}
.navbar-nav {
float:right; /* ALINIAZA LA DREAPTA ELEMENTELE MENIULUI, PENTRU DESKTOP = ECRANE MARI */
/*margin-right:-135px; */ /* introdusa de Teo, la utilizare sigla2 */
margin-left:0px;
margin-top:0px; /* am mai lucrat si cu valori negative aici -30px etc */
}
.navbar-inverse {
/*background-color: #ddd;*/
/*background-color: #FCB026;*/ /* culoare fond menu header */
border-color: #080808; /* nemodificat */
border-bottom: 0px solid #fff; /* linie adaugata de mine */
/* background-image: url(/images/header-BKG-002.jpg); */
background-repeat: repeat-x;
background-position: bottom right;
}
/* BUTOANE PRINCIPALE SAU BUTON CARE ARE SUBMENIU */
.navbar-inverse .navbar-nav > li > a {
color: #fff; /*original #9d9d9d; CULOARE TEXT BUTON PRINCIPAL SAU BUTON CARE ARE SUBMENIU */
font-size:1.3em;
font-family:calibri,sans-serif,arial;
font-weight:none;
margin-top:70px;
/*padding-top:35px;*/ /*utilizezi padding daca doresti fond butoane mai inalt*/
padding-bottom:10px;
padding-left:15px; padding-right:20px;
/*text-shadow:none; */
/* text-shadow: 0.1em 0.1em 0.05em #fff; */
text-transform:none;
border-right: 2px solid #fff;
background-image: url("/images/but-bkg-blue-h32.jpg");
background-color:#b00;
}
.no_bkg_img {background-image:none !important;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
/* fond semi-transparent la mouse-over */
text-shadow:none;
/* background: rgb(25, 25, 25); */
background: rgba(25, 25, 25, .8); /* fond negru semi-transparent */
/* background: rgba(255, 255, 255, .3); */ /* fond alb semi transparent */
color: #fff /* original #fff CULOARE MOUSE-OVER PENTRU TEXT BUTON PRINCIPAL */
}
navbar-toggle .icon-bar{
width: 50px !important;
height:3px !important;
}
/* ==========================================================================
EXCEPTIE DOAR PENTRU DISPOZITIVE MOBILE !! CULOARE FOND SI CULOARE TEXT
========================================================================== */
@media only screen and (max-width: 766px) {
.navbar-brand2 IMG{ /* POZITIE SIGLA STG*/ margin-top:10px; margin-left:0px !important;}
.navbar-brand { position:absolute; top:40px; right:10px; } /* POZITIE SIGLA DR */
.navbar-collapse { background-color: #333; /* caseta principala in care se deschide meniul pe MOBILE */
margin-top:30px;
}
.collapsing, .in { background-color: #333; /* caseta principala in care se deschide meniul pe MOBILE */
margin-top:30px;
}
.collapsing ul li a, .in ul li a {color: #FFF!important; border-bottom: 1px solid #111; }
.collapsing ul li a:hover, .in ul li a:hover {color: #CCC!important; }
.navbar-nav {
float:none; /* ANULEAZA ALINIERE DREAPTA ELEMENTELE MENIULUI, PENTRU MOBILE = ECRANE MICI */
margin-top:10px; /* alfel este afisata deasupra siglei */
}
.navbar-inverse .navbar-nav > li > a {
padding-left:20px;
margin-top:0px;
padding-top:15px;
padding-bottom:15px;
color: #fff;
font-size:1.4em;
font-weight:none;
border-bottom:1px solid #000;
text-shadow: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
/* fond semi-transparent la mouse-over */
text-shadow:none;
background: rgb(25, 25, 25);
/*background: rgba(25, 25, 25, .3); */
color: #0087D5; /* original #fff CULOARE MOUSE-OVER PENTRU TEXT BUTON PRINCIPAL */
}
.dropdown-menu>li>a {font-size:1.4em; padding-bottom:10px!important;}
.gdf_input {width:50%;}
/* culoarea liniei despartitoare deasupra submeniului deschis TREBUIE MODIFICATA LA .nav .open>a:focus , LINIA 3766 in bootstrap.xcom.css */
.section-title { /* vezi mai jos si exceptii pt dispozitive mobile */
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.section-title::before, .section-title::after { background:none; width:0; height:0; display:none;}
}
@media only screen and (max-width: 480px) {
.navbar-brand { position:absolute; top:65px; right:10px; } /* POZITIE SIGLA DREAPTA */
}
/* ==========================================================================
Slider Styling http://bxslider.com bx-slider | Functioneaza cu plugin.js si initializare din main.js
========================================================================== */
.myhomepage {
/*background:#161616;};*/
}
.myslider_div {padding-top:20px;};
.site-slider {
padding-top: 0px; /* 102px original */
}
.site-slider ul li {
float: left;
margin: 0;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
background-color: #161616;
}
.bx-wrapper img {
width: 100%;
max-width: 100%;
display: block;
opacity: 1;
filter: alpha(opacity=100);
}
.bx-thumbnail-wrapper {
/* pozitionare iconinte, de tip imagine=liniuta deasupra banner, in zona de jos */
/* obs: NU apar pe mobil */
background-color: #161616; /* fond iconite sub baner */
text-align: center;
/* margin-top: -30px; */ /*doar daca doresti sa fie peste imagine */
position: relative;
max-height:30px;
z-index:100;
}
.caption-wrapper {
position: relative;
}
.slider-caption {
position: absolute;
z-index: 988;
bottom: 60px;
background-color:rgba(255,255,255,0.75);
/*background-image: url(/images/transparent50.png);*/
display: inline-block;
right: 0;
}
.slider-caption B {
font-size: 3.2em; /*30px original */
font-family: Palatino,calibri; /* introdus penru candis, afisare cu font mai artistic */
font-style:italic; /* introdus pentru candis, afisare cu font mai artistic */
margin: 20px;
font-weight: 600;
/*text-transform: uppercase; scos pentru afisare cu font mai artistic */
display: inline-block;
}
/* iconite cu sageti rosii pe iconita activa */
#bx-pager a {
margin: 0 0 0 7px;
padding: 5px 0 8px 0;
display: inline-block;
opacity: 0.4;
filter: alpha(opacity=40);
outline: 0;
border: 0;
}
#bx-pager a img {
outline: 0;
border: 0;
width:65px; height:4px; background-color:#fff; /* marimea liniutelor */
}
#bx-pager a.active {
opacity: 1;
filter: alpha(opacity=100);
/* background: url(/images/active-state-ORANGE.png) no-repeat;
background-position: center 30px; */
/* ICONITE SUB BANNERELE MARI: AICI POZITIA SAGETII DECORATIVE DE SUB ICON */
}
.bx-controls {
position: relative;
}
.bx-controls-direction {
position: absolute;
text-align: right;
bottom: 30px;
right: -2px;
z-index: 998;
}
.bx-controls-direction a {
display:inline; /* none OBS AM PUS NONE pentru a nu afisa sagetile NEXT/PREV; original block; */
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.8);
float: left;
margin-right: 2px;
line-height: 40px;
text-align: center;
font-size: 20px;
color: white;
}
/* ==========================================================================
WEBDIR
========================================================================== */
.webdir-box {
margin-top:15px;
padding:2px 10px 10px 14px;
color:#fff;
font-size:15px;
}
.webdir-box H1{
color:#f8f8f8;
font-size:17px;
font-weight:bold;
}
.webdir-box H2{
color:#000;
font-size:17px;
font-weight:bold;
}
.webdir-box A{
color:#fff;
font-weight:bold;
text-decoration: underline;
}
.webdir-box INPUT.text{
color:#555;
background-color:#f5f5f5;
font-size:14px;
height:15px;
width: 60%;
margin-bottom: 5px !important;
}
.webdir-box-input{
/*margin:0;*/
width:95% !important;
}
.webdir-input-title {
color:#e00;
font-weight:bold;
}
.webdir-minitext-gray {
font-size:12px; color:#ddd;
}
.webdir-minitext-white{
font-size:12px; color:#fff;
}
.webdir-minitext-red{
font-size:11px; color:#e00;
}
.webdir-minitext-black{
font-size:11px; color:#000;
}
/* ==========================================================================
Services Styling
========================================================================== */
#services {
padding-top: 160px;
margin-top: -60px;
}
.service-item {
padding-bottom: 40px;
text-align: center;
-webkit-backface-visibility: hidden;
/* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.service-item h3 {
font-size: 18px;
font-weight: 600;
}
.service-item .service-icon {
margin: 0 auto;
background-repeat: no-repeat;
background-position: center;
background-size:contain;
width: 100px;
height: 113px;
display: block;
}
.service-item .service-icon.first {
background-image: url(/images/service-first-BROWN.png);
}
.service-item .service-icon.second {
background-image: url(/images/service-second-BROWN.png);
}
.service-item .service-icon.third {
background-image: url(/images/service-third-BROWN.png);
}
.service-item .service-icon.fourth {
background-image: url(/images/service-fourth-BROWN.png);
}
/* ==========================================================================
Promotion Styling - mmodul-NOUTATI
========================================================================== */
.item-small {
padding: 20px;
/*background-color: #26b864;*/
/*background-image: url(/images/item-small-bkg1a.jpg);*/
background-color:#CCC;
background-image: url(/images/item-small-bkg1a.jpg);
color: white;
text-align: center;
}
.item-small h4 {
color: white;
line-height: 24px;
margin: 20px 0 0 0;
}
.item-large .item-header {
margin: 30px 0;
}
.item-large .item-header h2 {
margin: 0;
}
.item-large .item-header span i {
display: inline-block;
font-size: 18px;
color: #e7d323;
margin-left: 3px;
}
.item-large .item-header span i:first-child {
margin-left: 10px;
}
/* ==========================================================================
Products Styling
========================================================================== */
.product-item {
padding-top:0px; /* margine alba deasupra imaginii */
margin-bottom: 15px;
background-color:#fff;
/*background-image: url(/images/sigla-2015c.jpg);
background-repeat:no-repeat;
background-position:top right;*/
border: 1px solid #999;
overflow:visible;
min-height: 320px;
}
.product-item .item-thumb {
-webkit-backface-visibility: hidden;
/* Chrome, Safari, Opera */
backface-visibility: hidden;
position: relative;
z-index: 95;
}
.item-thumb{
height:215px;
min-height:195px;
background-image: url(/images/spacer.gif);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center top;
}
.product-item .item-thumb .note {
position: absolute;
right: 10px;
top: 0px;
background-color: white;
color: #444444;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
z-index: 96;
}
.product-item .item-thumb .overlay {
position: absolute;
width: 100%;
height: 100%;
border: 3px solid #F0640A;
padding: 20px;
z-index: 97;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
opacity: 0;
filter: alpha(opacity=0);
}
.product-item .item-thumb .overlay .overlay-inner {
width: 100%;
height: 100%;
text-align: center;
}
.product-item .item-thumb .overlay .overlay-inner a.view-detail {
position: relative;
margin-top: 10px; /* 45% */
display: block;
/*background: url(/images/active-state.png) no-repeat;
background-position: center 20px;*/
padding-bottom: 0px;
/*color: #26b864;*/
color: #000;
font-weight: 600;
font-size: 15px;
/*text-transform: uppercase;*/
}
.product-item .item-thumb:hover .overlay {
opacity: 1;
filter: alpha(opacity=100);
}
.product-item h1 {
margin: 10px 0 0 0;
font-size: 1em;
font-weight: 600;
color: #f44;
color: #333; /* are efect la denumirile din mmodul-MATRICE-CU-PRETURI */
min-height:30px;
padding: 0 8px 0 8px
}
.product-item h3 {
margin: 10px 0 0 0;
font-size: 1em;
font-weight: 600;
color: #f44;
color: #333; /* are efect la denumirile din mmodul-MATRICE-CU-PRETURI */
min-height:30px;
padding: 0 8px 0 8px
}
.product-item h3 A{color: #222;}
.product-item h3 A:hover{color: #F0640A;}
.product-item-descriere {
display:inline-block;
min-height:85px;
/*font-size:1em; /*font-size:16px; */
font-size:1.3em;
padding:0 8px 0 0;
overflow:visible;
font-family:Helvetica,Arial,serif;
}
.product-item-descriere li{
margin-left:20px;
}
.product-item span {
font-size: 1em;
padding-left: 14px;
}
.product-item span em {
font-weight: 700;
font-style: normal;
}
.product-item span em.price {
/*color: #26b864;*/
color: #777;
font-weight:none;
}
.product-item span em.text-muted {
color: #a3a7aa;
text-decoration: line-through;
font-weight: 600;
}
/* ==========================================================================
Contact Styling
========================================================================== */
#map {
width: 100%;
height: 380px;
outline: 0;
border: 0;
}
input, textarea {
margin-bottom: 10px;
background-color: #f6f7f8;
padding: 9px 14px;
font-size: 14px;
color: #838383;
outline: 0;
border: 0;
/*border-bottom: 1px solid #b5c1c9;*/
width: 100%;
}
.my_contact_div {padding-bottom:0px;
/*background: url(/images/bkg-myfooter6.jpg) no-repeat top center;*/
background-repeat:no-repeat;
background-size:100% 100%;
margin-top:30px;
}
.contact-form textarea {
height: 130px;
padding-top:25px;
}
input.button {
display: inline-block;
width: auto;
background: url(/images/active-state-BLUE.png) no-repeat;
background-position: center bottom;
/*color: #2193B9; /* CULOARE BUTON TRIMITE - SEND
color:#F1640A; /* orange */
color:#0087D5; /* BLUE */
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 27px;
border: 0;
}
.link_visit_website, .my_cod {
color:#0087D5; /* BLUE */
font-weight: bold;
text-shadow:none;
}
.site-footer {
margin-top: 0px; /* original 120px */
/* background-color: #b873f0;*/
/*background: url(/images/bkg-work2b-texture-brick10-4.jpg); */
min-height:160px; /* nu pune height valoare fixa, altfel culoarea background, la resize nu umple complet toata zona */
color: #222;
padding: 15px 0;
}
.site-footer-title {
color: #bbb;
background-color:#111;
padding-left:30px;
}
.site-footer a {
/*color: white; */
font-weight: bold;
}
.site-footer span {
margin-top: 12px;
display: block;
}
ul.social {
text-align: right;
}
ul.social li {
display: inline-block;
}
ul.social li a {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background-color: rgba(255, 255, 255, 0.2);
display: inline-block;
}
.myfooter_links { color:#222; margin-top:15px;}
.myfooter_links li { padding-bottom:8px;}
.myfooter_LinksTitle{padding-bottom:14px;overflow:visible;font-weight:bold;font-size:1.2em;color:#999;border-bottom:1px solid #aaa;font-family:Calibri, Arial, serif;}
.myfooter_Links h3, .myfooter_Links A{font-weight:normal;font-size:1.1em;color:#000;font-family:Calibri, Arial, serif;}
.myfooter_Links A:hover{color:#0a0;}
.
/*------------------------------------------------------
RESPONSIVE STYLES
--------------------------------------------------------*/
@media (max-width: 991px) {
.main-menu, .bx-thumbnail-wrapper {
display: none;
}
.toggle-menu {
display: block;
}
.my_menu {
display: block;
}
.site-header .container {
padding: 0;
}
.slider-caption {
bottom: 80px;
}
.bx-controls-direction {
bottom: 30px;
}
.section-title:after {
display: none;
}
.section-title:before {
display: none;
}
.main-menu {
display: none;
border-top: 1px solid #2f2f2f;
text-align: left;
}
.main-menu ul li {
padding: 0;
margin: 0;
display: block;
border-bottom: 1px solid #2f2f2f;
}
.main-menu ul li:last-child {
border-bottom: 0;
}
.main-menu ul li a {
padding: 20px;
color: white;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
display: block;
}
}
@media (max-width: 767px) {
.section-title {
font-size: 18px;
}
.contact-form {
margin-top: 30px;
}
.item-large {
margin: 40px 0;
}
.slider-caption { /* afisare texte peste banner dar mai mici */
/*display: none; */
margin-right:10px;
bottom:5px;
}
.slider-caption B {
font-size: 1.2em;
margin: 0 15px;
}
#my_logo {
background-size:contain;
}
#my_logo h1 a {
opacity: 0;
filter: alpha(opacity=0);
}
}
.denumire { color:#243878; line-height:90%;}
.links_box {
margin-bottom:15px;
min-width:90%;
border:1px solid #bbb;
text-align:left;
font-size:1.2em;
padding:8px 8px 8px 15px;
background-color:#e5e5e5;
background-image: url(/images/links-bkg1a.jpg);
background-position: right center;
background-repeat: repeat;
display:inline-block;
overflow:visible;
text-shadow: 0.1em 0.1em 0.05em #fff;
}
.links_box a { color:#000055; }
.links_box a:hover { color:#F0640A; }
/* MAGAZIN VIRTUAL */
.vs_caseta_matrice { background-color:#eee;
overflow: visibile;
width:190px;
padding-top:4px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE:10px; color:#555;
/*border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;*/
}
.vs_caseta_comanda_titlu {
background-image: url(/images/vs-bkg-title2b.jpg);
background-repeat:no-repeat; height:26px; color:#fff;font-weight:bold;padding-left:12px;font-size:1.2em;
}
.vs_caseta_comanda {
background-color:#eee;
padding:6px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE:2em; color:#555;
}
vs_caseta_TD1{width:65%;background-color:#f2f2f2;font-size:1.2em;font-weight:none;padding:10px 10px 10px 15px;}
.vs_caseta_TD2{width:45%;background-color:#e5e5e5;text-align:center;padding:10px 10px 10px 15px;}
.vs_INPUT{margin:0 10px 8px 10px;width:45px !important;text-align:right;}
.vs_INPUT_marime{width:45px !important;text-align:right;}
.vs_BUTTON, .vs_BUTTON A{background-color:#264d99; padding:0.5em 1.4em;color:#fff !important; font-size:1.4em;}
.vs_BUTTON:hover, .vs_BUTTON A:hover{background-color:#193468;}
/* .vs_BUTTON_green, .vs_BUTTON_green A{background-color:#37cd62;padding:0.5em 1.4em;color:#fff;} */
.vs_BUTTON_green, .vs_BUTTON_green A{background-color:#27bd52;padding:0.5em 1.4em;color:#fff !important;}
.vs_BUTTON_green:hover, .vs_BUTTON_green A:hover{background-color:#4CAF50;}
.vs_BUTTON_blue, .vs_BUTTON_blue A{background-color:#005eb8;;padding:0.5em 1.4em;color:#fff !important;}
.vs_BUTTON_blue:hover, .vs_BUTTON_blue A:hover{background-color:#004ba8;;}
.vs_BUTTON_gray, .vs_BUTTON_gray A{background-color:#a5a5a5;padding:0.5em 1.4em;color:#fff;}
.vs_BUTTON_gray:hover, .vs_BUTTON_gray A:hover{background-color:#d5d5d5;color:#000;}
.vs_BUTTON_white{background-color:#fff;padding:1em;color:#000;}
.vs_BUTTON_black{background-color:#444;padding:1em;color:#fff;}
.cart_img{width:40px;border:0;margin:0 2px 4px 0px;padding:0;background-color:#fefefe;}
.cartlist{color:#555;font-size:0.9em;font-family:Calibri,arial, sans-serif;}
.cartlist_delete{color:#a00;font-size:0.7em;font-family:Calibri,Arial, Helvetica, sans-serif;padding:2px 3px 0px 2px;}
.cartlist_denumire{color:text-decoration:none;color:#00a;font-size:1em;}
.cartlist_cod{color:text-decoration:none;color:#222;font-size:0.8em;}
.cartlist_obs{color:text-decoration:none;color:#222;font-size:1em;font-weight:bold;}
.cartlist_RED{color:text-decoration:none;color:#F00;font-size:1em;font-weight:bold;text-align:center;}
.cartlistbold{color:#20428c;font-size:1.1em;font-weight:bold;font-family:Calibri,Arial, Helvetica, sans-serif;width:90%;}
.but_myfiltre {text-align:center; width:90%; background-color:#999; padding:5px 10px 10px 10px; margin:10px auto 10px auto !important; border-bottom:1px solid #aaa;}
.div_myfiltre {text-align:left; width:100%; background-color:#f4f4f4; padding:5px 10px 10px 10px; margin-bottom:10px; border-bottom:1px solid #aaa;}
.div_myfiltre INPUT[type="checkbox"] { margin:0; padding:2px; width:24px; border: 1px solid #bbb; }
.filtre_titlu { color: #555; font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding-left:15px; width:100%; }
.filtre_input_titlu { display:inline-block; color: #444; font-size: 1em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-left:5px; width:100%; }
.filtre_input_subtitlu { color: #c7c7c7; font-size: 0.9em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-left:5px; width:100%; }
.myfiltre {display:block; padding:5px 0px 0px 0px; text-align:left;}
.myfiltre INPUT[type="number"] { margin:0px; padding:2px; width:80px; border: 1px solid #bbb; }
.auto_minilink {font-size:0.9em;padding:5px 5px 4px 0; margin-right:15px; background-color:#f6f6f6;}
.auto_minilink IMG {height:25px;}
.auto_sterge_filtre {color:#999;font-weight:bold;font-size:0.9em; display:block;}
.auto_noResults {font-size:1.4em; color:#007FCF; background-color:#f4f4f4; margin-bottom:15px;}
.auto_searchx {color:#CCC; width:95% !important; border:1px solid #aaa !important; margin:0; padding:4px;}
.auto_but_cauta {float:left; margin: 15px 0 0 0; padding:0.7em 1.5em;}
#div_over_wait_to_load {position:absolute; width:100%; height:500%; background-color:#000; display:none;
background-image: url(/images/loading2a.gif); background-position:50% 4%; background-repeat:no-repeat;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
z-index:400;
color:#fff;
}
#div_promovare {
float: left;
width:100%;
text-align:center;
height:0px;
font-size: 9px;
display:none;
}
.solicitare_label{ color:#fff;}
.solicitare_titlu { color:#000; font-size:25px; font-weight:bold; padding-bottom:20px; text-shadow: 0.1em 0.1em 0.05em #FFF; }
.solicitare_img_trimite { width:140px; border:0; margin-top:25px; margin-bottom:30px; padding:0;}
.solicitare_but_black{
background-color:#000;
color:#fff !important;
font-size:1.8em;
font-weight:bold;
white-space: nowrap;
text-decoration: none;
padding: 20px;
margin-top:10px;
width:50%;
letter-spacing:1px;
}
.myLupa1{
width: 40px !important;
height: 40px;
font-size: 2.5em;
background: none;
border: none;
vertical-align: sub;
margin-left: -3px;
}
.myLupa2{
width: 40px !important;
color:#fff;
height: 40px;
font-size: 2.5em;
background: #000;
border: none;
vertical-align: top;
margin-left:-4px;
margin-top:0px;
}
.myMinHeight40 {min-height:40px;}
.myaddtoany {margin:5px 0 8px 8px;}
.foto_detaliu_page {width:100%; margin-bottom:15px;}
.footer_adrese {color:#fff; margin-top:15px;}
.contact { font-size:1.2em; color:#555;}
.pdf_icon { width:45px; float:right;}
.homepage_text { /*text-align: justify; text-justify: inter-word; */ text-align:left; color:#fff; padding-left:0px; margin:0 0 10px 0; letter-spacing:0.3px; font-size:1.1em; font-family: calibri,arial,serif;}\.homepage_text {color:#f3f3f3; padding-left:0px; margin:0 0 30px 0; font-size:1.5em; font-family: calibri,CorporateAConReg,CorporateACondendedRegular,arial,serif;}
.homepage_text A { color:#00beff; }
.homepage_text A:hover { color:#aaa; }
.homepage_textH1 { font-size:1.6em; font-weight:bold; color:#fff; margin:0; padding:0; padding-left:15px; font-family: arial, helvetica, calibri,CorporateAConReg,CorporateACondendedRegular,arial,serif;}
.homepage_textH1 h1, .homepage_textH1 h2, .homepage_textH1 h3{ font-size:1.2em; font-weight:bold; color:#fff; margin:15px 0 0 0; padding:0; padding-left:0x; font-family: TTsemibold, Michroma, arial, helvetica, calibri,serif;}
.homepage_text h1, .homepage_text h2, .homepage_text h3 {
font-size: 1em;
font-weight: 500;
color:
#000;
margin: 15px 0 0 0;
padding: 0;
padding-left: 0x;
font-family: calibri, arial, helvetica, calibri, serif;
}
.login-screen{background-color:#D3D3D3;padding:10px;width:330px;margin:0 auto;border-radius:5px;margin-top:0px;}
.login-screen h2{text-align:center;margin-top:0px; color:#000;}
.pass{margin-top:10px;}
.trbkg1{background-color:#f6f6f6;}
td.blacktitle{color:#444;font-family:Tahoma,Geneva,Arial;font-size:13px;font-weight:bold;text-align:left;padding:1 2 1 6;}
td.blacktxt{color:#000;font-family:Tahoma,Geneva,Arial;font-size:12px;text-align:left;font-weight:none;padding:1 2 1 6;}
.blackminitxt{color:#000;font-family:Tahoma,Geneva,Arial;font-size:10px;text-align:left;font-weight:none;}
a.blackminitxt:link{color:#000;font-family:Tahoma,Geneva,Arial;font-size:10px;text-align:left;font-weight:none;}
a.blackminitxt:visited{color:#000;font-family:Tahoma,Geneva,Arial;font-size:10px;text-align:left;font-weight:none;}
a.blackminitxt:hover{color:#f00;font-family:Tahoma,Geneva,Arial;font-size:10px;text-align:left;font-weight:none;}
td.redtxt{color:#a00;font-family:Tahoma,Geneva,Arial;font-size:12px;text-align:left;font-weight:none;padding:1 2 1 6;}
.bluetxt{color:#00a;font-family:Tahoma,Geneva,Arial;font-size:0.9em;text-align:left;font-weight:none;padding:1 2 1 6;}
.table_myaccount, .table_myaccount TD{margin:auto;border:1px solid #999;padding:5px;background-color:#fafafa;}
.table_myaccountinput, .myaccountinput{margin:auto;text-align:left;width:500px;border:1px solid #999;padding:7px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:#777 0px 2px 3px;-moz-box-shadow:#777 0px 2px 3px;box-shadow:#777 0px 2px 3px;background-color:#fbfbfb;}
.mypass{margin-left:10px;width:200px !important;}
.table_customerdata{border:1px solid #999;padding:7px 0;text-align:left;width:50%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:#777 0px 2px 3px;-moz-box-shadow:#666 0px 2px 3px;box-shadow:#666 0px 2px 3px;background-color:#fbfbfb;}
.go-top {position: fixed;bottom: 1em;right: 0.5em;text-decoration: none;text-align:center; color:#000;background-color: rgba(240, 240, 240, 0.95);font-size:1.3em; padding: 0.5em; display: none;}
.go-top:hover { color:#007FCF;}
.deliverySelect,.asigSelect{padding:10px; margin-right:10px; margin-top:10px; border-bottom:1px solid #ccc;}
@media only screen and (max-width: 766px) {
.deliverySelect{margin-right:0;}
}
.delivery,.asig{background-color:none;}
.deliveryACTIVE,.asigACTIVE{background-color:#dfd;}
.ModalitatiLivrareTxt {line-height:1.5em;min-height:7em;float:left;}
.carousel-container {margin-top:0px;}
.carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
display: none;
}
@media all and (min-width: 768px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -50%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 50%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
display: block;
}
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
@media all and (min-width: 992px) {
.carousel-container {margin-top:0px;}
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -25%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 25%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
display: block;
}
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(25%, 0, 0);
transform: translate3d(25%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-25%, 0, 0);
transform: translate3d(-25%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.my_ctitle { background-color:$tmp_color; color:#fff; position: absolute !important; top:5px; right:0; width:48%; padding:5px; opacity: 0.7; filter: alpha(opacity=70);}
.my_ccolor1 {background-color:#e00 !important;}
.my_ccolor2 {background-color:#00CC00 !important;}
.my_ccolor3 {background-color:#0033FF !important;}
.my_ccolor4 {background-color:#0066FF !important;}
.my_ccolor5 {background-color:#990066 !important;}
.my_ccolor6 {background-color:#FF6600 !important;}
.CartTable{
border-collapse:collapse;
margin:auto;
padding:0;
width: calc(100% - 20px);
}
.CartTableOK {
width: 100%;
word-break: break-word;
border-style: solid;
border:0;
/*display:block;
overflow:auto;*/
}
td, th {
white-space: normal; /* Only needed when it's set differntly somewhere else */
word-wrap: break-word;
/*word-break: break-all;*/
}
/* RECENZII WORK 2021-05 */
svg:not(:root) {overflow: hidden;}
.fill-current,.fill-stars { fill: currentColor;}
.wh1rem{width:1rem;height:1rem;}
.wh15rem{width:1.5rem;height:1.5rem;}
.stars-gray { color: #e4e0dd;}
.stars-yellow { color: #f9c113;}
.recenzii-txt {
display:inline-block;
color: #000;
-ms-transform: scale(0.7); /* IE 9 */
-webkit-transform: scale(0.7); /* Safari 3-8 */
transform: scale(0.7);
}
.marquee {
height: 50px;
overflow: hidden;
position: relative;
background: #fefefe;
color: #333;
border: 1px solid #4a4a4a;
}
.marquee p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: center;
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-moz-animation: scroll-left 2s linear infinite;
-webkit-animation: scroll-left 2s linear infinite;
animation: scroll-left 20s linear infinite;
}
@-moz-keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
}
}
@-webkit-keyframes scroll-left {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
@keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
/* MARQUEE END */