/*********************
	Alap beállítások minden lapra
*********************/
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap');
html{
	height: 100%;
	width: 100%;
}

body{
  	/*background: -webkit-linear-gradient(#07354f,#53a1cd);	/*Safari 5.1-6*/
  	/*background: -o-linear-gradient(#07354f,#53a1cd); 		/*Opera 11.1-12*/
  	/*background: -moz-linear-gradient(#07354f,#53a1cd); 	/*Fx 3.6-15*/
  	/*background: linear-gradient(#07354f, #53a1cd); 			/*Standard*/
	font-family: Helvetica,Arial,Verdana,sans-serif;
}

body#press{
	background-color: hsl(200, 60%, 90%);
	background-image: url('../images/hircentrum_logo.png');
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin-top: 66px;
}

body#commers{
	background-color: #FEFEFE;
	/*background-image: url('../images/comm_box.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	*/
}

div.jumpup
{
	background-image: url('../images/paca.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	bottom: 0px;
	height: 107px;
	width: 72px;
	position: fixed;
	right: 0px;
}
div.freshMessage{
  	background: -webkit-linear-gradient(#dadedf,#fefefe); 	/*Safari 5.1-6*/
  	background: -o-linear-gradient(#dadedf,#fefefe); 			/*Opera 11.1-12*/
  	background: -moz-linear-gradient(#dadedf,#fefefe); 		/*Fx 3.6-15*/
  	background: linear-gradient(#dadedf,#fefefe); 		/*Standard*/
  	border-color: #1d6893;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
		box-shadow: 2px 2px 2px #011724;
	color: #010101;
	display: block;
	float: right;
	font-weight: inherit;
	height: 65px;
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 0px;
	visibility: hidden;
	width: 380px;
}
/*********************
	Styles for Body
*********************/
h3#title{
	background-color: #143d8e;
	border-color: #fefefe;
	border-style: double;
	border-width: 2px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
		box-shadow: 5px 5px 5px #011724;
	color: #fefefe;
	content: '';
	font-family:'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size: 18px;
	min-width: 50px;
	max-width: 410px;
	min-height: 23px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	/*width: auto;*/
}

h4#title{
	background-color: #de0200;
	border-color: #9f2a2a;
	border-style: double;
	border-width: 2px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
		box-shadow: 5px 5px 5px #011724;
	color: #fefefe;
	content: '';
	font-family:'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size: 16px;
	max-width: 410px;
	min-height: 23px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: -2px -2px #010101;
        transform:rotate(2.5deg);
        vertical-align: baseline;
	width: auto;
}
h3#subtitle{
	border-color: #FFE500;
	border-style: solid;
	border-width: 1px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #FFE500;
	content: '';
	font-family: 'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size: 18px;
	max-width: 400px;
	min-height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
   vertical-align: baseline;
	width: auto;
}

h5#subtitle{
	background-color: #991919;
	border-color: #453f10;
	border-style: double;
	border-width: 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
		box-shadow: 5px 5px 5px #011724;
	color: #ffe500;
	content: '';
	font-family:'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size: 18px;
	max-width: 410px;
	min-height: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
   vertical-align: baseline;
	width: auto;
}
/**********************
	Styles for Publicity
 **********************/
div#commers{
	background-color: #fefefe;
	color: #000000;
	min-height: 745px;
	max-height: 100%;
	/*overflow: auto;*/
	padding-bottom: 0px;
	padding-left: 2px;
	text-align: center;
	width: 290px;
	z-index: -1;
}

div#impress{
	position: fixed;
	bottom: 0px;
	right: 0px;
	height: 150px;
	width: 250px;
	background-color: #dcd6bc;
	color: #3a372e;
	padding-top: 10px;
	padding-left: 20px;
	/*padding: 15px 5px 15px 25px;*/
	font-family:'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-style: solid;
	border-color: #fefefe;
	box-shadow: -5px -5px 3px #1F282E;
}
h4#com-title{
	background-color: #de0200;
	border-color: #9f2a2a;
	border-style: double;
	border-width: 2px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
		box-shadow: 5px 5px 5px #011724;
	color: #fefefe;
	content: '';
	font-family:'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size: 16px;
	max-width: 250px;
	min-height: 23px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
		text-shadow: -2px -2px #010101;
	vertical-align: baseline;
	/*width: auto;*/
}
/******************************
	Style Articles
******************************/
div.muster{
	background-color: #ffffff;
	border-radius: 3px;
		box-shadow: 5px 5px 2px #011724;
	color: #010101;
	display: inline-block;
	font-family: 'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size: 80%;
	margin: 10px;
	max-height: 250px;
	max-width: 400px;
	overflow: auto;
	padding: 10px;
	width: 380px;
}
div.muster:hover{
	background-color: #3b5055;
	color: #ffffff;
}
.muster p#lead{
	font-size: 0.9em;
	font-style: italic;
}

.muster h5{
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 50px;
	padding-right: 48px;
}
.hir{
	background-image: url('../images/s-news.png');
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 3px solid #d91f1f;
	border-bottom: 3px solid #d91f1f;
}
.police{
	background-image: url('../images/s-police.png');
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 3px solid #53729d;
	border-bottom: 3px solid #53729d;
}
.army{
	background-image: url('../images/s-army.png');
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 3px solid #a0a467;
	border-bottom: 3px solid #a0a467;
}
.program{
	background-image: url('../images/s-program.png');
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 3px solid #e05e25;
	border-bottom: 3px solid #e05e25;
}
.video{
	background-image: url('../images/s-video.png');
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 3px solid #4e630e;
	border-bottom: 3px solid #4e630e;
}
.sport{
	background-image: url('../images/s-sport.png');
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 3px solid #9f2a2a;
	border-bottom: 3px solid #9f2a2a;
}
.church{
	background-image: url('../images/s-church.png');
	background-position: top right;
	background-repeat: no-repeat;
	border-right: 3px solid #e0c480;
	border-bottom: 3px solid #e0c480;
}

div.readmore{
  	/*background: -webkit-linear-gradient(left,#f56d24,#0daaa6);	/*Safari 5.1-6*/
  	/*background: -o-linear-gradient(left,#f56d24,#0daaa6); 		/*Opera 11.1-12*/
  	/*background: -moz-linear-gradient(left,#f56d24,#0daaa6); 	/*Fx 3.6-15*/
	/*background: linear-gradient(left,#f56d24,#0daaa6);*/
	background-color: #FFA500;
	border-color: #4c390c;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
		box-shadow: 5px 5px 2px #011724;
	color: #ffffff;
	cursor: pointer;
	float: right;
	font-weight: bolder;
	min-height: 20px;
	max-width: 200px;
	min-width: 75px;
	padding-left: 10px;
	padding-right: 5px;
}

div#cikk{
	width: 820px;
	padding: 15px;
	overflow: auto;
	margin-left: 50px;
	/*max-height: 685px;*/
	background-color: #f7f5e5;	/*fefefe; #d4cc9a; edebe1;*/
	border-radius: 15px;
		box-shadow: 5px 5px 5px #011724;
}
div#board{
	background-color: #fefefe; /*dcd6bc*/
	border-color: #fefefe;
	border-spacing:5px;
	border-style:solid;
	border-radius: 15px;
		box-shadow: 10px 10px 5px #011724;
	font-family: 'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	margin: 20px;
	padding: 25px;
	width: 410px;
}
div#branch{
	width: 820px;
	padding: 15px;
	overflow: auto;
	margin-left: 50px;
	/*max-height: 685px;*/
	background-color: #E6E6FA;
	border-radius: 15px;
		box-shadow: -10px -10px 5px #011724;
}
.leaf {
	font-size: 105%;
	font-weight: bold;
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.author{
	bottom: 10px;
	color: #010101;
	font-size: 66%;
	position: static;
	padding: 3px;
	right: 5px;
	text-align: right;
	width: auto;
}
.smallfont{
	font-size: 66%;
}
.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 400px;
    min-height: 250px;
    background-color: #fefefe;	/* #f7f5e5; */
}
#floatingRectangle {
   background-color: #000;	/* Layer háttérszíne */
   bottom: 0px;
	height: 100%;
   left: 2px;
	/*margin-top: 50px;*/
   min-height: 100px;
   opacity: 0.98;
   	filter: alpha(opacity=98); /* For IE8 and earlier */
   padding: 0;
   position: fixed;/* absolute;*/
   right: 0;
	visibility: hidden;
   z-index: 100;
}
div#teletex{
	background-color: #1D6893;
	border-radius: 15px;
		box-shadow: -10px -10px 5px #011724;
	margin-left: 50px;
	overflow: auto;
	padding: 15px;
	width: 820px;
}
div#help{
	background-color: #143D55;
	border-radius: 15px;
		box-shadow: -10px -10px 5px #011724;
	margin-left: 50px;
	overflow: auto;
	padding: 15px;
	width: 1024px;
}
div#banner{
	background-color: #dcd6bc;
	border-color: #e05e25;
	border-radius: 15px;
	border-style: solid;
	/*height: 150px;*/
	margin-top: 15px;
	/*overflow: auto;*/
	padding: 5px;
	width: 280px;
	z-index: -1;
}
div#phone{
	background-color: #dcd6bc;
	border-color: #e05e25;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-style: solid;
	height: 265px;
	overflow: auto;
	padding: 5px;
	width: 750px;
	z-index: 5000;
}
.box {
	background-color: #E5E5E5;
	background-image: url('../images/phone.png');
	background-position: left top;
	background-repeat: no-repeat;
   padding: 15 15 15 35;
   width: calc(100% - 3px);
}
.box>table{
   border-collapse: separate;
   width: calc(100% - 5px);
   border: 1px solid black;
}
#bignum{
	color: red;
	border: 2px  outset #cecece;
	border-radius: 8px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	width: 100%;
}
div#gbutton{
	background-image: url('../images/grey-button.png');
	background-repeat: no-repeat;
	color: #010101;
	display: inline-block;
	font-family: 'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-size: 20px;
	font-weight: bold;
	height: 32px;
	padding-bottom: 5px;
	padding-top: 2px;
	text-align: center;
		text-shadow: 2px 2px #fefefe;
	vertical-align: middle;
	width: 168px;
}
.structure{
   /* border: 1px solid gray; */
	float: left;
	display: none;
   margin: 4px;
   min-height: 50px;
   padding: 0;
   text-align: left;
   width: 800px;
}
a.button, a.button:active
{
	background-color: transparent;
	color: #F0E68C;
	display: block;
	padding-top: 14px;
	text-align: center;
	text-decoration: none;
	width: 64px;
}
a.button:hover
{
	background-color: transparent;
	color: #E6E6FA;
	padding-top: 14px;
	text-align: center;
	text-decoration: none;
	width: 64px;
}
.img_group{
	text-align: center;
	width: 100%;
}
.img_contener{
	background-color: 000;
	display: inline-block;
   opacity: 0.75;
   	filter: alpha(opacity=75); /* For IE8 and earlier */
   padding: 10px;
	text-align:center;
}
.img_contener:hover{
   opacity: 1;
   	filter: alpha(opacity=100); /* For IE8 and earlier */
}
img.right
{
	float: right;
	margin: 10px;
	padding: 0px;
}

img.left
{
	float: left;
	margin: 10px;
	padding: 0px;
}
.default_img {
	padding: 25px 5px 25px 5px;
}
div.polaroid {
   background-color: white;
   border: 1px solid #444444;
   box-shadow: 10px 10px 5px #aaaaaa;
   padding: 10px 10px 20px 10px;
	width: 294px;
}
/*   Kissé elforgatva   */
div.rotate_left {
	background-color: #fefefe;
	border-width: 1px;
	border-style: dotted;
	border-color: #c3c3c3;
   float: left;
   	-ms-transform: rotate(5deg); /* IE 9 */
    	-webkit-transform: rotate(5deg); /* Safari */
   transform: rotate(5deg);
}
div.rotate_right {
	background-color: #fefefe;
	border-width: 1px;
	border-style: dotted;
	border-color: #c3c3c3;
   float: left;
    	-ms-transform: rotate(-6deg); /* IE 9 */
    	-webkit-transform: rotate(-6deg); /* Safari */
   transform: rotate(-6deg);
}
/*   Kép aláírás   */
p.caption{
	color: #444444;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;
}
div#rajz{
	visibility: hidden;
	background-color: #ADD8E6;
   opacity: 0.4;
   	filter: alpha(opacity=40); /* For IE8 and earlier */
	position: fixed;
	top: 0px;
	left: 0px;
	border-color: red;
	border-style: dotted;
	border-width: 2px;
	width: 50px;
	height: 50px;
	content: '';
}
#adSize{
	cursor: pointer;
	font-family:  'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;
	font-weight: bold;
}
a#inner{
	color: #3a372e;
	text-decoration: none;
	vertical-align: middle;
}
a:visited#inner{
	color: #3a372e;
	text-decoration: none;
	vertical-align: middle;
}
a:active#inner a:hover#inner{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

div#videolist{
	width: 90%;
	padding: 15px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	max-height: 685px;
	/* background-color: #f7f5e5;	d4cc9a; edebe1;*/
	border-radius: 10px;
		box-shadow: 15px 15px 15px #011724;
}

span#innerlink{
	/*font-family: 'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;*/
	background: transparent;
	font-weight: normal;
	cursor: pointer;
}

span#innerlink:hover{
	background-color: #675B3E;
   box-shadow: 2px 2px 2px -1px #011724;
   color: white;
	cursor: pointer;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

span#forbidden{
	/*font-family: 'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;*/
	background: transparent;
	font-weight: normal;
	color: red;
	cursor: pointer;
}

span#forbidden:hover{
	background-color: #675B3E;
   box-shadow: 2px 2px 2px -1px #011724;
   color: black;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

table.price{
	border-collapse: collapse;
	border-color: #fefefe;
	border-spacing:5px;
	border-style:solid;
	border-radius: 15px;
	border-spacing: 5px;
		box-shadow: 10px 10px 5px #011724;
	empty-cells: show;
	/*font-family: 'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;*/
 	margin: auto;
 	width: 780px;
}
tr:hover{
	background-color: #f5f5f5
}
.price td{
	text-align: center;
}
.price  tr.alt td {
    color: #010101;
    background-color: #c8bb7d;
}
th.gold{
	background-color: #c8bb7d;
	color: #010101;
}
td.gold{
	background-color: #c8bb7d;
	color: #010101;
}
th.silver{
	background-color: #dbdbdb;
	color: #010101;
}
td.silver{
	background-color: #dbdbdb;
	color: #010101;
}
th.diamond{
	background-color: #e2e6e7;
	color: #010101;
}
td.diamond{
	background-color: #e2e6e7;
	color: #010101;
}
td.leftcell{
	text-align: left;
}
td.currency{
	padding-right: 10px;
	text-align: right;
}
img.watermark{
	position: fixed;
	top: 20px;
	right: 100px;
	z-index: 1500;
}
/*********************
	Styles for Menu	|
*********************/
#dolphincontainer {
	position:relative;
	height:56px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
	/*font-family:'Berkshire Swash',Helvetica,Arial,Verdana,sans-serif;*/
}

#dolphinnav {
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(../images/dolphin_bg.png) repeat-x bottom left;
	padding:0 0 0 20px;
}

#dolphinnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
}

#dolphinnav ul li {
	display:block;
	float:left;
	margin:0 1px;
}

#dolphinnav ul li a {
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
}

#dolphinnav ul li a span {
	padding:12px 20px 0 0;
	height:21px;
	float:left;
}

#dolphinnav ul li a:hover {
	color:#fff;
	background:transparent url(../images/dolphin_bg-OVER.png) repeat-x bottom left;
}

#dolphinnav ul li a:hover span {
	display:block;
	width:auto;
	cursor:pointer;
}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover {
	color:#fff;
	background:#1D6893 url(../images/dolphin_left-ON.png) no-repeat top left;
	line-height:275%;
}

#dolphinnav ul li a.current span {
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(../images/dolphin_right-ON.png) no-repeat top right;
	height:33px;
}
/**** POPUP Content ****/
.black_overlay{
	display: block;
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: black;
   z-index:1001;
   	-moz-opacity: 0.8;
      opacity:.80;
      filter: alpha(opacity=80);
}
.white_content {
	display: block;
   position: absolute;
   top: 20%;
   left: 2%;
   width: 90%;
   height: 70%;
   padding: 16px;
   border: 16px solid orange;
   background-color: white;
   z-index:1002;
   overflow: auto;
}
img.close{
	float: right;
	position: relative;
	right: -15px;
	top: -15px;
}

#youtube_window{
	position:fixed;
	width:350px;
	height:197px;
	left:25%;
	margin-top:200px;
	background-color:rgba(29,34,55,0.8);
	visibility: visible;
	z-index:10000
}

#youtube_window .youtube_close{
	position:absolute;
	left:100%;
	margin-left:-12px;
	top:0px;
	margin-top:-12px;
	cursor:pointer;
	background-image:url("../images/close_button.png");
	background-size:100%;
	width:25px;
	height:25px;
	z-index:10001
}
/**** extended ****/
.ch-item
{
	width: 100%;
	height: 100%;
	border-radius: 5%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 		cursor: default;
}

.ch-info-wrap
{
 		position: absolute;
 		width: 300px;
 		height: 147px;
 		border-radius: 2%;
		-webkit-transition: all 0.4s ease-in-out;
 			-moz-transition: all 0.4s ease-in-out;
 			-o-transition: all 0.4s ease-in-out;
 			-ms-transition: all 0.4s ease-in-out;
 		transition: all 0.4s ease-in-out;
	top: 0px;
 		left: 0px;
 		background: #ccc;
 		box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-info
{
 		position: absolute;
 		width: 300px;
 		height: 147px;
 		border-radius: 2%;
 			-webkit-transition: all 0.4s ease-in-out;
 			-moz-transition: all 0.4s ease-in-out;
 			-o-transition: all 0.4s ease-in-out;
 			-ms-transition: all 0.4s ease-in-out;
 		transition: all 0.4s ease-in-out;
  			-webkit-transform-style: preserve-3d;
 			-moz-transform-style: preserve-3d;
 			-o-transform-style: preserve-3d;
 			-ms-transform-style: preserve-3d;
 		transform-style: preserve-3d;
}

.ch-info > div
{
 		display: block;
 		position: absolute;
 		width: 100%;
 		height: 100%;
 		border-radius: 2%;
 		background-position: center center;
		-webkit-backface-visibility: hidden;
 			-moz-backface-visibility: hidden;
 			-o-backface-visibility: hidden;
 			-ms-backface-visibility: hidden;
 		backface-visibility: hidden;
}

.ch-info .ch-info-back
{
 		-webkit-transform: rotate3d(0,1,0,180deg);
 		-moz-transform: rotate3d(0,1,0,180deg);
 		-o-transform: rotate3d(0,1,0,180deg);
 		-ms-transform: rotate3d(0,1,0,180deg);

 		transform: rotate3d(0,1,0,180deg);
 		background: #fff;
}

.ch-img-1
{
	background-image: url('../images/banner-v02.png');
	background-size: 300px;
}

.ch-item:hover .ch-info-wrap
{
 		box-shadow: 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info
{
 		-webkit-transform: rotate3d(0,1,0,-180deg);
 		-moz-transform: rotate3d(0,1,0,-180deg);
 		-o-transform: rotate3d(0,1,0,-180deg);
 		-ms-transform: rotate3d(0,1,0,-180deg);

 		transform: rotate3d(0,1,0,-180deg);
}

.ch-grid
{
 		margin: 0 0 0 0;
 		padding: 0;
 		list-style: none;
 		display: block;
 		text-align: center;
 		width: 100%;
}

.ch-grid:after, .ch-item:before
{
 		content: '';
 	display: table;
}

.ch-grid:after
{
 		clear: both;
}

.ch-grid li
{
 		width: 300px;
 		height: 147px;
 		display: inline-block;
 		margin: 0;
}
li#nopoint{
	list-style-type: none;
}
span#delayed{
	visibility: hidden;
}
p#demo{
	background-color: black;
	color: white;
	font-weight: bold;
}