#box {
    border:0px solid red;
    margin: 0px auto;
    min-width:  500px;
    max-width:  800px !important;
    padding:    20px;
	-moz-border-radius:             13px;
	-webkit-border-radius:          13px;
    border-radius:          13px;
    background:                     rgba(255,255,255,0.15);
}

#regisztraciobox {
    border:0px solid red;
    width:  50%;
    margin: 0px auto;
    min-width:  500px;
    max-width:  500px !important;
    padding:    20px;
	-moz-border-radius:             13px;
	-webkit-border-radius:          13px;
    border-radius:          13px;
    background:                     rgba(255,255,255,0.15);

}

.helper {
    display:			block;
    position:			relative;
    margin:			1em 0px 0px 0px;
    padding:			0px 1em 0px 1em;
        -moz-border-radius:             7px;
        -webkit-border-radius:          7px;
    border-radius:          7px;
    background:                     rgba(255,255,255,0.70);
}

.redtxt {
        color:                          red !important;
}

.line {
    display:		block;
    position:		relative;
    height:		auto;
    width:		auto;
    margin:		4px 0px 4px 0px !important;
    padding:		0px 0px 0px 0px;
    border:             1px solid red;
}

.linebox {
    display:       	block;
    margin:        	0px 0px 1em 45% !important;
    padding:       	3px 5px;
    width:      	48%;
    min-width:		220px;
    max-width:      	350px !important;
    min-height:     	1em;
}

.linebox_full {
    display:                block;
    margin:                 0px 0px 1em 0px !important;
    padding:                3px 5px;
    min-width:				220px;
    max-width:              800px !important;
    height:                 auto;
    min-height:             1em;
    border:                 0px solid red;
    line-height: 1.5em;
}

/*tablelike*/
.tablebox_full {
    display:            block;
    margin:             0px 0px 1em 0px !important;
    padding:            0px !important;
    width:              100%;
    min-width:		220px;
    max-width:          800px !important;
    height:             auto;
    min-height:         2em;
    border:             0px solid red;
}
.tablebox_full span {
    display:            inline-block;
    width:              30% !important;
    width:              25%;
    max-width:              30% !important;
    float:              left;
    margin:				0px 0px 0px 0px !important;
    border-bottom:0px solid red;
}

.tablebox_full span.last { width: 10% !important; max-width: 10% !important; }

/*tablelike end*/

.linebox_select {
    display:                block;
    margin:                 0px 0px 1em 45% !important;
    padding:                3px 5px;
    -moz-border-radius:     2px 2px 2px 2px;
    -webkit-border-radius:  2px 2px 2px 2px;
    background:             url(../gfx/input-bg.png) no-repeat scroll 0 0 #ffffff;
    border:                 1px solid #bbbbbb;
    width:                  40%;
    min-width:		    220px;
    max-width:              350px !important;
    min-height:             1em;
}

select {
    margin:0px !important;
}
select:focus{
    margin:0px !important;
}

.linebox_alert {
    display:                block;
    margin:                 0px 0px 1em 45% !important;
    padding:                3px 5px;
    -moz-border-radius:     2px 2px 2px 2px;
    -webkit-border-radius:  2px 2px 2px 2px;
    border:                 1px solid #bbbbbb;
    background:             url(../gfx/input-bg.png) no-repeat scroll 0 0 #ffffff;
    width:                  48%;
    min-width:				220px;
    max-width:              350px !important;
    min-height:             1em;
    color:                  #f80000;
    font-weight:            bold;
}

.linebox_full_alert {
    display:                block;
    margin:                 0px 0px 1em 0px !important;
    padding:                3px 5px;
    -moz-border-radius:     2px 2px 2px 2px;
    -webkit-border-radius:  2px 2px 2px 2px;
    border:                 1px solid #bbbbbb;
    background:             url(../gfx/input-bg.png) no-repeat scroll 0 0 #ffffff;
    min-width:				220px;
    max-width:              500px !important;
    min-height:             1em;
    color:                  #f80000;
    font-weight:            bold;
    border:                 0px solid red;
}


.linebox_ok {
    display:                block;
    margin:                 0px 0px 1em 45% !important;
    padding:                3px 5px;
    -moz-border-radius:     2px 2px 2px 2px;
    -webkit-border-radius:  2px 2px 2px 2px;
    background:             #fdfdfd;
    width:                  48%;
    min-width:				220px;
    max-width:              350px !important;
    min-height:             1em;
    border:		    1px solid #d7d7cc;
    color:		    #87856d;
}


.linebox span {
    display:            inline-block;
    float:              left;
	margin:				0px 17px 0px 0px !important;
}

.linebox_full span {
    display:            inline-block;
    font-weight:    normal;
    float:              left;
	margin:				0px 17px 0px 0px !important;
    width:  30%;
    height:2em;
    border:0px solid red;
    line-height:1em;
}

.linebox_full span.x_multiline{
    display:            inline-block;
    float:              left;
    margin:				0px 17px 0px 0px !important;
    width:  30%;
    height:5em;
    border:0px solid red;
    line-height:1.2;
}

.linebox_full span.x_multiline_cc{
    display:            inline-block;
    float:              left;
    margin:				0px 17px 0px 0px !important;
    width:  30%;
    height:9em !important;
    border:0px solid red;
    line-height:1.2;
    text-align:center;
}

.linebox_full span.x_w60{
    display:            inline-block;
    float:              left;
	margin:				0px 17px 0px 0px !important;
    width:  63%;
    height:2em;
    border:0px solid red;
}

.linebox_full span.x_w100{
    display: inline-block;
    float: left;
    margin: 0px 0px 0px 0px !important;
    width: 100%;
    height: 2em;
    border: 0px solid red;
}

.linebox_full span.x_w60 .text{
    display: inline-block;
    margin: 0px 0px 0px 5px !important;
}

.linebox_full span.x_w60 .text:focus{
    display: inline-block;
    margin: -2px -2px -2px 3px !important;
}

.linebox_full span.x_w60 .text.w4{
    display: inline-block;
    float: none;
    min-width: 50px!important;
    width: 50px!important;
}

.section {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 1em 2em 1em;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: rgba(255,255,255,0.45);
}

.section h4 {
    position: relative;
    top: 1em;
    font-family: Comfortaa, 'Comfortaa', 'Comfortaa Bold', Trebuchet MS, Verdana, Helvetica, "Lucida Sans", sans-serif !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    max-width:350px;
    font-size:1.5em;
    letter-spacing:2px;
    color: crimson;
       	text-shadow:
	-1px -1px 0px crimson,
	3px 3px 0px #fff;
    text-transform:uppercase;
    background: rgba(255,255,255,0.45);
    padding: .5em !important;
    margin: 0px auto;
    margin-bottom:40px;
    text-align:center;
    line-height:1em;
    /*margin: 0px -10px 20px -10px;*/
}
.section h4.h4noshadow {
       	text-shadow:
	-1px -1px 0px crimson !important;    
}

label {
    display:    inline-block;
    font-weight:  bold;
    float: left;
    clear:both;
    padding: 0px 30px 0px 0px;
    width: 41%;
    min-width: 41%;
}

fieldset {
    font-weight: bold;
    border: 1px solid #ffffff;
    border-width: 1px 0px 1px 0px;
    padding: 0px 0px;
    margin: 30px 0px;

}

.nobottomborder {
    border-width: 1px 0px 0px 0px !important;
}

legend {
    padding: 0px 30px 0px 0px;
    text-align:center;
    width:100%;
}

fieldset label {
    font-weight:    normal;
    float: left;
    clear:both;
    margin:				0px 0px 0px 0px;
    padding:			0px 20px 0px 0px;
    text-align:right;
    width:  42% ;
    max-width:50% !important;
    border:0px solid red;
}

.sym {
    font-family: monospace !important;
    display: inline !important;
}

p { margin: 0.75em 0em; }

/*h1 {	font-size:		250%; }*/
/*h2 {	font-size:		150%; }*/
/*h3 {	font-size:		120%; }*/
/*h4 {	font-size:		120%; }*/
/*h5 {	font-size:		100%; }*/
/*h6 {	font-size:		90%; }*/

h1, h2, h3 {
    /*font-family:   Trebuchet MS, Verdana, Helvetica, "Lucida Sans", sans-serif !important;*/
    margin-bottom:  10px;
}



a,a:visited{
    color:#3377cc;
    text-decoration:none;
    font-weight:	inherit;
}

a:hover  {
    text-decoration:underline;
}

a.none:hover  {
    text-decoration:none;
}

a:active {
    text-decoration:none;
    color: #ffffff !important;
}

label a ,label a:visited {
    color:#3377cc;
    text-decoration:none;
    font-weight: inherit;
    padding: 0em 0.75em;
}

label a:hover {
    background:#ffffff;
    text-decoration:none;
    padding: 0em 0.75em;
	-moz-border-radius:     3px;
	-webkit-border-radius:  3px;
    border-radius:  3px;
}

.loginbox {
    display:block;
    position:relative;
    max-width:200px;
    background:             rgba(255,255,255,0.7);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
    border-radius: 1em;
    padding: 1em 10px;
    margin: 0px 0px 10px 10px;
    border: 3px solid #d80000;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing:    border-box;
    box-sizing: 		    border-box;
}

.loginbox.index {
    width:50% !important;
    max-width:50% !important;
    margin:1em auto;
    margin-top:0em;
    margin-left:1em;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing:    border-box;
    box-sizing: 		    border-box;
    float:right;
    clear:both;
    }

.loginbox.logout {
    padding:                0px;
    }

.ie7 .loginbox { width:200px;}

/*button*/

.button, .button:visited {
    /*font-family: Arial, Helvetica Neue, sans-serif !important;*/
    font-family: Comfortaa, 'Comfortaa', 'Comfortaa Bold', Trebuchet MS, Verdana, Helvetica, "Lucida Sans", sans-serif !important;
    background: #222 url(../gfx/overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    border-radius: 6px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    /*border-bottom: 1px solid rgba(0,0,0,0.25);*/
    position: relative;
    cursor: pointer;
    text-transform:uppercase;
}

.section h4 .button {
    margin:15px 0px;
    width:auto !important;
    display:inline-block;
}

.button:hover {
    text-decoration: none !important;
}
.button:active			{ top: 1px  !important;}
.large.button:active		{ top: 1px; }
.small.button:active		{ top: 1px; }

.small.button, .small.button:visited 	 { font-size: 11px}
.button, .button:visited, .medium.button, .medium.button:visited 		{
    font-weight: bold;
    line-height: 1;
}

.large.button, .large.button:visited {
    padding: 8px 14px 9px;
}

.super.button, .super.button:visited {
    padding: 8px 14px 9px;
}

.pink.button, .magenta.button:visited   { background-color: #e22092; color:#ffffff !important; }
.pink.button:hover					    { background-color: #c81e82; color:#ffffff !important; }
.green.button, .green.button:visited    { background-color: #91bd09; color:#ffffff !important; text-shadow: none !important;}
.green.button:hover				        { background-color: #749a02; color:#ffffff !important; text-shadow: none !important;}
.red.button, .red.button:visited	    { background-color: #e62727; color:#ffffff !important; text-shadow: none !important; }
.red.button:hover					    { background-color: #cf2525; color:#ffffff !important; text-shadow: none !important; }
.orange.button, .orange.button:visited  { background-color: #ff5c00; color:#ffffff !important; }
.orange.button:hover				    { background-color: #d45500; color:#ffffff !important; }
.blue.button, .blue.button:visited      { background-color: #2981e4; color:#ffffff !important; }
.blue.button:hover					    { background-color: #2575cf; color:#ffffff !important; }
.grey.button, .grey.button:visited      { background-color: #cccccc; color:#d80000 !important; }
.grey.button:hover					    { background-color: #cccccc; color:#d80000 !important; }
.yellow.button, .yellow.button:visited  { background-color: #ffb515; }
.yellow.button:hover				    { background-color: #fc9200; }
.white.button, .white.button:visited  { background-color: #ffffff; }
.white.button:hover				    { background-color: #ffffff; }
.white-red.button, .white-red.button:visited  { background-color: #ffffff; color:#d80000; text-shadow: none !important;}
.white-red.button:hover				    { background-color: #ffffff;  color:#d80000; text-shadow: none !important; }
.white-red.button:active				    { background-color: #efefef;  color:#d80000 !important; text-shadow: none !important; }

/*button end*/


input.text, input.password, textarea {
	-moz-border-radius:     2px 2px 2px 2px;
	-webkit-border-radius:  2px 2px 2px 2px;
    border-radius:  	2px 2px 2px 2px;
    background: 	url(../gfx/input-bg.png) no-repeat scroll 0 0 #ffffff;
    border:     	1px solid #bbbbbb;
    color:      	#777777;
    /*display:    	inline-block;*/
    display:    	block;
    font:       	13px/18px Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
    margin:     	0px 0px 7px 45% !important;
    padding:    	3px 5px;
    width:      	50%;
    min-width:		150px;
    max-width:  	50% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
    box-sizing: 	    border-box;
}

#main input.text, #main input.password {
	-moz-border-radius:     2px 2px 2px 2px;
	-webkit-border-radius:  2px 2px 2px 2px;
    border-radius:  	2px 2px 2px 2px;
    background: 	url(../gfx/input-bg.png) no-repeat scroll 0 0 #ffffff;
    border:     	1px solid #bbbbbb;
    color:      	#777777;
    display:    	inline-block;
    /*display:    	block;*/
    font:       	13px/18px Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
    margin:     	0px 0px 7px 0px !important;
    padding:    	3px 5px;
    width:      	40%;
    min-width:		150px;
    max-width:  	350px !important;
}

.ie8 input.text, .ie8  input.password, .ie8  textarea { float:right; }
.ie7 input.text, .ie7  input.password, .ie7  textarea { float:right; }


input.text:focus, input.password:focus, textarea:focus {
    border:	3px solid #d80000;
    margin:	0px 0px 3px 45% !important;
}

#main .loginbox input.text, #main .loginbox input.password {
    width:	100%;
    margin:	0px 5px 7px -5px !important;
}

#main .loginbox input.text:focus, #main .loginbox input.password:focus {
    width:	100%;
    border:	3px solid #d80000;
    margin:	2px 5px 3px -8px !important;
}


/*MESSAGES*/

.alert {
    display:			block;
    /*position:			relative;*/
    margin:				0px 0px 0px 0px;
    padding:			0px 1em 0px 1em;
    -moz-border-radius:             7px;
    -webkit-border-radius:          7px;
    background:                     #d80000;
    color:                          #ffffff;
    text-align:center;
    font-weight:        bold;
}


.sub {
    font-size:              85%;
    font-weight:            normal;
    line-height:            normal;
}

.center {
    text-align:                     center !important;
}

.blockcenter {
    display:                        block;
    text-align:                     center !important;
    margin: 0px auto;
}

.clear {
    display:	block;
    clear:		both;
    height:		1em;
    width:100% !important;
}

.hilite {
    display:                        inline-block;
    padding:	                    0em 0.75em;
    background:                     #ffffff;
    -moz-border-radius:             7px;
    -webkit-border-radius:          7px;
    width:auto !important;
    float:none !important;
    position:relative!important;
    margin:0px !important;
}

.redbg {
    background:         #ff0000;
    color:              white;
    font-weight:        bold !important;
}

.greenbg {
    background:         #91bd09;
    color:              white;
    font-weight:        bold;
}

.bfr {
    float:	right !important;
    clear:	none;
}
/*stuff*/

.loginbox.index input.text,
.loginbox.index input.password
{
    float:left;
    clear:both;
    width:100%;
    margin:     	3px 0px 7px 0px !important;
    padding:    	3px 0px;
    width:      	100%;
    min-width:		100%;
    max-width:  	100% !important;
}

.loginbox.index input.text:focus,
.loginbox.index input.password:focus
{
    border:	3px solid #d80000;
    margin:	0px 0px 7px 0px !important;
}





label {display:block; float:left; clear:both;}

@media (max-width: 1000px) {
    .loginbox.index input.text,
    .loginbox.index input.password
    {
	float:left;
	clear:both;
	width:100%;
	margin:     	3px 0px 7px 0px !important;
	padding:    	3px 0px;
	width:      	100%;
	min-width:		100%;
	max-width:  	100% !important;
    }
    label {display:block; float:left; clear:both;}
}

/*stuff*/
@media (max-width: 768px) {

    body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica Neue, sans-serif;
	font:1em/1.231 sans-serif;
    }
    #deadline {height:auto;}
    #deadline h4 { font: 12px/1.231 sans-serif !important; font-weight:bold !important;}

    #box,#regisztraciobox  {
	min-width:  90%;
	max-width:  100% !important;
    }

.loginbox.index {
    width:100% !important;
    max-width:100% !important;
    margin:1em auto;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing:    border-box;
    box-sizing: 		    border-box;
    }

    #regisztraciobox input.text,
    #regisztraciobox input.password,
    textarea {
	float:none;
	width:100%;
	margin:     	3px 0px 7px 0px !important;
	padding:    	3px 0px;
	width:      	100%;
	min-width:		100%;
	max-width:  	100% !important;
	font: 1em/1.231 sans-serif;
    }

    .tablebox_full {
	display: block;
	margin: 0px 0px 1em 0px !important;
	padding: 0px !important;
	width: 100%;
	max-width: 100% !important;
	height: auto;
	border-bottom: 3px solid red;
	float:left;
	clear:both;
    }

    .tablebox_full span {
	display: block;
	width: 100% !important;
	float: left;
	margin:	 0px 0px 10px 0px !important;
	padding: 0px 0px 10px 0px !important;
	border-bottom: 0px solid red;
	height: auto;
    }

    .tablebox_full span.last { float:right; clear:both; display: block; width:100%; margin: 0px 10px 0px 0px !important; }
    #uploadbox h3 { font: 13px/1.231 sans-serif !important; font-weight:bold !important;}

    .linebox {
	font-family: Trebuchet MS, Verdana, Helvetica, "Lucida Sans", sans-serif !important;
	display: block;
	margin: 0px 0px 1em 0 !important;
	padding: 3px 5px;
	width: auto;
	/*min-width: 220px;*/
	/*max-width: 350px !important;*/
	/*min-height: 1em;*/
    }
    .linebox_full {min-width: 100%; width: 100%;
    font-family: Trebuchet MS, Verdana, Helvetica, "Lucida Sans", sans-serif !important;}
    .linebox_alert, .linebox_ok {
	display: block;
	margin: 0px 0px 1em 0 !important;
	width: 100%;
	float:none;
	clear:both;
	font-family: Trebuchet MS, Verdana, Helvetica, "Lucida Sans", sans-serif !important;
    }

    .linebox_full span {
	display: inline-block;
	height: auto;
	float: left;
	margin: 0px 0px 10px 0px !important;
	border: 0px solid red;
	width:100%;
	border:0px solid red;
    }
    .linebox_full span.x_multiline{
	display: inline-block;
	float: left;
	margin: 0px 17px 0px 0px !important;
	width:  100%;
	clear:both;
	height:auto;
	border:0px solid red;
	line-height:1.2;
    }
    .x_w60 {display:inline-block;width:100% !important; float: left; clear: both; margin: 0px 0px 20px 0px !important;}
    .x_w60 .text {display:block; float:right; clear:both; width:100%;margin:0px 0px 50px 5px !important;}

}
@media (max-width: 480px) {
    #deadline {height:auto;}
    #deadline h4 { font: 11px/1.231 sans-serif !important; font-weight:bold !important;}
    .linebox_full {min-width: 100%; width: 100%;}
    .linebox_alert, .linebox_ok {
	display: block;
	margin: 0px 0px 1em 0 !important;
	width: 100%;
	float:none;
	clear:both;
    }
    .linebox_select {
	display:                block;
	float:right;
	clear:both;
	margin:                 0px 0px 1em 45% !important;
	padding:                3px 5px;
	-moz-border-radius:     2px 2px 2px 2px;
	-webkit-border-radius:  2px 2px 2px 2px;
	background:             url(../gfx/input-bg.png) no-repeat scroll 0 0 #ffffff;
	border:                 1px solid #bbbbbb;
	min-height:             1em;
    }

    #regisztraciobox input.text,
    #regisztraciobox input.password,
    textarea {
	float:none;
	width:100%;
	margin:     	3px 0px 7px 0px !important;
	padding:    	3px 0px;
	width:      	100%;
	min-width:		100%;
	max-width:  	100% !important;
	font: 1.5em/1.231 sans-serif;
    }
    .check{ width:2em;height:2em; margin:0px 0px 20px 0px;}
}


/*font size*/
.s140	{font-size:	1.4em;}
.s120	{font-size:	1.2em;}
.s100	{font-size:	1em; line-height:1.3;}
.s90	{font-size:	0.9em; line-height:1.3;}
.s80	{font-size:	0.8em !important; line-height:1.3;}
.s70	{font-size:	0.7em; line-height:1.3;}
.s50	{font-size:	0.5em; line-height:1.0;}

/*gapper*/
.h01 {height:1em !important;}
.h02 {height:2em !important;}
.h03 {height:3em !important;}
.h04 {height:4em !important;}
.h05 {height:5em !important;}

/*width preset*/
.w100 {width:100% !important;}
.w50 {width:50% !important;}
.w {width:auto !important;}