@import url("reset.css");

body {background-color: #373737; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }

/* Wrapper */
.footer_wrapper, #slider, #content, #service
{
	width: 980px;
	margin: 0 auto;	
}

#header
{
	height: 374px;
	background: url('../images/header.jpg') top center no-repeat #690000; 
	border-bottom: 1px solid #373737;
	box-shadow: 0px 0px 20px #000;
	padding-top:80px;
}

#header #slider
{
	height: 290px;
}
#header #slider .slider_left
{
	padding-left: 210px;
	/*background: url('../images/slider-gradient.png') repeat-x;*/
	/*background-color: #f4f4f4;*/
	/*border: 1px solid #fff;*/
	border-radius: 10px 0 0 10px;
	/*box-shadow: 0px 0px 5px #000;*/
	width: 400px;
	height: 290px;
}
#header #slider .left h2
{ 
	color: #cc2000;
	font-size: 35px;
	font-weight:bold;
	font-style:italic;
	font-family: "Trebuchet MS";
	margin-bottom: 18px;
	margin-bottom: 12px;
}
#header #slider .left .fulltext
{
	font-size: 12px;
	color: #000000;
}
#header #slider img
{
	position: absolute;
	top: 8px;
	left: 7px;
}
/* Slider */
#header .bx-wrapper 
{
	position: relative;
	background: url('../images/slider-background.png') no-repeat left center;
}
#header .bx-wrapper .bx-viewport {}
#header .bx-wrapper .bx-viewport {}
#header .bx-wrapper .bx-viewport ul{}
#header .bx-wrapper .bx-viewport ul li
{
	
}
#header .bx-wrapper .bx-controls 
{
	width: 370px;
	position: absolute;
	top: 0px;
	left: 612px;
	z-index: 100;
}
#header .bx-wrapper .bx-controls .bx-pager
{
	display: table-cell;
	vertical-align: middle;
	width: 370px;
}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item 
{
	border-bottom: 1px dotted #7a0000;
}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item:nth-child(4)
{
	border-bottom: none;
}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item a
{
	display: inline-block;
	padding-left: 80px;
	width: 290px;
	height: 72px;
	margin-right: 3px;
	border-radius: 0px 10px 10px 0px;
	background: url('../images/slider-arrow-1.png') no-repeat center left;
	/*text-indent: 500px;
	overflow: hidden;*/
	font-family: Trebuchet MS;
	font-size: 19px;
	font-weight:bold;
	font-style: italic;
	line-height: 72px;
	color: #fff;
	letter-spacing: 0px;
}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item:nth-child(2n) a
{
	background-image: url('../images/slider-arrow-2.png');
}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item a:hover
{
	background-color: rgba(244,244,244, 0.2);
}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active
{
	background-color: #f4f4f4;
	color: #cc2000;
}
.webshop {}
.webshop .category_name
{
	
}
.webshop #paginator 
{
	float: right;
	margin-top: 10px;
}
.webshop #paginator span, .webshop #paginator a
{
	display: block;
	height: 11px;
	width: 20px;
	background-image: url('../images/pager.png');
	float: left;
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
}
.webshop #paginator span
{
	background-position: bottom center;
}
.webshop #paginator a
{
	background-position: top center;
	color: #fff;
}
.webshop .product_list_header 
{
	background-color: #2a2a2a;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7f7f7f;
}
.webshop .product_list 
{
	background-color: #4b4b4b;
	cursor:pointer;
}
.webshop .product_list:hover, .webshop .product_list:hover:nth-child(2n)
{
	background-color: #bf1f01;
}
.webshop .product_list:nth-child(2n)
{
	background-color: #3c3c3c;
}
.webshop .product_list_header div
{
	cursor: pointer;	
}
.webshop .product_list_header a
{
	color: #7f7f7f;	
}
.webshop .product_list_header .product_list_cell, .webshop .product_list .product_list_cell
{
	text-shadow: #000 1px 1px;
	float:left;
	padding: 15px;
	border-left: 1px solid #585858;
	border-right: 1px solid #2f2f2f;
	border-top: 1px solid #494949;
	border-bottom: 1px solid #1f1f1f;
	height: 14px;
}
.webshop .product_list .product_list_cell
{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.webshop .product_list:hover .product_list_cell
{
	border-left: 1px solid #d42808;
	border-right: 1px solid #781401;
	border-top: 1px solid #e13515;
	border-bottom: 1px solid #4f0d01;
}
.webshop .product_list .product_list_cell a
{
	color: #fff;
}
.webshop .product_list .product_list_cell.hit, .webshop .product_list_header .product_list_cell.hit
{
	width: 100px;
}
.webshop .product_list .product_list_cell.nev, .webshop .product_list_header .product_list_cell.nev
{
	width: 323px;
}
.webshop .product_list .product_list_cell.eladas_ar, .webshop .product_list .product_list_cell.berleti_ar, .webshop .product_list_header .product_list_cell.eladas_ar, .webshop .product_list_header .product_list_cell.berleti_ar
{
	width: 90px;
	text-align: right;
}
.webshop .product_list .product_list_cell.cart, .webshop .product_list_header .product_list_cell.cart
{
	width: 50px;
	position: relative;
}
.webshop .product_list .product_list_cell.cart a
{
	margin-left: 15px;
	display: block;
	padding-top: 20px;
	height: 7px;
	width: 25px;
	background: url('../images/cart.png') no-repeat;
	text-indent: 300px;
	overflow: hidden;
}
.webshop .product_list .product_list_cell.kell a
{
	text-transform: uppercase;
}
.webshop .product_list .product_list_cell.kell, .webshop .product_list_header .product_list_cell.kell
{
	width: 135px;
	position: relative;
}
.webshop .product_list_header .product_list_cell.eladas_ar, .webshop .product_list_header.product_list_cell.berleti_ar {
	text-align: center;
}

#service
{
	margin-bottom: 45px;	
}
#service h2, .webshop .category_name
{
	font-size: 24px;
	color: #7f7f7f;
	font-family: "Trebuchet MS";
	text-align: center;
	text-transform: uppercase;
	margin: 70px 0 20px 0;
	font-weight: normal;
	text-shadow: #000 1px 1px;
	background: url('../images/line.jpg') left center no-repeat,
	url('../images/line.jpg') right center no-repeat;
}
#service .box
{
	width: 290px;
	float: left;
	position:relative;
}
#service .box .arrow
{
	background: url('../images/box-arrow.png') no-repeat;
	position: absolute;
	top: 44px;
	left: 20px;
	width: 35px;
	height:	18px;	
}
#service .box h1
{
	font-weight: normal;
	text-shadow: #000 1px 1px;
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	margin: 10px 10px;
	
}
#service .box a.more
{
	text-indent: 300px;
	overflow: hidden;
	height: 32px;
	width: 32px;
	display: block;
	position:absolute;
	top: 260px;
	left: 271px;
	background: url('../images/box-button.png') no-repeat center top;
}
#service .box a.more:hover
{
	background-position: center bottom;
}
#service .box .text
{
	font-family: Tahoma;
	background-color: #2a2a2a;
	height: 170px;
	border-radius: 10px;
	cursor:pointer;
	padding: 30px 20px;
	font-size: 14px;
}
#service .box .text:hover
{
	background-color: #191919;	
}
#service .box.center
{
	margin: 0 50px;
}

/* DiLogo */
#footer 
{
	background-color: #e8e8e8;
	min-height: 200px;
}
#footer #kapcsolat 
{
	font-size: 11px;
	color: #636363;
	padding: 10px 0 0 10px;
}
#footer #kapcsolat p
{
	margin: 10px 0;
}
#footer #directinfo
{
	padding: 20px 0 10px 0;
}
#footer #directinfo .dilogo 
{
	width: 266px;
	height: 42px;
	display: block;
	background: url('../images/logo.png') no-repeat;
}
#footer #directinfo, #footer #web_site_developer, #footer #web_site_operation, #footer #marketing
{
	float:left;
}
#footer #web_site_developer, #footer #web_site_operation, #footer #marketing
{
	width: 160px;
	margin-left: 50px;
	padding-top: 30px;
}
#footer #web_site_developer h3, #footer #web_site_operation h3, #footer #marketing h3
{
	color: #fa4300;
	font-size: 18px;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	font-weight: normal;
}
/* Mainmenu */
#footer #web_site_developer {}
#footer #web_site_developer ul.menulevel_1 
{
	list-style: disc;
	padding-left: 18px;
	font-size: 11px;
}
#footer #web_site_developer ul.menulevel_1 li.normal 
{
	color: #fa4300;
	margin-top: 7px;
}
#footer #web_site_developer ul.menulevel_1 li.normal a 
{
	color: #636363;
}
#footer #web_site_developer ul.menulevel_1 li.normal a:hover 
{
	color: #111;
}
/* Mainmenu end */
/* Mainmenu */
#footer #web_site_operation {}
#footer #web_site_operation ul.menulevel_1 
{
	list-style: disc;
	padding-left: 18px;
	font-size: 11px;
}
#footer #web_site_operation ul.menulevel_1 li.normal 
{
	color: #fa4300;
	margin-top: 7px;
}
#footer #web_site_operation ul.menulevel_1 li.normal a 
{
	color: #636363;
}
#footer #web_site_operation ul.menulevel_1 li.normal a:hover 
{
	color: #111;
}

/* Mainmenu end */
/* Mainmenu */
#footer #marketing {}
#footer #marketing ul.menulevel_1 
{
	list-style: disc;
	padding-left: 18px;
	font-size: 11px;
}
#footer #marketing ul.menulevel_1 li.normal 
{
	color: #fa4300;
	margin-top: 7px;
}
#footer #marketing ul.menulevel_1 li.normal a 
{
	color: #636363;
}
#footer #marketing ul.menulevel_1 li.normal a:hover 
{
	color: #111;
}
/* Mainmenu end */

#footer_bottom 
{
	height: 50px;
	background-color: #d3d3d3;	
}
/* DiLogo end */

#popup
{
	position: absolute;
	right: 300px;
	bottom: 0px;
	width: 200px;
	/*width: 770px;*/
	height: 153px;
	background: url('../images/popup-gradient.jpg') repeat-x;	
	border-top: 1px solid #ff9000;
	border-bottom: 1px solid #590600;
	border-radius: 10px;
	box-shadow: 5px 5px 20px #000;
	z-index: 150;
}
#popup #papper
{
	width: 181px;
	float: right;
	margin-right: 10px;
}
#popup #papper .papper_bottom
{
	height: 20px;
	background: url('../images/papper-shadow.png') no-repeat;
}
#popup #papper ul
{
	background: url('../images/papper-gradient.png') top center repeat-x;
	height: 120px;
	margin-top: 10px;
	border: 1px solid rgba(221,221,221,0.5)
}
#popup #papper ul li
{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d8d8d9;
	line-height: 27px;
	padding: 0 10px;
}
#popup #papper ul li a
{
	color: #cc2000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;	
}
#popup #papper ul li a:hover
{
	color: #4b4b4b;
}
#popup #form
{
	display: none;
	padding: 20px;
	position: relative;
	width: 539px;	
	float: left;
	background: url('../images/papper-arrow.png') center right no-repeat;
}
#popup #form .left
{
	width: 210px;
	float: left;	
}
#popup #form .left .email
{
	margin-top: 3px;
}
#popup #form .left .tel
{
	margin-top: 3px;
}
#popup #form .right
{
	width: 310px;
	float: left;	
}
#popup input[type="text"]
{
	background: url('../images/popup-text.png') no-repeat;
	background-color: transparent;
	width: 198px;
	height: 37px;
	line-height: 37px;
	text-indent: 10px;
	padding: 0 5px;
	border: 0;
	color: #393939;
}
#popup textarea
{
	font-family: Arial, Helvetica, sans-serif;
	background: url('../images/popup-area.png') no-repeat;
	background-color: transparent;
	width: 314px;
	height: 107px;
	line-height: 14px;
	padding: 5px;
	border: 0;
	color: #393939;
	resize: none;
}
#popup input[type="submit"]
{
	background-color:transparent;
	background: url('../images/popup-button.png') no-repeat;
	width: 95px;
	height: 27px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	position:absolute;
	top: 99px;
	left: 427px;
}

#banner input[type="text"]
{
	background: url('../images/slider-text.png') no-repeat;
	background-color: transparent;
	width: 120px;
	height: 37px;
	line-height: 37px;
	text-indent: 10px;
	padding: 0 5px;
	border: 0;
	color: #393939;
	float: left;
	margin-top:3px;
}
#banner textarea
{
	font-family: Arial, Helvetica, sans-serif;
	background: url('../images/slider-area.png') no-repeat;
	background-color: transparent;
	width: 388px;
	height: 57px;
	line-height: 14px;
	padding: 5px;
	border: 0;
	color: #393939;
	resize: none;
}
#banner input[type="submit"]
{
	background-color:transparent;
	background: url('../images/popup-button.png') no-repeat;
	width: 95px;
	height: 27px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	margin-top:13px;
}
#banner .slider_left .bg
{
	/*background: url('../images/slider-bg.jpg') repeat-x center left #fff;*/
	margin-top: 7px;
	margin-left: -7px;
	margin-right: 7px;
	height: 272px;
}

#banner .slider_left .fulltext .arrow
{
	float: right;
}
#banner .slider_left .fulltext .elado
{
	text-align: center;	
	line-height: normal;
	width: 315px;
	padding-right: 85px;
	background: url('../images/slider-arrow-big.png') no-repeat right center;
}
#banner .slider_left .fulltext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 16px;
}
#banner .slider_left .fulltext p
{
	margin: 12px 0px;
}

#banner .slider_left h2
{
	letter-spacing: -1px;
	color: #cc2000;
	font-family: Trebuchet MS;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	padding: 10px 0px;
}

#phone p{
	text-align: center;
	letter-spacing: -1px;
	color: #fff;
	font-family: Trebuchet MS;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	padding-top: 30px;
}


/* basic classes */
.hidden {display: none;}
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
.dev_border {border: 1px solid #000;}

#form_gen_pos {
position: relative;
}

.error
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 16px;
	font-weight: bold;
}
.error a
{
	color: #000;
}

#popup .error
{
	display: block;
	position: absolute;
	left: -12px;
	top: -12px;
	height: 126px;
	width: 545px;	
}

#banner .captcha {position:absolute; bottom:-46px; left:0;}
#banner .captcha .img {float:left; margin:0!important; width:132px; height:14px;}
#banner .captcha .img img {position:static;}
#banner .captcha #captcha {margin-top:10px;}


#banner .error
{
	top: 0px;
	left: 0px;
	width: 391px;
	height: 135px;	
}

.error, #popup .error
{
	padding-top: 10px;
	padding-left: 10px;
	position: absolute;
	background-color: #f4f4f4;
	border-radius: 5px;
}

p.error_message {color: #D00; font-weight: bold; line-height: 17px; padding: 0 4px 0 4px; border-radius: 5px;
margin: 0 0 4px 0;	font-size: 12px;}
p.success_message a {color: #000;}
p.success_message {margin-top: 10px; font-size: 16px; color: black; font-weight: bold; line-height: 17px; padding: 0 4px 0 4px; border-radius: 5px; margin: 0 0 4px 0; font-size: 12px;}