/* CSS Document */

/*

@font-face {
    font-family: 'sajatbetu';
    src: local('Sajat-betutipus'),
         url('/Sajat-betutipus.ttf') format('truetype');
}
@font-face {
    font-family: 'sajatbetu-ie';   //Figyelem nem azonos a fenti megnevezéssel -ie a végén.
    src: url('/Sajat-betutipus.eot');
}
.csodafont {
   font-family: sajatbetu, sajatbetu-ie;
   font-size: 11pt;
}

*/



html {
	margin: 0px auto;
	padding: 0px;
}


@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

/*body { margin: 0; } */
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: center;
  font-size: 0;
  animation: 30s slidy infinite; 
}


 div#sliderbox {
	margin: 0 auto;
	align: center;
	height: 206px;
	width: 1000px;
}




















#bal{
	float: left;
	width: 330px;
	margin: 0 40px 0 0;
}

.kep{
	float: left;
	width: 200px;
	margin: 0 20px 15px 0;
}


.kep2{
	float: left;
	width: 320px;
	margin: 0 20px 15px 0;
}



body{
	font-family: 'Raleway', Arial, sans-serif;
/*	font-family: Arial, Helvetica, sans-serif; */
	background-color: #02b8a4;
	color: #0B2F3A;
	margin: 0px auto;
	padding: 0px;
/*	background-repeat: repeat-x;
	background-image: url(fohatter1.jpg);
	background-position: top;*/
/*	background-attachment:fixed;*/
	text-align: center;
}


/*     TERÜLETI ELEMEK      */



#top{
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(csilltop.jpg);
	border: 0;
	height: 358px;
	width: 1000px;
}


#torzs{
	width: 1000px;
	margin: 0px auto;
	background-repeat: repeat;
	background-image: url(hatter3.jpg);
}

#tartalom{
	width: 850px;
	margin: 0px auto;
	padding-top: 20pt;
	padding-bottom: 20pt;
}


#bottom{
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #5E6C87;
	border: 0;
	height: 90px;
	width: 1000px;
}

/* Menu */


#menu {
	width: 1000px;
	height: 70px;
	align: center;
	margin: 0px auto;
/*	background-repeat: repeat-y;   */
/*	background-image: url(menuhatter3.jpg); */
	background-color: #303646;
	padding: 0px;
}

#menu ul {
	margin: 0px auto;
	width: 100%;
	text-align: center;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	font-weight: normal;
	align: center;
/*	letter-spacing: 1px;*/
}

#menu a {
	display: block;
	margin-right: 3px;
	margin-left: 0px;
	margin-top: 16px;
	padding: 7px 8px 7px 8px;
	text-decoration: none;
	font-family: 'Raleway', Arial, sans-serif;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	color: #C0C4CF;
	border-rigth: 1px;
	border-color: white;
}

#menu li.valaszt {
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 15px;
	padding: 7px 6px 7px 6px;
	text-decoration: none;
/*	font-family: 'Raleway', Arial, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #5E6C87;
	border: none;
}

#menu a:hover {
/*	background: #222;*/
	color: #B28B50;
	margin-right: 3px;
	text-decoration: none;
}


/*    FONTOK     */


.cim{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7E3117;
	text-align: left;
	line-height: 100%;
}

.alap{
	font-family: 'Raleway', Arial, sans-serif;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	font-weight: normal;
	color: #222; /*#7E3117;*/
	text-align: justify;
	line-height: 150%;
}

.link {
	font-family: 'Raleway', Arial, sans-serif;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #7E3117;
}


.link:hover{
	font-weight: bold;
	text-decoration: underline;
}