﻿html{
			overflow-x: hidden;				
}

body {
    font-family:Verdana; Geneva, sans-serif;
    width:100%;
    display:table;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    height:100%;
	font-size:14pt;
		

}

#slider1 {
height:195px;
 width:100%;
	}

object {
    margin-left:0px;
    width:100%;
    z-index:10;
}


h1 {
    font-size:21pt;
    font-weight:bold;
}
h2 {
    font-size:15px;
}
h3 {
    font-size:15px;
}


p {
    font-size:15px;
}

object {
    display:block;
    width:100%;
}



.cimsor {
	width:100%; 
	font-size:28pt;
	float: left;
	text-align:left;
	font-weight:bold;
	line-height: 1em;
}

@media (max-width:12280px) {

.cimsor {	font-size:22pt;	}
#reserve{	display:none;	}

}


.cimsor h1 {
    font-size:21pt;
    font-weight:bold;
    text-align:left;
    float:left;
    color:rgb(90,204,162);
    margin: 0 7px 7px 7px 
}

.cimsor h2 {
    font-size:14pt;
    font-weight:bold;
    text-align:left;
    float:left;
    color:rgb(90,204,162);
    margin: 0 7px 7px 7px 
}

.cimsor h3 {
    font-size:18pt;
    font-weight:bold;
    text-align:left;
    float:left;
    color:rgb(90,204,162);
    margin: 0 7px 7px 7px 
}


.cimsor2 {
	width:100%; 
	font-size:32pt;
	float: left;
	text-align:left;
	font-weight:bold;
	line-height: 1em;
}


.cimsor2 h2 {
    font-size:24pt;
    font-weight:NORMAL;
    text-align:left;
    float:left;
    color:#000;
    margin: 0 7px 7px 7px ;
    /*line-height: 1.5em;*/

}


#menu {
    width: 100%;
    height: auto;
    color:white;
    background-color:black;
    text-shadow:2px 2px grey;
    float:right;
    display:block;
    margin-bottom:10px;
}

#fekete {    
    background-color:black;
    width:100%;
    height:100px;
}

#wrapping {
    width:100%;
}

#services{
    right:0;
    margin-top:120px;
    margin-right:42px;
    position:absolute;
    z-index:11;
}

#reserve{
    float:left;
    margin-left:49px;
    margin-top:120px;
    position:absolute;
    z-index:11;
}

#big_reader {
    width:100%;
    float:left;
}


#belso_div {
	width:100%;
	text-align: center;
}

#blue_reader {
    width:100%;
    height:auto;
    background-color:rgb(90,204,162);
    float:left;
    margin-bottom:-1px;
    margin-top:-1px;
}

#belso_div2 {
	width:100%;
	text-align: center;
}

.white_reader {
    width:100%;
    height:auto;
    float:left;
    font-weight:bolder;
    font-size:26px;
    text-align:center;
    display:table;
}

#grey {
    width:100%;
    background-color:rgb(204,204,204);
    margin-top:-3px;
    margin-bottom:-1px;
    float:right;
	font-size: 12.5pt
}

#footer {
    width:100%;
    background-color:black;
    color:white;
    text-align:center;
    margin-top:-3px;
    padding-top:14px;
	font-size: 11pt
}

#footer a:link {
    color: rgb(90,204,162) ;
}


.inside_div {
    width:29%;
    margin:auto;
    height:auto;
    float:left;
    line-height:170%;
    padding:2%;
    vertical-align: middle;
    text-align: justify;
}
.inside_div ul {
    list-style-type: none;
    //margin-left:-10px;
}

.kepdiv{
    width:91%;
	text-align: center;
	border:7px #ccc solid;
	

}
.inside_div img{
    width:100%;
    margin:0 auto
}

.inside_div2 {
    width:20%;
    padding:auto;
    height:105px;
    float:left;
}

.slider-wrapper { 
    width: 100%; 
    margin: 0px;
    position:relative;
}

.clearfix:after {
    display: table;
    clear: both;
}

.clearfix:before {
    display: table;
    clear: both;
}

.social {
    width:286px;
    margin:0px auto;
}


.social img {
    width:64px;
    height:64px;
    margin-top:6px;
    margin-left:6px;
    float:left;
    
}

#logo {
    z-index:13;
    margin-left:42px;
    position:absolute;
}

#logo2 {
    z-index:13;
    margin-left:auto;
    margin-right:auto;
}

#logo42 {
    display: table-caption; 
    margin: 0 auto;
    display:none
}

#booknow {
    width:185px;
    float:right;
    height:100px;
    float:right;
    margin-left:14px;
}

#book {
    margin-top:25px;
    width:185px;
    height:42px;
    margin-top:28px;
}

#flags {
    float:right;
    width:42px;
    margin-right:-7px;
    margin-left:35px;
}
object {
	margin-left:-21px;			
	margin-right:-21px;
	width:110%;
	overflow-y: hidden;			
}
#flags2 {
    float:right;
    width:42px;
    margin-right:21px;
    margin-left:21px;
    display:none
}

.flag {
    float:right;
}

.photo {
    margin:21px;
    /*float:left;*/
	display: inline-block;
    padding:auto;
    height:233px;
    width:320px;
    text-align: center;
}

#xxx{
	 margin-bottom:-3px			
}







@media (max-width:1650px) {
    #lines {font-size:24px;}
    .index {display:none;}

}

@media (max-width:1450px) {
    #xxx {display:none; }


}


@media (max-width:1310px) {
    #lines {font-size:12px;}
    .inside_div2 {width:33%; height:120px;}
    #xxx {display: block; }
}



@media (max-width:1205px) {
    //.inside_div {width:44%;}
    #services {display:none;}
    .cimsor2 {font-size:24pt; font-weight:2; text-align:left; float:left; color:#000; margin: 0 7px 7px 7px ; max-width:100%; }

}


@media (max-width: 1000px) {
    #reserve {display:none;}
    #lines {font-size:12px;}
    .inside_div {width:90%; }
    #services {display:none;}
    #reserve {display:none;}
    #lines {font-size:12px; line-height:34px;}
    .inside_div {width:95%; min-width:0;}
    .social { width:100%;padding-left:0px;padding-right:0px;padding-top:20px;float:left;}

}

@media (max-width:785px) {
    #logo {display:none;}
    #logo42 {display: table-caption; }
    #wrapping {display:none;}
    #slider1 {display:none;}


}

@media (max-width:500px) {
    .inside_div2 {width:50%; height:140px;}
    .inside_div table {display:none}
}

@media (max-width:434px) {
   #flags {float:left; margin:0 0 0 0}


}

@-moz-document url-prefix() {
    #wrapping {
        margin-top:140px;
    }
 #reserve {
  margin-top:-20px;
 }
 #services {
  margin-top:-20px;
 }
/*license: You must have a valid license purchased only from Cold Light Technologies Bt. (www.coldlight.hu) in order to legally use the source of this website*/