@font-face {font-family: 'cimfont';
	src:  url('fonts/euphorigenic.ttf') format('truetype');
	}
	
@font-face {font-family: 'menufont';
	src:  url('fonts/trebuc.ttf') format('truetype');
	}	
body {background: url(images/hatter.jpg); margin: 0; padding:0; font-family: menufont, sans-serif ;}
h1 {text-transform: uppercase;}
h2 {text-transform: uppercase;}
p {text-indent: 15px;}
a {text-decoration: none;}
#container {  background-color: rgba(255,255,255, 0.75);  padding: 25px; margin: 0 auto; margin-top: -22px;
			background-image: linear-gradient(0deg, rgba(23,23,150,0.75), rgba(255,255,255, 0.75), rgba(255,0,0, 0.75)); } 
#content {width: 1000px; margin: 0 auto; background: rgba(255,255,255, 0.90) ;box-shadow: rgba(134,133,199,0.90)  3px 3px;}

#header {background: url(images/cimer.png) no-repeat; width: 35%; height: 200px; display:block; float:left; padding-left: 120px;
		color: rgba(23,23,150, 0.90); text-shadow: rgba(134,133,199,0.90) 1px 1px 1px;  text-align: center;  font-family: 'cimfont', cursive; font-size: 0.8em;}
#header h1 {letter-spacing: 0.2em; padding-top:10px;} 
#header hr {margin-top: -15px; width: 80%; color: rgba(23,23,150, 0.90); height: 1px;}
#header h2 {margin-top: -5px; text-transform: none;}

#lang {width: 50%; float: right;}
#lang ul {list-style-type: none; display: block; height: 50px;  margin:0;margin-left: 290px;}
#lang ul li {float: left; margin: 3px;  margin-top: 15px;}
#lang ul li:hover {box-shadow: rgba(134,133,199,0.90) 3px 3px;}
#lang ul li a {text-decoration: none;}

#nav {width: 50%; float: right;}
#nav ul {list-style-type: none; display: block; height: 150px;  margin:0;}
#nav ul li {float: left; margin: 3px;  margin-top: 15px; background: rgba(23,23,150, 1);  box-shadow: rgba(134,133,199,0.90) 3px 3px;}
#nav ul li:hover  {background: rgba(134,133,199,1);}
#nav ul li a {text-decoration: none; color: rgba(255,255,255,0.90); font-size: 0.8em; font-weight: bold; font-family: 'menufont', sans-serif; display: block; padding: 15px;}
#nav ul li:hover a {color: rgba(23,23,150, 0.90);}

#left {clear: both;  width:300px;height: 480px; display: block;  padding: 15px; float: left; }
#left h2 {color: rgba(25,25,25, 0.90); font-size: 0.8em;}
#left p, #left li {color: rgba(25,25,25, 0.90); font-size: 0.8em;}
#left p.jobb {text-align: right; font-style: italic;}

#right {width: 630px; height: 480px; display: block; background: rgba(25,25,25, 0.90); padding: 15px; float: left; box-shadow: rgba(134,133,199,0.90)  3px 3px;}
#right h2 {color: rgba(255,255,255, 0.75); font-size: 0.8em;}
#right p {color: rgba(255,255,255, 0.75); font-size: 0.8em;}
#right ul {list-style-type: none; display: block; height: 300px; margin:0; padding:0}
#right ul li.bacska {width:250px;}
#right ul:hover li.bacska {width:75px;}
#right ul li {float: left; width: 75px;height: 300px; display: block;}
#right ul li:hover {width: 250px;}
#right ul li a {text-indent: -3500px; width: 75px;height: 300px; display: block;}
#right ul li a:hover {text-indent: -1500px; width: 250px;height: 300px; display: block;}
#right ul li.baranya {background: url(images/regio_baranya.jpg);}
#right ul li.bacska {background: url(images/regio_bacska.jpg); }
#right ul li.drava {background: url(images/regio_dravamente.jpg);}
#right ul li.gradistye {background: url(images/regio_gradistye.jpg);}
#right ul li.pest {background: url(images/regio_pest.jpg);}
#right ul li.mura {background: url(images/regio_mura.jpg);}
#right ul li:hover.baranya {width: 250px;}
#right ul li:hover.bacska {width: 250px;}
#right ul li:hover.drava {width: 250px;}
#right ul li:hover.gradistye {width: 250px;}
#right ul li:hover.pest {width: 250px;}
#right ul li:hover.mura {width: 250px;}

#contact {clear: both;padding: 15px;  display: block; }
#contact h1 {font-size: 1.0em; padding-left: 40px; color: rgba(255,0,0,1); height:35px; line-height:35px;background: url(images/kitolto.png) no-repeat;}
#contact h1 a {text-decoration: none; color: rgba(255,0,0,0.90); display: block; width: 140px;}
#contact p {font-size: 0.8em;}

#hirek, #akcio{clear: both;padding: 15px;  display: block; height: 350px;}
#akcio{ height: 230px;}
#hirek h1, #akcio h1{font-size: 1.0em; padding-left: 40px; color: rgba(255,0,0,1); height:35px; line-height:35px;background: url(images/hirek.png) no-repeat;}
#hirek h1.tamogato {background: url(images/hirek.png) no-repeat;}
#hirek h2 {color: rgba(25,25,25, 0.90); font-size: 0.8em; }
#hirek p, #akcio p{font-size: 0.8em;}
#hirek .hir {width: 29%; height: 200px; float: left;   margin: 10px; border: solid 1px rgba(23,23,150, 0.90);padding: 10px;background: rgba(255,255,255, 0.75);box-shadow: rgba(134,133,199,0.90)  3px 3px;}
#hirek .hir img {float: left; margin-right: 10px; border: none;}
#hirek .hir h2 {color: rgba(255,0,0,1) font-size: 0.8em;}
#hirek .hir h3 {color: rgba(255,0,0,1); font-size: 0.7em; margin-top: -10px;}
#hirek .hir p {color: rgba(25,25,25, 0.90); font-size: 0.75em; height: 100px; display: block;}
#hirek .hir a, #akcio a {text-decoration: none; color: rgba(255,0,0,0.90); text-transform: uppercase;}
#hirek .hir p.tovabb, #akcio p.tovabb{background: rgba(255,0,0,1); box-shadow: rgba(134,133,199,0.90)  3px 3px; float: right;padding: 3px; width: 85px; height: 15px;text-indent:0;}
#hirek .hir p.tovabb a, #akcio p.tovabb a{text-align: center;text-decoration: none; color: rgba(255,255,255,1); text-transform: uppercase; display: block; font-weight: bold;font-size: 0.8em;}
#hirek .hir ul   {color: rgba(25,25,25, 0.90); text-transform: none; font-size: 0.8em;}
#hirek .hir ul li a {text-decoration: underline; text-transform: none; color: rgba(25,25,25, 0.90); font-size: 0.9em;}
#hirek .hir p.kep {float: right;padding: 3px; margin-top:-70px;}
#hirek .hir p.kep img{float: right;padding: 3px; }
#hirek .hir p.kep1 {float: right;padding: 3px; margin-top:-10px;}
#akcio .kozep {text-align:center;}
#akcio .jobb {text-align:right; padding-right:100px;}
#hirek .kiemelt  h1 {color: rgba(255,0,0,1);}
#hirek .kiemelt  h2 {color: rgba(25,25,25, 0.90);}
#hirek .kiemelt  {background: rgba(25,25,25, 0.90);box-shadow: rgba(134,133,199,0.90)  3px 3px;}
#hirek .kiemelt  img {border: none;}
#hirek .kiemelt  h2 {color: rgba(255,0,0,1); }
#hirek .kiemelt  h3 {color: rgba(255,0,0,1); }
#hirek .kiemelt  p {color: rgba(255,255,255, 0.75); }
#hirek .kiemelt  a {color: rgba(255,0,0,0.90); }
#hirek .kiemelt  p.tovabb {background: rgba(255,0,0,1); box-shadow: rgba(134,133,199,0.90)  3px 3px; }
#hirek .kiemelt  p.tovabb a {text-align: center; text-decoration: none; color: rgba(255,255,255,1); }
#hirek .kiemelt  ul   {color: rgba(25,25,25, 0.90);}
#hirek .kiemelt ul li a {color: rgba(25,25,25, 0.90);}

#galeriak {clear: both;padding: 15px; }
#galeriak h1 {font-size: 1.0em; padding-left: 40px; color: rgba(255,0,0,1);height:35px;line-height:35px;background: url(images/galeria.png) no-repeat;}
#galeriak h2 {color: rgba(25,25,25, 1); font-size: 0.8em; }
#galeriak p  {color: rgba(25,25,25, 1); font-size: 0.8em; }
#galeriak  .galeria {width: 45%; height: 180px; float: left;  border: 1px solid rgba(23,23,150, 0.90); box-shadow: rgba(134,133,199,0.90)  3px 3px; margin: 5px; padding: 15px;}
#galeriak  .galeria img {float: left; margin-right: 10px; border: none;}
#galeriak  .galeria h2 {color: rgba(23,23,150, 1); font-size: 0.8em;}
#galeriak  .galeria h3 {color: rgba(23,23,150, 1); font-size: 0.7em; margin-top: -10px;}
#galeriak  .galeria p {color: rgba(25,25,25, 1); font-size: 0.75em; }
#galeriak  .galeria a {text-decoration: none; color: rgba(23,23,150, 1); }
#galeriak  .galeria p.tovabb {margin-top: -10px;background: rgba(23,23,150,1); box-shadow: rgba(134,133,199,0.90)  3px 3px; float: right;padding: 3px; width: 50px; height: 15px;text-indent:0;}
#galeriak  .galeria p.tovabb a {text-align: center;text-decoration: none; color: rgba(255,255,255,1); text-transform: uppercase; display: block; font-weight: bold;font-size: 0.8em;}

.ures {height: 30px; clear: both; display:block;}

#footer {text-align: center; font-size: 0.7em;  color: rgba(25,25,25, 0.90);padding: 10px; }