@import "reset.css";

body {
text-align: center;
background: #ccbca1;
font-family: georgia, serif;
font-size:100%;
margin:0;
}

h1, h2, h3 {
font-weight:normal;	
}

h1 {
font-size: 1.5em;
line-height: 1.636em;
margin: 0;
}

h2 {
font-size: 1.3em;
margin:1em 0;
}

h3 {
font-size: 1em;
font-weight: bold;
}

h3.akcios{
color: maroon;
font-size: 1.25em;
}

h4{
font-size: 1em;
font-weight: bold;
margin-left: -10px;
}

h5{
font-size: 1.1em;
margin-left: -5px;
}

p{
font-size: 0.9em;
}

table{
border-collapse: collapse;
clear: left;
}

th, td{
text-align: left;
vertical-align: top;
padding: 0;
}

a:link, a:hover, a:visited, a:active{
color: #281400;
}

a:hover{
color: #655438;
}

.margintalan{
margin: 0px;
}

.paddingtalan{
padding: 0px;
}

#content {
position: absolute;
width: 790px;
left: 50%;
top:0px;
margin-left: -395px;
text-align: left;
background: #eae5dd;
background: url(images/hatter.jpg) top center;
}

#akciodoboz{
text-align: left;
font-size: 0.75em;
position: absolute;
top: -400px;
left: 50%;
margin-left: -200px;
z-index: 50;
background: #ebdfc9 url(images/akciohatter.gif) left bottom repeat-x;
width: 400px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-opera-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

#akciodoboz img{
float: left;
margin: 0px 10px 0px 10px;
}

#akcioLeiras{
width: 95%;
}

.akciostermgomb{
color: white !important;
}

.akciostermgomb:hover, .akciostermgomb:visited{
color: #F2EBDF !important;
}

#akcioElobuj{
float: left;
}

#akciobezar{
float: right !important;
margin: 10px 10px 0px 0px !important;
cursor: pointer;
}

.akcioButton{
margin: 10px 10px 0px 10px;
cursor: pointer;
}

#alfd{
display:none;
margin: 10px 0px 0px 5px;
}

#alfd input{
margin: 5px;
}

.column {
width: 50%;
position: absolute;
top: 0;
}

.left {left: 0;}
.right {right: 0;}

.klir{
clear:both;
}

a.tovabb{
color: #281400;
position: relative;
left: 440px;
font-size: 0.85em;
font-style: italic;
font-weight: bold;
}

a.tovabb:hover{
color: #655438;
}

a.term_tovabb{
color: #281400;
font-size: 0.85em;
font-style: italic;
font-weight: bold;
}

a.term_tovabb:hover{
color: #655438;
}

.allink{
text-decoration: underline;
color: #281400;
cursor: pointer;
}

.allink:hover{
color: #655438;
}

#leftcol {
background: url(images/csicsa_bal.jpg) top right no-repeat;
margin-right: 395px;
height: 750px;

}
#rightcol {
background: url(images/csicsa_jobb.jpg) top left no-repeat;
margin-left: 395px;
height: 750px;
}

#this_is{
position: relative;
}

#footer{
position: relative;
left: 50%;
top: 0px;
margin-left: -395px;
background: url(images/lablec.jpg);
width: 790px;
height: 118px;
}

#footer div{
color: white;
position: relative;
top: 70px;
left: 25px;
font-size: 0.8em;
}

#footer div a{
color: white;
font-size: 0.9em;
font-weight: bold;
margin: 5px;
}

#pistika{
color: white;
padding-right: 245px;
}

#menu{
position: relative;
top:0px;
height:64px;
}


#userdoboz h4{
text-align: center;
}

#vir1, #vir3, #vir4, #vir2, #vir5{
width: 158px;
height: 27px;
float: left;
}


#men1, #men3, #men4, #men6, #men2, #men5{
height: 37px;
width: 158px;
float: left;
}


#vir1 a img, #vir2 a img, #vir3 a img, #vir4 a img, #vir5 a img, #men1 a img, #men2 a img, #men5 a img, #men3 a img, #men4 a img{
border: none;
}


#fejlec{
width: 790px;
height: 220px;
cursor: pointer;
}


#tartalom{
background: url(images/arnyek.jpg) no-repeat;
}

#balsav{
width: 528px;
float: left;
font-size: 0.8em;
line-height:1.2em;
margin-top: 30px;
margin-left: 20px;
margin-right: 10px;
}

.egy_hir{
width: 510px;
margin: 0px;
margin-top: 10px;
margin-bottom: 40px;
line-height: 1.3em;
padding: 0px;
}

.hircim{
margin-left: 2em;
margin: 0px;
padding: 0px;
}

.hir_tart{
margin-top: 10px;
}


.egy_term{
width: 510px;
margin: 0px;
margin-top: 10px;
margin-bottom: 40px;
line-height: 1.3em;
padding: 0px;
background:  #ccbca2 url(images/dobozhatter_1.jpg) bottom right no-repeat;
}

.egy_term_2{
width: 510px;
margin: 0px;
margin-top: 6px;
margin-bottom: 20px;
line-height: 1.3em;
padding: 0px;
background: #ccbca2;
}

.egy_term_3{
width: 510px;
margin: 0px;
margin-top: 6px;
margin-bottom: 20px;
line-height: 1.3em;
padding: 0px;
background: #d9ccb9;
}

.termcim{
margin: 0px;
position: relative;
top: 1em;
margin-left: 1em;
padding: 0px;
}

.term_tart{
position: relative;
top: 1.5em;
margin-left: 1.5em;
padding-bottom: 1.5em;
}

.term_tart_leir{
position: relative;
top: 1.5em;
margin-left: 1.5em;
padding-bottom: 3em;
font-size: 1.2em;
display: block;
}

#termszov{
float: left;
width: 300px;
}

#kosarbarakmagas{
height: 2em;
}

#kosarbarakas{
display: none;
}

.egytermkep{
float: left;
margin-right: 1em;
border: 2px solid #6b5b42;
}


.csoportkep{
float: left;
margin-right: 1em;
border: 2px solid #ccbca2;
}

.csoportkep:hover{
border: 2px solid #6b5b42;
}


.randomkep{
border: 2px solid #ccbca2;
}

.randomkep:hover{
border: 2px solid #6b5b42;
}

.egy_rend1{
width: 510px;
margin: 0px;
line-height: 1.2em;
padding: 0px;
background: #e2d8c7;
height: 84px;
}

.egy_rend2{
width: 510px;
margin: 0px;
line-height: 1.2em;
padding: 0px;
background: #cabba2;
height: 84px;
}

.rend_tart{
position: relative;
top: 1.4em;
left: 0.5em;
width: 400px;
float: left;
}

.rend_tart span{
font-size: 0.9em;
}

.ajandektargy{
position: relative;
float: right;
top: 1.4em;
right: 1em;
}

.ajandek{
position: relative;
top: 1.4em;
}

.rend_torles div{
float: left;
margin-left: 15px;
}

.rend_torles{
position: relative;
float: right;
top: 2.5em;
right: 1em;
}

.torlesloading{
display:none;
margin-top: 3px;
float: left;
}

.egy_rendkep{
width: 80px;
text-align: center;
float: left;
margin-right: 0.7em;
}

.szallitasif{
width: 500px;
}

#iranyitas{
margin-left: 25px;
}

#bolt_tart{
width: 95%;
}

#nyilacska{
margin-right: 15px;
}

#login{
width: 200px;
background: #f2ebdf;
margin-left: 10px;
margin-top: 10px;
}

#login_belso{
margin-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

#loginszov input{
margin-bottom: 10px;
background: #f8f6f2;
border: none;
padding: 2px;
}

#loginszov input{
width: 170px;
}

#kere{
width: 170px;
}

#kereses{
width: 200px;
background: #f2ebdf;
margin-bottom: 10px;
margin-left: 10px;
}

#kereses div{
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#kereses input{
margin-right: 5px;
width: 170px;
}

#ajandek-akcio{
width: 200px;
background: #F7F5F0;
margin-bottom: 10px;
margin-left: 10px;
border: 1px solid #B89B6C;
}

#ajandek-akcio-nagy{
background: #F7F5F0;
margin-bottom: 10px;
}

#ajandek-akcio div, #ajandek-akcio-nagy div{
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

.reg_cim{
font-size: 15px;
font-weight: bold;
font-style: italic;
}

input, select, textarea{
background: #f8f6f2;
border: none;
padding: 2px;
}

#regtartalom{
position: relative;
left: 30px;
width: 90%;
}

#regtartalom input{
width: 250px;
}

#username{
width: 125px !important;
}


.regbalszov{
position: relative;
float: left;
width: 200px;
display: inline;
}

.regjobbra{
position: relative;
display: inline;
float: left;
}

.regjobbra textarea{
width: 255px;
overflow: auto;
}

.nemszeles{
width: 30px !important;
}

#foglalas{
float: left;
font-family: Verdana;
}

#foglalt0{
margin-top: -1px;
margin-left: 10px;
padding: 1px 4px;
background: #FFE680;
display: none;
border: 2px solid #FFCC33;
}

#foglalt1{
margin-top: -1px;
margin-left: 10px;
padding: 1px 4px;
background: #FF8080;
display: none;
border: 2px solid #880000;
}

#foglalt2{
margin-top: -1px;
margin-left: 10px;
padding: 1px 4px;
background: #80FF80;
display: none;
border: 2px solid #008800;
}

.legyenugyanaz{
cursor: pointer;
float: left;
margin: 5px;
padding: 2px;
background: #775e33;
border: 1px solid #d1bf93;
color: white;
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial;
}


#jobbsav{
font-size: 0.8em;
float: left;
clear: right;
width: 222px;
line-height:1.2em;
margin-top: 30px;
margin-left: 10px;
}

#formszov{
text-align: center;
}


#random_termek{
margin-left: 10px;
width: 90%;
text-align: center;
background: #f2ebdf;
}

#random_termek h3{
font-size: 1.2em;
font-weight: bold;
}

#rnd_term_leiras{
text-align: left;
margin-left: 1em;
margin-top: 1em;
padding-bottom: 1em;
}


.hirdetes{
margin-top: 30px;
margin-left: 50px;
}


.leptetok{
position: relative;
float:left;
clear:left;
width: 528px;
text-align: center;
}


.leptetok a{
color: white;
text-decoration: none;
margin: 3px;
border: 1px solid #7a6136;
background:#aa946e;
padding: 2px 8px 3px 8px;
}

.leptetok a:hover{
color: #7a6136;
border: 1px solid #3b2a0d;
background: #c1ad89;
}

.lepteto{
color: white;
margin: 3px;
border: 1px solid #7a6136;
background:#aa946e;
padding: 2px 8px 3px 8px;
}


.lepteto2{
color: #7a6136;
text-decoration: none;
margin: 3px;
border: 1px solid white;
font-weight: bold;
background:white;
padding: 2px 8px 3px 8px;
}

.lepteto3{
color: gray;
text-decoration: none;
margin: 3px;
border: 1px solid #dbdcdf;
background:#e0d8ca;
padding: 2px 8px 3px 8px;
}


#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px;
	max-width: 600px;
	background: #FFF;
	border: solid 5px #614a21;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #fff;
	background: #ccbca2 url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #67512b;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/kjel.jpg);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/kjel.jpg);
}

#popup_content.confirm {
	background-image: url(images/kjel.jpg);
}

#popup_content.prompt {
	background-image: url(images/kjel.jpg);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

.felsorolas_list {
	width: 500px;
}

.felsorolas_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	font-weight:bold;
	background: #dacaae center right no-repeat;
	font-size: 1.2em;
}

.felsorolas_body {
	display:none;
}

.felsorolas_body a {
	font-size: 0.9em;
	display:block;
	color:#49381d;
	background-color:#f7f4ed;
	font-weight:bold;
	width: 100%;
	line-height: 2em;
	text-decoration:none;
}

.felsorolas_body a span{
	position: relative;
	left:20px;
}

.felsorolas_body a:hover {
	color: #000000;
	background-color:#FFF;
}

#kepgaleria{
background: #eae6dd;
width: 100%;
height: 100%;
text-align: center;
}

#kepgaleria img{
border: 2px solid #ccbca2;
}

#kepgaleria img:hover{
border: 2px solid #6b5b42;
}

#jogi_ablak{
padding: 20px;
text-align: left;
background: #eae5dd;
}

#jogiMinden{
color: white;
background: black;
position: absolute;
top: 0px;
left: 0px;
z-index: 2500;
width: 100%;
height: 100%;
}

#jogiDoboz{
width: 500px;
background: #D9CCB9 url(images/dobozhatter_1.jpg);
color: black;
position: absolute;
top: 30%;
left: 50%;
margin-left: -250px;
border: 6px solid white;
z-index: 2501;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
font-family: georgia, serif;
}


#jogiSzov{
padding: 10px;
}

#jogiGombok div{
font-size: 12px;
text-align: center;
margin: auto;
margin-top: 20px;
}

#jogiOk input{
color: white;
cursor: pointer;
background: green;
padding: 1em;
float: left;
background: #060;
margin: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}

#JogiNemOk input{
color: white;
cursor: pointer;
background: #600;
padding: 1em;
float: right;
margin: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}