body {min-height:100%; height:100%; margin:0; padding:0; font:14px Trebuchet MS, Arial; color:#313131; background:url('pics/bk.jpg') top center no-repeat #DFDFDF; }
div {font:14px Trebuchet MS, Arial; line-height:18px; color:#313131}

a {color:#FF0000}
a:hover {text-decoration:none}

img {border:0px; margin:0px}
.img {border:1px solid #848484;}
.img2 {border:1px solid white}

.brad   {width:940px; height:153px; padding:0px 8px; margin:0px auto}
.logo   {float:left}
.logo a {width:390px; height:87px; display:block; background:url('pics/logo.png') 14px bottom no-repeat}
.top    {float:right; width:290px; height:85px; background:url('pics/contact.png') top no-repeat}
.menu   {width:940px; height:24px; padding:20px 0px 20px 5px; background:url('pics/menu.png') no-repeat; margin-left:2px;}
a.menu  {font:17.8px Trebuchet MS, Arial;  background:none; text-decoration:none; color:#ffffff; line-height:37px; margin-left:20px; padding-left:24px; background:url('pics/bullet.gif') 0px 24px no-repeat}
a.menu:hover  {color:#501010}

.preturi    {font:13px Trebuchet MS; margin:-6px 0px 0px 52px; color:#ff9090}

.pret_vechi {font:20px Trebuchet MS; color:#414141; text-decoration:line-through; padding:0px 5px}
.pret       {font:20px Trebuchet MS; color:#ff0000; font-weight:bold; padding:0px 5px}

#shareform {padding:10px}
#shareform input {margin-left:0px}
#shareform textarea {margin-left:0px}

.brazi             {width:935px; height:100%; min-height:100%; margin:0px auto}
.brazi-craciun     {float:left; width:629px; height:100%; background:url('pics/bk_center.gif') 0px 54px no-repeat;}
.brazi-artificiali {float:left; width:260px;  height:430px; padding:260px 17px 0px 29px; background:url('pics/bk_right.gif') 0px 16px no-repeat; color:#414141}
.brad-craciun      {padding:87px 22px 10px 28px; min-height:996px}
.pom {height:17px; background:url('pics/bk_center2.gif')}

.comanda-livrare strong {font-size:15px; color:red; font-weight:bold; padding-left:40px;}
.suna-ne {position:absolute; top:1020px; left:50%; margin-left:190px}
.mobile-suna-ne {display:none}

.mobile-only {display:none}
.mobile-hide { display:inline }

.cols div {width:280px; float:left;}
.cols div:first-child {margin-right:10px}

.cols2 {width:100%}
.cols2 img {width:100%}


.carousel    {margin-right:-7px; }
.box         {width:280px; float:left; text-align:center; margin:5px 4px 20px 4px}
.box-right   {width:284px; float:right; text-align:center; margin:5px 5px 0px 0px}
.box-left    {width:280px; float:left; text-align:center; margin:5px 0px 20px 0px}
.box2        {width:175px; height:250px; float:left; text-align:center; margin:5px 10px 5px 5px; }

.box-list    {width:260px; float:left; text-align:center; margin:5px 12px 25px 14px;}

.box-text    {font-size:13px; line-height:16px; width:242px; float:right; text-align:left; margin:1px 10px 20px 0px}
.box-text2   {font-size:13px; line-height:16px; width:250px; float:right; text-align:left; margin:1px 0px 20px 0px}
.box-text3   {font-size:14px; line-height:16px; width:278px; float:left; text-align:left; margin:1px 0px 20px 5px}

.small {font:12px Trebuchet MS, Arial; font-style:italic; color:#41513f}

.red  {color:#FF0000}
.roz  {color:#ff9090}
.roz:hover {color:#ffffff}
.alb  {color:#FFffff}
.black  {color:#313131}

.blue {color:#3A60DC}
.gri1 {color:#616161}
.gri  {line-height:15px; font-size:12px; color:#7a7a7a; text-align:center}
.gri2 {color:#7a7a7a;}
.verde {color:#397B00;}
.italic {font-style:italic}

h1 {font-size:22px; color:#FF0000; font-weight:normal; display:inline;}
h2 {font-size:18px; color:#397B00; font-weight:normal; line-height:19px; display:inline}
h3 {font-size:15px; display:inline}

.font11 {font-size:11px}
.font12a {font-size:12px; color:#717171; line-height:16px;}
.font12 {font-size:12px}
.font13 {font-size:13px}
.font14 {font-size:14px}
.font15 {font-size:15px}
.font16 {font-size:16px}
.font17 {font-size:17px}
.font18 {font-size:21px}
.font19 {font-size:23px}
.font20 {font-size:20px; font-weight:bold}
.font22 {font-size:28px; padding:0px 7px 35px 7px;}

.bold {font-weight:bold}

.floatleft { float:left; }
.floatright { float:right; }
.clearboth { clear:both; }
.clearleft { clear:left; }

.p1 {padding:1px; margin:1px; display:block}
.p3 {padding:2px; margin:2px; display:block}
.p5 {padding:3px; margin:3px; display:block}
.p7 {padding:4px; margin:4px; display:block}
.p9 {padding:5px; margin:5px; display:block}
.p11 {padding:6px; margin:6px; display:block}

input, textarea {font:13px Trebuchet MS, Arial; color: #313131; border:1px solid #888; padding:5px; margin:7px}
select {font:13px Trebuchet MS, Arial; color: #313131; border:1px solid #888; padding:5px; margin:7px}

form {display:inline}
hr   {height:2px; background:url('pics/hr.gif') #ffffff; border:0px; margin-bottom:10px}

.hr  {border:0px; height:1px; color:#c5c5c5; background:#c5c5c5; margin:8px 0px 14px 0px}
.hr2 {border:0px; height:1px; color:#7F8FCC; background:#7F8FCC; margin-bottom:8px}

.clip {overflow:hidden; display:block}
.thumb120x90 {width:120px; height:90px; float:left; margin:10px 10px 25px 0px}
.thumb100x150 {width:100px; height:160px; margin:0px auto}
.thumb180x240 {width:180px; height:270px; margin:0px auto}
.center {text-align:center}
.right {text-align:right}
table { border-spacing:0px;  border-collapse:collapse }
.cadouri { width:52% }
table td { padding:0px }
.formlabel {font-weight:bold; padding-right:10px; width:150px; height:30px}
.formerror {color:#ff0000}
.form100 {width:100%}
.formtitle {margin:15px 0px}
.badge {background:url(pics/badge.png); width:57px; height:57px; font:20px "Trebuchet MS"; text-align:center; line-height:57px; font-weight:bold; position:relative; margin-bottom:-57px; color:#ffffff; top:190px; left:165px}

.formTd {width:200px}

.morepics {overflow:hidden; display:block; width:80px; height:80px; float:left; margin:10px 10px 25px 0px; border:1px solid #aaa }

.jcarousel-skin-tango .jcarousel-container { background:#FFFFFF; padding:0px; margin-left:20px; float:right }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction:rtl }
.jcarousel-skin-tango .jcarousel-container-horizontal { width:280px }
.jcarousel-skin-tango .jcarousel-container-vertical { width:280px; height:170px }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:280px; height:170px }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:280px; height:170px }
.jcarousel-skin-tango .jcarousel-item { width:280px; height:170px }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left:0; margin-right:10px }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left:10px; margin-right:0 }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom:0px }
.jcarousel-skin-tango .jcarousel-item-placeholder { background:#fff; color:#000 }
/*
.jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:47px; right:0px; width:32px; height:75px; cursor:pointer; background:transparent url(pics/cright.png) no-repeat 0 0 }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left:0px; right:auto; background-image:url(pics/cleft.png) }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0 }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0 }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; background-position: -96px 0 }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:47px; left:0px; width:32px; height:75px; cursor:pointer; background:transparent url(pics/cleft.png) no-repeat 0 0 }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left:auto; right:5px; background-image:url(pics/cright.png) }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0 }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0 }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0 }
*/
.jcarousel-navig { display:block; width:10px; height:10px; position:absolute; top:150px; background:url(pics/cboff.png); z-index:5; cursor:pointer }
.jcarousel-navig:hover { background:url(pics/cbover.png) }
.jcarousel-navig-selected { display:block; width:10px; height:10px; position:absolute; top:150px; background:url(pics/cbon.png); z-index:5 }
.jcarousel-left { display:block; width:10px; height:10px; position:absolute; top:150px; background:url(pics/cbleft.png); z-index:5; cursor:pointer }
.jcarousel-right { display:block; width:10px; height:10px; position:absolute; top:150px; background:url(pics/cbright.png); z-index:5; cursor:pointer }

/* rezervare */

.divRezervare {
  display:block;
  padding-top:4px;
  background:url(pics/rezervare.gif) center left no-repeat;
  padding-left:33px;
  margin-top:20px;
  line-height:16px;
}

.linkRezervare {
  display:inline;
}

.boxRezervare {
  position:fixed;
  width:400px;
  height:320px;
  margin-left:-200px;
  margin-top:-160px;
  left:50%;
  top:50%;
  border-radius:5px;
  background:#fff;
  z-index:10;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
  box-sizing:border-box;
  padding:20px;
  display:none;
}

.boxRezervare * {
  box-sizing:border-box;
}

.boxRezervare p,.boxRezervare table {
  margin:0 0 10px 0;
}

.overlayRezervare {
  position:fixed;
  z-index:9;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  display:none;
}

.labelRezervare {
  font-weight:bold;
  width:110px;
}

.widgetRezervare {
  width:200px;
}

.boxRezervare button {
  border:0;
  margin:0;
  padding:0;
}

#okRezervare {
  display:none;
}


.mobileonly {display:none}
.mobilehide {display:block}