
/* ---------- INIT ---------- */


/* font */
html, 
body, 
form, 
input, 
select, 
fieldset, 
table {
  font-size: 11px; 
  font-family: Arial, Verdana, Tahoma; 
  color: #333; 
  text-align:left;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
pre, 
code { font-size: 11px; }

/* BG */
body {background: #4f3324; }

/* margin */
html, 
body, 
form, 
fieldset, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
pre, 
blockquote, 
ul, 
ol, 
li, 
dl, 
address {
  margin: 0px; 
  padding: 0px; 
  font-weight: normal;
}

/* LIST */

.pagetext ul,
.pagetext ol,
.body_class ul,
.body_class ol,

.center .text ul,
.center .text ol,
#content ul, 
#content ol { list-style-position: outside; margin-left: 15px;}
#content .center-box ul {
	margin-left: 0;
} 

/* LINK */
a:link,
a:visited,
a:active,
a:hover { text-decoration: none; }

/*
a img { border: none; }
*/

/*
a img,
:link img,
:visited img,
:active img,
:hover img {border: none; }
*/


a {
	color:#942253;
}

/* CLEAR */
div.clear, 
span.clear {
  clear: both; 
  font-size: 0px;
}



#top_bg {
  width: 100%;
  background: #A1896B;
  height: 130px;
}



/* ---------- CONTAINER ---------- */
#container {
  width: 1011px;
  margin: 0 auto;
  background: url(images/bg_container.jpg) repeat-y;
  position: relative


}

#wrapper {
	min-height: 300px;
	background: url(images/bg_content.jpg) no-repeat;
	position: relative;
	z-index: 1;
	
}




/* ---------- HEAD ---------- */


#header {
  width: 100%;
/*
  height: 140px; 
  background: url(images/head.jpg) no-repeat;
*/
}

 
 
/* ---------- NAV BAR ---------- */

 
#nav { 
	height: 50px;
	position: relative;
}

#nagyker {
    float: left;
    width: 123px;
    height: 50px;
    background: url(/images/menu_button_lila.png) no-repeat;
    text-align: center;
    padding-top: 6px;
    
}
#nagyker a {
    color: #fff;
}


#menu_top {
	float: left;
	margin-left: 7px;
}
#menu_top ul {
	list-style-type: none;
}
#menu_top li {
	float: left;
	width: 123px;
	height: 50px;
	background: url(images/menu_button.png) no-repeat top right;
	text-align: center;
}
#menu_top a {
	position: relative;
	top: 7px;
	margin-top:10px;

}
#menu_top a:hover {
	text-decoration: underline;	
}



#search {
	float: right;
	margin-right: 4px; 
	width: 250px;
	padding: 0px;
		
}
#search input {	
	width: 115px; 
	border: 1px solid #82797A;
	background: #f0efed;
	font-size: 10px;
	height: 15px;
	padding-top: 0px;
}
#search div { float: right; }
#search div.button {
	width: 68px;
	text-align: center; 
	margin-left: 10px; 
	line-height: 26px; 
	cursor: pointer;
	color: #4F3325;
	background: url(images/search_button.png) no-repeat bottom left;
}
#search div.field {margin-top: 6px;}
#search div.title {
	margin-right:10px; 
	line-height: 26px;
}

/* ---------- LEFT BAR---------- */


#left {
  clear: both;
  float:left;
  width: 206px;
  margin-top: -13px; 
}

 
/***********************************/

#catalog_menu_left {
	margin-left: 0px;	
}

#catalog_menu_left .head{
	height: 38px;
	background: url(images/catalog_menu_head_03.png) no-repeat top left;
}
#catalog_menu_left .head .text{
	padding: 30px;
	padding-top: 20px;
	padding-bottom: 0;
	color: #E4E0DD;
	font-size: 12px;
	font-weight: bold;
}
#catalog_menu_left .center{
	background: url(images/catalog_menu_bg_06.jpg) repeat-y 0 -3px;
	margin-right: 7px;
}
#catalog_menu_left .foot{
	height: 98px;
	background: url(images/catalog_menu_foot.jpg) no-repeat top left;
}


#catalog_menu_left li{

	font-size: 12px;
	background: url(images/catalog_menu_bg_06.jpg) no-repeat bottom left;
	padding-top:2px;
	padding-bottom: 3px;
}
#catalog_menu_left a{
	margin-top: 0px;
	margin: 0 5px 0 9px;
	display: block;
/*	height: 16px;*/
	line-height: 16px;
	padding: 2px 20px;
	color: #333;
}
#catalog_menu_left a:hover {
	background: #F0E8E5;
}

/************************************/

 
#menu_left {
	margin-left: 0px;	
}

#menu_left .head{
	height: 39px;
	background: url(images/left_menu_head.png) no-repeat top left;
}
#menu_left .head .text{
	padding: 30px;
	padding-top: 22px;
	padding-bottom: 0;
	color: #E4E0DD;
	font-size: 12px;
	font-weight: bold;
}
#menu_left .center{

	margin-right: 7px;

}
#menu_left .foot{
	height: 116px;
	background: url(images/left_menu_foot.png) no-repeat top left;
}
#catalog_menu_left ul,
#menu_left ul {
	list-style: none;	
}
#menu_left li{

	font-size: 12px;
	background: url(images/bal_menu_bg_10.jpg) no-repeat top left;
	padding-top:2px;
	padding-bottom: 2px;
}
#menu_left a{
	margin: 0px 4px 0 10px;
	display: block;
	height: 16px;
	line-height: 16px;
	padding: 2px 20px;
	color: #333;
}
#menu_left a:hover {
	background: #4F3325;
	background: #F0E8E5;
	color: #fff;
	color: #333;
/*	font-weight: bold;*/
}

/*******************************************/

.box-left {
	margin-left: 0px;
	width: 206px;
	background: url(images/left_box_bg_13.jpg) repeat-y top right;
}

.box-left .head{
	background: url(images/left_box_head.jpg) no-repeat top left;
	
}

.box-left .head .text {
	line-height: 13px;
	padding: 5px 15px 10px 20px;
	
	color: #932154;
	text-transform: uppercase;
	font-weight: bold;
}
.box-left .foot{
	background: url(images/left_box_foot.png) no-repeat top left;
	height: 23px;
}

.box-left .center{
	background: url(images/left_box_bg_13.jpg) repeat-y top right;
	
}
.box-left .center .text{
	padding: 5px 25px;
	line-height: 18px;
	text-align: left;
	width: 156px;
	overflow: hidden;
}



/* ---------- RIGHT BAR ---------- */

#right {
  float:right;
  width:206px;
  margin-top: -15px;
 
}


#sb-container{
	background: url(images/newsletter_box_bg.png) no-repeat top right;
	height: 480px;
}

#spec-box {

	position: relative;
	
}
#spec-box .search_text{
	position: absolute; 
	width: 110px; 
	right: 10px; 
	top: 7px; 
	font-weight: bold;
	z-index: 500;
}




#spec-box .email{
	position: absolute; 
	width: 160px;
	height: 80px; 
	left: 30px; 
	top: 32px;
	z-index: 10;
/*	
	background: #fff;
	opacity: 0.7; 
*/	

}
#spec-box .email .title{
	font-weight: bold;
	color: #942253;
	font-size: 12px;
}


#spec-box .email input {
	width: 115px; 
	border: 1px solid #82797A;
	background: #f0efed;
	margin-top: 10px;	
	height: 13px;
	padding-top: 4px;
	font-size: 10px;
	color: #333;
}
#spec-box .email .button{
	font-weight: bold;
	color: #942253;
	position: relative;
	top: 10px;
	left: 50px;
	width: 50px;
}

#spec-box .szlogen {
	position: absolute; 
	width: 160px; 
	left: 30px; 
	top: 240px;
	text-align: left;
	line-height: 17px; 
	
}







.box-right {
	clear: both;
	float: right;
	width: 206px;
	text-align: left;
	background: url('images/right_box_bg_15.jpg') repeat-y 0px 0px;
}

.box-right .head{
	background: url(images/right_box_head.jpg) no-repeat 0px 0px;
}

.box-right .head .text {
	line-height: 13px;
	padding: 5px 15px 10px 20px;

	color: #932154;
	text-transform: uppercase;
	font-weight: bold;
}
.box-right .foot{
	background: url(images/right_box_foot.jpg) no-repeat;
	height: 23px;
}

.box-right .center {
	background: url('images/right_box_bg_15.jpg') repeat-y 0px 0px;
	
	
}

.box-right .center .text{
	padding: 5px 25px;
	line-height: 18px;
	width: 156px;
	overflow: hidden;
}
/* ---------- MAIN ---------- */

#main {
  width: 599px;
  float: left;
  color: #333;
  position: relative;
}

#main #content_title {
  padding-bottom: 10px;
  padding-left: 10px;
  font-size: 14px;
  color: #555; 
  position: relative;
}

#main #content_title .text {
	background: url(images/content_title_bg.png) no-repeat top left;
	margin-top: 7px;
	margin-left: -10px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	
		
}
#main #content_title .icon_print {
	width: 60px; 
	position: absolute;
	top:10px;
	right: 20px;
	display: none;
}

#main #content {
  padding: 10px 20px;
  overflow: hidden;
  
}
.box-right .center img,
.box-left .center img,
#main #content img {
	border-color: #CBB9AD;
	padding: 2px;
}

#main #icon_print,
#main .icon_print {
	clear: both;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 20px;
}
#main #icon_print {
	padding: 0 00px;
}

#main .subtitle {
	text-align: center;
	
	font-weight: bold;
	text-transform: uppercase;
	color: #922254;
}
.kiemelt {
	margin: 10px auto;
	text-align: center;
	overflow: hidden;
	margin-left: 5px;

}
.kiemelt .item{
	width: 184px;
	float: left;
	
	
}

.kiemelt .item .kiemel{
	color: #932253;
	font-weight: bold;
}
.kiemelt .item .pic{
	height: 140px;
	text-align: center;
	
}
.kiemelt .item .price{
	color: #888;
}
.kiemelt .item .title{
	color: #555;
	text-transform: none;
	margin: auto;
	margin-bottom: 5px;
	width: 170px;

}
.termekfocsoport,
.termekfocsoport a,
.kiemelt .item .title div,
.kiemelt .item .title div a {
	color: #999;	
}
.termekfocsoport a:hover,
.kiemelt .item .title div a:hover {
	color: #555;	
}

.groupfilterselect {
	width: 179px;
	width: 132px;
	float: left;
	margin: 5px;
	background: #eee;
	opacity: 0.8;
	filter:alpha(opacity=80);
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 11px;
}
.filterselect {
	width: 200px;
	float: left;
	margin-bottom: 5px;
	background: #fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
}



.grouppathdiv{
	font-size: 11px;
	color: #555;
	padding-right: 80px;

}
#content_title .bg{
	background: url(images/content_title_bg.png) no-repeat top left;
	height: 40px;
	margin-top: -5px;
	margin-left: -10px;
}
.center-box {
	width: 189px;
	float: left;
	margin: 1px;
	
}
.center-box .head{
	height: 60px;
	background: url(images/box_center_head.jpg) no-repeat 1px 0;
}
.center-box .head .icon{
	width: 52px;
	height: 55px;
	float: left;

/*	background: url(_user/box/heads/1.png) no-repeat 5px 1px;*/
}
.center-box .head .title{
/*	background: #d00;*/
	width: 125px;
	height: 50px;
	float: right;
	
	
	padding-right: 5px;
}
.center-box .head .title table{
	font-size: 12px;
	font-weight: bold;
	color: #555;
	text-transform: uppercase;
}
.center-box .foot{
	height: 35px;
	text-align: right;
	padding: 0 15px;
/*	background: url(_user/box/foots/0.png) no-repeat top left;*/
}

.center-box ul {
	list-style-type: disc; 
	text-align: left;
	list-style-position: outside;
	
}
.center-box li {
	font-size: 12px;
	color: #555;
	padding: 5px;
	margin-left: 30px; 
	
}
.center-box li a {
	color: #555;
}

ul.search_res #sites{
 	list-style: disc;

}
ul.search_res #sites li{
	font-size: 10px;
	height: auto;
	padding: 0px;
	padding-bottom:10px; 
	font-weight: bold;
	
}




ul.search_res li {
	font-size: 12px;
	font-weight: bold;
	color: #555;
}


ul.search_res li li{
	font-size: 10px;
	height: 160px;  
	font-weight: bold;
	
}
ul.search_res li li .gomb{
	position: absolute; 
	right: -14px; 
	top: -14px; 
	cursor: pointer;
}

ul.search_res a.pic{
	
}
ul.search_res a img{
	vertical-align: middle;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 2px;	
}



/* ---------- FOOT ---------- */

#footer {
  clear:both;
  height: 200px;
  background: url(images/foot.jpg) no-repeat bottom left;
  position: relative;
}

#footer .text{
	position: absolute;
	top: 100px;
	left: 20px;
	height: 55px;
	color: #4F3423;
	font-size: 12px;

}

#footer .linx {
	height: 28px;
	width: 450px;
	position: absolute;
	bottom:0;
	right: 10px;
	text-align: right;
	
}
#footer .linx ul {
	float: right;
}

#footer .linx li {
	float: left;
	margin-left:20px;
}

/************************** catalog elements ********************************/

.groupfilterdiv {
	clear: both;
}

.productnamediv{
	background: url(images/diszcsik_01.jpg) no-repeat top left;
	height: 22px;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 20px;
}

.imagecontainerdiv {
	width: 265px;
	float: left;
}
.imagecontainerdiv table{


}
.propertydiv{
	float: right;
/*	background: #000;*/
	width: 300px;
	color: #555;
	text-align: left;
}
.propertydiv td{
	background: #fff;
	border: 1px solid #aaa;
	padding: 5px;
	filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   text-align: left;
	
}

.productpropertytitle {
	font-weight: bold;

	font-size: 11px;
	color: #3F2E23;
}

.productpropertyvalue {
	color: #555;
	
}

.spec {
	color: #942253;
	font-weight: bold;
}


.info {
	padding: 20px 0;
	clear: both;
	background: url(images/big_flower.jpg) no-repeat center right;
}
.info .infotitle {
	font-weight: bold;
	font-size: 12px;
	color: #942253;

	line-height: 22px;
	/*background: url(images/diszcsik_02.jpg) no-repeat;*/
	/*width: 75px;*/
}
.info .felhivas {
	
	font-size: 11px;
	margin-bottom: 20px;
	
}

.info td{
	background: #fff;
	border: 1px solid #aaa;
	padding: 5px;
	filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
	
}
.info td .textinput,
.info td .textarea{
	border: none;
	width: 100%;
}


.end {
	text-align: center;
	margin: 20px 0;
}



.imagecontainerdiv-g{
	width: 102%; 
	margin-left: -10px; 
	text-align: center;	
}
.imagecontainerdiv-gf{
	width: 100%; 
	margin-left: -0px; 
	text-align: center;	
}
.groupdiv {
	margin-bottom: 20px;
}

.groupdiv .namediv{
	margin: 10px 0;
	color: #888;
	text-align: center;
}

.webshop_descriptiontext {
	line-height: 18px;
	text-align: left;
	padding-bottom: 20px;
	color: #555;
	margin-left: 280px; 
}
.webshop_descriptiontext_g {
	line-height: 18px;
	text-align: center;
	padding-bottom: 5px;
	color: #555;
 
}
.wide {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	padding-top: 10px;
}


table.nice td {
	background: #fff;
	border: 1px solid #aaa;
	padding: 5px;
	filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
}
table.nice .input {
	font-style: italic;
}


.strong {
	font-weight: bold;
	color: #942253;
}

.message {
	width: 300px;
	margin: auto;
	text-align: center;
	color: #942253;
	border: 1px solid #ddd;
	padding: 15px;
	margin-top: 25px;
}

#contentFB {
	background: url(images/big_flower.jpg) no-repeat center right;
}

a img.pic-border { border: 1px solid #ddd; padding: 2px; margin-top: 3px;}




/* --------------- html-editor --------------*/

.content{
	color: #555;
}
.text-barna{
	color: #4F3324;
}
.text-vbarna{
	color: #B69683;
}
.text-lila{
	color:#942253;
}

/*--javított--*/

.text1-barna{
	color: #4F3324;
}
.text2-vbarna{
	color: #B69683;
}
.text0-lila{
	color:#942253;
}


.h1{
	color:#555555;
	font-size:14px;
	font-weight: normal;
}
.h2{
	color:#B69683;
	font-size:14px;
	font-weight: normal;
}

.h3{
	color:#942253;
	font-size:12px;
	font-weight: bold;
}





.body_class {
	background: url(images/bg_content.jpg) no-repeat scroll -220px -70px #fff ;
	padding: 10px 24px;
	font-size: 11px;
	font-family:Arial,Verdana,Tahoma;
	color: #333;
}
.body_class_nobg {
	background: #fff;
	padding: 10px 24px;
	font-size: 11px;
	font-family:Arial,Verdana,Tahoma;
	color: #333;
}


.box_class {
	background: #fff;
	padding: 12px;
	line-height: 18px;
	color: #333;
}

.footer_class {
	background: url(images/foot.jpg) no-repeat scroll -10px 0 #fff ;
	height: 200px;	
	padding-top: 45px;
	color:#4F3423;
	font-size:12px;
	height:55px;
	padding-left:20px;
}

/*------------ blog -------------*/





.bloglist_item {
        margin-bottom:05px;
        position: relative;

}

.bloglist_item_title {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight:bold;
        color: #B69683;
        padding-bottom: 0px; 
        
}

.bloglist_item_title .text {
	position: absolute;
	top:18px;
	left:55px;
}

.blog_title {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight:bold;
        color: #B69683;
        margin-bottom: 5px;
}

.blog_date {
        font-style:italic;
        color: #aaaaaa;
}

.bloglist_item_lead {
        margin-top:15px;
        margin: 10px 0px;
        line-height: 18px;
}

.bloglist_item_date {
        font-style:italic;
        color: #aaaaaa;
}

.blog_comment_name {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #B69683;
        margin-bottom: 5px;
}

.blog_comment_date {
        color: #aaaaaa;
        font-size:10px;
        margin-bottom: 5px;
}
.blog_comment_text{
		line-height: 18px;
}
.blog_body {
	margin-top: 10px;
	line-height: 18px;
}

.hr hr {display: none;}
.hr {
	height: 30px;
	background: url(images/diszcsik_02.png) no-repeat top left;  
	margin: 10px 0;
}
.comment_title {
/*	background: url(images/content_title_bg.png) no-repeat top left;
	height: 40px;
	margin-top: 7px;
	margin-left: -20px;
	padding-left: 25px;
	padding-top: 15px;
	height: 30px;
*/
	color:#555555;
	font-size:14px;
	margin-bottom: 10px;
}

.nice td .input,
.nice td .textarea{
	border: none;
	width: 100%;
}


ul.search-result-list,
ul.search_res,
ul.search_res ul {
	list-style: none;	
}

ul.search-result-list li a{
	font-weight: bold;
	color: #333;
	display: block;
	padding: 2px;
	margin-right: 5px;
	
	
}
ul.search-result-list ul li a{
	font-weight: normal;
	padding-left: 20px;
	color: #777;
}

.combo-head {
	 width: 200px;
	 padding: 5px;
	 cursor: pointer; 
	background: url(images/nyil_lefele.gif) no-repeat 193px 9px;
	 border: 1px solid #eee;
	 text-align: left;
}


#category-list{
	height: 200px;
	overflow: auto;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 11px;
	text-align: left;
}


ul.search-result-list li a:hover{
	background: #942253;
	color: #fff;
}

/*pager*/

div.pager {
	text-align: center;
}
div.pager a {
	color: #777;
	border: 0px solid #fff;
	padding: 2px 1px;
}
div.pager a:hover {
	border: 0px solid #eee;
}
div.pager a.active {
	color: #942253;
	font-weight: bold;
	border: 1px solid #ccc;
}

div#loginBox button {
		border: none;
		background: none;
		color: #942253;
		font-weight: bold;
		font-size: 11px;
		font-family: arial,verdana,tahoma;
		
	}


.ardiv{
	color: #888;
}
.ar {
	color: #942253;
	font-weight: bold;	
}

div#loginBox ul {list-style: none;}                                                                                                                                                                                                            
div#loginBox{                                                                                                                                                                                    
        position: absolute;                                                                                                                                                                                   
        top: 35px;                                                                                                                                                                                            
        left: 30px;                                                                                                                                                                                           
}                                                                                                                                                                                              
div#loginBox li {                                                                                                                                                                                        
        padding: 5px 0;                                                                                                                                                                                       
        clear: both;                                                                                                                                                                                          
}                                                                                                                                                                                                             
                                                                                                                                                                                          
div#loginBox li span {                                                                                                                                                                                        
        width: 40px;                                                                                                                                                                                          
        float: left;                                                                                                                                                                                          
        line-height: 20px;                                                                                                                                                                                   
}                                                                                                                                                                                                             
                                                                                                                                                                                                              
div#loginBox li input {                                                                                                                                                                                       
        width: 80px;
        float: left;                                                                                                                                                             
        background:#F0EFED none repeat scroll 0 0;                                                                                                                                                            
        border:1px solid #82797A;                                                                                                                                                                             
        color:#333333;                                                                                                                                                                                        
        font-size:10px;                                                                                                                                                                                       
        height:13px;                                                                                                                                                                                          
                                                                                                                                                                                               
        padding-top:4px;                                                                                                                                                                                     
                                                                                                                                                                                                              
}                                                                                                                                                                                                             
                                                                                                                                                                                          
div#loginBox .title {                                                                                                                                                                                        
        color: #942253;                                                                                                                                                                                     
        font-weight: bold;                                                                                                                                                                                    
        font-size: 11px;                                                                                                                                                                                   
        padding-bottom: 6px;                                                                                                                                                                                  
}                                                                                                                                                                                                             
                                                                                                                                                                                          
div#loginBox button {                                                                                                                                                                                  
                border: none;                                                                                                                                                                               
                background: none;                                                                                                                                                                             
                color: #942253;                                                                                                                                                                               
                font-weight: bold;                                                                                                                                                                            
                font-size: 11px;                                                                                                                                                             
                font-family: arial,verdana,tahoma;                                                                                                                                                            
                                                                                                                                                                                                              
        }             


#flags 
{
    position: absolute;
    right: 135px;
    top: 180px;
    width: 40px;
    z-index: 100;
}

.opacity 
{
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
    
    
}

