/* -----------------------------------------------------------------------

	KKV Sz‡ll’t‡s - Gui.css
	http://kkvszallitas.hu

	* Copyright (c) 2010 Everegine Kft.
   
----------------------------------------------------------------------- */

/*------------------------------------ RESET ------------------------------------*/

* { outline: none; }

img { margin: 0; border: 0; }
.content img { background-color:white;border:1px solid silver;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);padding:5px; }
#top_banner a img { background-color:transparent;border:0px;box-shadow:none; }
.content .borderless_image { background-color:transparent;border:0px;box-shadow:none;padding:0px; }
.content .margin_left20 { margin-left:20px; }
.content .margin_right20 { margin-right:20px; }
.content .acrobat_icon { background:url(/images/doc_type.gif) no-repeat;padding-left:1.2em; }

a, a:hover { cursor: pointer; }
p { margin: 0 0 10px 0; line-height: 17px; }

ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	list-style-image: url(../images/list.png);
	list-style-type: square;
	list-style-position: inside;
	}
	
	ul li {
		line-height: 17px;
		}
		
hr {
	height: 1px;
	border: 0;
	background: #c3c3c3;
	}

/*------------------------------------ GLOBçLIS ELEMEK ------------------------------------*/

.png { behavior: url(/styles/iepngfix.htc); }
.clearfix { clear: both; }
.float_left { float: left; }
.float_right { float: right; }

.button {
	display: block;
	width: 71px;
	line-height: 27px;
	margin: 0 0 10px 0;
	background: url(../images/button.png) top left repeat-x;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #3b3b3b !important;
	cursor: pointer;
	}
	
	.button:hover {
		background: url(../images/button.png) bottom left repeat-x;
		color: #fff !important;
		text-decoration: none !important;
		}
		
.big_button {
	display: block;
	width: 150px;
	line-height: 27px;
	margin: 0 0 10px 0;
	background: url(../images/big_button.png) top left repeat-x;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #3b3b3b !important;
	cursor: pointer;
	}
	
	.big_button:hover {
		background: url(../images/big_button.png) bottom left repeat-x;
		color: #fff !important;
		text-decoration: none !important;
		}
	
/*------------------------------------ HASçBOK ƒS BOXOK ------------------------------------*/

.column_big {
	float: left;
	width: 600px;
	margin: 0 20px;
	}
	
.column_full {
	float: left;
	width: 920px;
	margin: 0 20px;
	}
	
.column_small {
	float: left;
	width: 280px;
	margin: 0 20px;
	}

#content .box {
	margin: 10px 0;
	padding: 10px 10px;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	border-bottom-right-radius: 10px;
    -moz-border-radius: 0px 0px 10px 0px;


	}
	
	#content .box .header {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #c3c3c3;
		text-transform: uppercase;
		font-family: Arial, Helvetica, Sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #333;
		}

.header {
    margin          : 20px 0 10px 0;
    padding         : 0 0 5px 0;
    border-bottom   : 1px solid #c3c3c3;
    text-transform  : uppercase;
    font-family     : Arial, Helvetica, Sans-serif;
    font-size       : 15px;
    font-weight     : bold;
    color           : #333;
}

.box_left {
    float : left;
    width : 270px;
}

.box_right {
    float : right;
    width : 270px;
}

#content .inner_box {
    margin : 0px 0px 20px 0px;
}

.important_knowledge_box a:hover {
/*    color : black; */
}

.important_knowledge_box a img {
    background-color    : #FFFFFF;
    border              : 1px solid #C0C0C0;
    box-shadow          : 5px 5px 5px rgba(0, 0, 0, 0.25);
    float               : left;
    padding             : 5px;
    margin-right        : 20px;
}

.important_knowledge_box span {
/*    color       : black; */
    font-size   : 12px;
    line-height : 20px;
}

.specialists_answer_box a:hover {
/*    color : black; */
}

.specialists_answer_box a img {
    float : left;
    margin-right : 20px;
}

.specialists_answer_box span {
/*    color       : black; */
    font-size   : 12px;
    line-height : 20px;
}
/*------------------------------------ HêRLEVƒL ------------------------------------*/

#newsletter {
	
	}
	
	#newsletter input[type=text] {
		width: 150px;
		}
		
/*------------------------------------ REGISZTRçCIî ------------------------------------*/

#signup_overlay {
	display: none;
	width: 641px;
	padding: 50px 0;
	border: 10px solid #3e3e3e;
	background: #efefef;
	}

	#signup_overlay .close {
		position: absolute;
		top: -13px;
		right: -13px;
		height: 26px;
		width: 26px;
		background: url(../images/lightbox/closebox.png) top left;
		cursor: pointer;
		}
		
	#signup_overlay .close:hover {
		background: url(../images/lightbox/closebox.png) bottom left;
		}
		
	#user_text {
		margin: 0 50px 20px 50px;
		padding: 20px;
		border: 1px solid #cc0000;
		background: #fdcece;
		font-weight: bold;
		color: #cc0000;
		}
		
	#signup_overlay  form {
		float: left;
		display: block;
		width: 220px;
		padding: 0 50px;
		}
		
	#signup_form {
		border-right: 1px solid #c3c3c3;
		}

/*------------------------------------ KIEMELT AJçNLATOK ------------------------------------*/

.short_offer_left {
	
	}
	
	.short_offer_left a.img {
		float: left;
		display: block;
		width: 150px;
		margin: 0 0 30px 0;
		background: #fff;
		}
		
	.short_offer_left a.img:hover {
		background: #cc0000;
		}
		
		.short_offer_left a.img img {
			display: block;
			width: 150px;
			}
			
	.short_offer_left .details {
		float: left;
		width: 420px;
		margin: 0 0 30px 20px;
		}
		
.short_offer_right {
	
	}
	
	.short_offer_right .details {
		float: right;
		width: 420px;
		margin: 0 20px 30px 0;
		}
	
	.short_offer_right a.img {
		float: right;
		display: block;
		width: 150px;
		margin: 0 0 30px 0;
		background: #fff;
		}
		
	.short_offer_right a.img:hover {
		background: #cc0000;
		}
		
		.short_offer_right a.img img {
			display: block;
			width: 150px;
			}
			
.long_offer {
	
	}
	
	.long_offer a.img {
		float: left;
		display: block;
		width: 150px;
		background: #fff;
		}
		
	.long_offer a.img:hover {
		background: #cc0000;
		}
		
		.long_offer a.img img {
			display: block;
			width: 150px;
			}
			
	.long_offer .details {
		float: left;
		width: 420px;
		margin: 0 0 0 20px;
		}
		
.char_button {
	display: block;
	clear: none !important;
	float: left !important;
	width: 27px !important;
	height: 27px;
	margin: 0 10px 10px 0;
	border: 0;
	background: url(../images/char_button.png) top left !important;
	vertical-align: center;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #3b3b3b !important;
	cursor: pointer;
	}
	
	input[type=button].char_button:hover {
		background: url(../images/char_button.png) bottom left !important;
		color: #fff !important;
		}
		
/*------------------------------------ SZîTçR ------------------------------------*/
		
#vocabulary {
	clear: both;
	}

	#vocabulary .show {
		width: 250px;
		line-height: 27px;
		margin: 0 0 5px 0;
		padding: 0 15px;
		border: 0;
		background: url(../images/vocabulary.png) top left !important;
		font-family: Arial, Helvetica, Sans-serif;
		font-size: 12px;
		color: #3b3b3b !important;
		cursor: pointer;
		}
	
	#vocabulary .hide {
		display: none;
		margin: 0 0 0 10px;
		padding: 0 15px;
		}
