html, body {font-family: verdana, sans-serif; background: #27A9E1;}
body {width: 100%; min-width: 1000px; height: auto; margin: 0; padding: 0;}
img {text-decoration: none; border: 0px; vertical-align: middle;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 15px; color: #0E7CAF; padding: 0; margin: 0;}
h4 {}
h5 {}
h6 {}
section {float: left; margin-right: 10px;}


/* input styles */
input, select, textarea {background: #f7f7f7; color: #555555; border: 1px solid #dfdfdf; border-radius: 4px;}
input:hover, textarea:hover {background: #E6E6E6;}
input:focus, textarea:focus {background: #E6E6E6; color: #0E7CAF;}
input {padding: 10px;}
input[type=text] {min-width: 75px; height: 38px;}
select {-webkit-appearance: none; -moz-appearance: none; min-width: 300px; height: 38px; margin: 0; padding: 8px 6px; color: #999999;}
select:hover {background: #E6E6E6;}
select:focus {background: #E6E6E6; color: #0E7CAF;}
select option {background: #f7f7f7; color: #555555; padding: 6px;}
[selected] {color: #0E7CAF;}
textarea {min-width: 350px; margin: 0; padding: 8px 6px;}
input[type=submit] {border: none; vertical-align: bottom; min-width: 150px; height: 40px; display: inline-block; font-size: 14px; font-weight: normal; text-align: center; background: /*#08C*/ #8cc63e; color: #ffffff; letter-spacing: 1px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset; border-radius: 4px; cursor: pointer; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); transition: all 0.2s linear 0s; padding: 10px; margin-right: 10px;}
input:hover[type=submit] {background: /*#0AF*/ #8FD811;}

.button {min-width: 150px; height: 40px; display: inline-block; font-size: 13px; font-weight: normal; text-decoration: none; text-align: center; background: /*#08C*/ #8cc63e; color: #ffffff; letter-spacing: 1px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset; border-radius: 4px; cursor: pointer; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); transition: all 0.2s linear 0s; padding: 10px; margin-right: 10px;}
.button:hover {background: /*#0AF*/ #8FD811;}

/* upload */
input[type=file] {border: none; background: none; height: 30px; padding: 0 ; /*line-height: 38px;*/}


a.sublink {min-width: 150px; height: 40px; display: inline-block; font-size: 13px; font-weight: normal; text-decoration: none; text-align: center; background: #cfcfcf; color: #777777; letter-spacing: 1px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset; border-radius: 4px; cursor: pointer; transition: all 0.2s linear 0s; padding: 10px; margin-right: 10px;}
a.sublink:after {content: " \25B7";}
a.sublink:hover {color: #ffffff; background: #8FD811; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
a.sublink:hover:after {content: " \25B6";}





/* admin content */
.frame {width: 100%; height: auto; color: #555555; font-size: 12px; font-weight: normal; padding: 0; margin-left: auto; margin-right: auto;} 
.frame p {margin: 10px 12px; color: #666666;}


/* -- info row -- */
.info_frame {width: 100%; height: 29px; line-height: 29px; background: #0E7CAF; border-bottom: 1px solid #27A9E1;}
.info {width: 50%; height: 29px; float: left; color: #27A9E1; line-height: 29px; /*margin-left: 20px;*/ /*padding-top: 4px;*/ font-size: 10px;}
.info p {color: #076793; margin: 0 20px; padding: 0; float: left;}
.info p a {text-decoration: none; color: #27A9E1; transition: all 0.2s linear 0s;}
.info p a:hover {text-decoration: none; color: #ffffff;}
.info p a:after {color: #08C; content: " | ";}
.info p a:last-child:after{content: none;}
.user_frame {width: 50%; height: 100%; float: left;}
.username  {color: #dfdfdf; font-size: 11px; font-style: italic; margin: 0; padding: 0 20px; position: absolute; right: 0px;}
.username a {color: #ffffff; margin-right: 10px; font-weight: bold; text-decoration: none; transition: all 0.2s linear 0s;}
.username a:hover {color: #27A9E1; }


/* -- header, header menu -- */
.header_frame {width: 100%; height: 70px; background: #27A9E1; border-bottom: 1px solid #0088CC;}
.header {width: auto; height: 100%; text-align: center; margin: 0 auto; /*background: #94C245;*/}
.logobox {width: 30%; height: 100%; float: left; text-align: left; /*line-height: 65px;*/ color: #7EB225;}
.logo {width: 30%; height: 70px; line-height: 65px;}
.header_menu {width: 70%; float: left;}
.header_menu ul {list-style: none; margin: 0; padding: 0; position: absolute; right: 0px;}
.header_menu ul li {float: left; margin: 0; padding: 0 20px; line-height: 70px; border-left: 1px solid #08C; border-right: 1px solid #27A9E1; text-transform: capitalize; transition: all 0.2s linear 0s;}
.header_menu ul li:hover {float: left; background: #08C; /*#0099DB;*/ border-left: 1px solid #0E7CAF; border-right: 1px solid #0E7CAF;}
.header_menu ul a {font-size: 12px; color: #ffffff; text-decoration: none;}
.header_menu ul a:hover {font-size: 12px; color: #ffffff; text-decoration: none; text-shadow: 2px 1px 1px #0E7CAF;}


/* containers */
.menu_container {float: left; width: 15%; min-width: 180px;}
.content_container {float: left; width: 85%; min-width: 820px;}

/* -- indicator row -- */
.indicator {width: 100%; height: 30px; line-height: 30px; background: #cfcfcf; border-bottom: 1px solid #afafaf;}
.indicator p {margin: 0 30px; padding: 0;}

.menu_indicator, .content_indicator {width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #afafaf;
				background: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(#e6e6e6));
				background: -webkit-linear-gradient(top, #f7f7f7, #e6e6e6);
				background: -moz-linear-gradient(top, #f7f7f7, #e6e6e6);
				background: -o-linear-gradient(top, #f7f7f7, #e6e6e6);
				background: -ms-linear-gradient(top, #f7f7f7, #e6e6e6);
				background: linear-gradient(top, #f7f7f7, #e6e6e6);
				background-color: #f7f7f7;}
.menu_indicator p {margin: 0 30px; padding: 0;}
.content_indicator p {margin: 0 30px; padding: 0;}

.menu_header {width: 20%; min-width: 170px; float: left; font-size: 12px; font-style: italic; color: #999999; /*margin-left: 30px;*/ line-height: 29px; /*background-color: #373737;*/}

.content_headline {width: 75%; float: left;}
.content_headline p {padding: 0 20px; margin: 0; float: left; text-transform: uppercase;}
.content_date {width: 25%; float: left; text-align: right; padding: 0 20px 0 0;}
.content_date p{padding: 0 20px; margin: 0; float: left;}

.index {width: 100%; float: left; font-size: 13px; font-style: italic; color: #555555; /*margin-left: 30px;*/ line-height: 28px; /*text-transform: uppercase;*/ text-shadow: 1px 1px 1px #ffffff;}
.index p {font-size: 13px; font-style: italic; color: #555555; /*margin-left: 30px;*/ line-height: 28px; /*text-transform: uppercase;*/ text-shadow: 1px 1px 1px #ffffff; padding: 0 0 0 20px; margin: 0; float: left;}
.index p a {text-decoration: none; color: #27A9E1; font-size: 11px; text-transform: none; font-style: normal;}
.index p a:before {content: "< ";}
.index p a:after {content: " >";}
.index p a:hover{text-decoration: none; color: #ED0960; font-size: 11px; }


/* -- left menu -- */
.main_menu {float: left; width: 100%;}
.main_menu ul {list-style: none; height: 100%; margin: 0; padding: 0;}
.main_menu ul li {margin: 0; padding: 0 15px; border-bottom: 1px solid #08C; text-transform: capitalize; transition: all 0.2s linear 0s;}
.main_menu ul li:hover {background: #08C; border-bottom: 1px solid #0E7CAF; color: #efefef; }
.main_menu ul a {font-size: 12px; color: #ffffff; line-height: 34px; text-decoration: none; padding: 0;}
.main_menu ul a:hover {font-size: 12px; color: #ffffff; text-decoration: none; text-shadow: 2px 1px 1px #0E7CAF;}

.content_column {width: 100%; min-height: 595px; float: left; text-align: left; padding: 15px 20px; background: #ffffff; margin-bottom: 10px; border-radius: 0 0 0 4px; border-bottom: 2px solid #0E7CAF;}
/*.content_headline {width: 100%; color: #474747; float: left; font-size: 13px; font-style: italic; line-height: 28px; text-shadow: 1px 1px 1px #FFFFFF; text-transform: uppercase; font-weight: normal; margin-bottom: 5px;}*/
.simple_text {color: #555555; padding: 10px 0 30px;}

.data_header {
	clear: both; 
	background: -webkit-gradient(linear, left top, right top, from(#676767), to(#252525));
	background: -webkit-linear-gradient(top, #676767, #252525);
	background: -moz-linear-gradient(top, #676767, #252525);
	background: -o-linear-gradient(top, #676767, #252525);
	background: -ms-linear-gradient(top, #676767, #252525);
	background: linear-gradient(top, #676767, #252525);
	background-color: #676767;
	color: #FFFFFF;
	font-size: 11px;
	height: 26px;
	line-height: 24px;
	width: 100%;
	border-radius: 4px;
	margin-bottom: 8px;
}

.data_row {clear: both; color: #555555; font-size: 11px; height: 24px; padding: 3px 0; width: 100%;}
.data_row input[type=checkbox] {visibility: visible;}
.data_row a {color: #555555; text-decoration: none;}
.data_row a:hover {color: #0E7CAF; text-decoration: underline;}

/* banner stat */
.stat_header {
	clear: both; 
	background: -webkit-gradient(linear, left top, right top, from(#27A9E1), to(#0E7CAF));
	background: -webkit-linear-gradient(top, #27A9E1, #0E7CAF);
	background: -moz-linear-gradient(top, #27A9E1, #0E7CAF);
	background: -o-linear-gradient(top, #27A9E1, #0E7CAF);
	background: -ms-linear-gradient(top, #27A9E1, #0E7CAF);
	background: linear-gradient(top, #27A9E1, #0E7CAF);
	background-color: #27A9E1;
	color: #ffffff;
	font-size: 11px;
	height: 26px;
	line-height: 24px;
	width: 100%;
	border-radius: 4px;
	margin: 30px 0 8px 0;
	
}
.stat_row {clear: both; color: #555555; font-size: 11px; height: 24px; padding: 3px 0; width: 100%; text-shadow: none; }
.inactive {clear: both; color: #ed0960; font-size: 11px; font-style: italic; height: 24px; padding: 3px 0; width: 100%;}

.wdata_header {font-size: 20px; font-weight: normal; color: #0E7CAF;}
.wdata_separator {clear: left; color: #888888; margin: 25px 0 5px; padding: 5px 10px; width: 100%; border-bottom: 1px dotted #dfdfdf; font-size: 10px;}
.wdata_row {clear: both; color: #555555; font-size: 11px; height: auto; padding: 4px 0; width: 100%;}
.wdata_bigrow {clear: both; color: #252525; font-size: 15px; padding: 3px 0 5px; width: 100%;}
.wdata_row .woption {width: auto; float: left; margin-right: 10px; color: #888888;}
.wdata_row input[type=checkbox] {visibility: visible;}
.wdata_row a {float: left; color: #555555; text-decoration: none;}
.wdata_row a:hover {color: #0E7CAF; text-decoration: underline;}


.data_header_inner {
	clear: both; 
	background: -webkit-gradient(linear, left top, right top, from(#676767), to(#252525));
	background: -webkit-linear-gradient(top, #676767, #252525);
	background: -moz-linear-gradient(top, #676767, #252525);
	background: -o-linear-gradient(top, #676767, #252525);
	background: -ms-linear-gradient(top, #676767, #252525);
	background: linear-gradient(top, #676767, #252525);
	background-color: #676767;
	color: #FFFFFF;
	font-size: 11px;
	height: 26px;
	line-height: 24px;
	width: 100%;
	border-radius: 4px;
	margin-bottom: 8px;
}

.data_row_inner {clear: both; color: #555555; font-size: 11px; height: 24px; padding: 3px 0; width: 100%;}
.data_row_inner input[type=checkbox] {visibility: visible;}
.data_row_inner a {color: #0E7CAF; text-decoration: none;}
.data_row_inner a:hover {color: #0E7CAF; text-decoration: underline;}


.warning {color: #ED0960; font-style: italic; font-weight: bold; min-height: 27px; line-height: 120%; width: 100%;}
.error {color: #ED0960; font-size: 12px; font-style: italic; font-weight: normal; height: 27px; line-height: 27px; width: auto; float: right;}

/* data & input columns */
.col_90 {float: left; padding-left: 1%; width: 90%;}
.col_80 {float: left; padding-left: 1%; width: 80%;}
.col_70 {float: left; padding-left: 1%; width: 70%;}
.col_60 {float: left; padding-left: 1%; width: 60%;}
.col_50 {float: left; padding-left: 1%; width: 50%;}
.col_40 {float: left; padding-left: 1%; width: 40%;}
.col_35 {float: left; padding-left: 1%; width: 35%;}
.col_30 {float: left; padding-left: 1%; width: 30%;}
.col_30 p {color: #999999; margin: 0;}
.col_25 {float: left; padding-left: 1%; width: 25%;}
.col_20 {float: left; padding-left: 1%; width: 20%; min-width: 140px;}		/* timestamp column */
.col_15 {float: left; padding-left: 1%; width: 15%;}
.col_10 {float: left; padding-left: 1%; width: 10%; min-width: 60px;}		
.number {float: left; width: 7%; min-width: 40px;}			/* number column */
.check {float: left; width: 3%; min-width: 22px;}			/* checkbox column */

.col_action {float: left; width: 12%; text-align: center;}						/* procedures column */
.col_action a, .col_action a:hover {text-decoration: none;}					/* procedures icon links */

/* ???????????????????? */
.low_text {font-size: 10px; font-weight: lighter; color: #999999;}
.low_text_down {font-size: 10px; font-weight: lighter; color: #999999; margin: 10px 0;}
/* ???????????????????? */


/*** languages selector TEMPORARY !!! */
.langselect {margin: 10px 0;}


/* input elements */
.input_row, .button_row {
    clear: both;
    color: #757575;
    line-height: 170%;
    padding: 2px 0;
    width: 100%;
}
.button_row {
    border-top: 1px dotted #DFDFDF;
    margin-top: 10px;
    padding: 10px 0;
    width: 100%;
}
.space_row {
	border-top: 1px ridge #DFDFDF;
	margin-top: 5px;
    padding: 3px 0;
    width: 100%;
}

/* -- my checkbox switch -- */
.input_row input[type=checkbox] {
	visibility: hidden;
}
/* switch base, background */
.input_row .checkbox_switch {
    /*background: none repeat scroll 0 0 #474747;*/
	background: -webkit-gradient(linear, left top, right top, from(#252525), to(#555555));
	background: -webkit-linear-gradient(top, #252525, #555555);
	background: -moz-linear-gradient(top, #252525, #555555);
	background: -o-linear-gradient(top, #252525, #555555);
	background: -ms-linear-gradient(top, #252525, #555555);
	background: linear-gradient(top, #252525, #555555);
	background-color: #252525;
    border-radius: 30px;
    height: 20px;
    margin: 2px 0 4px;
    position: relative;
    width: 100px;
}
/* switch On position */
.input_row .checkbox_switch:before {
    color: #8FD811;
    content: "igen";
    font-size: 12px;
    height: 2px;
    left: 13px;
    line-height: 16px;
    position: absolute;
    top: 2px;
}
/* switch Off position */
.input_row .checkbox_switch:after {
	color: #DDDDDD;
    content: "nem";
    font-size: 12px;
    height: 2px;
    left: 60px;
    line-height: 16px;
    position: absolute;
    top: 2px;
}
/* switch button - On positon */
.input_row .checkbox_switch label {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 30px;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: all 0.5s ease 0s;
    width: 48px;
    z-index: 1;
}
/* switch button - Off position */
.input_row .checkbox_switch input[type=checkbox]:checked + label {
    background: none repeat scroll 0 0 #8FD811;
    left: 50px;
}


.option {
	width: 140px;
	float: left;
	text-align: right;
	color: #999999;
	margin: 8px 12px;
}
.date {
	float: left;
	margin: 8px 0;
}


.separator {
    border-top: 1px dotted #DFDFDF;
    clear: left;
    color: /*#555555;*/ #0E7CAF;
    margin: 10px 0 5px;
    padding: 8px 0 2px 10px;
    width: 100%;
}
a.refresh:visited,
a.refresh:link {
	font-size: 12px;
	color: #0E7CAF;
	/*font-weight: bold;*/
	text-decoration: none;
	margin-left: 20px;
}
a.refresh:hover {
	font-size: 12px;
	color: #ED0960;
	text-decoration: none;
}
a.refresh:before {content: "< ";}
a.refresh:after {content: " >";}

.tabheader {width: 100%; color: #555555; font-size: 13px; text-transform: uppercase; font-style: italic; margin: 0; padding: 0 0 10px 12px; border-bottom: 1px dotted #dfdfdf;}
.tabcontent {width: 100%; padding: 10px 0 0;}



.check_head {width: 100%; line-height: 22px;}
.check_head .name {float: left; width: 59%; margin-right: 1%; text-transform: none; font-size: 10px;}
.check_head .price {float: left; width: 9%; margin-right: 1%; text-align: right; text-transform: none; font-size: 10px;}
.check_head .db {float: left; width: 14%; margin-right: 1%; text-align: right; text-transform: none; font-size: 10px;}
.check_head .sum {float: left; width: 14%; text-align: right; text-transform: none; font-size: 10px;}

.check_row {width: 100%; line-height: 22px; }
.check_row .name {float: left; width: 59%; margin-right: 1%; text-transform: none;}
.check_row .price {float: left; width: 9%; margin-right: 1%; text-align: right; text-transform: none;}
.check_row .db {float: left; width: 14%; margin-right: 1%; text-align: right; text-transform: none;}
.check_row .sum {float: left; width: 14%; text-align: right; text-transform: none;}

.checkline {clear: both; width: 100%; height: 1px; border-top: 1px dotted #afafaf; padding: 0; position: relative; top: 10px; color: #252525;}

.checkdb_row {clear: both; width: 100%; position: relative; top: 10px; color: #252525; line-height: 35px;}
.checkdb_row .name {float: left; width: 69%; margin-right: 1%; text-transform: none;}
.checkdb_row .db {float: left; width: 14%; margin-right: 1%; text-align: right; text-transform: none;}

.checksum_row {clear: both; width: 100%; padding: 10px 0; color: #252525;}
.checksum_row .name {float: left; width: 84%; margin-right: 1%; text-transform: none;}
.checksum_row .sum {float: left; width: 14%; text-align: right; text-transform: none;}






/* Desktop (1600px) */
@media only screen and (min-width: 1441px) and (max-width: 1600px) {

/* containers */
.menu_container {float: left; width: 15%; min-width: 180px;}
.content_container {float: left; width: 85%; min-width: 820px;}

}




/* Desktop (1440px) */
@media only screen and (min-width: 1281px) and (max-width: 1440px) {

/* containers */
.menu_container {float: left; width: 15%; min-width: 180px;}
.content_container {float: left; width: 85%; min-width: 820px;}

}




/* Desktop (1280px) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {

/* containers */
.menu_container {float: left; width: 15%; min-width: 180px;}
.content_container {float: left; width: 85%; min-width: 820px;}

}



/* Desktop (1024px) */
@media only screen and (max-width: 1024px) {

/* containers */
.menu_container {float: left; width: 15%; min-width: 180px;}
.content_container {float: left; width: 85%; min-width: 820px;}
.data_header {font-size: 10px;}

}