@charset "utf-8";
/* CSS Document */

body {
	width:auto;
	background:  url(../image/sikloernyo_webshop.png) bottom fixed  #000;
	background-size: 100%;
	text-align:center;
	margin-top:0px;}

#oldal {
	width: auto;
	text-align:center;
	height: auto;
	margin:0px auto -10px auto;
	border:0px solid #333;
	}
.clear {
	clear:both;}

hr {
	width:95%;
	margin:15px auto 50px auto;}

img.kozep {
	max-width:98% !important;}

img.jobb {
	float:right;
	border:3px solid #FFF;
	margin:10px 120px 10px 10px;
	width:300px;}
/* -- vevo neve formazas -- */

/* Fejlécképek */
#fejlec {
	width:930px;
	margin: auto;
	height: 200px;}

#fejleckep1 {
	width:930px;
	height: 150px;
	margin:0px auto 0px auto;
	background:url(../menu/ppg_max_fejleckep_01.png) no-repeat top center;}
	
	#fejleckep1 p {
		text-align:right;
		padding-top:130px;
		margin:0px 70px auto auto;
		font-size:18px;
		font-family: 'Baumans', cursive;
		color:#FFF;
		}
.vissza {
	width:105px;
	height:55px;
	border:1px solid #999;
  background: #090;
  background: -moz-linear-gradient(top, #da2927 0%, #a33329 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da2927), color-stop(100%, #a33329));
  background: -webkit-linear-gradient(top, #da2927 0%, #a33329 100%);
  background: -o-linear-gradient(top, #da2927 0%, #a33329 100%);
  background: -ms-linear-gradient(top, #da2927 0%, #a33329 100%);
  background: linear-gradient(to bottom, #da2927 0%, #a33329 100%);
  background-repeat: repeat-x;
  color: white;
  text-align: center;
  font-weight:bold;
  border-radius:0px 5px 5px 0px;
	-moz-border-radius:5px 0px 0px 5px;
	-ms-border-radius:5px 0px 0px 5px;
	-o-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	z-index:5000;
	position: fixed;
	margin: 250px auto auto -10px;
}

.vissza:hover {
	margin: 250px auto auto -1px;
}

/* Fejlécképek vége */

/* Fejlécképek */
#fejlec {
	width:930px;
	margin: auto;
	height: 200px;}

#fejleckep1 {
	width:930px;
	height: 150px;
	margin:0px auto 0px auto;
	background:url(../menu/ppg_max_fejleckep_01.png) no-repeat top center;}
	
	#fejleckep1 p {
		text-align:right;
		padding-top:130px;
		margin:0px 70px auto auto;
		font-size:18px;
		font-family: 'Baumans', cursive;
		color:#FFF;
		}

/* Fejlécképek vége */

/* információs sor */
#informacios_sor {
	width:930px;
	height:35px;
	} 
	
	/* Főoldal menüpont*/
	#informacios_sor #fooldalra {
		float:left;
		margin:auto 25px auto 10px;
		width:150px;
		height:25px;
		background:#384050;
		border-radius: 0 0 20px 0;}
		
	#informacios_sor #fooldalra:hover {
		float:left;
		margin:auto 25px auto 10px;
		width:150px;
		height:25px;
		background:#da2927;
		border-radius: 0 0 20px 0;}

		#informacios_sor #fooldalra p {
			color:#FFF;
			font-family: 'Play', sans-serif;
			font-size:19px;
			margin-top: 0px;
			}
	
	/* Főoldal menüpont vége */
	/* Google nyelvválasztó */
	#informacios_sor #google_translate_element {
		float: left;
		margin-top: 5px;
		margin-left: 25px;
		height:35px;
	}
	/* Google nyelvválasztó vége*/
	/* kereső mező */

	#informacios_sor .search {
		position: relative;
		float: right;
		width: 250px;
		min-height: 22px;
		margin-top: 10px;
		margin-right: 0px;
		background: url('../menu/search.png') no-repeat top;
	}

	#informacios_sor .search fieldset {
		border: none;
	}

	#informacios_sor .search legend {
		display: none;
	}

	#informacios_sor .search input {
		position: absolute;
		float: left;
		width: 166px;
		background: #384050;
		border: none;
		margin-top: -4px;
		margin-left: -90px;
		color: #7a7e86;
	}

	#informacios_sor .search input.submit {
		position: relative;
		z-index:9999;
		float: right;
		width: 14px;
		height: 14px;
		margin-top: -2px;
		margin-right: 18px;
		cursor: pointer;
		font-size: 0px;
		background: url('../menu/search-submit.png') no-repeat top;
	}

	/*kereső mező vége */
/* információs sor vége */

/* menü */
#menu {
	position: relative;
	margin:0px auto 0px auto;
	width: 930px;
	min-height: 50px;
	background: url(../menu/menu.png) top repeat-x;
}

#menu ul {
	margin: 0px auto auto -32px;
	list-style-type:none;
}

#menu ul li {
	position: relative;
	float: left;
	margin-left: 2px;
	width: 150px;
}

#menu ul li a {
	position: relative;
	width: 150px;
	height: 50px;
	display: block;
	padding-top:17px;
	z-index: 4;
	font-family: 'Shadows Into Light Two', cursive;
	font-size:19px;
}

#menu ul li a span {
	color:#FFF;
	text-align:center;
	text-decoration:none;
	vertical-align: bottom;
}

#menu ul li.bemutatkozo a {
	background: url(../menu/bemutatkozo.png) no-repeat top;
}

#menu ul li.bemutatkozo a:hover, #menu li.bemutatkozo a.active {
	background: url(../menu/bemutatkozo-hover.png) no-repeat top;
}

#menu ul li.termekek a {
	background: url(../menu/termekek.png) no-repeat top;
}

#menu ul li.termekek a:hover, #menu li.termekek a.active {
	background: url(../menu/termekek-hover.png) no-repeat top;
}

#menu ul li.hirek a {
	background: url(../menu/hirek.png) no-repeat top;
}

#menu ul li.hirek a:hover, #menu li.hirek a.active {
	background: url(../menu/hirek-hover.png) no-repeat top;
}

#menu ul li.szerviz a {
	background: url(../menu/szerviz.png) no-repeat top;
}

#menu ul li.szerviz a:hover, #menu li.szerviz a.active {
	background: url(../menu/szerviz-hover.png) no-repeat top;
}

#menu ul li.kapcsolat a {
	background: url(../menu/kapcsolat.png) no-repeat top;
}

#menu ul li.kapcsolat a:hover, #menu li.kapcsolat a.active {
	background: url(../menu/kapcsolat-hover.png) no-repeat top;
}

#menu ul li.bejelentkezes a {
	background: url(../menu/bejelentkezes.png) no-repeat top;
}

#menu ul li.bejelentkezes a:hover, #menu li.bejelentkezes a.active {
	background: url(../menu/bejelentkezes-hover.png) no-repeat top;
}


#menu ul li .submenu {
	position: absolute;
	top: 15px;
	left: 0px;
	display: none;
	z-index: 3;
	padding-top: 41px;
	background: #1c2028;
}
#menu ul li .submenu ul{
	width: 150px;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}
#menu ul li .submenu ul li {
	margin: 0px;
	margin-bottom: 1px;
}
#menu ul li .submenu ul li a {
	position: relative;
	width: 130px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-family: 'Play', sans-serif;
	font-size:16px;
	background: #384050;
	height: auto;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
}
#menu ul li .submenu ul li a:hover {
	background: #da2927;
}

/* menü vége */

/* 4 kép */

#negykep {
	width:1000px;
	height: 220px;
	text-align: center;
	padding:50px 110px;
	margin:0px auto 0px auto;
	background: url(../menu/tartalom_bg.png) repeat;
	border-radius: 180px;
		-moz-border-radius: 180px;
		-ms-border-radius: 180px;
		-o-border-radius: 180px;
		-webkit-border-radius: 180px;
	border: 3px solid #000;
	box-shadow:0 0 10px #777;
	}
		
	#negykep a .nagylink  {
		float: left;
		margin-left:0px;
		color: #da2927;}

	#negykep a .nagylink img {
		margin:12px;
		width:220px;
		height:220px;
		border-radius: 110px;
			-moz-border-radius: 110px;
			-ms-border-radius: 110px;
			-o-border-radius: 110px;
			-webkit-border-radius: 110px;
		border: 3px solid #000;
		box-shadow:0 0 10px #777;
		}
		
#negykep h1 {
	text-align:center;
	font-variant:small-caps;
	font-size:18px;
	font-weight:200;
	font-stretch:expanded;
	margin:auto;
	}


/* 4 kép vége */



/* tartalom */

#tartalom {
	width:890px;
	margin:auto;
	min-height: auto;
	height:auto;
	background: url(../menu/tartalom_bg.png) repeat;
	padding:25px 20px;
	}
	
#tartalom p {
	color: #FFF;
	font-family: Play, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: justify;
	margin: 25px 10px 8px 10px;
	}

#tartalom h1 {
	color:#da2927;
	text-align:left;
	font-family: 'Play', sans-serif;
	font-size:30px;
	font-weight:200;
	margin: 10px auto 10px 20px;
	}

#tartalom h2 {
	color: #fff;
	font-variant:small-caps;
	margin: auto auto 5px 10px;
	text-shadow: #fff 0 0 15px;
	text-align:left;
	font-weight: lighter;
	font-family: 'Play', sans-serif;
	font-size:30px;
	}

#tartalom h3 {
	color:#FFF;
	margin: auto auto 5px 10px;
	text-align:left;
	font-weight: lighter;
	font-family: 'Play', sans-serif;
	font-size:21px;	}

#tartalom h4 {
	color:#FFF;
	text-align:left;
	margin: auto auto 5px 10px;
	font-weight:bold;
	font-family: 'Play', sans-serif;
	font-size:18px;
	line-height:0.8;	}

#tartalom h5 {
	color:#999;
	margin: auto auto 5px 10px;
	text-align:left;
	font-weight: lighter;
	font-family: 'Play', sans-serif;
	font-size:16px;
	
	}

#tartalom h6 {
	color:#333;
	margin: auto auto 5px 10px;
	text-align:left;
	font-weight: lighter;
	font-family: 'Play', sans-serif;
	font-size:16px;
	line-height:0.8;
	}

#tartalom address {
	color:#999;
	margin: 5px auto 10px 10px;
	text-align:left;
	font-weight: lighter;
	font-family: 'Play', sans-serif;
	font-size:13px;
	}
	
	#tartalom #fooldal_baloldal {
		width:290px;
		height: auto;
		background-color:transparent;
		float:left;
		margin:10px auto 10px 0px;
		}
	
	#tartalom #fooldal_jobboldal {
		width:590px;
		float:right;
		height: auto;
		background-color:transparent;
		margin:10px 0px 10px auto;}

#tartalom #tartalom_feltoltott {
	width:!important;}
	
#tartalom img.img_float_right {
	float:right;
	max-height:80px;
	margin:15px;}

#tartalom table {
	color: #FFF;
	font-family: Play, sans-serif;
	font-weight: lighter;
	font-size: 17px;
	text-align: center;
	margin: 10px auto auto 60px;
	padding:5px;	
	}
#tartalom table tr td img {
	border:3px solid #FFF;}
	
#hatimotorok_linkjei {
	margin-bottom: 25px;}

	#hatimotorok_linkjei img {
		text-align:center;
		max-width:250px;
		margin:10px;}
	
	#hatimotorok_linkjei .hatimotorok {
		width:auto;
		margin:auto;
		color: #FFF;
		font-family: Play, sans-serif;
		font-weight: lighter;
		font-size: 17px;
		text-align: center;}
	
	


/* tartalom vége*/

/*galéria*/



/* footer */
#footer {
	height:120px;
	text-align:center;
	width: auto;
	padding:10px;
	margin: 10px -10px -10px -10px;
	color:#777;
	background-color:#1E1E1E;
	}
	
	#footer .informacio_doboz {
		width:930px;
		margin:auto;}
		
	#footer .informacio {
		width:220px;
		height:auto;
		margin:3px;
		padding:3px;
		float:left;
		text-align:justify;}
	
	#footer .webasz {
		width:930px;
		margin: 10px auto 0px auto;
		text-align:center;
		font-size:11px;
		background-color:transparent;}
		
		#footer .webasz a {
			color: #777;}
			
	#footer p {
		color: #D7D7D7;
		font-family: 'Play', sans-serif;
		font-weight:lighter;
		font-size:14px;
		text-align:justify;
		margin: auto 10px 2px 30px;}
	
	#footer h3 {
		color:#da2927;
		font-family: 'Play', sans-serif;
		text-align:center;
		font-size:15px;
		margin:0px auto 3px auto;}
	
/* footer vége*/