@font-face {
    font-family: 'Amaranth';
    src: url('../admin/font/Amaranth-Regular-HUN.otf');
}


@font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-Light.ttf') format('truetype');
    font-weight:300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight:400;
    font-style: normal;
}	

@font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-Medium.ttf') format('truetype');
    font-weight:500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight:600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


body {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 1200px;
    padding: 0px;
    font-family: 'Poppins';
    line-height: 1.2;
}
img {
    border: 0;
}

.hiba1 {
    background: rgb(255, 168, 168);
}
.success {
    color: rgb(0, 133, 0);
}
a {
    text-decoration: none;
    color: inherit
}
td {
    padding: 2px;
}
input[type="submit"],
input[type="button"],
button {
    background: #891727;
    font-family: 'Poppins', 'Sans-Serif';
    color: white;
    font-size: 12px;
    height: 32px;
    font-weight: 500;
    padding: 0px 12px;
    border: 0px;
    text-decoration: none;
    text-transform: lowercase;
    cursor: pointer;
    transition: 0.5s;
    outline: none;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
    background: #a90533;
}
input[type="text"],
input[type="password"],
#potd div .eladovevoinfotable tbody tr td table tbody tr td input[type="text"],
#potd div .eladovevoinfotable tbody tr td table tbody tr td input[type="password"],
#shipmentedit div .eladovevoinfotable tbody tr td table tbody tr td input[type="text"],
#shipmentedit div .eladovevoinfotable tbody tr td table tbody tr td input[type="password"] {
    padding: 0px 9px;
    border: 1px solid #CFCFCF;
    font-size: 14px;
    width: 260px;
    color: #626262;
    height: 38px;
}
textarea {
    padding: 5px;
    border: 1px solid rgb(200, 200, 200);
}
.oneclickbuttoninactive {
    background: black;
    opacity: 0.3;
}
/* processingmessage eredeti*/

/*processingmessage új */

#processingmessage {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 20px;
    font-weight: bold;
    display: none;
    z-index: 110;
    border-radius: 3px;
    width: 150px;
    margin-left: -75px;
    margin-top: -38px;
    font-family: 'Amaranth';
}
#loader {
    width: 50px;
    margin-right: 5px;
}
/*header*/

#bigheader {
    width: 100%;
    height: 60px;
    background: #b72435;
    /* Old browsers */
    
    background: -moz-linear-gradient(45deg, #b72435 0%, #891727 15%, #891727 85%, #b72435 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(45deg, #b72435 0%, #891727 15%, #891727 85%, #b72435 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(45deg, #b72435 0%, #891727 15%, #891727 85%, #b72435 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b72435', endColorstr='#b72435', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
#body {
    width: 100%;
    background: transparent;
    border-radius: 0px;
    margin-top: -26px;
    font-family: 'Poppins', 'Sans-Serif';
    margin: auto auto;
}
#header table {
    width: 100%;
    margin: 24px 0px;
    padding: 16px
}
#header table td {
    vertical-align: middle;
}
#langselector {
    text-align: center;
    height: 50px;
    margin: auto auto;
    background: white;
    border-radius: 10px 10px 0px 0;
}
#langselector table {
    margin: auto auto;
}
#langselector a img {
    width: 25px;
    border: 0;
}
#langselector a img:hover {
    opacity: 0.8;
}
#welcomediv{
	text-align: center;
	font-size: 22px;
	margin-top: 15px;
}
.navigation li p {
    font-size: 11px;
    color: #999;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
}
.navigation a li img {
    position: absolute;
    right: 0px;
    top: -1px;
    height: 66px;
}
.navigation li:hover font,
.navigation a .active font {
    padding-left: 5px;
}
.navigation li:hover,
.active {
    background: #891727;
    /* Old browsers */
    
    font-weight: bold !important;
    color: #FFF !important;
    box-shadow: none;
}
/*Navi*/
/*Content*/

.freeTimesOneDay {
    float: left;
    width: 100px;
    font-style: normal;
    font-size: 14px
}
#contenttable {
    position: relative;
    top: 350px;
}
#userReserved h1 {
    width: 950px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.plusikon {
    font-size: 18px;
}
.shifter {
    text-align: center;
    margin: 15px auto 25px auto;
}
.shifter a {
    padding: 4px 9px;
    font-size: 16px;
    border: 1px solid #cfcfcf
}
.shifter a:hover {
    border: 1px solid #000000;
    transition: 0.5s
}
.shifter a:last-of-type,
.shifter a:first-of-type {
    border: none !important
}
.shifter a:last-of-type:hover,
.shifter a:first-of-type:hover {
    background: none
}
.shifter a img {
    height: 13px;
    vertical-align: middle;
}
#gettime {
    width: 1170px;
    margin: auto auto;
}
#gettime h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}
#folyamatabra {
    margin-bottom: 25px;
}
#adataim h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}
#adataim table {
    margin-top: 20px
}
#kapcsolat {
    width: 37%;
    margin: auto auto;
}
#kapcsolat h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}
#finish h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.eladovevoinfotable {
    width: 100%;
}
.eladovevoinfotable tbody tr td table {
    width: 100%;
}
#potd ul,
#shipmentedit div ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 60px;
}
#potd ul li,
#shipmentedit div ul li {
    margin: 3px;
    padding: 3px;
    float: left;
    width: 120px;
}
.warningmessage {
    width: 260px;
    color: #9b0135;
    margin: 5px;
    padding: 5px;
    padding-top: 35px;
    margin-left: 0px;
    font-weight: bold;
    background: rgb(250, 250, 250) url(../grafika/new.png) center 5px no-repeat;
    border: 1px solid rgb(200, 200, 200);
    text-align: justify;
}
.eladovevoinfotable tbody tr td p {
    border-bottom: 2px solid #ddd;
    font-weight: bold;
    font-size: 18px;
}
hr {
    border-bottom: 1px solid #880023;
    margin-top: 20px;
    margin-bottom: 20px;
}
#kapcsolat {} #kapcsolat input[type="text"] {
    width: 493px;
}
#kapcsolat textarea {
    margin-left: 0px;
    border: 1px solid rgb(200, 200, 200);
    width: 493px;
    height: 200px;
}
#kapcsolat p {
    margin-left: 50px;
}
#cegadatok {
    margin: auto auto;
    margin-top: 30px;
    margin-left: 100px;
}
/*login, reg*/

#regandloginlinkdiv {
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}
#regandloginlinkdiv a img {
    width: 12px;
}
#loginscreen h1 {
    margin-left: 0px;
    font-weight: 200;
    font-family: 'Poppins', 'sans-serif';
}
#logintitle,
.elfelejtettjelszotable h1 {
    color: #891727;
    height: 50px;
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    width: 300px
}
#sitename {
    height: 112px;
    text-align: center;
    text-transform: uppercase;
    color: #891727;
    font-size: 14px;
    margin: 20px 20px
}
#reg form table {
    height: 250px;
    margin: auto auto;
    width: 90%
}
#reg table tr td {
    text-align: center;
    width: 100%
}
#logindiv form table {
    width: 90%;
    height: 250px;
    margin: auto auto;
}
#reg h1 {
    color: #891727;
    height: 50px;
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    padding-top: 16px;
    padding-bottom: 4px;
    margin: 0px
}
#login input[type="text"],
#login input[type="password"] {
    border: 1px solid #CFCFCF;
    font-size: 14px;
    color: #626262;
    height: 28px;
    transition: 0.5s;
    width: 400px;
    outline: none;
    font-weight: bold;
    padding: 5px;
}
#login input[type="text"]:hover,
#login input[type="password"]:hover,
#elfelejtjelszo input[type="text"]:hover,
.regisztraciofooldal input:hover {
    border: 1px solid #0f1d35 !important;
    outline: none;
    transition: 0.5s;
}
#reg p {
    margin: 0;
    padding: 15px;
    font-size: 14px;
}
#reg input[type="text"],
#reg input[type="password"] {
    border: 1px solid #CFCFCF;
    font-size: 14px;
    color: #626262;
    height: 38px;
    transition: 0.5s;
    padding: 0px;
    padding-right: 9px;
    padding-left: 9px;
    width: 392px
}
#logindiv input[type="submit"],
#logindiv input[type="submit"] {
    background: #891727;
    /* Old browsers */
    
    color: white;
    font-size: 20px;
    padding: 10px;
    border: 0px;
    text-decoration: none;
    margin-top: 8px;
}
#reg input[type="submit"]:hover {
    background: #6e7585;
}
#reg input[type="submit"],
#reg input[type="submit"] {
    background: #891727;
    /* Old browsers */
    
    color: white;
    font-size: 14px;
    border: 0px;
    text-decoration: none;
    font-family: 'Poppins', 'sans-serif';
    padding: 8px;
    font-weight: bold
}
#successAdd {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 400px;
    margin-left: -216px;
    z-index: 101;
    background: white;
    border: 0px solid rgb(200, 200, 200);
    padding: 15px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    text-align: center;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
#addCompanyPopUp {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 400px;
    margin-left: -216px;
    display: none;
    z-index: 101;
    background: white;
    border: 0px solid rgb(200, 200, 200);
    padding: 15px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .08);
    border: 1px solid rgba(237, 237, 237, 0.5);
}
#addCompanyPopUp input {
    width: 380px;
    margin-top: 4px;
    margin-bottom: 4px;
}
#addCompanyPopUp button:hover,
#addCompanyPopUpCloseButton {
    cursor: pointer;
}
#addCompanyPopUp button {
    width: 400px;
}
#ujCegHozzaadasaTitle {
    text-align: right;
}
#vatNumberHiba1,
#vatNumberHiba2,
#companyNameHiba {
    display: none;
}
#login_button,
#reg_button {
    width: 100%;
    height: 40px;
    font-weight: bold
}

#reg td,
#logindiv td {
    vertical-align: middle;
}
#trucks {
    width: 500px;
}
#trucksdiv {
    text-align: center;
    margin-top: -30px;
}
#adatlap {
    float: left;
    width: 270px;
    margin-left: -150px;
    margin-top: 100px;
}
#map{
	position: relative;
	top:0;
	border: 0px solid black;
	width: 100%;
	height: 485px;
	margin: auto auto;
}
.markers{
	position: absolute;
	width: auto;
	height: 29px;
	transition: height 0.15s, margin-top 0.15s, margin-left 0.15s;
    -moz-transition: height 0.15s, margin-top 0.15s, margin-left 0.15s; /* Firefox 4 */
    -webkit-transition: height 0.15s, margin-top 0.15s, margin-left 0.15s; /* Safari and Chrome */
    -o-transition: height 0.15s, margin-top 0.15s, margin-left 0.15s; /* Opera */
	margin: 0;
}
.markerscityname{
	position: absolute;
	padding: 0;
	margin: 0;
	min-width: 50px;
	height: 32px;
	background: white;
	border: 1px solid rgb(140,142,141);
	transition: opacity 0.2s;
    -moz-transition: opacity 0.2s; /* Firefox 4 */
    -webkit-transition: opacity 0.2s; /* Safari and Chrome */
    -o-transition: opacity 0.2s; /* Opera */
	border-radius: 0px;
	display: none;
	font-size: 16px;
	color: rgb(140,142,141);
}
.markerscityname table{
	width: 100%;
	margin-top: 2px;
}
.gbetutd{
	text-align: center;
	width: 16px; 
}
.markerscityname table tbody tr td{
	text-align: left;
}
.markerscityname img{
	margin: 0px;
	margin-top: 4px;
	height: 15px;
}
.markerscityname a{
	color: black;
	text-decoration: none;
}
#also_menu{
	width: 1000px;
	margin: auto auto;
	margin-top: 15px;
}
/*login, reg*/
/*Időpont kérő*/

#gettime form table tbody tr td .datuminput {
    width: 112px;
    background: transparent url(../grafika/calendar.png) 98px center no-repeat;
    background-size: 20px 20px;
}
.datuminput {
    cursor: pointer
}
/*Időpont kérő*/
/*tooltips*/

a.tooltip {
    outline: none;
}
a.tooltip strong {
    line-height: 30px;
}
a.tooltip:hover {
    text-decoration: none;
}
a.tooltip span {
    z-index: 10;
    display: none;
    padding: 13px 6px;
    margin-top: -10px;
    margin-left: 10px;
    min-width: 300px;
    line-height: 16px;
    transition: 0.5s;
    border-radius: 4px;
}
a.tooltip:hover span {
    display: inline;
    position: absolute;
    color: white;
    border: 1px solid #bbb;
    background: black;
    font-weight: bold;
    transition: 0.5s;
    -webkit-box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.75);
}
.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

#popupbg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 101;
    display: none;
}
#processingmessage table {
    margin: auto auto;
}
#warningpopup #buttonp,
#customwarningmessage #buttonp {
    text-align: center;
}
#warningpopup #title,
#customwarningmessage #title {
    margin: 0;
    padding: 13px;
    font-size: 17px;
    text-align: center;
    background: rgb(245, 245, 245);
    font-weight: bold;
    border-radius: 0px;
    color: rgb(169, 5, 51);
}
#warningpopup #title table tbody tr td,
#customwarningmessage #title table tbody tr td {
    border: 0;
}
#warningpopup #popupcontent,
#customwarningmessage #popupcontent {
    margin: 10px;
    margin-top: 28px;
    text-align: justify;
    font-weight: bold
}
#warningpopup table,
#customwarningmessage table {
    width: 95%;
    margin: auto auto;
    border: 0px solid rgb(200, 200, 200);
}
#warningpopup table tbody tr td {
    width: 25%;
    border: 1px solid rgb(255, 255, 255);
}
#warningpopup p {
    margin: 10px;
    font-size: 14px
}
#customwarningmessage {
    text-align: center;
}
#customwarningmessage #title {
    color: rgb(241, 190, 0);
}
/*warning popup új ötlet vége*/
/*közvélemény kutatás*/

#questionnaire .questions {
    padding: 5px;
}
#questionnaire .questions p {
    font-weight: bold;
}
#questionnaire .questions form {
    width: 100%;
    text-align: right;
}
#questionnaire .questions form textarea {
    width: 95%;
    margin: auto auto;
}
#questionnairewarningpopup {
    position: absolute;
    top: 85px;
    left: 70px;
    background: rgb(250, 250, 250);
    border: 1px solid rgb(200, 200, 200);
    width: 180px;
    padding: 5px;
    text-align: justify;
    -webkit-border-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topright: 0;
    border-radius: 10px;
    border-top-right-radius: 0;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}
#questionnairewarningpopup p {
    margin: 0;
    text-align: right;
}
/*közvélemény kutatás*/
/*Content*/
/*footer*/

#footer a {
    text-decoration: none;
    color: black;
}
#footer a:hover {
    color: red;
}
/*footer*/
/*elfelejtett jelszó*/
/*elfelejtett jelszó*/
/*táblázat fomátum*/

.tablerowpair {
    background: rgb(255, 255, 255);
    color: black;
}
.tablerownopair {
    background: rgb(240, 240, 240);
    color: black;
}
/*táblázat fomátum*/
/*Átrakodás*/

.itemlist {
    width: 476px;
    height: 500px;
    overflow-y: scroll;
    border: 1px solid rgb(200, 200, 200);
    float: left;
    margin: 8px;
}
.item1 table,
.item2 table {
    height: 55px;
    width: 100%;
}
.item1 table tbody tr td {
    width: 50%;
}
.item2 table tbody tr td {
    width: 20%;
}
.item2 table tbody tr td input[type="button"] {
    border-radius: 25px;
    height: 35px;
    width: 35px;
    text-align: center;
    font-weight: bold;
}
.item1:hover,
.item2:hover {
    background: rgb(245, 245, 245);
}
#datasearchtable {
    width: 100%;
}
#searchtd {
    text-align: right;
    width: 600px;
}
#searchdiv {
    width: 570px;
    float: left;
}
#searchtd input[type="button"] {
    background: transparent url(../grafika/nagyito.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    margin-top: 0px;
}
#searchtd #searchdiv input[type="text"] {
    margin-right: -1px
}
.item1 .active,
.item2 .active {
    border: 0;
    background: rgb(100, 100, 100);
    color: white;
}
/*Átrakodás*/
/*export*/

#export {
    width: 1170px;
    margin: auto auto;
}
#export table {
    width: 100%;
}
#export table tbody tr td {
    height: 210px;
    border: 2px solid #ececec;
    padding: 5px;
}
#export form {
    margin-top: 10px;
    margin-bottom: 10px
}
#export table tbody tr td:hover {
    background: #FAFAFA;
}
/*export*/
/*keresés*/

#notcalendar table {
    margin: auto auto;
    width: 100%;
}
#posearchdiv {
    background: transparent url(../grafika/kereses.png) 627px top no-repeat;
    width: 990px;
    height: 83px;
    text-align: right;
}
#posearchinputdiv {
    margin-left: auto;
    margin-right: 0;
    width: 940px;
    float: left;
    margin-top: 5px;
}
#posearchdiv input[type="text"] {
    background: transparent;
    border: 0;
    padding: 10px;
    font-size: 16px;
    margin-top: 5px;
}
.searchresult {
    background: rgb(100, 100, 100);
    padding: 0px;
    color: white;
}
/*keresés*/
/*ekaer második lépés*/

#ekaerarulist {
    width: 100%;
}
#ekaerarulist tbody tr td {
    width: 20%;
}
.eladovevoinfotable {} .buttontable {
    width: 100%;
}
.eladovevoinfotable tbody tr td,
.buttontable tbody tr td {
    width: 50%;
}
.eladovevoinfotable select {
    width: 100%;
}
#buttontable {}
/*ekaer másodil lépés*/
/*Galéria popup*/

#prev {
    position: absolute;
    top: 50%;
    left: 0px;
}
#next {
    position: absolute;
    top: 50%;
    right: 0px;
}
#next,
#prev {
    opacity: 0.5;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    /* Firefox 4 */
    
    -webkit-transition: opacity 0.5s;
    /* Safari and Chrome */
    
    -o-transition: opacity 0.5s;
    /* Opera */
}
#next:hover,
#prev:hover {
    opacity: 0.9;
}
#galeriaimage p {
    text-align: right;
    margin: 0;
    padding: 0;
    margin-right: 15px;
}
#galeriaimage a {
    text-decoration: none;
    color: black;
    font-size: 14px;
    transition: color 0.5s;
    -moz-transition: color 0.5s;
    /* Firefox 4 */
    
    -webkit-transition: color 0.5s;
    /* Safari and Chrome */
    
    -o-transition: color 0.5s;
    /* Opera */
}
#galeriaimage a:hover {
    color: rgb(253, 184, 19);
}
#galeriaimage img {
    border: 0;
    border-radius: 5px;
}
.galeriaimageoff {
    display: block;
    opacity: 0.0;
    z-index: 0;
}
.galeriaimageon {
    opacity: 1.0;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    /* Firefox 4 */
    
    -webkit-transition: opacity 1s;
    /* Safari and Chrome */
    
    -o-transition: opacity 1s;
    /* Opera */
    
    transition-delay: 3s;
    -webkit-transition-delay: 3s;
    z-index: 50;
}
#galeriaimage {
    position: fixed;
    top: -5000px;
    left: 50%;
    background-color: rgba(255, 255, 255, 1.0);
    border: 1px solid grey;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-radius: 10px;
}
#imagekep {
    border: 1px solid rgb(220, 220, 220);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}
#bg {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 49;
    display: none;
    color: rgb(250, 250, 250);
}
#bg table {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -55px;
}
#bg td {
    text-align: center;
}
.popupwindows{
	position: fixed;
	top: 10%;
	left: 50%;
	width: 350px;
	height: auto;
	background: white;
	z-index: 55;
	margin-left: -175px;
	border-radius: 3px;
	border: 1px solid rgb(140,142,141);
	display: none;
}
.popupwindows h2{
	text-align: center;
}
.popupwindows table{
	text-align: center;
	width: 100%;
}
.popupwindows table tbody tr td {
	padding: 10px;
}
.popupwindows h2 img{
	height: 50px;
}
.popupwindows table tbody tr td a{
	background: #891727;
	color: white;
	padding: 5px;
	text-decoration: none;	
}
/*Galéria popup*/
/*Galéria popup*/
/*Slideshow*/

#sliderdiv {
    position: relative;
    /*top: 60px;*/
}
#sliderdiv > img {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.aktivslide {
    opacity: 1.0;
    z-index: 3;
}
.inaktivslide {
    opacity: 0.0;
    transition: opacity 3.0s;
    z-index: 4;
}
/*Slideshow*/
/*Responsive*/

@media screen and (max-width: 1000px) {
    #content {
        top: 280px;
    }
}
@media screen and (max-width: 600px) {
    #content {
        top: 170px;
    }
}
@media screen and (max-width: 400px) {
    #content {
        top: 120px;
    }
}
.regisztracio:hover {
    background: #cc5173;
    transition: 0.5s;
}
#finish input[type="button"] {
    height: 40px;
    padding: 0px 11px;
    outline: none;
}
#finish input[type="button"].plusButton {
    height: 32px;
}
select::-ms-expand {
    display: none;
}
select {
    background: url(../grafika/select.png) no-repeat right #FFF;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    
    -webkit-appearance: none;
    /* Safari and Chrome */
    
    background-position: 95% center;
}

/*Responsive*/
@media screen and (min-width: 1365px) {
		#content{
			margin-top: 145px;
		}
		#map{
			-ms-transform: scale(1.0); /* IE 9 */
			-webkit-transform: scale(1.0); /* Chrome, Safari, Opera */
			transform: scale(1.0);
			margin-top: 0px;
		}
}
@media screen and (min-width: 1600px) {
		#content{
			margin-top: 250px;
		}
		#map{
		}
}
@media screen and (min-width: 1900px) {
		#content{
			margin-top: 270px;
		}
		#map{
		}
}
@media screen and (max-width: 1024px) {
	#selector{
		position: relative;
		left: 0px;
		top: 2px;
		margin: auto auto;
	}
	#header{
		width: 100%;
	}
	#content{
		margin-top: 8px;
		top: 0px;
	}
}
@media screen and (max-width: 600px) {
	#content{
		top: 0px;
	}
}
@media screen and (max-width: 400px) {
	#content{
		top: 0px;
	}
}