/*   ********************************FOOTER NAVIGÁCIÓ*********************************************************************************  */

div.footerblock1 {
	width:39%;	
	text-align:left;
	float:left;
	padding:20px 0px;	
	position:relative;		
}

div.footerblock2 {
	width:22%;	
	text-align:center;
	float:left;
	padding:20px 0px;
	position:relative;		
}

div.footerblock3 {
	width:39%;	
	text-align:left;
	float:left;
	padding:20px 0px;
	position:relative;		
}

div#footer {	
	width:100%;
	max-width:1000px;
	margin: 0 auto;
	/*background:#08151b;*/
	color:white;
	text-align:center;	
	position:relative;
	
	}

	
div#webillafooter { width:100%; height:270px; background: url(images/website/webilla_footer.jpg) no-repeat top center;}

div.footerblock1 ul { display:block; text-align:left; padding:0; margin:0;}
div.footerblock2 ul { display:block; padding:0; margin:0 auto; border-right:1px solid #bae6f3; border-left:1px solid #bae6f3; width:80%;}

ul#footernav1 { float:left; display:block;margin:0; padding:0; text-align:left; }
ul#footernav1 li { display:inline;text-align:left;list-style:none;font-size:13px; color:#d1f2fb; padding: 0px 10px; border-right:1px solid #9bdef1;}
ul#footernav1 a { text-decoration:none; color:#d1f2fb; }
ul#footernav1 a:hover { text-decoration:none; color:white; }

ul#footernav2 { float:right; display:block;margin:0; padding:0; text-align:right; }
ul#footernav2 li { display:inline;text-align:left;list-style:none;font-size:13px; color:#d1f2fb; padding:0;}

div.footerblock1 ul li { text-align:left;list-style:none;font-size:13px; color:#548c9b; }
div.footerblock1 ul li.first { text-align:left;list-style:none;font-size:12px; color:#16536f; font-weight:bold;}
div.footerblock3 ul li.first { text-align:right;list-style:none;font-size:13px; color:white; }
div.footerblock2 ul li { text-align:center;list-style:none;font-size:12px; color:#16536f; text-transform: uppercase; font-weight:bold; }
div.footerblock2 ul a { text-decoration:none; color:#16536f; }

div.footerblock3 ul li { text-align:right;list-style:none;font-size:13px; color:#d1f2fb;padding:0;}

@media only screen and (max-width: 768px) {
    
	div.footerblock { width:100%; padding:10px 0; }
	div#content { display:block; width:100%; }
	div#content_inner { margin: 0 auto; }
	div#left_panel { display:none; }
	div#right_panel { display:none; }	
	div#attention { display:none; }
	div#top_panel2 { display:none; }
	div#action_outer { width:95%; }	

	div.footerblock1, div.footerblock2, div.footerblock3 { float:none;width:100%; }
	div.footerblock1 ul li { text-align:center !important;}
	div.footerblock3 div { float:none !important; width:100% !important; display:block; background:red;}
	div.footerblock3 ul { float:none !important; width:100% !important; display:block; text-align:center; margin:0;}
	div.footerblock3 ul li { text-align:center !important; }
	div#webillafooter { height:auto !important; background:transparent; position:relative;}
	
	div#webillafooter img { display:block !important; width:100%; height:100%; position:absolute; top:0;left:0; }
	ul#footernav1 { float:none; text-align:center;}
	ul#footernav2 { float:none; text-align:center;}
}


/*   ********************************HORIZONTAL MENU AND CATEGORIES ************************************************************  */

	table.pack_tb {
	width:20%;
	float:left;
	margin-top:20px;
	border-collapse:collapse;
	padding:0;
	border:none;	
	}

	table.pack_tb2 {
	width:40%;
	float:left;
	margin-top:20px;
	border-collapse:collapse;
	padding:0;
	border:none;	
	}

	td.pack_td0 {
	width:80%;
	border:none;
	padding:0px 0px 0px 70px;
	color: #6d5f53;	
	text-align:left;
	}

	td.pack_td2 {
	width:20%;
	border:none;
	padding:0;
	font-weight:bold;
	font-size:16px;
	padding: 7px 0px;	
	color: #6d5f53;	
	}

	td.pack_td1 {
	width:20%;
	border:none;
	padding:0;
	color: #6d5f53;	
	height:45px;
	font-weight:bold;
	}

	tr.pack_tr1 {
	background:#f1ebe7;
	height:45px;
	}
	table.pack_tb td.pack_td20 { display:none; }
	
	@media only screen and (max-width: 768px) {		

		ul#demosee li { width:100% !important; float:none !important; margin:0 auto !important; text-align:center !important; padding: 0 !important; }
		img#mores { margin:0 auto !important; }

		table.pack_tb { width:100% !important; float:none !important; }
		table.pack_tb2 { width:100% !important; float:none !important; }
		table.pack_tb td.pack_td20 { display:block; }
		table.pack_tb td.pack_td0 { width:70%; }		
		table.pack_tb td.pack_td1 { width:30%; }
		
		

	}

	@media only screen and (max-width: 1024px) {
		div#earthsector { display:none; }
		div#bodychange { display:none; }
		div#forearth { height: 440px !important; }
		ul#sdt_menu { display:none !important; }
		body { background: url(images/website/webilla_totalbg_mobile.jpg) no-repeat top center !important;}	
		
		.demoaction { max-height: 830px !important; }
		img.sand { left:20% !important; }
		div.demobox { border: none !important; background:transparent !important; }
		div.demobox1 { border: none !important; background:transparent !important; }
	}


/* vizszintes menu background */
ul.main-navigation {
  list-style: none;
  padding: 0;
  margin-top:0px;

}

/* vizszintes menu second level */
ul.main-navigation li ul
{
margin:0;
text-align:left;
padding:0;
}

/*  vizszintes menu elem counter background  */
ul.main-navigation li {
  display: block;
    float: left;
  padding:0px;

}

/* This hides the dropdowns */

ul.main-navigation li ul { display: none; }

/*  vizszintes menu elem  */
ul.main-navigation li a {
  display: block;
padding:17px 20px;
font-size:100%;
  text-decoration: none;
  white-space: nowrap;
  color:white;
transition: 0.4s;
/*  -webkit-box-shadow: 2px 0 3px -2px #91664c; */
/*            box-shadow: 2px 0 3px -2px  #91664c;*/
}


/* Display the dropdown */

ul.main-navigation li:hover > ul {				
  	display: block;
  	position: absolute;
	background:#4b6677;
	background:#628239;	
	z-index:999;
	 -webkit-box-shadow: 5px 5px 15px -2px #91664c;
	 box-shadow: 5px 5px 15px -2px  #91664c;
}

ul.main-navigation li ul a { color:#d2d8dc;  padding:7px 40px 7px 20px; font-size:14px; }
ul.main-navigation li ul a:hover { background:#355061; }

ul.main-navigation li:hover a { color:#d2d8dc; max-height:55px; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; border-bottom:5px solid #a2b1ba; background:#4b6677;}

ul.main-navigation li:hover li { float: none; top:-1px; }
ul.main-navigation li:hover li a {  border:none; color:white;}
ul.main-navigation li:hover li a:hover {  border:none; color:white;}
.main-navigation li ul li { position:relative;left:0px;margin-left:0; padding:0px; }

/* Displays second level dropdowns to the right of the first level dropdown */
ul ul ul {
  left: 75%;
  top: 0;
}

/* Simple clearfix */
ul:before,after{
  content: ""; /* 1 */
 display: table; 
}

ul.main-navigation:after { clear: both; }
ul.main-navigation li:after { clear: both; }

/*   ********************************HORIZONTAL CATEGORY LIST MODE ************************************************************  */
/* vizszintes menu background */
ul.hor-navigation {
  list-style: none;
  padding: 0;
  margin-top:0px;
}

/* vizszintes menu second level */
ul.hor-navigation li ul
{
margin:0;
background: #230303;
text-align:left;
padding:0;
}

/*  vizszintes menu elem counter background  */
ul.hor-navigation li {
  display: block;
margin-top:0px;
    float: left;
  padding:0px 3px;

}

/* This hides the dropdowns */

li ul { display: none; }

/*  vizszintes menu elem  */
ul.hor-navigation li a {
  display: block;
padding:17px 20px;
font-size:100%;
  text-decoration: none;
  white-space: nowrap;
  color: #c6a059;	
 background:#2f1709;

/*  -webkit-box-shadow: 2px 0 3px -2px #91664c; */
/*            box-shadow: 2px 0 3px -2px  #91664c;*/
}

ul.hor-navigation li a:hover { color:#899aa6; }

/* Display the dropdown */

ul.hor-navigation li:hover > ul {				
  display: block;
  position: absolute;
z-index:999;	
 -webkit-box-shadow: 5px 5px 15px -2px #91664c;
            box-shadow: 5px 5px 15px -2px  #91664c;
}


ul.hor-navigation li:hover li { float: none; top:-1px;}
ul.hor-navigation li:hover a {  }
ul.hor-navigation li:hover li a:hover {  }
.hor-navigation li ul li { position:relative;left:0px;margin-left:0; padding:0px; }



/* Displays second level dropdowns to the right of the first level dropdown */

ul.hor_navigation ul ul {
  left: 75%;
  top: 0;
}
/* Simple clearfix */

ul.hor_navigation:before,
ul.hor_navigation:after {
  content: ""; /* 1 */
    display: table; /* 2 */
}

ul.hor_navigation:after { clear: both;  display: table;}

ul.hor_navigation li:after { clear: both; }

/*   ********************************WEBSITE************************************************************************************  */

	

	body {	
				padding:0;
				margin:0;
				text-align:center;
				background: #fcf8f5 url(images/website/webilla_totalbg_pure.jpg) no-repeat top center;
				-webkit-transition: 0.7s ease-out;
				-moz-transition: 0.7s ease-out;
				-ms-transition: 0.7s ease-out;
				-o-transition: 0.7s ease-out;
				transition: 0.7s ease-out;
				color: #6d5f53; 
				font-family:Terminal Dosis;
	}

	span.numero { font-family:Helvetica; }

	div#title {
	 font-size:200%;
	float:left;
	font-family:impact; 
	text-align:left;
	
	color:#d3d4d5;
	text-shadow: 2px 2px 1px black;	
	margin:0;
	padding: 20px;	
	}

	div#callback {
	 font-size:200%;
	font-family:impact; 
	text-align:right;
	
	float:right;
	color:#d3d4d5;
	text-shadow: 2px 2px 1px black;	
	margin:0;
	padding: 20px 20px 20px 0px;	
	}

	@media only screen and (max-width:768px) {

	div#title { font-size:130%; }
	div#callback { font-size:130%; }

	}

	div.fbside {
	 position:fixed;width:50px;left:0px;top:370px;z-index:1000;cursor:pointer;
	}
	
	div.fbside i.fa { display:none; }

	div.fbside img {
	width:50px;position:absolute;left:0px;border-top-right-radius:8px;border-bottom-right-radius:8px;
	}

	@media only screen and (max-width:1024px) {
    
	div.fbside {
       		width:50px;		
		top:110px;
		left:0px;	
		height:50px;	
		overflow:hidden;
		background:#074590;
		border-top-right-radius:8px;border-bottom-right-radius:8px;
	    	}
		
		div.fbside i.fa { display:block; font-size:30px; color:white; padding:10px;}


		div.fbside img {
		display:none;
		}
	}

	div#basic_table {      	
          	color:#383838;
	font-family:Terminal Dosis;
	width:100%;
	margin:0px auto;	
	padding:0;		
	max-width:1000px;	
        	}

	div#header {	
	width:100%;
	padding:0;
	margin:0;		
	position:relative;	
	}      

	div#slideshow {	
	width:100%;	
	padding:0;	
	margin:0;			
	left:0;
	position:absolute;
	}      
	
	div#top_panel {	
	padding:0;
	margin:0 auto;
	position:relative;
	width:100%;	
	background: #415968 url(images/website/bg_top_panel.jpg) no-repeat top center;	
	max-width:1000px;
	
	}		


	div#top_panel2 {	
	padding:0;
	margin:0 auto;	
	position:relative;
	width:100%;	
	background: #415968 url(images/website/bg_top_panel.jpg) no-repeat top center;
	max-width:1000px;	
	}	


	div#attention {	
	position:relative;
	float:left;
	width:30%;	
	padding:0;	
	margin:0;
	height:100px;
	}

	div#slide {		
	width:100%;
	height:90%;	
	}

	div#slideouter {	
	height:100%;
	float:left;
	width:70%;		
	}

	@media only screen and (max-width: 768px) {    	
		div#slideouter { width:100%; }	
	}	

	div#slide_nav {	
	position:relative;
	top:0;
	left:0;
	z-index:2;
	text-align:center;
	height:20%;
	}

	img#headerpic1 {
		width:100%;
		position:relative;
		top:0px;
		left:0px;
	}

	img#headerpic2 {
		width:100%;
		position:relative;
		top:0px;
		left:0px;
		display:none;
	}

	img#headerpic4 {
		position:absolute;
		top:55px;
		left:0px;
	}

	img#headerpic3 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
	}
	
      	

	/*   ------ a page overflow hidden legyen, ha jobb oldali hőkövető kosár van alkalmazásban-----------   */
	div#page {		
	padding:0;	
	margin:0;	
	position:relative;
	}

	
		div#horizontal_menu{		
		padding:0;
		margin:0;		
		width:100%;			
		}

	@media only screen and (max-width: 768px) {    	
		div#horizontal_menu { display:none; }	
		}	

	div#left_panel {
	width:21%;	
	float:left;	
	margin:0 auto;
	padding:0;	
	padding:0;
	position:relative;	
	
	}

	div#left_panel_inner {
	width:95%;	
	margin:0 auto;	
	padding:0px 0px 0px 0px;	
		padding-bottom:20px;
	/*   background-color: rgb(255,255,255);  */
	
	/*   background-color: rgba(255,255,255,0.5);  */
   	/*  background-color:rgba(0,0,0,0.05); */
	
	
	}

	div.left_nav_top {
		background: url(images/website/bg_leftnav_top.png) no-repeat top center;	
		border-top-right-radius:5px;
		border-top-left-radius:5px;
		overflow:hidden;
	}

	div.left_nav_content {
		background: url(images/website/bg_leftnav_content.png) repeat-y center;
	}

	div.left_nav_bottom {
		background: url(images/website/bg_leftnav_bottom.png) no-repeat bottom center;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		overflow:hidden;
	}
	
	div#left_panel_inner_bottom {
	width:100%;	
	margin:0px auto;	
	height.65px;	
	padding:0;
	}

	div#content {
	position:relative;
	margin: 0 auto;
	padding:0px 0px 0px 0px;		
	}

	@media only screen and (max-width: 768px) {    	
		div#content  { width:95% !important; }
		
		}	

	div#panel_container {
	z-index:1000;
	}

	div#content_inner {
	width:100%;		
	margin:0 auto;	
	padding:0;	
	/*background:#221005;*/		
	}

	

	div#right_panel {	
	width:21%;
	float:left;
	margin:0 auto;
	position:relative;
	}

	div#right_panel_inner {
	width:90%;	
	margin:0;	
	}

	img.artimg_top {
	width:90%;
	padding:3px;
	border:1px solid #e5e5e5;
	margin:0 auto;
	}

	img.artimg_bottom {
	width:99%;
	padding:3px;
	border:1px solid #e5e5e5;
	margin:0 auto;
	}

	img.artimg_left {
	width:90%;
	padding:3px;
	border:1px solid #e5e5e5;
	margin:0 auto;
	}
	
	img.artimg_right {
	width:90%;
	padding:3px;
	border:1px solid #e5e5e5;
	float:right;
	margin:0;
	}

	div.art_title {
	width:95%;
	    font-size:15px;
	    font-weight:bold;
	margin:0;
	 }

	a.art_title_link {
		text-decoration:none;		
		font-size:16px;
		  font-weight:bold;
		color:#383838;
	}


	a.art_title_sidelink {
		text-decoration:none;		
		font-size:17px;
		font-weight:bold;	
		color:#383838;
	}

	

	a.art_side_link {
		text-decoration:none;
		color:#a3763a;
		
	}

	div.art_content {
	   	width:100%;
	    	margin-top:0px;
	    	text-align:justify;	
	}	
	
	div.art_side_content {
		width:100%;
		margin-top:0px;
	    	text-align:justify;			
	}

	div.art_holder {	
	float:left;
	}
	
	div.picn {
	margin:0 auto;
	width:100%;
	}

	div.pico {
	float:left;	
	}

	@media only screen and (max-width: 768px) {    	
		div.pico { width:100% !important; float:none !important;}
		div.art_holder { width:100% !important; float:none !important; margin:0 auto !important;}	
		div.artimg_left { width:100% !important ; float:none !important; margin:0 auto !important;}	
		div.artimg_right { width:100% !important; float:none !important; margin:0 auto !important;}	
		}	

	input.mobile_shop_icon {
		border:none;
		padding:0;
		margin:0 auto;
		width:30px;height:30px;
		background: url(images/website/incartsmall.png) no-repeat;
		cursor:pointer;
	}

	table.akcio {
		position:absolute;width:50px;height:50px;color:white;font-weight:bold;font-size:14px;
		border-collapse:collapse;
		border:none; padding:0;
		top:-10px;left:-5px;
		background: url(images/website/akciosmall.png) no-repeat;
	}

	table.akcio td { border:none;padding:0;width:100%;height:100%; }

	input.button {
	padding:3px 5px 3px 5px;
	border-radius:8px;
	font-weight:bold;
	font-size:14px;
	}

      	.checkbox input {
	display: none;
	}

      	.checkbox span {
	width: 40px;
	height: 40px;
	display: block;
          	cursor:pointer;
          	background:url(images/website/check_not_small.png) no-repeat;
	}

	checkbox input:checked + span {
	background:url(images/website/check_yes_small.png) no-repeat;
	}
      
      	input.orderdata {
        	border:1px solid #d0d0d0;
        	border-radius:5px;
        	padding:5px 10px;
        	height:20px;
        	background:white;
        	font-family:Terminal Dosis,ariel;
        	font-size:16px;
        	color:#424e5a;        
        	text-align:left;
      	}

	
      	input.action1 {
          	width:300px;
        	border:1px solid #9fafbf;
        	border-top-left-radius:30px;
          	border-bottom-left-radius:30px;
        	padding:10px;        	
        	background:#8293a5;
        	font-family:Terminal Dosis,ariel;
        	font-size:20px;
        	color:#424e5a;        
        	text-align:center;
          	cursor:pointer;
      	}

	
	div#footer2 ul {
		display:block;
		margin:0 auto;
		
	}
	div#footer2 li {
		display:inline;	
		padding:20px;
	}

	div#footer2 li a {		
		text-decoration:none;
		color:white;		
	}

	div#footer2 ul li a:hover {
		color:orange;
		
	}
	div#footer2 ul li:hover a {
		
	}

	div#footer2 ul:after {
	clear:both;
  	content: " ";
  	display: block; 
	}

	div.reference_container {
	width:32%;margin:10px auto;float:left;padding:3px;
	}

	
	@media only screen and (max-width: 768px) {    	
		div.reference_container { width:100% !important; }
		}	

	div.reference_outer {
	width:90%;	
	background:#e7e7e7;
	border:1px solid #e7e7e7;
	padding-top:10px;
	margin:0 auto;
	}	

	div.reference_pic_container {	
	
	margin:0 auto;	
	overflow:hidden;
	height:150px;
	width:90%;
	
	}
	img.reference_pic {
	width:100%;	
	margin:0 auto;
	}

	div#select_container {	
	width:100%;	
	text-align:center;	
	height:70px;	
	}

	div#select_container ul {
	
	  list-style: none;
  padding: 0;
  margin-top:0px;
	display:block;	
	margin-left:25%;
	}
	div#select_container ul li {
		list-style:none;
		display:block;				
		margin-left:5px;
		float:left;
	}

	input.selectbutton {
	background:#2f1709;color:#c6a059;padding:5px 10px; border-radius:10px;border:none;cursor:pointer;
	}

/*   ********************************PANELS*********************************************************************************  */

	@media only screen and (max-width: 768px) {    	
		div.panelok { width:100% !important; margin-left:0px !important; margin-top: 15px !important; height: auto !important; }
		}	



/*   ********************************OLDAL NAVIGÁCIÓ*********************************************************************************  */
		div#page_nav {
			width:96%;
			margin:0 auto;
			padding:0px;		
		}
		span.page_nav {
		font-size:19px;	
		font-weight:bold;
		}
		span.page_nav_label {
		font-size:15px;
		padding-left:10px;
		}

/*   ********************************CATEGORY SECTION NAVIGÁCIÓ***************************************************************  */


a.more {
	background: url(images/website/catbutton_o.png) no-repeat;
	color:#7a7e80;
}
a.more:hover {
	background: url(images/website/catbutton_o_hover.png) no-repeat;
	color:#d8b22d;
}
a.price {
	background: url(images/website/catbutton_g.png) no-repeat;
	color:#7a7e80;
}
a.price:hover {
	background: url(images/website/catbutton_g_hover.png) no-repeat;
	color:#686990;
}
a.ref {
	background: url(images/website/catbutton.png) no-repeat;
	color:#7a7e80;
}

a.ref:hover {
	background: url(images/website/catbutton_hover.png) no-repeat;
	color:#c4c4c4;
}



input.incart {
	background: url(images/website/incart.png) no-repeat;	
	//background: url(../images/website/show.png) no-repeat;
	text-decoration:none;border:none;cursor:pointer;
	display:block;width:40px;height:40px;margin:0 auto;
	 transition: 0.4s;
}

input.incart:hover {
	background: url(images/website/incart_hover.png) no-repeat;	
	//background: url(images/website/show_hover.png) no-repeat;		
	
}


/*   ********************************PRODUCTLIST/WEBSHOP NAVIGÁCIÓ***************************************************************  */

a.incart {
	//background: url(images/website/incart.png) no-repeat;
	background: url(images/website/show.png) no-repeat;	
	text-decoration:none;
	display:block;width:100px;height:27px;
	 transition: 0.4s;
}
a.incart:hover {
	//background: url(images/website/incart_hover.png) no-repeat;	
	background: url(images/website/show_hover.png) no-repeat;		
}


input.incart {
	background: url(images/website/incart.png) no-repeat;	
	//background: url(../images/website/show.png) no-repeat;
	text-decoration:none;border:none;cursor:pointer;
	display:block;width:40px;height:40px;margin:0 auto;
	 transition: 0.4s;
	
}

input.incart:hover {
	background: url(images/website/incart_hover.png) no-repeat;
	
}

/*   ********************************PRODUCTLIST/WEBSHOP ***************************************************************  */

div.catbox {
background:#f1f1f1;
border:1px solid #e7e7e7;font-size:15px;
height:150px;
}

	div.catbox {
		width:45.5%;
		margin-left:1.2%;
		margin-top:10px;
		float:left;
	}

	@media only screen and (max-width: 768px) {
	  div.catbox { width:90% !important; float:none !important; margin:10px auto !important; height:auto !important;}
	
	}

	div.cart_pic_container {	 
	width:25%; 
	}
	
	table.cart_item_container {	 
	width:30%; 
	}

	div.cart_desc_container {	 
	width:30% ;
	}
	
	div.cart_action_container {	 
	width:15%; 
	}

	a.catboxname {
	text-decoration:none;color:#052a3d;font-weight:bold;font-size:14px;" 
	}

	div.productouter { margin:15px auto; text-align:center;position:relative; }

	@media only screen and (max-width: 768px) {
	  div.productouter { width:99% !important; float:none !important; }
	
	}

div.productouterinner {
	background:#f8f8f8;border-radius:5px;border:1px solid #f1f1f1; padding:3px;
}

td.filterattr {
	font-size:15px;border-bottom:1px solid #e7e7e7; color:#d7a00b;
}



td.prodaction {
	padding:3px;font-size:14px;
	height:100%;
	text-align:center;
    }

td.prodaction2 {	
	text-decoration: line-through;
    }

table.act {
	border-collapse:collapse;
	border:none;
	padding:0;
	text-align:center;
	width:100%;
}

table.act td {
	border:none;
	padding:0;	
}

/*   ********************************SHOPCART  ***************************************************************  */

	div.uline { border-bottom:1px solid #e3e3e3; padding-bottom:10px; width:95%; margin:0 auto;}

	span.productboxname {
		font-weight:normal;
		font-size:14px;
		
	}

	div.productcartouter {
		background:#f8f8f8;border-radius:5px;border:1px solid #f1f1f1;
	}

	div.productcartinner {
	border-top-right-radius:5px; border-top-left-radius:5px; font-size:14px;text-align:center;background:gray;
	}

	div.product_pic_container {	 
	width:15%; 
	
	}

	img.product_pic {
	/* border:1px solid #c1c1c1; border-radius:7px; padding:3px; */
	}

	@media only screen and (max-width: 768px) {    
		img.product_pic {
	       	max-height:100%;	
    		}

		div.product_pic_container {
		height:100%;
		}

		
	}

	
	div.product_item_container {	 
	width:25%; 
	}

	div.product_desc_container {	 
	width:26% ;
	}
	
	div.product_action_container {	 
	width:32%; 
	}

	@media only screen and (max-width: 768px) {    
		img.product_pic { max-height:100% !important; }
		div.product_pic_container { height:100% !important; width:50% !important; }		
		div.product_item_container { width:45% !important; }
		div.product_desc_container { width:100% !important; }
		div.product_action_container { width:100% !important; }		
	}

	table.cart_item_container {
		color:#cfcfcf;
	}

	td.productboxmark {
		font-weight:bold;
		font-size:13px;
		text-transform:uppercase;
	}

	td.productboxprise {
		font-weight:bold;
	}

	div.cart_desc_container {
		color:white;
	}

	div.cart_action_container {
		color:white;
	}

	div.cartinner {
		width:19.5%;
		text-align:center;
		vertical-align:middle;
		margin-left:0.5%;
		font-size:14px;
		
	}

	div.cartouter1 {
	width:35%;
	}

	div.cartouter2 {
	width:64%;
	}

	@media only screen and (max-width: 768px) {    

		div.cart_pic_container { width:50% !important; }
		div.cart_item_container { width:50% !important; }
		div.cart_desc_container { width:100% !important; }
		div.cart_action_container { width:100% !important; }
		div.cartouter1 { width:100% !important; }
		div.cartouter2 { width:100% !important; }
		div.cartcont { display:none !important; }
		div.panelo { width:95% !important; }
	}

	table.cartextra td {
		font-size:14px;
		border:none;
		padding:0;			
		background:#dbe3e8;
		height.45px;	
	}
	table.extraproduct td {
		font-size:14px;
		border:none;
		padding:0;
		background:#dbe3e8;	
		height:45px;
	}
	
	
	
	input.quantity {
		border:none;
		display:block;
		float:left;
		padding:0px 7px;
		background:#a0aeb8;
		color:white;
		border-radius:15px;
		font-size:20px;
		cursor:pointer;
		margin-left:3px;
	}

	input.del {
		border:none;
		display:block;		
		width:25px;
		height:25px;
		cursor:pointer;
		margin:0 auto;
		background:url(images/website/x.png) no-repeat;
		 transition: 0.4s;	
	}

	div.cartinner_spec {
		width:68%;
		text-align:center;
		vertical-align:middle;
		margin-left:0.5%;
		font-size:14px;
		
	}
	div.cartinner_inner {
		width:90%;
		text-align:left;
		margin:10px auto;
		
	}
	div.cartheader {
		text-align:center;		
		background:gray;
		color:white;
		font-size:14px;
		width:100%;
		padding:5px 0px;
	}
	
	.checkbox input {
	display: none;
	}

      	.checkboxom checkbox {
	width: 40px;
	height: 40px;
	display: block;
          	cursor:pointer;
	margin:0 auto;
          
	}

	checkbox input:checked + span {
	background:url(images/website/check_yes_small.png) no-repeat;
	}

	input.orderdata {
        	border:1px solid #d0d0d0;
        	border-radius:5px;
        	padding:5px 5px;
        	height:20px;
        	background:white;
        	font-family:Terminal Dosis,ariel;
        	font-size:16px;
        	color:#424e5a;        
        	text-align:left;
	width:90%;
	
      	}

	td.orderdata {        	
          	padding:3px 0px 3px 0px;
        	font-size:16px;
        	text-align:left;
        	color:#888888;  
	width:50%;  
      	}

	
      	td.orderend1 {        	
          	text-align:right;
          	padding:0px;         	
      	}
      
      	td.orderend2 {        	
          	text-align:left;
          	padding:0px;          
      	}
      
      	div.orderend1 {          	
        	border:1px solid #9fafbf;
          	border-top-left-radius:30px;
          	border-bottom-left-radius:30px;
          	text-align:center;
          	padding:3px;
          	float:right;          	
      	}
      
      	div.orderend2 {          	
        	border:1px solid orange;
          	border-top-right-radius:30px; 
          	border-bottom-right-radius:30px;
          	text-align:center;
          	padding:3px;
          	float:left;
      	}
      
      	
      
      	input.action1 {
          	width:100%;
	transition: 0.4s;
        	border:1px solid #9fafbf;
        	border-top-left-radius:30px;
          	border-bottom-left-radius:30px;
        	padding:10px;        	
        	background:#8293a5;
        	font-family:Terminal Dosis,ariel;
        	font-size:18px;
        	color:#424e5a;        
        	text-align:center;
          	cursor:pointer;
      	}
      
      	input.action1:hover {
          	background:#9fafbf;
          	color:#6f7a85;
	color:white;
        }


	a.action1 {
          	display:block;
	text-decoration:none;
	transition: 0.4s;
        	border:1px solid #9fafbf;
        	border-top-left-radius:30px;
          	border-bottom-left-radius:30px;
        	padding:10px;        	
        	background:#8293a5;
        	font-family:Terminal Dosis,ariel;
        	font-size:18px;
        	color:#424e5a;        
        	text-align:center;
          	cursor:pointer;
      	}
      
      	a.action1:hover {
          	background:#9fafbf;
          	color:#6f7a85;
	color:white;
        }

      
      	input.action2 {
          	width:100%;
	transition: 0.4s;
        	border:1px solid #fbbe66;
        	border-top-right-radius:30px;
          	border-bottom-right-radius:30px;
        	padding:10px;        	
        	background:#ff9501;
        	font-family:Terminal Dosis,ariel;
        	font-size:18px;
        	color:#424e5a; 
          	color:white;
        	text-align:center;
          	cursor:pointer;
      	}
      
      	input.action2:hover {
          	background:#fbbe66;
          	color:#b36e0d;
        }
	

/*   ********************************MODULE= NEWSLETTER - REGIST - CALLBACK ***************************************************************  */

      	div#regcont {      	
          	margin:0 auto;
          	width:200px;          	
    	}
    
	div.regcont {      	
          	margin:0 auto;
          	width:200px;          	
    	}    

      	input.kompinput {          	
      	color:#4d4b4b;   		
          	font-size:16px;          	
          	font-family: Terminal Dosis;
          	text-align:left;
          	padding:5px 5px;
          	border:none;  
          
        }
      
       input#usubmit {
       	position:relative;
         	z-index:1001;         	
       }  
    
    	div.inputouter {   
          	width:178px;
          	border:1px solid #cccccc;          	
          	margin:15px auto;
          	border-radius:3px; 
          	text-align:left;
          	background:white;
          	overflow:hidden;
        }


/*   ********************************MODULE=CONTACT ***************************************************************  */

	div.contact_data_outer {
		float:left;
		width:45%;		
	}
	
	@media only screen and (max-width: 1024px) {
    
	div.contact_data_outer {
       		width:100%;		
    		}

	}

	td.contact_header_icon {
		 width:0px;
		padding:0;
	}

	td.contact_header {
		padding:10px 0px;	
		font-size:22px;
		border-bottom:1px solid #e3e3e3;	
	}

	div.contact_map_outer {
		padding:3px;
		*/border:1px solid #573622;*/
		border-radius:5px;
		width:50%;
		float:right;
	}

	@media only screen and (max-width: 768px) {
	  div.contact_map_outer { width:97%;  margin-top: 15px;}
	
	}
	
	table.contact {
		width:100%;
		border-collapse:collapse;
	}

	td.contact_body {
		padding:20px 0px 0px 10px;
		border:none;
	}

	table.item {	
		width:100%;	
		border-collapse:collapse;		
	}
	td.contact_body_icon {
		font-size:23px;
		padding:0;
		color:#6a7c89;
		
	}

	td.contact_body_item {
		padding:0px 0px 0px 20px;
		text-align:left;	
		font-size:17px;	
	}

	div.gmap {
		width:100%;
		margin:0 auto;
		height:200px;
		
	}





/*   ********************************CATEGORIES*********************************************************************************  */			
	div.catbox img{
		border:3px solid white;
		border-radius:5px;
	}

	a.more {
	background: url(images/website/catbutton_o.png) no-repeat;
	color:#7a7e80;
}

a.price {
	background: url(images/website/catbutton_g.png) no-repeat;
	color:#7a7e80;
}

a.ref {
	background: url(images/website/catbutton.png) no-repeat;
	color:#7a7e80;
}

a.more:hover {
	background: url(images/website/catbutton_o_hover.png) no-repeat;
	color:#d8b22d;
	transition: 0.4s;
}

a.price:hover {
	background: url(images/website/catbutton_g_hover.png) no-repeat;
	color:#686990;
	transition: 0.4s;
}

a.ref:hover {
	background: url(images/website/catbutton_hover.png) no-repeat;
	color:#c4c4c4;
	transition: 0.4s;
}


/*   ********************************EFECTS*********************************************************************************  */


/*------------ DEMO BUTTONS -------------------- */


.demouter .mask,.demouter .content {
   width: 193px;
   height: 130px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.demouter img {
   display: block;
   position: relative;
}
.demouter h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.demouter p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.demouter a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.demouter a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.demouter img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.demouter .mask {
   background-color: rgba(231, 229, 216, 1);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.demouter h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.demouter p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.demouter a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.demouter:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.demouter:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.demouter:hover h2,.demouter:hover p,.demouter:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}



/*------------ INPUT -------------------- */

input.search[type=text] {
    width: 70%;
    box-sizing: border-box;
	
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 15px;
    background-color: white;
    background-image: url('searchicon.png');
   background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 3px 0px 3px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input.search[type=text]:focus {
    width: 90%;
}

.overlay div.cback {
	color:#f1f1f1;
	font-family:Terminal Dosis;
}
	.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
	  background-color: #424e5a;
    background-color: #424e5a;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
   margin-top:100px;
    width: 100%;
    text-align: center;
    
}

.overlay span {
    padding: 8px;
    text-decoration: none;		
    font-size: 36px;
    color:#f1f1f1;
    display: block;
    transition: 0.3s;    
    font-family:Terminal Dosis;
}

.overlay span:hover, .overlay span:focus {
    color: #818181;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.closebtn {
    position: absolute;
    top: 50px;
    right: 45px;
    font-size: 60px !important;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .closebtn {
    font-size: 40px !important;
    top: 15px;
    right: 35px;
  }
}
	
/*   ********************************CAMPAIGNS*****************************************************************************************  */

	div#action_outer { width:40%; position:relative; }

	@media only screen and (max-width: 768px) {    	
		div#action_outer { width:95%; position:relative; }	
	}

	input.videoendsubmit {
          	display:block;
          	width:260px;
          	height:46px;
          	margin:0 auto;
          	border:none;
          	cursor:pointer;
	color:white;
         	background:url(images/website/sub_button.png) no-repeat;	 
        	}
        
	input.videoendsubmit:hover {
        	background:url(images/website/sub_button_hover.png) no-repeat;	 
        	}

	a.videoendsubmit {
          	display:block;
	padding:15px 0px;
	text-decoration:none;
          	width:260px;
          	height:46px;
          	margin:0 auto;
          	border:none;
          	cursor:pointer;
	color:white;
         	background:url(images/website/sub_button.png) no-repeat;	 
        	}
        
	a.videoendsubmit:hover {
        	background:url(images/website/sub_button_hover.png) no-repeat;	 
        	}

	input.kompinput {          	
      	color:#4d4b4b;   		
          	font-size:15px;          	          
          	text-align:left;
          	padding:5px 5px;
          	border:none;            
        	}
      

	input.adminsubmit {
          	display:block;
          	width:178px;
          	height:46px;
          	margin:0 auto;
          	border:none;
          	cursor:pointer;
	color:white;
	border-radius:5px;
         	background:url(images/website/sub_button.png) no-repeat center;	 
        	}
    	input.adminsubmit:hover {
         	 background:url(images/website/sub_button_hover.png) no-repeat center;	 
        	}
    
	
/*   ********************************VERTICAL MENU**********************************************************************************  */

	
	li.left_nav_subcat {	
	text-align:left;		
	padding:0px 0px 0px 0px;	
	list-style:none;
	width:100%;
	margin:0 auto;
	color:#383838;
	}

	li.left_nav_subcat:hover  {
		
	}

	li.left_nav_subcat:hover a  {	
		color:#899aa6;
		
	}

	li.left_nav_cat:hover a  {	
		color:#899aa6;
		
	}

	li.left_nav_cat {
	text-align:left;		
	padding:3px 0px 3px 20px;
	list-style:disc;
	}

	li.left_nav_subcat_mobile {
	list-style:none;
	text-align:left;	
	margin:0;
	padding:10px 0px 10px 20px;
	}

	li.left_nav_cat_mobile {
	text-align:left;		
	padding:3px 0px 3px 25px;
	}

        	li.left_nav_subcat a {		
	cursor:pointer;
          	text-transform: uppercase;
	text-decoration:none;
          	color:black;
	color:#383838;
	padding:5px 0px 5px 10px;
	display:block;
	font-size:14px;
	font-weight:bold;
          	font-family:Terminal Dosis;              
    	  }

	 li.left_nav_cat a {          	
	text-decoration:none;	
          	color:#383838;
          	font-family:Terminal Dosis;            	
          	font-weight:normal;
	font-size:14px;
    	  }



	a.art_link {
	display:block;
	text-decoration:none;	
	color:#b0d400;
	font-weight:bold;
	margin-top:10px;
	}

	a.art_link:hover {	
	color:#8d9d44;	
	}

	li.left_nav_subcat_mobile a {		
	cursor:pointer;
          	text-transform: uppercase;
	text-decoration:none;
          	color:#545454;
          	font-family:Terminal Dosis;             	
          	font-weight:normal;
    	  }

	 li.left_nav_cat_mobile a {          	
	text-decoration:none;	
          	color:gray;
          	font-family:Terminal Dosis;            	
          	font-weight:normal;
    	  }

	a.hor_slink {
	display:block;
	float:left;
	padding:10px 20px; 
	color:white;
	background:green;
	text-decoration:none;
	font-family:Terminal Dosis;
	font-size:17px;
	margin-left:3px;
	border-radius:5px;
	}

	a.hor_ulink {
	display:block;	
	padding:2px 0px; 
	width:100px;
	color:black;
	background:orange;
	text-decoration:none;
	font-family:Terminal Dosis;
	font-size:17px;
	margin-left:3px;
	border-radius:5px;
	}

	a.hor_link:hover {
	background:gray;
	color:black;
	}	

	

	div#mobile_nav_first_line {
	width:100%;
	margin:0;
	color:#74613d;
	font-family:Terminal Dosis;
	margin:0;
	font-size:18px;
	position:relative;
	top:0px;
	left:0px;
	z-index:1001;
	display:none; 
	}

	@media only screen and (max-width: 1024px) {    

		div#mobile_nav_first_line { position:fixed; display:block; top:0px; }
	}

	div#cat_box_mobile {
	width:20%;
	float:left;
	text-align:center;
	position:relative;
	z-index:1001;
	padding:14px 0px;		
	}

	div#page_box_mobile {
	width:25%;
	float:left;
	text-align:center;
	position:relative;
	z-index:1001;
	padding:14px 0px;
		
	}

	div#cart_box_mobile {
	 width:55%;
	float:left;
	text-align:center;
	position:relative;
	z-index:1001;
	padding:0;
	
	} 

	div#mobile_nav_second_line {
	width:100%;
	margin:0;
	position:relative;
	top:0px;
	left:0px;
	z-index:1001;
	}

	@media only screen and (max-width: 1024px) {    

		div#mobile_nav_second_line {width:100%; margin:0; position:relative;left:0px;z-index:1001; position:fixed; top:55px; }
		
	}

	div#cat_box_mobile1 {
		float:left;text-align:center;position:relative;width:100%;overflow:hidden;  background-color: rgba(231, 229, 216, 1); display:none;
	}

	div#page_box_mobile1 {
		float:left;text-align:center;position:relative;width:100%;overflow:hidden;  background-color: rgba(231, 229, 216, 1); display:none;
	}

	.pagebox {
		max-height:0px;
		-webkit-transition: all 0.6s ease;
   	-moz-transition: all 0.6s ease;
   	-o-transition: all 0.6s ease;
   	-ms-transition: all 0.6s ease;
   	transition: all 0.6s ease;

	}

	.pagebox_effect {		
	max-height: 500px;		
   	-webkit-transition: all 0.6s ease;
   	-moz-transition: all 0.6s ease;
   	-o-transition: all 0.6s ease;
   	-ms-transition: all 0.6s ease;
   	transition: all 0.6s ease;
  
	}
	
	div#cart_box_mobile1 {
	float:right;
	width:90%;
	text-align:center;
	position:relative;
	display:none;
	}

	div#cat_box_container {
	width:100%;
	margin:0;	
	}

	div#page_box_container {
	width:100%;
	margin:0;		
	}

	
	
	div#cat_box_mobile:hover {
		background:#2f1709;
		color:white;
	}

	div.nav_hor_mobile {
		cursor:pointer;
	}

	div#cart_box_mobile:hover {
		
		color:white;
	}
	
	div#page_box_mobile:hover {
		background:#2f1709;
		color:white;
	}

	
	div#cart_box_mobile:hover table td {
		color:white;
	}

	div#cart_box_mobile table td {
		color:#0b81b6;
	}
	
	div#cart_box_mobile table td td {
		color:#0b81b6;
	}
	
	div#cart_box_mobile:hover table td td {
		color:white;
	}

	div#search_box_mobile:hover  {
		background:#0b81b6;
		color:white;
	}			
	

	@media only screen and (max-width: 1024px) {    

	div#cart_box_mobile { display:block;  float:right;text-align:center;position:relative;} 
	div#cat_box_mobile { display:block; float:left;text-align:center;position:relative; } 
	div#page_box_mobile { display:block; position:relative;}
	div#page_box_mobile1 { display:block;}	
	div#cat_box_mobile1 { display:block;}	
	}