/************************************************************************/
/* FROM CSS FILE: PliboxNew_1_CSSMain.css */
/************************************************************************/

* {box-sizing:border-box;}
body, html {width:100%; height:100%;}
body {background-color:#fff; color:#333; padding:0; margin:0; 
  /*font-family:Verdana; */
  font-family: 'Roboto Condensed', sans-serif;
  font-size:18px; position:relative;
  
}
h1, h2, h3 {line-height:130%;}
.leaf {line-height:150%;padding:0; margin:0; position:relative; display:inline-block; vertical-align:top;}
.row, col100 {width:100%; display:block; margin:0;}
p {margin:0;padding:1em 0;}
h1, h2, h3 {margin:0;padding:.5em 0;}

.col1 { width:1%; }
.col2 { width:2%; }
.col3 { width:3%; }
.col4 { width:4%; }
.col5 { width:5%; }
.col6 { width:6%; }
.col7 { width:7%; }
.col8 { width:8%; }
.col9 { width:9%; }
.col10 { width:10%; }
.col11 { width:11%; }
.col12 { width:12%; }
.col13 { width:13%; }
.col14 { width:14%; }
.col15 { width:15%; }
.col16 { width:16%; }
.col17 { width:17%; }
.col18 { width:18%; }
.col19 { width:19%; }
.col20 { width:20%; }
.col21 { width:21%; }
.col22 { width:22%; }
.col23 { width:23%; }
.col24 { width:24%; }
.col25 { width:25%; }
.col26 { width:26%; }
.col27 { width:27%; }
.col28 { width:28%; }
.col29 { width:29%; }
.col30 { width:30%; }
.col31 { width:31%; }
.col32 { width:32%; }
.col33 { width:33%; }
.col34 { width:34%; }
.col35 { width:35%; }
.col36 { width:36%; }
.col37 { width:37%; }
.col38 { width:38%; }
.col39 { width:39%; }
.col40 { width:40%; }
.col41 { width:41%; }
.col42 { width:42%; }
.col43 { width:43%; }
.col44 { width:44%; }
.col45 { width:45%; }
.col46 { width:46%; }
.col47 { width:47%; }
.col48 { width:48%; }
.col49 { width:49%; }
.col50 { width:50%; }
.col51 { width:51%; }
.col52 { width:52%; }
.col53 { width:53%; }
.col54 { width:54%; }
.col55 { width:55%; }
.col56 { width:56%; }
.col57 { width:57%; }
.col58 { width:58%; }
.col59 { width:59%; }
.col60 { width:60%; }
.col61 { width:61%; }
.col62 { width:62%; }
.col63 { width:63%; }
.col64 { width:64%; }
.col65 { width:65%; }
.col66 { width:66%; }
.col67 { width:67%; }
.col68 { width:68%; }
.col69 { width:69%; }
.col70 { width:70%; }
.col71 { width:71%; }
.col72 { width:72%; }
.col73 { width:73%; }
.col74 { width:74%; }
.col75 { width:75%; }
.col76 { width:76%; }
.col77 { width:77%; }
.col78 { width:78%; }
.col79 { width:79%; }
.col80 { width:80%; }
.col81 { width:81%; }
.col82 { width:82%; }
.col83 { width:83%; }
.col84 { width:84%; }
.col85 { width:85%; }
.col86 { width:86%; }
.col87 { width:87%; }
.col88 { width:88%; }
.col89 { width:89%; }
.col90 { width:90%; }
.col91 { width:91%; }
.col92 { width:92%; }
.col93 { width:93%; }
.col94 { width:94%; }
.col95 { width:95%; }
.col96 { width:96%; }
.col97 { width:97%; }
.col98 { width:98%; }
.col99 { width:99%; }
.col100 { width:100%; }.row {width:100%;}
.left {margin-left:0; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.center {margin-left:auto; margin-right:auto;}
#qmbWrap { max-width:100%;  width:100%; margin-left:auto; margin-right:auto;}
.leaf > .innerZone  { padding-left:.5em;  padding-right:.5em; }

/*** CONTAINER ZONES ***/
.node { /* all zones who contains final zones */ }
#wrapper {  }
#header {  }
#innerHeader {  }
#main {  }
#footer {  }
#subFooter {  }
#mobileSideMenu {  }

/*** LEAF ZONES ***/
.leaf { /* all final zones */ }
#mobileHeader {  }
#logo {  }
#menu {  }
#banner {  }
#left {  }
#center {  }
#innerFooter {  }
#subFooter {  }
#mobileSideMenu {  }


/************************************************************************/
/* FROM CSS FILE: PliboxNew_1_CSS_MediaQueries.css */
/************************************************************************/

	#wrapper { display:inline-block; } 
	#wrapper { display:block; margin: 0 auto;}
	#wrapper > .innerZone {  background: none; /** reset bgColor **/}
	#wrapper { max-width:100%; }
	#mobileHeader { display:none; } 
	#mobileHeader > .innerZone {  background: none; /** reset bgColor **/}
	#mobileHeader { max-width:100%; }
	#header { display:inline-block; } 
	#header > .innerZone {  background: none; /** reset bgColor **/}
	#header { max-width:100%; }
	#innerHeader { display:inline-block; } 
	#innerHeader { display:block; margin: 0 auto;}
	#innerHeader > .innerZone {  background: none; /** reset bgColor **/}
	#innerHeader { max-width: 1280px; } 
	#logo { display:inline-block; } 
	#logo > .innerZone {  background: none; /** reset bgColor **/}
	#logo { max-width:100%; }
	#menu { display:inline-block; } 
	#menu > .innerZone {  background: none; /** reset bgColor **/}
	#menu { max-width:100%; }
	#banner { display:inline-block; } 
	#banner > .innerZone {  background: none; /** reset bgColor **/}
	#banner { max-width:100%; }
	#main { display:inline-block; } 
	#main { display:block; margin: 0 auto;}
	#main > .innerZone {  background: none; /** reset bgColor **/}
	#main { max-width: 1280px; } 
	#left { display:inline-block; } 
	#left > .innerZone {  background: none; /** reset bgColor **/}
	#left { max-width:100%; }
	#center { display:inline-block; } 
	#center > .innerZone {  background: none; /** reset bgColor **/}
	#center { max-width:100%; }
	#footer { display:inline-block; } 
	#footer > .innerZone {  background: none; /** reset bgColor **/}
	#footer { max-width:100%; }
	#innerFooter { display:inline-block; } 
	#innerFooter { display:block; margin: 0 auto;}
	#innerFooter > .innerZone {  background: none; /** reset bgColor **/}
	#innerFooter { max-width: 1280px; } 
	#subFooter { display:inline-block; } 
	#subFooter { display:block; margin: 0 auto;}
	#subFooter > .innerZone {  background: none; /** reset bgColor **/}
	#subFooter { max-width: 1000px; } 
	#mobileSideMenu { display:inline-block; } 
	#mobileSideMenu > .innerZone {  background: none; /** reset bgColor **/}
	#mobileSideMenu { max-width:100%; }

@media all and (max-width:1200px)
{
	#qmbWrap { width:100%; margin-left:auto; margin-right:auto;}
	.leaf > .innerZone{ padding-left: .5em; padding-right: .5em;  }
	#wrapper { max-width:100%; }
	#wrapper { width: 100%; display:inline-block; } 
	#wrapper > .innerZone {  background: none; /** reset bgColor **/}
	#mobileHeader { max-width:100%; }
	#mobileHeader { width: 100%; display:none; } 
	#mobileHeader > .innerZone {  background: none; /** reset bgColor **/}
	#header { max-width:100%; }
	#header { width: 100%; display:inline-block; } 
	#header > .innerZone {  background: none; /** reset bgColor **/}
	#innerHeader { max-width: 1200px; } 
	#innerHeader { width: 100%; display:inline-block; } 
	#innerHeader > .innerZone {  background: none; /** reset bgColor **/}
	#logo { max-width:100%; }
	#logo { width: 30%; display:inline-block; } 
	#logo > .innerZone {  background: none; /** reset bgColor **/}
	#menu { max-width:100%; }
	#menu { width: 70%; display:inline-block; } 
	#menu > .innerZone {  background: none; /** reset bgColor **/}
	#banner { max-width:100%; }
	#banner { width: 100%; display:inline-block; } 
	#banner > .innerZone {  background: none; /** reset bgColor **/}
	#main { max-width:100%; }
	#main { width: 100%; display:inline-block; } 
	#main > .innerZone {  background: none; /** reset bgColor **/}
	#left { max-width:100%; }
	#left { width: 30%; display:inline-block; } 
	#left > .innerZone {  background: none; /** reset bgColor **/}
	#center { max-width:100%; }
	#center { width: 70%; display:inline-block; } 
	#center > .innerZone {  background: none; /** reset bgColor **/}
	#footer { max-width:100%; }
	#footer { width: 100%; display:inline-block; } 
	#footer > .innerZone {  background: none; /** reset bgColor **/}
	#innerFooter { max-width: 1200px; } 
	#innerFooter { width: 100%; display:inline-block; } 
	#innerFooter { display:block; margin: 0 auto;}
	#innerFooter > .innerZone {  background: none; /** reset bgColor **/}
	#subFooter { max-width: 960px; } 
	#subFooter { width: 100%; display:inline-block; } 
	#subFooter { display:block; margin: 0 auto;}
	#subFooter > .innerZone {  background: none; /** reset bgColor **/}
	#mobileSideMenu { max-width:100%; }
	#mobileSideMenu { width: 100%; display:inline-block; } 
	#mobileSideMenu > .innerZone {  background: none; /** reset bgColor **/}
}

@media all and (max-width:960px)
{
	#qmbWrap { width:100%; margin-left:auto; margin-right:auto;}
	.leaf > .innerZone{ padding-left: .5em; padding-right: .5em;  }
	#wrapper { max-width:100%; }
	#wrapper { width: 100%; display:inline-block; } 
	#wrapper > .innerZone {  background: none; /** reset bgColor **/}
	#mobileHeader { max-width:100%; }
	#mobileHeader { width: 100%; display:none; } 
	#mobileHeader > .innerZone {  background: none; /** reset bgColor **/}
	#header { max-width:100%; }
	#header { width: 100%; display:inline-block; } 
	#header > .innerZone {  background: none; /** reset bgColor **/}
	#innerHeader { max-width: 960px; } 
	#innerHeader { width: 100%; display:inline-block; } 
	#innerHeader { display:block; margin: 0 auto;}
	#innerHeader > .innerZone {  background: none; /** reset bgColor **/}
	#logo { max-width:100%; }
	#logo { width: 37%; display:inline-block; } 
	#logo > .innerZone {  background: none; /** reset bgColor **/}
	#menu { max-width:100%; }
	#menu { width: 63%; display:inline-block; } 
	#menu > .innerZone {  background: none; /** reset bgColor **/}
	#banner { max-width:100%; }
	#banner { width: 100%; display:inline-block; } 
	#banner > .innerZone {  background: none; /** reset bgColor **/}
	#main { max-width:100%; }
	#main { width: 100%; display:inline-block; } 
	#main > .innerZone {  background: none; /** reset bgColor **/}
	#left { max-width:100%; }
	#left { width: 37%; display:inline-block; } 
	#left > .innerZone {  background: none; /** reset bgColor **/}
	#center { max-width:100%; }
	#center { width: 63%; display:inline-block; } 
	#center > .innerZone {  background: none; /** reset bgColor **/}
	#footer { max-width:100%; }
	#footer { width: 100%; display:inline-block; } 
	#footer > .innerZone {  background: none; /** reset bgColor **/}
	#innerFooter { max-width:100%; }
	#innerFooter { width: 100%; display:inline-block; } 
	#innerFooter > .innerZone {  background: none; /** reset bgColor **/}
	#subFooter { max-width:100%; }
	#subFooter { width: 100%; display:inline-block; } 
	#subFooter > .innerZone {  background: none; /** reset bgColor **/}
	#mobileSideMenu { max-width:100%; }
	#mobileSideMenu { width: 100%; display:inline-block; } 
	#mobileSideMenu > .innerZone {  background: none; /** reset bgColor **/}
}

@media all and (max-width:768px)
{
	#qmbWrap { width:100%; margin-left:auto; margin-right:auto;}
	.leaf > .innerZone{ padding-left: .5em; padding-right: .5em;  }
	#wrapper { max-width:100%; }
	#wrapper { width: 100%; display:inline-block; } 
	#wrapper > .innerZone {  background: none; /** reset bgColor **/}
	#header { max-width:100%; }
	#header { width: 100%; display:inline-block; } 
	#header > .innerZone {  background: none; /** reset bgColor **/}
	#innerHeader { max-width:100%; }
	#innerHeader { width: 100%; display:none; } 
	#innerHeader > .innerZone {  background: none; /** reset bgColor **/}
	#logo { max-width:100%; }
	#logo { width: 100%; display:none; } 
	#logo > .innerZone {  background: none; /** reset bgColor **/}
	#menu { max-width:100%; }
	#menu { width: 100%; display:none; } 
	#menu > .innerZone {  background: none; /** reset bgColor **/}
	#main { max-width:100%; }
	#main { width: 100%; display:inline-block; } 
	#main > .innerZone {  background: none; /** reset bgColor **/}
	#left { max-width:100%; }
	#left { width: 100%; display:none; } 
	#left > .innerZone {  background: none; /** reset bgColor **/}
	#center { max-width:100%; }
	#center { width: 100%; display:inline-block; } 
	#center > .innerZone {  background: none; /** reset bgColor **/}
	#footer { max-width:100%; }
	#footer { width: 100%; display:inline-block; } 
	#footer > .innerZone {  background: none; /** reset bgColor **/}
	#innerFooter { max-width:100%; }
	#innerFooter { width: 100%; display:inline-block; } 
	#innerFooter > .innerZone {  background: none; /** reset bgColor **/}
	#subFooter { max-width:100%; }
	#subFooter { width: 100%; display:inline-block; } 
	#subFooter > .innerZone {  background: none; /** reset bgColor **/}
	#mobileHeader { max-width:100%; }
	#mobileHeader { width: 100%; display:inline-block; } 
	#mobileHeader > .innerZone {  background: none; /** reset bgColor **/}
	#banner { max-width:100%; }
	#banner { width: 100%; display:inline-block; } 
	#banner > .innerZone {  background: none; /** reset bgColor **/}
	#mobileSideMenu { max-width:100%; }
	#mobileSideMenu { width: 100%; display:inline-block; } 
	#mobileSideMenu > .innerZone {  background: none; /** reset bgColor **/}
}

@media all and (max-width:450px)
{
	#qmbWrap { width:100%; margin-left:auto; margin-right:auto;}
	.leaf > .innerZone{ padding-left: .5em; padding-right: .5em;  }
	#wrapper { max-width:100%; }
	#wrapper { width: 100%; display:inline-block; } 
	#wrapper > .innerZone {  background: none; /** reset bgColor **/}
	#header { max-width:100%; }
	#header { width: 100%; display:inline-block; } 
	#header > .innerZone {  background: none; /** reset bgColor **/}
	#innerHeader { max-width:100%; }
	#innerHeader { width: 100%; display:none; } 
	#innerHeader > .innerZone {  background: none; /** reset bgColor **/}
	#logo { max-width:100%; }
	#logo { width: 100%; display:none; } 
	#logo > .innerZone {  background: none; /** reset bgColor **/}
	#menu { max-width:100%; }
	#menu { width: 100%; display:none; } 
	#menu > .innerZone {  background: none; /** reset bgColor **/}
	#main { max-width:100%; }
	#main { width: 100%; display:inline-block; } 
	#main > .innerZone {  background: none; /** reset bgColor **/}
	#left { max-width:100%; }
	#left { width: 100%; display:none; } 
	#left > .innerZone {  background: none; /** reset bgColor **/}
	#center { max-width:100%; }
	#center { width: 100%; display:inline-block; } 
	#center > .innerZone {  background: none; /** reset bgColor **/}
	#footer { max-width:100%; }
	#footer { width: 100%; display:inline-block; } 
	#footer > .innerZone {  background: none; /** reset bgColor **/}
	#innerFooter { max-width:100%; }
	#innerFooter { width: 100%; display:inline-block; } 
	#innerFooter > .innerZone {  background: none; /** reset bgColor **/}
	#subFooter { max-width:100%; }
	#subFooter { width: 100%; display:inline-block; } 
	#subFooter > .innerZone {  background: none; /** reset bgColor **/}
	#mobileHeader { max-width:100%; }
	#mobileHeader { width: 100%; display:inline-block; } 
	#mobileHeader > .innerZone {  background: none; /** reset bgColor **/}
	#banner { max-width:100%; }
	#banner { width: 100%; display:inline-block; } 
	#banner > .innerZone {  background: none; /** reset bgColor **/}
	#mobileSideMenu { max-width:100%; }
	#mobileSideMenu { width: 100%; display:inline-block; } 
	#mobileSideMenu > .innerZone {  background: none; /** reset bgColor **/}
}

@media all and (max-width:1200px)
{
	
}

@media all and (max-width:960px)
{
	
}

@media all and (max-width:768px)
{
	
}

@media all and (max-width:450px)
{
	
}


/** TEMPLATE RULES **/
/*
@media all and (max-width:1200px)
{
	
}

@media all and (max-width:960px)
{
	
}

@media all and (max-width:768px)
{
	
}

@media all and (max-width:450px)
{
	
}
*/


/************************************************************************/
/* FROM CSS FILE: PliboxNew_1_CSS_Zones.css */
/************************************************************************/

/*************** GENERAL ******************/
.innerZone { 
  display:inline-block; position:relative; vertical-align:top; width:100%;
}
.noHover
{
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.leaf, .col { display:inline-block;vertical-align:top;}

body {
  background-color:#F7F7F7; font-size:16px; 
}
a { color:#990000; }

/************* HEADER ***************/
#header {
  background-color:#444; 
  position:relative; 
  z-index: 1;
  border-bottom: 3px solid #000;
}
#mobileHeader { height:70px!important; background-color:#1F1F1F; color:#fff;  text-align:center;}
#mobileHeader a {color:#fff; text-decoration:none; display: block; max-width: 70%; margin: 0 auto;}
#mobileHeader img {
  padding: 1em 0;
  margin: 0px auto;
  max-width: 100%;
  max-height: 70px;
}
#mobileHeader .topMobileMenu { 
  position: absolute;
  top: 15px;
  left: 15px;
  width: 34px;
  text-align: center;
}
#mobileHeader .topMobileMenu a {
  text-decoration: none;
  color: #FFF;
  text-transform: uppercase;
  vertical-align: top;
  background: url("http://www.plibox.ro/files_/sandwitch_menu_20.png") no-repeat 50% 50%;
  font-size: 14px;
  width: 100%;
  display: block;
  margin: 0px;
  height: 34px;
  text-indent: -10000px;
}


/************* MAIN ***************/
#center {  }
#main
{
  background-color:#fff; /*padding-bottom: 50px;*/
  margin: 10px auto; box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}
#main > .innerZone {padding:2em 0;}


/************* LEFT ***************/
#left ul { list-style:none; margin:0px; padding:0px; padding-left:10px; margin-top: 12px;  }
#left ul li {background: url("http://www.plibox.ro/files_/bullet.png") no-repeat 0px 9px; padding-left: 15px;}
#left ul li a { text-decoration: none; color: #333; -webkit-transition: 0.2s }
#left ul li a:hover {padding-left: 5px; -webkit-transition: 0.2s; color:#990000; }
#left h1, #left h2 { text-align: left; border-bottom: 2px solid #2DB200; padding-bottom: 0px; }

/************** BANNER *****************/
#banner {
  border-bottom:1px solid #fff;
  min-height:100px;
  height:100px; 
  background-color:#FFF; 
  overflow: hidden;
}
#banner .innerZone { padding: 0; }
#banner .bannerZone
{
  background: url(http://www.plibox.ro/files_/big-feature-product.jpg) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 100px;
  position: relative;
}
@-webkit-keyframes slider {
  0%   { padding-left: -300px; opacity: 0; font-size: 10px; }
  5%   { opacity: 1; padding-left: 80px; font-size: 30px; }

  95%   { opacity: 1; padding-left: 80px; font-size: 30px; transform: scale(1.1); }
  100% { padding-left: 80px; opacity: 0; transform: scale(1.1); }
}
@keyframes slider {
  0%   { padding-left: -300px; opacity: 0; font-size: 10px; }
  5%   { opacity: 1; padding-left: 80px; font-size: 30px; }

  95%   { opacity: 1; padding-left: 80px; font-size: 30px; transform: scale(1.1); }
  100% { padding-left: 80px; opacity: 0; transform: scale(1.1); }
}
#banner .bannerZone .slider {
  margin: 0 auto;
  max-width: 1280px;
}
#banner .bannerZone .slogan {
  font-size: 30px;
  line-height: 40px;
  -webkit-animation: slider 5s infinite;
  animation: slider 5s infinite;
  animation-timing-function: linear;
}
.Pagehome #banner .bannerZone .slogan {
  line-height: 170px;
}
.Pagehome #banner { height:250px;  min-height: 250px; overflow: hidden; }
.Pagehome #banner .bannerZone { height:250px;  min-height: 250px; }
/************** BANNER END *****************/

/*************** FOOTER ****************/
#footer {
  background-color:#444; 
  color:#fff; 
  border-top: 3px solid #FFF;
}
#innerFooter { text-align:center; padding:1.5em .5em; padding-bottom: 5px;}
#subFooter { text-align:center; font-size:.8em; color:#777; }
#footer a {color:#fff; text-decoration:none; }
#footer .footerWidgets {border-bottom: 1px dotted #747474; padding-bottom: 20px;}
#footer .footerWidgets .leaf {text-align: left; display: inline-block; vertical-align: top;}
#footer .infoCompanies .footerInfo {
  position: relative;
  text-align: left;
  font-weight: normal;
  padding: .5em;
  line-height: 20px;
  padding-left: 40px;
  margin-top: 10px;
}
#footer .infoCompanies .footerInfo p { padding: 5px 0; }
#footer .infoCompanies .footerInfo h1 {
  position: absolute;
  top: 70px;
  left: -70px;
  transform: rotate(270deg);
  padding: 0px;
  margin: 0px;
  text-align: left;
  min-width: 178px;
  font-size: 25px;
  height: 30px;
  text-transform: uppercase;
  text-align: right;
  color: #444;
  text-shadow: -1px 0 #FFF, 0 1px #000, 1px 0 #000, 0 -1px rgb(173, 149, 149);
}

.widget_footer { text-align: center; }
.widget_footer .widget-title {
  color: #FFF;
  font-weight: bold;
  border-bottom:1px dotted #747474;
  position: relative;
  margin: 5px auto;
}
.widget_footer .widget-body {
  color: #A8A8A8;
}
.widget_footer .widget-body a {border:none!important; color: #A8A8A8!important;}
.widget_footer .widget-body ul {
  margin:0px;
  padding:0px;
  list-style:none;
  line-height: 22px;
}
.widget_footer .widget-body ul li {
  font-size: 14px;
}
.social-list{
  cursor:pointer;
  margin:0px;
  padding:0px;
}
.social-list li {display:inline-block; padding: 4px; min-width:24px;}
.social-list li a {display: block; border-radius: 5px; padding: 2px; position: relative; text-decoration:none;}
.social-list li a:hover {background:#626161;}

.copyright p { padding: 0px; line-height: 45px; }
/*************** FOOTER END ****************/


/* MEDIA QUERIES */
@media all and (max-width:1200px)
{
	
}

@media all and (max-width:960px)
{
  
}

@media all and (max-width:768px)
{
  #footer .infoCompanies .footerInfo
  {
    width: 100%;
  }
}

@media all and (max-width:450px)
{

}

/************************************************************************/
/* FROM CSS FILE: PliboxNew_1_CSS_Modules.css */
/************************************************************************/

/* Site Modules */

.comanda-acum {
  padding: 34px 25px 34px 15px;
  margin-bottom: 10px;
  background: rgba(68, 68, 68, 0.13);
  border-radius: 2px;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.07);
}
.comanda-acum .mesaj {
  width:70%;
  display: inline-block;
}
.comanda-acum .buton {
  width:29%;
  display: inline-block;
  vertical-align: top;
}
.comanda-acum .buton a {
  padding: 7px 37px;
  font-size: 15px;
  text-decoration: none;
  font-weight:bold;
  line-height: 1.33;
  border-radius: 2px;
  line-height: 36px;
  width: 100%;
  display: block;
  background: rgba(45, 178, 0, 0.33);
  color: #333;
  text-transform: uppercase;
  border: none;
  border-radius: 5px;
}

@media all and (max-width:1200px)
{
	
}

@media all and (max-width:960px)
{
}

@media all and (max-width:768px)
{
  .Pagecontact #left {width:100%;}
  .Pagecontact #center {width:100%;}
  .Pagecontact #left {display:inline-block;}
  #footer .footerWidgets .leaf {width:49%;}
  .home-feature .home-feature-right {width: 100%;}
  .home-feature .home-feature-left {width: 100%; text-align:left;}
  .comanda-acum .mesaj {
    width:100%;
    display: inline-block;
  }
  .comanda-acum .buton {
    width:100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
}

@media all and (max-width:450px)
{
	#footer .footerWidgets .leaf {width:100%;}
}

/************************************************************************/
/* FROM CSS FILE: PliboxNew_1_CSS_NAV.css */
/************************************************************************/

/* Site Nav */
nav a {padding:.5em; display:inline-block; margin:0 2px; /*color:#fff;*/}

header nav a {line-height:3.5em; padding:.5em;}
footer nav { font-size:.8em; }
footer nav a { padding: .3em; }

#logo .logoImage {padding:2rem 0 1rem .5rem; height:aut0; }
/*#logo .logoImage img {box-shadow:3px 3px 5px rgba(0,0,0,.5);}*/

#mobileSideMenu 
{
  transition:all .3s; top: 0; left:-100%; height:100%; width:80%; position:fixed; z-index:1000; background-color:#eee;
  box-shadow:3px 3px 10px rgba(0,0,0,.1); overflow:auto;
}
.sideMenuShow {left:0!important; transition:all .3s; }
.sidemenuButton, .leftmenu-servicii {padding:0px 20px;}
#mobileSideMenu {text-align: center;}
#mobileSideMenu ul, #mobileSideMenu nav  {list-style:  none; padding:0px; margin: 0px;}
#mobileSideMenu ul, #mobileSideMenu nav {padding:0px; margin: 0px auto; width: 80%;}
#mobileSideMenu ul li, #mobileSideMenu nav a {padding: 6px 0px; border-bottom:1px solid #2DB200; display: block;}
#mobileSideMenu ul li a, #mobileSideMenu nav a {text-decoration: none; color: #333;}
#mobileSideMenu h2 {display: block; background: #1f1f1f; color:#fff;margin-top: 8px;}

#menu { text-align: right; padding: 25px 10px; }
#menu a
{
  color: #DBDBDB;
  text-decoration: none;
  line-height: 18px;
  overflow: hidden;
  position: relative;
  padding: 7px .5em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 16px;
}
#menu a:hover { color: #FFF!important; }
#menu a:hover:before {bottom:0px; z-index:0;}
#menu a:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #2DB200;
}
#menu a.eobSelected:before{ bottom:0px; z-index:0; }

#footer nav a {text-decoration: none; border:none; position: relative; padding-left: 10px; color: #C7C7C7;}
#footer nav a:after{
  position:absolute;
  content:"|";
  right:-7px;
  top:3px;
  color: #626161;
}
#footer nav a:last-child:after{
  content:"";
}

.languageSelector .langSwitchtext { display: none; }
.languageSelector ul { position: absolute; right: 10px; top: -25px; margin: 0; padding: 0; }
.languageSelector li { display: inline-block; padding-left: 5px; font-size: 12px; line-height: 12px; }
.languageSelector li a:before { background:none!important; }
.languageSelector li.eobSelected { font-weight: bolder; border-bottom: 3px solid #2DB200!important;}
#mobileSideMenu .languageSelector ul { position:relative; right: auto; top: auto; }
#mobileSideMenu .languageSelector li { display: inline-block!important; width: 32%; padding: 0; margin: 0; }
#mobileSideMenu .languageSelector li a { display: block; padding: .5em 0; }

@media all and (max-width:1200px)
{
	
}

@media all and (max-width:960px)
{
	
}

@media all and (max-width:768px)
{
  #header, #banner {display:none;}
  #mobileHeader {position:fixed; top:0; left:0; width:100%; height:80px; z-index:3;}
  #main {margin-top:4em;}
  
}

@media all and (max-width:450px)
{
	
}

/************************************************************************/
/* FROM CSS FILE: PliboxNew_1_CSS_Products.css */
/************************************************************************/

#left .ProductsCatalogList {
  padding: 0px 20px;
}
.Product 
{
  width: 33%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  position: relative;
  padding: 10px;
  margin: .15%;
  border: 1px solid rgba(5, 5, 5, 0.09);
  border-right: 0;
  border-bottom: 0;
  border-radius: 5px;
  box-shadow: 1px 1px 5px 2px rgba(0,0,0,.1);
  margin-bottom: 10px;
}
#left .Product {
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  padding-left: 25px;
  background: url("http://www.plibox.ro/files_/bullet.png") no-repeat 9px 6px;
}
.Product .Image
{
  margin-bottom: 60px!important;  
  height:200px;
  background: #666;
  overflow:hidden;
}
#left .Image {
  display: none;
}
#center .BigImage {
  display: none;
}
#center .Images .Image a img {
  width: 100%;
}
#center .Images .Image
{
  width: 19.5%;
  padding: 0.2em;
}
.Product .Image a
{
  display:block; 
  margin:0; 
  padding:0; 
  line-height:180px; 
  height:100%; 
  overflow:hidden;
}
.Product .Image a img 
{
  vertical-align:middle; 
  line-height:180px; 
  width: 100%;
  opacity: 1;
  transition: all 1s ease;
  transform: scale(1.2);
}
.Product .Title
{
  padding:0 .5em; 
  bottom:0; 
  position:absolute;
  left:0; 
  right:0; 
  overflow:hidden; 
  transition:background-color .5s;
  height:60px!important;
  line-height: 100%;
}
#left .Product .Title {
  height: auto!important;
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  padding: 0;
}
.Product .Title a {
  color: #444;
  text-decoration: none;
  /*text-transform: uppercase;*/
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}
.Product:hover .Image a img
{
  transform:scale(1.5);
  opacity:0.3;
  transition: all .5s ease;
}
.Product:hover .Image:before
{
  opacity:1;
  top: 100px;
  transition: all .5s ease;
}
.Product .Image:before
{
  opacity:0;
  transition: all .5s ease;
  position: absolute;
  /* width: 1em; */
  text-align: center;
  font-size: 1.7em;
  /* margin: 0 0.5em 0 -1em; */
  padding: 0 .2em;
  pointer-events: none;
  content: "\271A";
  top: 50px;
  left: 40%;
 /*z-index: 10000;*/
  color: #fff;
  margin: 0px auto;
  font-size: 60px;
}

.Product .ShortDescription {padding: .5em;}
.Product .Prices {width:60%; display:inline-block; text-align:right;}
.Product .BuyBtn {width:40%; display:inline-block;}


.Pagedetaliuprodus #left {width:40%;}
.Pagedetaliuprodus #center {width:60%;}


.Images {text-align:center!important;}
.BigImage a {text-align:center; display:block; margin: 2%;}
.BigImage a img {width:100%;}
.Images .Image {position:relative; display:inline-block; vertical-align:top; width:25.5%;}
.Images .Image a {width:100%; text-align:center;}
.Images .Image a img {width:90%;}
.ProductsCatalogImages  {margin-bottom:3em;}
.mentiuniDetaliuProdus {border-top:1px solid #ddd; padding:.5em 0; }
.ProductsCatalogList {}

.Pagedetaliuprodus #main > .innerZone { padding-top: .5em; }
.Pagedetaliuprodus #left .BigImage
{
  box-shadow: 1px 1px 5px 2px rgba(0,0,0,.1);
  border: 1px solid rgba(5, 5, 5, 0.09);
}
.Pagedetaliuprodus #center .Image
{
  box-shadow: 1px 1px 0px 0px rgba(0,0,0,.1);
  border: 1px solid rgba(5, 5, 5, 0.09);
  height: 130px;
  position: relative;
  margin: 0 .3% .5% 0;
}
.Pagedetaliuprodus #center .Image a {
  width: 100%;
  height: 100%;
  line-height: 120px;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  display: block;
}
.Pagedetaliuprodus #center .Image a img {
  margin: -100%;
  vertical-align: middle;
  position: relative;
}



@media all and (max-width:1200px)
{
	
}

@media all and (max-width:960px)
{
  .Product {width:48%;}
  #center .Images .Image
  {
    width: 24.5%;
    padding: 0.2em;
  }
}

@media all and (max-width:768px)
{
  .Product {width:48%;}
  .Pagedetaliuprodus #left {width:100%;}
  .Pagedetaliuprodus #center {width:100%;}
  .Pagedetaliuprodus #left {display:inline-block;}
  #center .Images .Image
  {
    width: 32.5%;
    padding: 0.2em;
  }
}

@media all and (max-width:450px)
{
	.Product {width:100%;}	
    #center .Images .Image
    {
      width: 49.5%;
      padding: 0.2em;
    }
}

/************************************************************************/
/* FROM CSS FILE: PliboxNew_1_CSS_Pages.css */
/************************************************************************/

/* GENERAL */

.sds-icons {
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 5px;
}
.sds-icons.sds-facebook{
  background: url("http://www.plibox.ro/files_/facebook-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-twitter{
  background: url("http://www.plibox.ro/files_/twitter-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-linkedin{
  background: url("http://www.plibox.ro/files_/linkedin-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-google-plus{
  background: url("http://www.plibox.ro/files_/google-plus-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-pinterest{
  background: url("http://www.plibox.ro/files_/pinterest-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-youtube{
  background: url("http://www.plibox.ro/files_/youtube-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-phone{
  background: url("http://www.plibox.ro/files_/phone-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-home{
  background: url("http://www.plibox.ro/files_/home-24.png") no-repeat 0px 0px transparent;
}
.sds-icons.sds-email{
  background: url("http://www.plibox.ro/files_/email-24.png") no-repeat 0px 0px transparent;
}
.label-recomandate{
  display:block; 
  width:100%; 
  margin-bottom: 20px;
  text-align: center;
}
.label-recomandate span{
  padding:5px;
  display: block;
  max-width: 250px;
  text-transform:uppercase;
  margin: 0px auto;
  margin-top: -30px;
}


.vezi-produse-button{
  display:block; 
  width:100%; 
  text-align:center; 
}
.vezi-produse-button span {
  padding:5px;
  display: block;
  width: 250px;
  margin: 0px auto;
  margin-bottom: -20px;
  margin-top: 20px;
  position: relative;
  box-shadow: 0px 2px 4px #333;
  padding-left:20px;
  background-color: #444;
  border: 1px solid #fff;
}
.vezi-produse-button span a:after
{
  position: absolute;
  top: 1px;
  left: -20px;
  width: 1px;
  height: 16px;
  border-left: 1px solid #fff;
  content: "";
  border-right: 2px solid #fff;
}
.vezi-produse-button span a:before
{
  position: absolute;
  top: 1px;
  left: -15px;
  width: 1px;
  height: 16px;
  border-left: 3px solid #fff;
  content: "";
  border-right: 4px solid #fff;
}
.vezi-produse-button span a:hover{
  color:#FFF;
}
.vezi-produse-button span a {
  text-decoration: none;
  text-transform:uppercase;
  color: #ddd;
  position:relative;
}


/* HOMEPAGE */
.Pagehome #left {display:none;}
.Pagehome #center {display:block; width:100%;}
.Pagehome .home-feature {margin-bottom: 30px; border-bottom:3px solid #2DB200; padding: 0 20px;}
.Pagehome .home-feature img {  width: 85%; vertical-align: bottom;}
.Pagehome .home-feature .home-feature-right {vertical-align: bottom;}
.Pagehome .home-feature .home-feature-left {vertical-align: bottom; text-align: right; padding-bottom: 35px;}
.Pagehome .home-feature .home-feature-left a { color:#1E7302; }
.Pagehome #main > .innerZone { padding-top: 0px; }

/* CONTACT */
.Pagecontact #main {padding:0; }
.Pagecontact #main > .innerZone {padding:0px;}
.Pagecontact #left {display:none;}
.Pagecontact #center {width:100%;}
.Pagecontact #center > .innerZone {padding:3px;}
.Pagecontact .contactinfo-wrapper {padding-top: 30px;}
.Pagecontact .contact-infolist ul {margin:0px; padding:0px; list-style:none;}
.Pagecontact .contact-infolist ul li {position:relative; padding-left: 40px; padding-bottom: 10px;}
.Pagecontact .contact-infolist ul li span.icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 2px;
  text-align: center;
  line-height: 30px;
}
.Pagecontact .contactinfo-wrapper { padding: 1em; }

/* CERTIFICARI */
.Pagecertificari #main {padding:0 20px 20px;}
.Pagecertificari #left {display:none;}
.Pagecertificari #center {width:100%;}
.Pagecertificari .GalleryItem {width:24%; display:inline-block; text-align: center;}
.Pagecertificari .GalleryItem img { min-width: 200px; }
.Pagecertificari .certificari-wrapper {margin-bottom: 30px; border-bottom:4px solid #2DB200;}

/* DETALIU PRODUS*/
.Pagedetaliuprodus #center .mesaj {text-align:left;}

/* GALERIE */
.Pagegaleriefoto .GalleryDetails {}
.Pagegaleriefoto .GalleryDetails .GalleryItem
{
  width: 33%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  position: relative;
  padding: 10px;
  margin: .15%;
  border: 1px solid rgba(5, 5, 5, 0.09);
  border-right: 0;
  border-bottom: 0;
  border-radius: 5px;
  box-shadow: 1px 1px 5px 2px rgba(0,0,0,.1);
  margin-bottom: 10px;
}
.Pagegaleriefoto .GalleryDetails .GalleryItem .Image
{
  /*background: #666;*/
  overflow: hidden;
  height: 200px;
}
.Pagegaleriefoto .GalleryDetails .GalleryItem:hover .Image:before
{
  opacity: 1;
  top: 100px;
  transition: all .5s ease;
}
.Pagegaleriefoto .GalleryDetails .GalleryItem .Image:before
{
  opacity: 0;
  transition: all .5s ease;
  position: absolute;
  /* width: 1em; */
  text-align: center;
  font-size: 1.7em;
  /* margin: 0 0.5em 0 -1em; */
  padding: 0 .2em;
  pointer-events: none;
  content: "\271A";
  top: 50px;
  left: 40%;
  z-index: 1;
  color: #2DB200;
  margin: 0px auto;
  font-size: 60px;
}
.Pagegaleriefoto .GalleryDetails .GalleryItem:hover .Image a img {
  transform: scale(1.5);
  opacity: 0.3;
  transition: all .5s ease;
}
.Pagegaleriefoto .GalleryDetails .GalleryItem .Descriere
{
  display: none;
}
.Pagegaleriefoto .GalleryDetails .GalleryItem .Image a
{
  display: block;
  margin: 0;
  padding: 0;
  line-height: 180px;
  height: 100%;
  overflow: hidden;
}
.Pagegaleriefoto .GalleryDetails .GalleryItem .Image a img
{
  vertical-align: middle;
  line-height: 180px;
  width: 100%;
  opacity: 1;
  transition: all 1s ease;
  transform: scale(1.2);
}


/* MEDIA QUERIES */
@media all and (max-width:1200px)
{
	
}

@media all and (max-width:960px)
{
  
  .Pagegaleriefoto .GalleryDetails .GalleryItem
  {
    width: 49%;
  }
}

@media all and (max-width:768px)
{
  .Pagecertificari .GalleryItem {width:48%; display:inline-block;}
  .Pagehome .home-feature .home-feature-left {text-align: left;}
  .Pagecontact .contact-infolist, .Pagecontactplibox .contact-social {width:100%}
  .Pagecontact .contact-social, .Pagecontactplibox .contact-social {width: 100%}
  .Pagedetaliuprodus #center .mesaj {text-align:center; padding-bottom: 15px;}
}

@media all and (max-width:450px)
{
  .Pagegaleriefoto .GalleryDetails .GalleryItem
  {
    width: 100%;
  }
  .Pagecertificari .GalleryItem {width:100%; display:inline-block;}
}