@import url('reset.css');

body {
 background: #FEE9D4;
 color: #000;
}

body, div, p, input, label, textarea, td, th, form, h1, h2, select {
 font-family: ’Lucida Grande’, ’Lucida Sans’, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align:left;
 line-height:normal;
}

ul {
 list-style-type: disc;
 margin-left:20px;
 padding:1px 4px;
}

.clear { width: 0px; height: 0px; clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.hidden { display: none; }
.fleft { float: left; }
.fright { float: right; }
.kek {  color: #5E65BD; }
.red {  color: #FF0000; }
.grey {  background: #E5E5E5;color:#000000;  }
.bold {  font-weight: bold; }
.border1 {  border:1px solid black; }
.space { height: 5px; clear: both; }
.athuzott {text-decoration: line-through; }
.sep { border-bottom: 1px solid #BFBEBA; }
.sep2 { border-bottom: 2px solid #2B1605; margin:5px; }

h1 {
 font-size: 22px;
 font-weight:bold;
 padding:5px 0px;
 font-family:serif;
}
h2 {
 font-size: 14px;
 font-family:serif;
 padding:5px 0px;
 font-weight:bold;
}
h3 {
 font-size: 13px;
 font-family:serif;
 font-weight:bold;
 padding:3px 0px;
}

a{color: #330000; text-decoration: underline; padding:0px;margin:0px;}
a:hover, a:active {color: #fff; background:#330000;text-decoration: none;}

#base {
 margin: 0px auto 0px auto;
 padding: 0px;
 background:#FEE9D4 url(design/bg.png) repeat-y;
 width: 982px;
 border: 0px;
 text-align:justify;
}

#container {
 float: left;
 background: #FEE9D4 url(design/bg.png) repeat-y;
 width: 975px;
}
#shadow {
 float: left;
 background: #FEE9D4 url(design/shadow_main.png) no-repeat;
 width: 7px;
 min-height:600px;
}


#fejlec {
 width: 975px;
 height:181px;
 padding:0px;
 margin:0px;
}

#fejlec1 {
 background: #000 url(design/fejlec_bal.jpg) no-repeat;
 width:488px;
 height:181px;
 float:left;
 padding:0px;
 margin:0px;
}

#fejlec2 {
 background: #000 url(design/fejlec_jobb.jpg) no-repeat;
 width:487px;
 height:181px;
 float:right;
 padding:0px;
 margin:0px;
}
#menu {
 width: 965px;
 height:35px;
 background: #000 url(design/bg_menu.jpg) repeat-x;
 padding:0px 0px 0px 10px;
 margin:0px;
 text-align:center;
 float:left;
}


#menu #menu_1 { width:60px; padding:15px 0px 0px 30px; }

.menup{
 height:22px;
 padding:1px 4px;
 margin: 5px 5px 2px 5px;
 background: #A05D30 url(design/bg_menupont.png) repeat-x;
 float:left;
}

.menup .link{ 
 padding:2px 0px 0px 0px;
 font-size:16px;
 font-weight:bold;
}

#menu a{color: #D4C9CD; text-decoration: none; padding:0px;margin:0px; background:none;}
#menu a:hover, #menu a:active{color: #D4C9CD; background: none;}

#nevnap {
	color:#FFF;
	padding:0px 15px 0px 5px;
	text-align:right;
}

#box {
 width:975px;
 margin:0px 0px 0px 0px;
 float:left;	
}

#box .sidebar {
	background:#FEE9D4 url(design/bg_sidebar.jpg) repeat-x;
	width: 15px;
	min-height:600px;
	height:600px;
	float:left;
	padding:0px;
	margin:0px;

}

#box #main {
	width:945px;
	float:left;
	background:#E1C6A9;
	padding:0px;
	margin:0px;
	min-height:600px;
}

#main_left {
	width:625px;
	float:left;
	background:#E1C6A9;
	padding:0px 10px;
}
#main_right {
	width:300px;
	background:#684934;
	float:left;
}

.submenu li {
 list-style-type: none;
 margin: 5px 5px 2px 5px;
 float:left;
}

.submenu .menublokk {
	float:left;
	width:180px;
	text-align:center;
}
.menublokk img {
	border:1px solid #FFF;
}

.linkek li {
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-align:center;
}



.kep img{
	border:1px solid #FFF;
}
.kep {
	text-align:center;
	margin:5px;
}
.kep2 {
	text-align:center;
	float:left;
	padding:3px 0px 10px 0px;
}


.pedblokk {
	padding:10px 0px;
	border-bottom:1px solid #000;
}

.blokkfejlec {
	width:300px;
	height:44px;
	background: #9C5118 url(design/blokkfejlec.jpg) no-repeat;
}
.blokkfejlec h1 {
	padding:2px 0px 0px 10px;
	font-size:20px;
	font-weight:bold;
	font-family:’Lucida Grande’, ’Lucida Sans’, Arial, Helvetica, sans-serif;
	color:#D4C9CD;
}

.cikkbox img {
	border:1px solid #FFF;
	margin:5px;
	text-align:center;
}

.egycikk {
	padding:3px;
	margin: 5px 0px;
	border:1px solid #2B1605;
}

.uzleti_tabla td {
	padding:3px;
	border:1px solid black;
}

.kiallitas {
	padding:10px 5px;
}

.blokk_kep{
	text-align:center;
}
.blokk_kep img{
	border:1px solid #000;
}

/*------------------------------galeria---------------------*/

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 15px 0px 0px 0px;
	float: left;
	position: relative;
	width: 150px;
/*	height: 150px;*/
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
/*
.gallery span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -3px;
	left: 50px;
	padding:0px 0px 0px 15px;
	background: url(design/tape.png) no-repeat;
}
*/
.gallery a {
	text-decoration: none;
	font-size:11px;
	text-align:center;
}
.gallery .cim a{
	font-size:11px;
	text-align:center;
}


.popup_kep {
	background:#000000;
	z-index:10;
	position:absolute;
}

.popup_kep img {
	border:3px solid #FFF;
	margin:30px 25px 20px 25px;

}

.popup_kep .cim{
	color:#FFF;
	font-size:16px;
	text-align:center;
	padding:5px 0px 0px 0px;
	margin:0px;
}

.lapozo {
	list-style: none;
	margin:0;
	padding:0;
	text-align:center;
}

.lapozo li {
	margin: 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
	width:20px;
	height:20px;
	border:1px solid #000;
}
.lapozo a {
	text-align:center;
	width:20px;
	height:20px;
}
.lapozo a:hover {
	background:#000;
	color:#FFF;
}

.navi {
	list-style: none;
	margin:0;
	padding:0;
	text-align:center;
}

.navi li{
	margin: 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
	height:20px;
	border:1px solid #ccc;
	color:#fff;	
	background:#000;
}
.navi a {
	color:#FFF;
	text-decoration:none;
}
.navi a:hover {
	color:#000;
	background:#FFF;
}


/* -------------------------------------------------------------------------- honap fotoja */

.honapfoto {
	padding: 10px 0px;

}

.honapfoto img{
	border:1px solid #000;
}

/* -------------------------------------------------------------------------- CALENDAR */

.calendar .sep {
 padding-top: 3px;
 clear: both;
}
.calendar .caltable {
 margin: 5px 12px;
}
.calendar .caltable th {
 color: #BFBEBA;
 width: 30px;
 height: 30px;
 text-align: center;
 vertical-align: middle;
 font-weight: bold;
}
.calendar .caltable td {
 background: #FAF9F7;
 color: #000;
 width: 30px;
 height: 30px;
 text-align: right;
 vertical-align: bottom;
 cursor: pointer;
}
.calendar .caltable td a {
 color: #000;
 font-weight: normal;
}
.calendar .caltable td:hover {
 background: #BFBEBA;
 color: #FFFFFF;
}
.calendar .caltable td:hover a, .calendar .caltable td a:hover {
 color: #FFFFFF;
}
.calendar .caltable td.event {
 background: #868ABB;
 color: #FFFFFF;
}
.calendar .caltable td.event:hover {
 background: #CBCEEF;
}
.calendar .caltable td.event a, .calendar .caltable td.event a:hover, .calendar .caltable td.event:hover a {
 color: #FFFFFF;
}
.calendar .caltable td.yourevent {
 background: #4A4D71;
 color: #FFFFFF;
}
.calendar .caltable td.yourevent:hover {
 background: #666DAC;
}

.calendar .caltable td.saturday {
 background: #66CC33;
 color: #FFFFFF;
}
.calendar .caltable td.saturday:hover {
 background: #666DAC;
}

.calendar .caltable td.sunday {
 background: #66CCFF;
 color: #FFFFFF;
}
.calendar .caltable td.sunday:hover {
 background: #66CCFF;
}


.calendar .caltable td.yourevent a, .calendar .caltable td.yourevent a:hover, .calendar .caltable td.yourevent:hover a {
 color: #FFFFFF;
}
.calendar .caltable td.today {
 background: #C00000;
 color: #FFFFFF;
}
.calendar .caltable td.today:hover {
 background: #FF2020;
}
.calendar .caltable td.today a, .calendar .caltable td.today a:hover, .calendar .caltable td.today:hover a {
 color: #FFFFFF;
}
.calendar .legend {
 margin: 10px 0px;
 float: left;
 text-align: center;
}
.calendar .legend div {
 margin-right: 10px;
 display: inline;
 float: left;
 font-size: 13px;
 text-align: center;
}
.calendar .legend .event {
 background: #868ABB;
 width: 30px;
 height: 30px;
 margin-right: 2px;
}
.calendar .legend .yourevent {
 background: #4A4D71;
 width: 30px;
 height: 30px;
 margin-right: 2px;
}