html, body
{
	background-color:#020417;
	padding:0;
	margin:0;
	height: 100%;
}

.szerkadatok {
	font-family: 'oswald_light', serif;
	font-size: 18px;
	position:absolute;
	left:5px;
	top:100px;
	text-align: left;
	color:#CCCCCC;
}

.kiadva, .kiadva a {
	font-family: 'oswald_light', serif;
	font-size: 16px;
	text-align: left;
	vertical-align:middle;
	text-decoration:none;
	padding-top: 5px;
	color:#CCCCCC;
}

.kiadva a:hover {
	opacity: 0.7;
}

.kiadva_nagy {
	font-family: 'oswald_light', serif;
	font-size: 22px;
	text-align: center;
	vertical-align:middle;
	padding-top: 5px;
	color:#CCCCCC;
}

.fuzetes {
	position:absolute;
	right:100px;
	top:5px;
}

.statisztikatable tr td {
	padding:5px;
	font-family: 'oswald_light', serif;
	font-size: 18px;
	color:#CCCCCC;
	line-height:1;
}

.statisztikatable_nevek tr td {
	padding:5px;
	font-family: 'oswald_light', serif;
	font-size: 15px;
	color:#CCCCCC;
	line-height:1;
}

.statnevek {
	color:#CCCCCC;
	text-decoration:none;
}

.statnevek:hover {
	opacity:0.7;
}
input[type=text], input[type=email], input[type=password], select {
	height:30px;
	width: 200px;
	font-family: 'oswald_light', serif;
	font-size: 16px;
}

input[type=text], input[type=email], input[type=password] {
	padding-left:3px;
}

@font-face {
	font-family:'oswald_light';
	src: url('oswald_light.ttf') format('truetype');
}

.profiltorles:hover {
	cursor:pointer;
	color:#333333;
}

.menufix {
	position:fixed;
	border-bottom: 2px solid #020417;
	z-index:9998;
}

.bejelentkezve {
	font-family: 'oswald_light', serif;
}

.focim { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	background:#c5c6cb;
	color:#020417;
	font-size:30px;
}

.cimek { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#020417;
	font-size:20px;
	text-transform:uppercase;
}

.tabl_nezet {
	z-index:10000;
	font-family:'oswald_light';
	font-size:18px;
}

.tabl_nezet a {
	text-decoration:none;
	color:#020417;
}

.tabl_nezet a:hover, .tabl_nezet input:hover {
	color:#000;
	opacity: 0.8;
}

.varosmenu div div a img:hover, .varosmenu div div input:hover, .varosmenu a img:hover, .nyomtatogomb:hover, .bejelentkezve a:hover {
	opacity:0.8;
}

.bejelentkezve a {
	text-decoration:none;
	color:#020417;
}

.varosok, .varosok_tablazatos { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#020417;
	font-size:20px;
	/*text-transform:uppercase;*/
	font-weight: bold;
}

.varosok a, .varosok_tablazatos a {
	display:block;
	padding-bottom:10px;
	padding-top:10px;
	color:#020417;
	text-decoration:none;
}
.varosok a:hover {
	cursor:pointer;
	color:#c5c6cb;
	background-color:none;
	background:url(../img/nyil_le.png) no-repeat right 20px center;
}

.varosok_tablazatos a:hover {
	cursor:pointer;
	color:#c5c6cb;
	background-color:none;
	background:url(../img/nyil_kek.png) no-repeat right 20px center;
} 

.varosadatok { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#020417;
	font-size:20px;
}

.varosadatok a {
	text-decoration:none;
	font-weight:bold;
	color:#2d3a6c;
}

.varosadatok a:hover {
	color:#52545b;
	opacity:0.8;
}

#activemenu {
	background:#7b7e99;
}

#activemenu a {
	background:#7b7e99;
	color:#dadada;
	pointer-events: none;
	cursor: default;
}

.tiltott {
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.menu {
	background:#c5c6cb;
	height:40px;
	text-align:center;
}

.menu a { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#020417;
	font-size:15px;
	display:block;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	white-space:nowrap;
}

.menu:hover { 
	background:#abacb8;
	cursor:pointer;
}

.belepesgomb { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#020417;
	background:#F57949;
	border:none;
	border-radius: 5px;
	width:200px;
	height:40px;
	font-size:20px;
}

.belepesgomb:hover { 
	background:#7B7E99;
	cursor:pointer;
}

.alja {
	background:#26272b;
	color:#c3b8b8;
	padding-top: 10px;
	padding-bottom:10px;
	font-size:12px;
	font-family: 'oswald_light', serif;
	color:#FFFFFF;
	bottom:0px;
	padding-bottom:10px;
	text-align:center;
	width:100%;
	height:50px;
}

.alja a {
	color:#7b7e99;
	text-decoration:none;
}

.alja a:hover {
	color:#a3a3a3;
}	

.bevitelimezo {
	border:none;
	border-radius: 5px;
	height:30px;
	width:200px;
	padding-left:5px;
	margin-bottom:10px;
}

.alapszoveg { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#fff;
	font-size:18px;
}

.tablaszoveg { 
	font-family:Tahoma, sans-serif; 
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

.vallalkozasok {
	padding:0px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}

.vallalkozasok_div a { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#c3b8b8;
	display: block;
	padding:0px;
	margin:0px;
	padding-left:15px;
}

.vallalkozasok_div a:hover { 
	color:#020417;
	background:url(../img/nyil.png) no-repeat right 10px center #FFD3B2;
}

.vallalkozasok_div {
	width: 100%;
	vertical-align:middle;
	border:none;
	height:25px;
	padding:0px;
	margin:0px;
	margin-left:0px;
	text-align:left;
}

.nevek {
	padding:0px;
	padding-top:5px;
}

.nevek_div a { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#c3b8b8;
	display: block;
	padding:3px;
	margin:0px;
	padding-left:55px;
}

.nevek_div a:hover { 
	color:#020417;
}

.nevek_div {
	width: 100%;
	vertical-align:middle;
	border:none;
	height:30px;
	padding:0px;
	margin:3px;
	margin-left:0px;
	text-align:left;
}

.nevek_div:hover {
	background-color:#FFD3B2;
	color:#020417;
}

.nevek2 {
	padding-top:5px;
}

.nevek2 a { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#c3b8b8;
	font-size:20px;
}

.nevek2 a:hover { 
	background-color:#FFD3B2;
	color:#020417;
}

.nevek2 .nevek_div a:hover { 
	color:#020417;
}

.nevek img { 
	border:1px solid #999;
	border-radius: 3px;
}

.szerz a { 
	font-family: 'oswald_light', serif; 
	text-decoration:none;
	color:#ff6e3f;
	font-size:15px;
	padding-left:10px;
}

.szerz a:hover { 
	color:#a3a3a3;
}

#galeria_felirat { 
	font-family: 'ar_berkley', serif; 
	text-decoration:none;
	color:#000000;
	font-size:18px;
}
#galeria_felirat:hover {
	color:#FF0000;
}

#tovabb { 
	text-decoration:none;
	color:#ffffff;
	font-size:13px;
}
#tovabb:hover {
	color:#00ff00;
}

#galeria_felirat2 { 
	font-family: 'ar_berkley', serif; 
	text-decoration:none;
	color:#000000;
	font-size:26px;
}


#gombok:hover {
	color:#FF0000;
}

#design_by {
	font-size:10px;
	vertical-align:bottom;
	font-weight:bold;
}

#feliratkozas {
	font-size:12px;
	vertical-align:bottom;
	font-weight:bold;
	text-decoration:none;
	color:#990000;
}

#feliratkozas:hover {
	color:#000000;
}

#cim {
	font-family: 'ar_berkley', serif;
	color:#663300;
	font-size:16px;
	text-align:center;
	vertical-align:bottom;
}

#napi {
	color:#000000;
	font-size:15px;
	text-align:center;
	font-family: 'ar_berkley', serif;
	text-decoration:none;
	vertical-align:bottom;
}

#napi:hover {
	color:#990000;
}

#bemut_style {
	font-size:11px;
	font-weight:bold;
	line-height:1.5;
	text-align:justify;
}

.rs-slideshow {
	height: 336px;
	overflow: hidden;
	position: relative;
	width: 666px;
}

.rs-slideshow .slide-container {
	background-color: #444;
	position: absolute;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.rs-slideshow .slide-container img {
	position: relative;
}

.rs-slideshow .slide-container .slide-caption {
	background-color: #000;
	bottom: 0;
	color: #fff;
	display: block;
	left: 0;
	position: absolute;
	text-align: center;
	right: 0;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}

.rs-slideshow .slides {
	display: none;
}

.rs-slideshow .slide-container img,
.rs-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
	filter: inherit;
}


/**
*	These styles make the list of links to slide images visible to users
*	who don't have JavaScript enabled. By adding the 'no-js' class to 
*	the HTML element, and using Modernizr to remove this class for JS
*	users, we can style for both scenarios.
*	http://www.modernizr.com/
*/

.no-js .rs-slideshow {
	height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
	position: relative;
}
.no-js .rs-slideshow .slides {
	display: block;
}
.no-js .rs-slideshow .slides li {
	margin: 0;
}



/**
*	The following styles are used in the demos with slideshow controls, 
*	such as play/pause and prev/next buttons.
*/

.rs-controls {
	clear: both;
	margin: 12px auto;
	width: 620px;
}
.rs-play-pause, .rs-prev, .rs-next {
	float: left;
	margin-right: 12px;
}
.rs-controls ul {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.rs-index-list li {
	float: left;
	margin-right: 6px;
}
.rs-controls a {
	background-color: #eee;
	border: 1px solid #ddd;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;*/
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.rs-controls a:hover {
	background-color: #ddd;
	color: #444;
}
.rs-controls .rs-active {
	background-color: #444;
	border: 1px solid #444;
	color: #eee;
}


#callback-messages,
#slide-class-message {
	margin: 48px auto;
	width: 620px;
}
.slide-container.some-custom-class .slide-caption {
	background-color: #890;
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	top: 0;
	width: 28%;
}



/*	Clearfix	*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

/* ADMIN */

.admin tr td {
	border:1px solid #020417;
	width: 130px;
	height: 70px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	font-size:13px;
	font-family: 'oswald_light', serif;
}
.admin tr td div {
	border:none;
	width: 126px;;
	height: 31px;
	line-height:1;
	background:none;
	text-align: left;
	vertical-align: top;
	resize: none;
	font-family: 'oswald_light', serif;
	font-size:13px;
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	padding:2px;
}

.admin tr td div b {
	font-size:12px;
	margin-right:6px;
}

.admin15 tr td {
	border:1px solid #020417;
	width: 160px;
	height: 100px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	font-size:13px;
	font-family: 'oswald_light', serif;
}
.admin15 tr td div {
	border:none;
	width: 156px;
	height: 46px;
	line-height:1;
	background:none;
	text-align: left;
	vertical-align: top;
	resize: none;
	font-family: 'oswald_light', serif;
	font-size:13px;
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	padding:2px;
}

.admin15 tr td div b {
	font-size:12px;
	margin-right:6px;
}

.admin_fuzet tr td {
	border:1px solid #020417;
	width: 120px;
	height: 70px;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	font-size:13px;
	font-family: 'oswald_light', serif;
}

.admin_fuzet tr td div {
	border:none;
	width: 116px;;
	height: 31px;
	line-height:1;
	background:none;
	text-align: left;
	vertical-align: top;
	resize: none;
	font-family: 'oswald_light', serif;
	font-size:13px;
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	padding:2px;
}

.szeles {
	width:200px;
}

.admin tr td div b, .admin_fuzet tr td div b {
	font-size:14px;
}

.szinpaletta table tr td {
	font-family: 'oswald_light', serif;
	font-size:15px;
	color: #c5c6cb;
}

.adminlinkek {
	font-family: 'oswald_light', serif;
	color:#a1a3b2;
	font-size:24px;
	line-height:1.5;
}
.admincsoportok {
	font-family: 'oswald_light', serif;
	color:#a1a3b2;
	font-size:15px;
}

.adminlinkek a {
	font-family: 'oswald_light', serif;
	color:#f57949;
	font-size:16px;
	text-decoration:none;
	margin-right:15px;
	height:10px;
	margin-top:0px;
}

.adminlinkek a:hover {
	color:#a1a3b2;
}

/* NYOMTATÁS */

@page { size 8.5in 11in; margin: 1.5cm; }
div.page { 
	page-break-after: always;
    page-break-inside: avoid;
}

    @media print {
        .fekvo {
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
			position:relative;
        }
		.fuzetes {
			right: 0px;
		}
		.admin {
			position:absolute;
			left:0px;
			top:50px;
		}
		.admin15 {
			position:absolute;
			left:0px;
			top:50px;
		}
		.admin_info {
			position:absolute;
			left:0px;
			top:0px;
		}
    }

/* DRAG AND DROP TÁBLÁZAT */

* {
	margin: 0;
	padding: 0;
}
.kontener {
	width: 100%;
	height: auto;
	background: none;
	border: none;
	border-radius: 10px;
	margin: auto;
	text-align: left;
}
.kontent {
	padding: 0px;
	min-height: 100px;
	text-align: center;
	width: 100%;
}
/* Sortable ******************/
#sortable { 
	list-style: none; 
	text-align: left; 
	width: 100%;
}
#sortable li { 
	margin: 0;
	padding:0;
	height: auto; 
	background: none;
	border: none;
	border-radius: 5px;
	color: #333333;
	width: 100%;
}
#sortable li table tr td {
	height: 50px;
	line-height:1.2;
	padding-bottom:2px;
	padding-top:2px;
}
#sortable li span {
	background-color: #b4b3b3;
	background-image: url('../img/drag.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 12px;
	height: 12px; 
	display: inline-block;
	float: left;
	cursor: move;
	position:absolute;
	margin:2px;
}

.kontent span {
	background-color: none;
	background-position: center;
	width: 15px;
	height: 35px; 
	display: inline-block;
	float: left;
	cursor: move;
	position:absolute;
}
/*#sortable li img {
	height: 65px;
	border: 5px solid #cccccc;
	display: inline-block;
	float: left;
}*/
#sortable li div {
	padding: 0px;
}
#sortable li h2 {    
	font-size: 16px;
    line-height: 20px;
}

/* BUBORÉK */

#felho {
	float: left;
	text-align: center;
	font-family: 'oswald_light', serif;
	font-size: 16px;
	z-index: 9980;
}

div.hoverbubble {
  position: relative;
  text-decoration: none;
}
div.hoverbubble span {display: none;}
div.hoverbubble:hover span {
	display: block;
	position: absolute;
	padding: .5em;
	content: attr(title);
	min-width: px;
	text-align: center;
	width: auto;
	height: auto;
	white-space: nowrap;
	top: -40px;
	background: rgba(0,0,0,1);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 0.86em;
	font-family: 'oswald_light', serif;
	z-index:9999;
}
div.hoverbubble .szov {display: none;}
div.hoverbubble:hover .szov {
	display: block;
	position: absolute;
	padding: .5em;
	content: attr(title);
	min-width: px;
	text-align: center;
	width: 200px;
	height: auto;
	top: 40px;
	left:-20px;
	background: rgba(0,0,0,0.9);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 17px;
	font-family: 'oswald_light', serif;
	z-index:9999;
	font-weight:normal;
	line-height:1.5;
}

div.hoverbubble:hover .szov:before {
	display: block;
	content: "";
	border-color: transparent transparent rgba(0,0,0,0.9) transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	top: -20px;
	left: 1em;
}