/*b7c68b,f4f0cb,ded29e,b3a580,685642   333300 */

body { 
	background:#ffffff none repeat scroll 0%; 
    font-family:arial,times,helvetica,sans-serif; 
	padding:0pt; 
	margin:0pt; 
	color:#363636; 
}
/* Betűk */
h1, h2, h3 , h4, h5, h6 { 
    font-family:arial,times,helvetica,sans-serif; 
	font-style:normal; 
	font-weight:normal;
	margin:5px;
}
h1{
	font-size:26px; 
}
h2{
	font-size:20px; 
}
h3{
	font-size:16px; 
}
h4, 
.box {
	font-size:15px; 
}
h5{
	font-size:12px; 
}
.left{
	text-align:justify;
}
.kiemel{
	color: #cc3733;
}
.cimlink {
	text-decoration:none; 
	color:#363636;
}
.szoveglink {
	color:#336666;
}
.cimlink:hover,
.szoveglink:hover {
	color:#cc3733; 
	cursor:pointer; 
} 

/* Gomb */
.gomb { 
	background-color:#336666; 
	color:#fff; 
	margin:2px 20px; 
	width:100px; 
	border-radius: 6px; 
	box-shadow:1px 1px 2px 0px #999;
}
.vonal { 
	margin:4px 0px; 
	border-top:1px solid #336666; 
}
/* Alap */
.keret { 
	width:95%; 
	max-width:960px; 
	background:#fff none repeat scroll 0%; 
	display:block;
	margin:10pt auto; 
	padding:0px 10px;
    border:1px solid #336666; 
	border-radius: 8px; 
	box-shadow:0px 0px 8px 3px #999;
}
/*Fejléc*/
.fejlec {
	text-align:center;
	margin:5pt auto 15pt auto; 
	width:100%; 
	border:0px; 
}
.fejlec .balmezo, 
.fejlec .jobbmezo{
	float:left;
	width:220px;
	height:120px;
	text-align:center;
	border:0px solid red;
}
.fejlec .balmezo{
	margin-left:-100%;
} 
.fejlec .jobbmezo{
	margin-left:-220px;
} 
.fejlec .kozepmezo{
	width:100%;
	height:120px;
	float:left;
}
.kozepmezok {
	margin:0 220px 0 220px;
	padding:0px;
}
.cim,
.cim1 {
	color:#336666; 
	margin:15px auto 8px auto; 
	font-size:30px; 
	font-family:times; 
	font-style:italic; 
	letter-spacing:2px; 
	text-shadow:1px 1px 1px #ffffff;
} 
.cim1{
	font-size:26px; 
}
/* Kereso */
.ac_results {
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #575704; 
	border-radius: 6px;
	background-color: #ffffff; 
	overflow: hidden; 
	z-index: 99999; 
}
.ac_results ul {
	width: 100%;
	list-style-position: outside; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}
.ac_results li {
    font-family:verdana,arial,times,helvetica,sans-serif; 
	font-style:normal; 
	font-weight:normal;
	font-size:14px; 
	margin: 8px 0px; 
	padding: 2px 5px; 
	cursor: default; 
	display: block;
	line-height: 16px; 
	overflow: hidden; 
}
.ac_loading {
	background: white url('../toszerviz_images/load.gif') right center no-repeat; 
}
/*.ac_odd {background-color: white; }*/
.ac_over {
	background-color: #575704; 
	color: white;
	border-radius: 6px; 
}
/* Menü */
.menuicon{
	float:right;
	cursor: pointer;
	display: block;
	padding: 0;
	margin: 2px 5px 0 0;
	background: #575704;
	transition: background-color .5s
}
.icon-bar{
	background-color: #fff;
	display: block;
	width: 15px;
	height: 2px
}
.icon-bar + .icon-bar {
	margin-top: 4px 
}
.menusav{
	width:95%;
	background:#336666 none repeat scroll 0%; 
	color:#ffffff;
	margin:5px auto; 
	padding:0px;
	font-size:16px;
	text-align:center;
	border:1px solid #336666; 
	border-radius: 8px;
}
.menufej{
	display:none;
}
.menu{
	font-size:14px;
}
.menulink { 
	display:block; 
	position: relative; 
	background:#336666; 
	color:#ffffff;
	width:110px; 
	margin:0 auto;
	padding:3px 8px;
	float:left; 
	text-align:center;
	text-decoration:none; 
	cursor: default;
    border-radius: 6px;
}
.menulink:hover {
	background: #ffffff; 
	background-image: radial-gradient(rgba(255,255,255,1) 40%,rgba(51,102,102,1));
	color:#336666;
	cursor: pointer;
}
/* Középsáv */
.kozep { clear:none; width:95%; margin:0pt auto;
     text-align:center; vertical-align:top;
 }
.box { 
	background:#fff none repeat scroll 0%; 
	color:#363636; 
    padding:10px; 
	margin:0pt auto 10px auto; 
	text-align:center; 
	vertical-align:top;
    border:1px solid #336666; 
	border-radius: 8px; 
	box-shadow:2px 2px 4px 0px #999;
}
.box ul, ol {
	width:100%;
	list-style-type:square; 
	list-style-position:outside; 
	list-style-image: url("../toszerviz_images/jel1.gif"); 
	margin-left:10px; 
	padding:0 10px;
}
.box ul {
	max-width:500px;
}

.box ul li {
	margin-top:1em; 
	text-align:left;
}
.box ol li {
	margin-top:1em; 
	text-align:justify;
}
.box ul li a {
	color:#336666; 
}
.box ul li a:hover {
	color:#cc3733; 
	cursor:pointer; 
}
.box .video{
	width:250;
	max-width:500px;
	height:300px;
	margin:10px auto;
}
.box .szempontlogo{
	width:150px;
	float:right;
}
.forminput{
	width:100%;
	max-width:300px;
}
.abra{
	width:100%;
	max-width:300px;
	border:1px solid #336666;
	margin:5px;
}
.kep1 { 
	margin : 5px 20px; 
	border : 1px solid #363636; 
	border-radius: 6px; 
	box-shadow:2px 2px 4px 0px #999;
} 
.kep500 {
	width:90%;
	max-width:500px; 
	margin : 5px auto; 
	border : 1px solid #363636; 
	border-radius: 6px; 
	box-shadow:2px 2px 4px 0px #999;
} 
/* Akció */
.akcio {
    font-size:12px; 
	font-weight:normal; 
	text-align:center;
}
.akcio .akciobox { 
	display:inline-block;
	width:120px;
	background:#dedede none repeat scroll 0%; 
	vertical-align:top; 
	padding:2%; 
	margin:10px 5px;
    border:1px solid black; 
	border-radius: 8px;
} 
.akcio .akciobox img {
	width:120px; 
	height:80px; 
	margin:3px auto; 
	border:0px;
}
.akcio .akciobox .akciolink {
	color:#363636; 
	text-decoration:none; 
}
.akcio .akciobox .akciolink:hover { 
	color:#cc3733; 
	cursor:pointer; 
} 

@media only screen and (max-width:900px) {
	.fbbox{
		width:260px;
	}
	.menu{
		display:none;
		font-size:16px;
	}
	.menufej{
		display:block;
	}

	.menulink{
		background-image:none;
		width:100%;
		padding:0px;
		text-align:left;
		margin: 8px 0px; 
		float:none;
	}
	.menulink:hover{
		background-image:none;
	}

}
@media only screen and (max-width:680px) {
	.fejlec .kozepmezo, 
	.fejlec .kozepmezok, 
	.fejlec .balmezo,
	.fejlec .jobbmezo{
		width:95%;
		height:100%;
		float:none;
		margin:0px auto;
	}	
	.box .szempontlogo{
		float:none;
	}
	.abra{
		margin:5px auto;
	}
}