/*

Készítette: Szalai Gergo
Weboldal: www.codeedesign.hu

*/

/*stílusfileok betöltése*/

@import url('css/reset.css');
@import url('css/typo.css');
@import url('css/links.css');
@import url('css/flickr.css');


body {
	color:#996633;
	font-family:"Lucida Sans Unicode", "Lucida Grande", serif;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

.default_img {
	border:5px solid #000000;
	float:left;
	margin:0 8px 5px 0;}

.img_recept {
	margin:0 auto 10px auto;
	border:10px solid #000000;
	}

#wrapper {
	background-color:#2d160e;
	width:100%;
	min-height:100%;
	position: absolute;

}

#header_wrapper {
	background:url(img/bg_header.gif) repeat-x;
	width:100%;
	height:60px;
	float:left;

}

#header {
	background:url(img/logo_top.jpg) no-repeat left top;
	width:960px;
	height:60px;
	margin:0 auto;
	font-size:13px;
}

#menu {
	width:480px;
	height:60px;
	float:right;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-variant:small-caps;
	color:#993333;
}

#menu ul {
	margin:14px 0 0 0;
	float:right;
}

#menu ul li {
	float:left;
	padding-left:10px;
}


#container_wrapper1 {
	background-image:url(img/bg_container1.jpg);
	background-repeat:repeat-x;
	background-position: top;
	width:100%;
	float:left;
}

#container_wrapper2 {
	background:url(img/bg_container2.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	width:100%;
	float:left;
}

#content {
	width:960px;
	margin:0 auto;
	font-size:13px;
}

#div_top {
	background:url(img/logo_down.png) no-repeat left top;
	width:960px;
	height:65px;
}

#home_quote {
	width:220px;
	height:230px;
	float:left;
	padding-right:20px;
	padding-top:20px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

#slideshow {
	width:700px;
	height:250px;
	float:left;
	position:relative;
}

#rolunk_quote {
	width:700px;
	height:150px;
	float:left;
	position:relative;
}

#rolunk_box {
	width:220px;
	height:100px;
	float:left;
	padding-right:20px;
	padding-top:20px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

#entry {
	width:960px;
	float:left;
	padding: 20px 0 65px 0;
}

#entry p { margin:0 0 10px 0; }

#flickr {
	background:url(img/header_flickr.png) no-repeat left top;
	width:240px;
	float:left;
	padding:0;
	margin-right:11px;
}

#left_side {
	width:240px;
	float:left;
	padding:0;
	margin:30px 11px 0 0;
}

#right_side {
	width:240px;
	float:left;
	padding:0;
	margin:30px 0 0 11px;
}

.box {
	width:240px;
	margin:20px 0 0 0;
}

.box p {
	background-color:#000000;
	padding:5px;
}

.termek_img {
	float:left;
	margin:0 10px 10px 0;
}

.ar {
	background-color:#993333;
	padding:5px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#e6d7b0;
}

#flickr_right {
	background:url(img/header_flickr.png) no-repeat left top;
	width:240px;
	float:left;
	padding:0;
	margin-left:11px;
}

#about_home {
	width:240px;
	float:left;
	padding:0;
	margin-right:11px;
}

#contact_home {
	width:440px;
	float:left;
}

#contact_home ul {
	list-style-type:circle;
	list-style-position:outside;
	margin:0 0 15px 20px;
}

#contact_home ul li { line-height:16px; }

	#contactinfo_home {
		width:200px;
		float:left;
		padding-right:20px;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
}

#big_div {
	width:680px;
	float:left;
	margin:0 25px 0 0;
}

#big_div ul {
	list-style-type:circle;
	list-style-position:outside;
	margin:0 0 15px 20px;
}

#big_div ul li { line-height:16px; }

.sajtok_box {
	border-bottom:1px dashed #666666;
	padding:10px 5px 10px 5px;
	margin-bottom:10px;
	float:left;
	width:100%;
}

.kapcsolat_box {
	padding:0 10px 0 10px;
	float:left;
	width:440px;
}


	#contactform_home {
		width:220px;
		float:left;
}

.form { font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight:normal; font-style:italic; background-color: #330000; color: #e6d7b0; border: 1px solid #000000; padding: 4px; margin:0 0 10px 0;  }

.submit { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; font-style:italic; background-color: #993333; width: 75px; height: 30px; color: #e6d7b0; border:none; cursor:pointer; }

.metadata {
	background-color:#000000;
	width:100%;
	font-size:11px;
	font-style:italic;
	color:#993333;
	padding:3px;
	margin:0 0 10px 0;
}



#footer_wrapper {
	width:100%;
	background-color:#2d160e;
	float:left;
}

#footer {
	width:960px;
	margin:0 auto;
}

#footer_left {
	background:url(img/bg_footer_left.jpg) no-repeat left top;
	width:480px;
	height:250px;
	float:left;
	padding-top:20px;
}

#footer_left p {
	font-size:10px;
	text-align:right;
	margin-right:250px;
}

#footer_right {
	background:url(img/bg_footer_right.jpg) no-repeat left top;
	width:480px;
	height:250px;
	float:right;
	padding-top:20px;
}

#footer_right p {
	text-align:right;
	margin:0 20px 10px 0;
	color:#993333;
}

#csermajor-ads { width:164px; height:163px; position:absolute; left:0; top:0; z-index:1;}

#csermajor-ads a.csermajor { width:164px; height:163px; background:url(img/csermajor_ads.png) no-repeat top left; display:block; text-indent:-9999px;}

#csermajor-ads a.csermajor:hover {}

.close { float:right; background:url(img/close.png) no-repeat; width:22px; height:21px; border:none; text-indent:-9999px; cursor:pointer; }

/*Slider*/

#slideshow {
	margin:0 auto;
	width:700px;
	height:250px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:655px;
  height:250px;
  overflow:hidden; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:50%;
  left:0;
  background:transparent url(img/btn_prev.png) no-repeat 0 0;
  width:22px;
  height:30px;
  margin:-15px 0 0 -2px;
}
#rightControl {
  top:50%;
  right:0;
  background:transparent url(img/btn_next.png) no-repeat 0 0;
  width:25px;
  height:30px;
  margin:-15px 0 0 0;
}