/*
*
*  Margin, padding, and border resets
*  except for form elements
*
*/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
}
/*
*
*  Consistency fixes
*  adopted from http://necolas.github.com/normalize.css/
*
*/
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  min-height: 100%;
  font-size: 100%;
  background: #524740;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
  display: block;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
b, strong {
  font-weight: bold;
}
abbr[title] {
  border-bottom: 1px dotted;
}
input,
textarea,
button,
select {
  margin: 0;
  font-size: 100%;
  line-height: normal;
  vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"], input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input::-ms-clear {
    display: none;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
*
*  Simple fluid media
*
*/
figure {
  position: relative;
}
figure img,
figure object,
figure embed,
figure video {
  max-width: 100%;
  display: block;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
h1, h2, h3 {
  font-weight: normal;
}
a {
  text-decoration: none !important;
}
a img {
  border: none;
}

/**************************************************************************************************************************/

@font-face{
  font-family: "Linotype-BodoniLTPro-Bold";
  src: url('../fonts/Linotype-BodoniLTPro-Bold.eot');
  src: url('../fonts/Linotype-BodoniLTPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Linotype-BodoniLTPro-Bold.ttf') format('truetype');
}

@font-face{
  font-family: "Linotype-BodoniLTPro-Book";
  src: url('../fonts/Linotype-BodoniLTPro-Book.eot');
  src: url('../fonts/Linotype-BodoniLTPro-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Linotype-BodoniLTPro-Book.ttf') format('truetype');
}

@font-face{
  font-family: "SourceSansPro-Regular";
  src: url('../fonts/sourcesanspro-regular-webfont.eot');
  src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype');
}

@font-face{
  font-family: "SourceSansPro-Bold";
  src: url('../fonts/sourcesanspro-bold-webfont.eot');
  src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype');
}

@font-face{
  font-family: "SourceSansPro-Light";
  src: url('../fonts/sourcesanspro-light-webfont.eot');
  src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'SourceSansPro-Semibold';
  src: url('../fonts/sourcesanspro-semibold.otf');
  src: url('../fonts/sourcesanspro-semibold-webfont.eot');
  src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype');
}

body {
  font-family: "SourceSansPro-Regular" !important;
  font-size: 14px !important;
  line-height: 21px !important;
  color: #333333;
	background: #FFFFFF;
}

#header {
	width: 100%;
	height: 86px;
	position: relative;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background: #000000;
}

#frontpage_logo {
  position: absolute;
  top: 86px;
  left: 0px;
  z-index: 1000;
  background: #000000;
}

.welcome_quotation {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1000;
	background: url("../img/__welcome_quotation_bg.png") repeat;
	color: #000000;
	font-size: 20px;
	line-height: 24px;
	width: 498px;
	font-style: italic;
	font-family: "Linotype-BodoniLTPro-Bold";
  padding: 10px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.left_column {
	position: relative;
	width: 180px;
	float: left;
	background-color: #000000;
	overflow-x: hidden;
}

.right_column {
	position: relative;
	width: 100%;
	float: left;
}

.accordion_container {
	width: 100%;
}

#language_menu {
	list-style: none;
	margin-left: 20px;
  padding-top: 40px;
}


#language_menu li {
	display: inline;
}

#language_menu .separator {
	color: #999999;
	font-size: 18px;
}

#language_menu li:first-child .separator {
	display: none;
}

#language_menu li a {
	color: #666666;
	text-align: center;
	font-family: "SourceSansPro-Light";
	font-size:	18px;
	line-height: 40px;
}

#language_menu li a:hover, #language_menu li.active a {
	color: #C84E00;
}


#main_menu {
	font-family: "SourceSansPro-Light";
	margin: 8px 0px;
}

#main_menu li {
	text-align: center;
	background: url("../img/__menu_sep.png") no-repeat 50% 5px;
	padding-top: 35px;
}

#main_menu li a {
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	text-transform: uppercase;
}

#main_menu .separator {
	background: url("../img/__menu_sep.png") no-repeat 50% 50%;
	display: block;
	height: 24px;
}

#main_menu li:first-child {
	background: none;
	padding-top: 0px;
}

#main_menu li ul {
	background: url("../img/__menu_sub.png") no-repeat 50% 4px;
	padding-top: 18px;
}

#main_menu li ul li {
	background: url("../img/__menu_subsep.png") no-repeat 50% 4px;
	padding-top: 18px;
}

#main_menu li ul li a {
	font-size: 16px;
	line-height: 16px;
}

.left_column .back_to_top {
	width: 36px;
	height: 36px;
	display: block;
	background: url("../img/__backtotop_menu.png") no-repeat 50% 50%;
	margin: 20px auto;
}

.left_column .back_to_top:hover {
	background-image: url("../img/__backtotop_menu_down.png");
}


a {
  color: #333333;
}

h3 {
  font-family: "SourceSansPro-Bold";
  font-size: 24px;
  line-height: 24px;
}

.bold {
  font-family: "SourceSansPro-Bold";
}

.light {
  font-family: "SourceSansPro-Light";
}


#logo img {
  display: block;
}

.clear {
  float: none;
  clear: both;
}

p {
  padding: 10px 0px;
}

.page_content {
  width: 100%;
  margin: 0px auto;
  min-height: 1000px;
  position: relative;
}

#load_next_blocks:focus,
#load_next_blocks:active {
/*	border: none;
*/	outline: none;
}

#load_next_blocks {
  font-family: "Linotype-BodoniLTPro-Book";
  font-size: 30px;
  white-space: nowrap;
  color: #FFFFFF;
  background: #C84E00;
	width: 100%;
	padding: 20px 0 10px 0;
	text-align: center;
	border: none;
	border-top: 5px solid #FFFFFF;
	outline: none;

}



/* ACCORDION DOBOZOK */

.accordionbox {
  position: relative;
  height: 216px;
  overflow: hidden;
  border-top: 5px solid #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.accordionbox.opened {
  overflow: visible;
}

.mainaccordion {
  height: 450px;
  border-top: 0px;
}

.mainaccordion .accordionbox_opener {
  height: 450px;
}

.accordionbox_opener {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 216px;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.accordionbox .title {
  max-width: 900px;
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-family: "Linotype-BodoniLTPro-Book";
  margin-right: 0px;
  color: #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.accordionbox .title span:first-child {
  padding-left: 20px;
}

.accordionbox .title span:last-child {
  padding-right: 20px;
}

.accordionbox .title span {
  padding-top: 8px;
  background: #C84E00;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}


@media only screen and (min-width : 768px) {
  .accordionbox .title {
      font-size: 50px;
      min-height: 80px;
      line-height: 70px;
  }

  .accordionbox .title span {
    line-height: 70px;
    height: 70px;
  }
}

@media only screen and (max-width : 767px) {
  .accordionbox .title {
    padding: 15px;
    font-size: 1.6rem;
  }
}

.accordionbox.mainaccordion .subtitle {
  width: 100%;
  text-align: center;
  bottom: 40px;
  border: 0px;
  background: none;
}

.accordionbox.mainaccordion .subtitle span.subtitle_wrapper {
  line-height: 40px;
  height: 40px;
  padding: 0px 20px;
  font-size: 21px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  background: #1D1D1B;
  display: inline-block;
  letter-spacing: 1px;
}


.accordionbox_opener.rightaligned .subtitle {
  left: auto;
  right: 0px;
}

.accordion_closer_container {
  position: relative;
}

.accordion_closer_wrapper {
  position: absolute;
  top: -42px;
  left: 0px;
  width: 100%;
  height: 43px;
  display: block;
  z-index: 1000;
}

.accordion_closer {
  height: 43px;
  width: 100%;
  display: block;
  background: url("../img/__close_button.png") no-repeat;
}

#bb_accordion {
  background-position: 50% 84%;
}

#karacsony_accordion {
  background-position: 50% 62%;
}
#husvet_accordion {
  background-position: 50% 35%;
}

#irodalmi_accordion {
  background-position: 50% 5%;
}

#accordion_hatorszag {
  background-position: 50% 42%;
}

#accordion_frontok {
  background-position: 50% 35%;
}

#accordion_haditechnika {
  background-position: 50% 5%;
}

#kk {
	text-align: center;
	clear: both;
	padding: 20px 0px;
}


.bannerbox a img {
  border-top: 2px solid #FFFFFF;
  display: block;
}

.cartoonbox {
  border-top: 2px solid #FFFFFF;
  background: #9C005D;
  min-height: 270px;
}

.positioner {
  position: relative;
  float: right;
  margin-top: 20px;
}

.rightslide_image_container {
  position: absolute;
  right: 0px;
  width: 256px;
  margin-left: 10px;
  height: 231px;
  text-align: right;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-color: #970060;
}

.smallbox {
  width: 280px;
  height: 118px;
  float: left;
  margin-bottom: 8px;
}

.smallbox a {
  background: #FFFFFF;
  width: 256px;
  height: 105px;
  margin-right: 24px;
  margin-bottom: 21px;
  display: block;
  float: left;
  font-family: "SourceSansPro-Light";
  color: #1D1D1B;
  font-size: 30px;
}

.smallbox_container {
  max-width: 840px;
  margin-top: 20px;
  float: left;
}

.content_container {
  max-width: 100%;
  margin: 0px auto;
}

.smallbox a img {
  margin: 5px 10px 5px 5px;
  float: left;
}

.smallbox_title {
  padding: 5px;
}

.mediumbox {
  float: right;
  width: 256px;
  height: 231px;
  background: yellow;
  margin-top: 20px;
  position: relative;
}

.mediumbox_image {
  position: absolute;
  top: 0px;
  right: 0px;
}

.lead_image {
  visibility: hidden;
  display: block;
}

.content_arrow_spacer {
  height: 30px;
}

.content {
  background: #FFFFFF;
  padding-bottom: 70px;
	text-align: center;
}

#timeline-embed {
	width: 100%;
	height: 490px;
}

#start_years {
	padding: 0 5px;
}

#start_years ul {
	list-style: none;
	display: table;
	width: 100%;
}

#start_years ul li {
	display: table-cell;
}

#start_years ul li a {
	color: #C84E00;
	padding: 5px 8px;
	font-weight: 700;
  display: block;
  text-align: center;
}

#start_years ul li a.active {
	background: #C84E00;
	color: #FFFFFF;
}

.timeline_howto {
  padding-left: 10px;
}

#kronobox {
	background: url("../img/kronobg.png") repeat-x;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
	padding-top: 20px;
}

#footer {
  font-size: 14px;
  background-color: #FFFFFF;
  min-height: 200px;
/*  border-top: 5px solid #FFFFFF;*/
}

#footer_menu {
	list-style: none;
	float: left;
}

#footer_menu li {
	display: inline;
	padding-right: 20px;
}

#footer_menu li a:hover {
	color: #C84E00;
}



.narrowbox {
	width: 320px;
	min-height: 470px;
	float: left;
	text-align: center;
  margin-right: 30px;
}

.widebox {
  display: table-cell;
	width: 660px;
	float: none;
	margin-left: 20px;
  height: 470px;
}

.widebox.centered {
  display: block;
  margin: 0px auto;
}

.widebox span {
  display: inline-block;
	vertical-align: middle;
}

.large_portrait {
  max-width: 300px;
	padding: 9px;
	border: 2px solid #E3E3E3;
	-moz-box-shadow: -3px 3px 20px #C7C7C7;
  -webkit-box-shadow: -3px 3px 20px #C7C7C7;
  box-shadow: -3px 3px 20px #C7C7C7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.brand_image {
  max-width: 300px;
	padding: 9px;
	border: 2px solid #E3E3E3;
	-moz-box-shadow: -3px 3px 20px #C7C7C7;
  -webkit-box-shadow: -3px 3px 20px #C7C7C7;
  box-shadow: -3px 3px 20px #C7C7C7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.relative {
	position: relative;
}

.back_to_portraits {
	position: absolute;
	top: -23px;
	left: 363px;
	background: url("../img/__orangearrow_small.png") no-repeat 0% 45%;
	padding-left: 18px;
	display: block;
	color: #C84E00;
	white-space: nowrap;
}

.back_to_portraits_no_img {
	background: url("../img/__orangearrow_small.png") no-repeat 0% 45%;
	padding-left: 18px;
	display: block;
	color: #C84E00;
	white-space: nowrap;
	margin-top:18px;
}

.back_to_thesaurus {
	position: absolute;
	top: -23px;
	left: 381px;
	background: url("../img/__orangearrow_small_left.png") no-repeat 0% 45%;
	padding-left: 18px;
	display: block;
	color: #C84E00;
	white-space: nowrap;
}

.back_to_thesaurus_no_img {
	background: url("../img/__orangearrow_small_left.png") no-repeat 0% 45%;
	padding-left: 18px;
	display: block;
	color: #C84E00;
	white-space: nowrap;
	margin-top:18px;
}

.thesaurus .portraitname {
  background-image: none;
}

.back_to_maps {
	background: url("../img/__orangearrow_small.png") no-repeat 0% 45%;
	padding-left: 18px;
	display: block;
	color: #C84E00;
	white-space: nowrap;
	margin: 20px 0px;
}

.footer_text {
	float: right;
	text-align: right;
	color: #999999;
}

.footer_text .bold {
	color: #FFFFFF;
}

#footer .back_to_top {
	height: 36px;
	display: block;
	margin: 0px auto 20px auto;
}

#footer .back_to_top img {
	text-align: center;
  max-width: 100%;
}

/*TARTALOM*/

.content_block {
  max-width: 1100px;
  margin: 0px auto;
  position: relative;
	text-align: center;
}

.content_arrow {
  position: absolute;
  width: 100%;
  height: 30px;
  z-index: 1000;
	background: url("../img/__wedge_pagetop_bg.png") repeat-x;
}

.box {
	width: 460px;
	margin: 10px;
	float: left;
}

.box.full {
  width: 100%;
}

.map_box {
	position: relative;
	width: 470px;
	float: left;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	margin-bottom: 30px;
	height: 360px;
	overflow: hidden;
}

ul.map_gallery, h3.gallery_title {
	display: none;
}

.map_container {
	position: relative;
}

#map-loading {
	display: table-cell;
	width: inherit;
	height: inherit;
	text-align: center;
	vertical-align: middle;
	margin: auto;
}

#map {
	position: relative;
}

.markerposition {
	position: absolute;
}

.markeranchor {
	position: relative;
}

.marker {
	position: absolute;
	top: -23px;
	left: -6px;
	z-index: 10;
}

.infowindow {
	position: absolute;
	bottom: 39px;
	left: -70px;
	width: 140px;
	height: 40px;
	background: #FFFFFF;
	z-index: 1000;
	display: none;
}

.infowindow_content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	width: 140px;
	text-align: center;
	color: #000000;
	font-size: 13px;
	line-height: 14px;
}

.opened_infowindow .marker {
	z-index: 500;
}

.open_gallery_container {
	color: #999999;
}

.open_gallery {
	width: 140px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 5px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.infowindow_arrow {
	background: url("../img/__wedge_map_bar.png") no-repeat 50% 0%;
	height: 16px;
	position: absolute;
	left: 0px;
	top: 40px;
	width: 140px;
	z-index: 1000;
}



.map_box a img {
	display: block;
}

.paddedbottom {
	padding-bottom: 30px;
}
.paddedtop {
	padding-top: 30px;
}

.map_box a img {
	width: 470px;
}

.map_col1 {
	margin-right: 10px;
}

.map_col2 {
	margin-left: 10px;
}

.map_title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 380px;
	text-align: right;
	font-family: "Linotype-BodoniLTPro-Book";
  font-size: 60px;
  white-space:nowrap;
  color: #FFFFFF;
  background: #C84E00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
	height: 90px;
	margin-right: 0px;
	line-height: 100px;
}

.box iframe {
	display: block;
}

.box p {
	padding: 0px 6px 6px 0px;
}

.box.textbox p {
	text-align: left;
}

.textbox {
	font-size: 18px;
	line-height: 26px;
}

.textbox ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.textbox ul li {
  text-align: left;
  font-size: 14px;
}

.textbox ul li a,
.articlecaption ul li a {
  font-family: "SourceSansPro-Regular";
  font-size: 18px;
  line-height: 18px;
  color: #C84E00;
  background: url("../img/__orangearrow_small.png") no-repeat 0% 14px;
  padding-left: 15px;
  padding-top: 12px;
  display: block;
}

.articlecaption h2,
.textbox h2 {
  font-family: "SourceSansPro-Light";
  font-size: 28px;
  text-align: left;
  color: #5E5E5E;
  padding-bottom: 5px;
}

.articlecaption h3,
.textbox h3 {
  font-family: "SourceSansPro-Regular";
  font-size: 24px;
  line-height: 24px;
  color: #C84E00;
  padding-bottom: 10px;
}


.quotationbox {
	width: 520px;
	margin: 20px auto;
	font-size: 21px;
	line-height: 25px;
	color: #C84E00;
	font-family: "Linotype-BodoniLTPro-Book";
}

.imagebox img {
	display: block;
}

.imagebox .arrow {
	margin: 0px auto;
}

.box.imagebox p {
	text-align: center;
}

.main_content {
  width: 100%;
  min-height: 20px;
  margin: 0px auto;
}

.main_content img {
  max-width: 100%;
  height: auto;
}

.wide_content {
  width: 100%;
  min-height: 20px;
  margin: 0px auto;
}

.subpage_header {
	min-height: 140px;
	margin-bottom: 28px;
	background: #C84E00;
  position: relative;
}

.subpage_header h1 {
	text-align: right;
	line-height: 55px;
	padding-right: 40px;
	font-size: 45px;
	font-family: "Linotype-BodoniLTPro-Bold";
	color: #FFFFFF;
	overflow: visible;
	padding-top:20px;
    padding-left: 120px;
}

.subpage_header h1 a {
  color: #FFFFFF;
}

#az_ev_honlapja {
  position: absolute;
  top: 17px;
  left: 2px;
}

#weather_widget {
  position: absolute;
  top: 42px;
  left: 200px;
  line-height: 18px;
  width: 400px;
  height: 36px;
}

#weather_widget .icon {
  width: 44px;
  height: 36px;
  padding-right: 8px;
  border-right: 1px solid #F1F1F1;
  margin-right: 8px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#weather_widget .temperature {
  padding-right: 8px;
  border-right: 1px solid #F1F1F1;
  margin-right: 8px;
  float: left;
  height: 36px;
  line-height: 38px;
}

#weather_widget .temperature .temp {
  font-size: 28px;
}
#weather_widget .temperature .celsius {
  font-size: 18px;
}

.gray {
  color: #B4B4B4;
}

.glossary_icon {
  position: absolute;
  top: 42px;
  right: 126px;
  width: 35px;
  height: 34px;
}

.glossary_icon img {
  display: block;
  width: 35px;
  height: 34px;
}

.bibliografia_icon {
  position: absolute;
  top: 42px;
  right: 84px;
  width: 35px;
  height: 34px;
}

.bibliografia_icon img {
  display: block;
}

.bizottsag_icon {
  position: absolute;
  top: 42px;
  right: 0px;
  width: 35px;
  height: 34px;
}

.bizottsag_icon img {
  display: block;
}

.map_icon {
	position: absolute;
  top: 42px;
  right: 42px;
  width: 35px;
  height: 34px;
}

.map_icon img {
  display: block;
}
.film_icon {
  position: absolute;
  top: 42px;
  right: 211px;
  width: 35px;
  height: 34px;
}

.film_icon img {
  display: block;
}

.regeny_icon {
  position: absolute;
  top: 42px;
  right: 169px;
  width: 35px;
  height: 34px;
}

.regeny_icon img {
  display: block;
}

.war_docu_icon{
  position: absolute;
  top: 42px;
  right: 253px;
  width: 35px;
  height: 34px;
  background-color:#C84E00;
}

.war_docu_icon img{
  display:block;
}

.dobokocka_icon {
  position: absolute;
  top: 42px;
  right: 295px;
  width: 35px;
  height: 34px;
}

.dobokocka_icon img {
	display: block;
}


.biblist {
  padding-top: 20px;
}


.bibtitle, .bibtitle a {
  font-size: 18px;
  color: #C84E00;
}


.bib1 {
	display: block;
  width: 465px;
  margin-right: 15px;
  float: left;
  padding-bottom: 35px;
}

.bib2 {
	display: block;
  width: 465px;
  margin-left: 15px;
  float: right;
  padding-bottom: 35px;
}

.col1 {
  clear: left;
	display: block;
  width: 300px;
  margin-right: 15px;
  float: left;
  padding-bottom: 35px;
}

.col2 {
	display: block;
  width: 300px;
  margin-left: 15px;
  margin-right: 15px;
  float: left;
  padding-bottom: 35px;
}

.col3 {
	display: block;
  width: 300px;
  margin-left: 15px;
  float: left;
  padding-bottom: 35px;
}

.coltitle {
  font-size: 18px;
  color: #C84E00;
}


.colsubtitle {
  font-size: 14px;
}

h3.subtitle {
  font-size: 14px;
  font-family: "SourceSansPro-Regular";
  color: #999999;
}

.portraintcontent h3.subtitle {
  color: #333333;
  font-weight: bold;
}


.orange {
	color: #C84E00;
}

.life_dates {
	color: #999999;
	font-size: 18px;
  font-family: "SourceSansPro-Regular";
}

.portraitarrow {
	padding-right: 5px;
}

h2.portraitname {
	font-family: "SourceSansPro-Light";
  font-size: 36px;
	line-height: 40px;
	color: #000000;
	padding: 0px 0px 5px 30px;
	background: url("../img/__orangearrow.png") no-repeat 0% 5px;
}

.portraintcontent {
  padding-left: 30px;
}

h3.portraitinfo {
	font-family: "SourceSansPro-Regular";
  font-size: 18px;
	color: #C84E00;
}


.right_content {
  float: left;
  width: 400px;
  min-height: 20px;
  margin: 0px 0px 0px 30px;
}

.tag_box {
  padding: 20px 0px;
  border-bottom: 1px solid #BFBFBF;
}

.tag_box h2 {
  float: left;
  font-size: 30px;
  line-height: 30px;
  font-family: "SourceSansPro-Light";
  text-transform: uppercase;
}

ul.tags {
  list-style: none;
  height: 30px;
}

ul.tags li {
  display: inline;
}

ul.tags li a {
  display: block;
  float: left;
  vertical-align: bottom;
  padding: 0px 9px;
  margin-top: 8px;
  font-family: "SourceSansPro-Bold";
  font-size: 18px;
  border-left: 2px solid #82DAFF;
}

ul.tags li:first-child a {
  border-left: none;
}

ul.tags .blue { color: #3F82CE; }
ul.tags .pink { color: #FF7B85; }
ul.tags .orange { color: #FF801E; }
ul.tags .red { color: #F21F27; }
ul.tags .green { color: #7AA243; }

.related_articles h2 {
  font-size: 30px;
  line-height: 62px;
  font-family: "SourceSansPro-Light";
  text-transform: uppercase;
}

.related_article {
  display: block;
  float: left;
  position: relative;
  margin: 0px 25px 20px 0px;
  width: 200px;
  height: 200px;
}

.related_article_overflow {
  position: absolute;
  height: 62px;
  bottom: 0px;
  color: #FFFFFF;
  width: 200px;
  padding: 10px 15px;
  font-family: "SourceSansPro-Bold";
  font-weight: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.related_articles_container a:last-of-type {
  margin-right: 0px;
}

a.blue .related_article_overflow {
  background-color: rgb(63, 130, 206);
  background-color: rgba(63, 130, 206, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
a.darkorange .related_article_overflow {
  background-color: rgb(255, 128, 30);
  background-color: rgba(255, 128, 30, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
a.orange .related_article_overflow {
  background-color: rgb(245, 145, 30);
  background-color: rgba(245, 145, 30, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
a.green .related_article_overflow {
  background-color: rgb(138, 196, 3);
  background-color: rgba(138, 196, 3, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
a.red .related_article_overflow {
  background-color: rgb(255, 29, 37);
  background-color: rgba(255, 29, 37, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* FUNFACTS */

.funfacts {
  padding: 20px 0px;
}

.funfacts ul {
  list-style: none;
  padding: 0px;
}

.funfacts ul li {
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

.funfacts ul li div {
  display: table-cell;
  vertical-align: middle;
  padding: 18px 0px 18px 50px;
}

.blue .blob_0 { background-image: url("../img/blob_0_0.png"); }
.blue .blob_1 { background-image: url("../img/blob_0_1.png"); }
.blue .blob_2 { background-image: url("../img/blob_0_2.png"); }

.darkorange .blob_0 { background-image: url("../img/blob_1_0.png"); }
.darkorange .blob_1 { background-image: url("../img/blob_1_1.png"); }
.darkorange .blob_2 { background-image: url("../img/blob_1_2.png"); }

.orange .blob_0 { background-image: url("../img/blob_2_0.png"); }
.orange .blob_1 { background-image: url("../img/blob_2_1.png"); }
.orange .blob_2 { background-image: url("../img/blob_2_2.png"); }

.green .blob_0 { background-image: url("../img/blob_4_0.png"); }
.green .blob_1 { background-image: url("../img/blob_4_1.png"); }
.green .blob_2 { background-image: url("../img/blob_4_2.png"); }

.red .blob_0 { background-image: url("../img/blob_3_0.png"); }
.red .blob_1 { background-image: url("../img/blob_3_1.png"); }
.red .blob_2 { background-image: url("../img/blob_3_2.png"); }

.purple .blob_0 { background-image: url("../img/blob_5_0.png"); }
.purple .blob_1 { background-image: url("../img/blob_5_1.png"); }
.purple .blob_2 { background-image: url("../img/blob_5_2.png"); }

/* SZÖVEGDOBOZ */

.textbox {
/*  padding: 20px 0px;*/
}

.textbox.full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  float: none;
	clear: left;
  padding-left: 15px;
  padding-right: 15px;
}

.textbox h3 {
  font-size: 36px;
  line-height: 40px;
  padding: 20px 0px;
}

/* GALÉRIA */

.gallery_container h2 {
  font-size: 36px;
  line-height: 62px;
  font-family: "SourceSansPro-Light";
}

.gallery a {
  display: block;
  float: left;
  margin: 0px 10px 10px 0px;
}

.gallery a img {
  display: block;
  width: 100px;
  height: 100px;
}

/* VIDEO */

.video_info_title {
  font-family: "SourceSansPro-Light";
  font-size: 36px;
  line-height: 42px;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: 0px 12px;
}

.shadowbox {
  margin: 20px 0px;
  width: 398px;
  border: 1px solid #D2D2D2;
  padding: 20px;
  -moz-box-shadow: 5px 5px 20px #C7C7C7;
  -webkit-box-shadow: 5px 5px 20px #C7C7C7;
  box-shadow: 5px 5px 20px #C7C7C7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.shadowbox iframe {
  margin-bottom: 20px;
}

.rippedbox_wrapper {
  padding: 20px 0px;
  width: 398px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.rippedbox {
  border: 1px solid #D2D2D2;
  padding: 25px;
}

.rippedbox_bottom {
  width: 398px;
  height: 13px;
  background: url("../img/rippedbox_bottom.png") no-repeat 100% 0%;
}

.rippedbox h3 {
  padding: 20px 0px 10px 0px;
  line-height: 30px;
}

.blue .rippedbox h3 {
  color: #3F82CE;
}
.darkorange .rippedbox h3 {
  color: #FF801E;
}
.orange .rippedbox h3 {
  color: #F5911E;
}
.green .rippedbox h3 {
  color: #8AC43F;
}
.red .rippedbox h3 {
  color: #FF1D25;
}

.quote_box {
  margin: 20px 0px;
  font-family: "SourceSansPro-Light";
  font-size: 36px;
  line-height: 42px;
}

.quote_box h3 {
  font-size: 36px;
  line-height: 42px;
}

/* POLL */

.poll_box {
  position: relative;
  margin: 20px 0px;
}

.poll_logo {
  position: absolute;
  top: 0px;
  left: -25px;
  width: 61px;
  height: 60px;
  background-repeat: no-repeat;
}

.poll_question {
  padding: 15px 0px 15px 57px;
  min-height: 60px;
  font-size: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.poll_box ul {
  list-style: none;
  margin-left: 22px;
}

.blue .poll_box ul {
  border-bottom: 2px solid #3F82CE;
}
.darkorange .poll_box ul {
  border-bottom: 2px solid #FF801E;
}
.orange .poll_box ul {
  border-bottom: 2px solid #F5911E;
}
.green .poll_box ul {
  border-bottom: 2px solid #8AC43F;
}
.red .poll_box ul {
  border-bottom: 2px solid #FF1D25;
}

.blue .poll_box ul a.selected {
  color: #3F82CE;
  background-image: url("../img/poll_option_blue.png");
}
.darkorange .poll_box ul a.selected {
  color: #FF801E;
  background-image: url("../img/poll_option_darkorange.png");
}
.orange .poll_box ul a.selected {
  color: #F5911E;
  background-image: url("../img/poll_option_orange.png");
}
.green .poll_box ul a.selected {
  color: #8AC43F;
  background-image: url("../img/poll_option_green.png");
}
.red .poll_box ul a.selected {
  color: #FF1D25;
  background-image: url("../img/poll_option_red.png");
}

.submitlink {
  font-size: 18px;
  font-family: "SourceSansPro-Bold";
}

.blue .submitlink,
.blue .emptycircle h3,
.blue .emptycircle .circle_link {
  color: #3F82CE;
}
.darkorange .submitlink,
.darkorange .emptycircle h3,
.darkorange .emptycircle .circle_link {
  color: #FF801E;
}
.orange .submitlink,
.orange .emptycircle h3,
.orange .emptycircle .circle_link {
  color: #F5911E;
}
.green .submitlink,
.green .emptycircle h3,
.green .emptycircle .circle_link {
  color: #8AC43F;
}
.red .submitlink,
.red .emptycircle h3,
.red .emptycircle .circle_link {
  color: #FF1D25;
}

.poll_box ul li a {
  background-repeat: no-repeat;
  background-image: url("../img/poll_option.png");
  padding-left: 35px;
  display: block;
  margin: 18px 0px;
  font-size: 18px;
}

.submitlink {
  float: right;
  line-height: 32px;
}

.blue .poll_logo {
  background-image: url("../img/poll_blue.png");
}
.darkorange .poll_logo {
  background-image: url("../img/poll_darkorange.png");
}
.orange .poll_logo {
  background-image: url("../img/poll_orange.png");
}
.green .poll_logo {
  background-image: url("../img/poll_green.png");
}
.red .poll_logo {
  background-image: url("../img/poll_red.png");
}

/* KÖR */
.circle {
  height: 396px;
  width: 396px;
  margin: 20px 2px;
  color:#FFFFFF ;
  background-image: url("../img/circle_purple.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  clear: both;
}

.circle.emptycircle {
  background-image: url("../img/circle_empty.png");
}

.lW { float: left; clear: left; height: 15px; padding-right: 15px; }
.rW { float: right; clear: right; height: 15px; padding-left: 15px; }

.circle_text {
  vertical-align: middle;
  text-align: center;
  padding-top: 60px;
  height: 390px;
  color: #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.emptycircle .circle_text {
  color: #333333;
}

.circle_text p {
  margin-bottom: 20px;
}

.circle h3 {
  color: #FFFFFF;
  font-family: "SourceSansPro-Bold";
  font-size: 36px;
  line-height: 40px;
  padding-bottom: 20px;
}

.circle_link {
  font-family: "SourceSansPro-Bold";
  font-size: 30px;
  color: #FFFFFF;
}

/* CIKK LISTA */

.article_page {
	padding: 0px 0px 30px 0px;
  font-size: 18px;
}

.article_page time{
  margin-bottom: 10px;
  display: block;
}

.article_page img {
  max-width: 100%;
  height: auto;
}

.article_list {
  padding: 25px 0px;
}

.article_box {
  clear: left;
}

h2.article_title {
  font-family: "SourceSansPro-Bold";
  font-size: 24px;
  color: #333333;
  line-height: 24px;
}

.article_lead_image {
  float: left;
  margin: 0px 24px 10px 0px;
  max-width: 200px;
}

.carousel_title {
  font-family: "SourceSansPro-Light";
  font-size: 36px;
  line-height: 40px;
  padding: 20px 0px 10px 0px;
}


.carousel_box a {
  width: 460px;
  height: 339px;
  background: #000000;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


.carousel_container {
  position: relative;
  display: block;
  width: 460px;
  height: 420px;
}

.carousel {
  min-height: 460px;
}

.carousel_box {
  float: left;
  width: 460px;
  text-align: center;
  position: relative;
}

.carousel_counter {
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 328px;
  width: 460px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  font-family: "SourceSansPro-Bold";
  font-size: 16px;
  line-height: 25px;
  background-image: url("../img/__wedge_gallery.png");
  z-index: 1000;
}

.carousel_box h3 {
  text-align: center;
}

.carousel_box img {
  display: block;
  margin: 0px auto;
}

.carousel_title {
  font-family: "SourceSansPro-Light";
  font-size: 36px;
  line-height: 40px;
  padding: 20px 0px 10px 0px;
}


.box.full .carousel_box a {
  width: 100%;
  height: 380px;
  background-color: #000000;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.box.full .carousel_box .articlecaption a {
  width: auto;
  height: auto;
  background-color: #FFFFFF;
  display: inline-block;
  text-align: left;

}


.box.full .carousel_container {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto ;
}

.carousel {
  min-height: 460px;
}

.box.full .carousel_box {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
}

.box.full .carousel_counter {
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 368px;
  width: 100%;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  font-family: "SourceSansPro-Bold";
  font-size: 16px;
  line-height: 25px;
  background-image: url("../img/__wedge_gallery.png");
  z-index: 1000;
}

img.grayscale, .portraitlist img, .large_portrait, .portraitimage {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.carousel_box .caption {
  margin-top: 27px;
}

.carousel_thumbnail {
  max-width: 460px;
  max-height: 339px;
}

.full .carousel_thumbnail {
  max-width: 100%;
  max-height: 380px;
}

a.carousel_prev {
	background: url("../img/carousel_left.png") repeat-y transparent 0% 50%;
	width: 48px;
	height: 339px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.full a.carousel_prev {
  height: 380px;
}


a.carousel_prev:hover {
  background-image: url("../img/carousel_left_hover.png");
}

a.carousel_prev.disabled {
  background-image: url("../img/carousel_left.png") !important;
}

a.carousel_next {
	background: url("../img/carousel_right.png") repeat-y transparent 0% 50%;
	width: 48px;
	height: 339px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}

.full a.carousel_next {
  height: 380px;
}

a.carousel_next:hover {
  background-image: url("../img/carousel_right_hover.png");
}

a.carousel_next.disabled {
  background-image: url("../img/carousel_right.png") !important;
}

a.carousel_prev span, a.carousel_next span {
	display: none;
}

.carousel_pagination {
  position: absolute;
  top: 246px;
  width: 460px;
  height: 15px;
  text-align: center;
  display: none;
}

.carousel_pagination a {
  width: 15px;
	height: 15px;
	margin: 0 0px 0 0px;
	background: url("../img/carousel_pagination.png") no-repeat 50% 50%;
  display: inline-block;
}

.carousel_pagination a.selected {
	background: url("../img/carousel_pagination_active.png") no-repeat 50% 50%;
}

.carousel_pagination a span {
  display: none;
}

.brandbox {
	height: 211px;
	position: relative;
  display: block;

}

.brandbox img {
  display: block;
  margin-top: 5px;
}

#bb_accordion .title {
  bottom: 15px;
}

.brandboxtitle {
	position: absolute;
  z-index: 1000;
  right: 10px;
  bottom: 10px;
	font-family: "Linotype-BodoniLTPro-Book";
  font-size: 60px;
  white-space:nowrap;
  color: #FFFFFF;
  background: #C84E00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
	height: 90px;
	margin-right: 0px;
	line-height: 100px;
}

.portraitbox {
	height: 276px;
	background: url("../img/__portraitbg.png") repeat-x;
	margin-top: 5px;
	position: relative;
}

.portrait {
	width: 160px;
	height: 236px;
	float: left;
	margin: 15px 0px 0px 20px;
	background: url("../img/__portrait.png") no-repeat;
}

.portraittitle a {
	position: absolute;
  right: 10px;
  bottom: 10px;
	font-family: "Linotype-BodoniLTPro-Book";
  font-size: 60px;
  white-space:nowrap;
  color: #FFFFFF;
  background: #C84E00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
	height: 90px;
	margin-right: 0px;
	line-height: 100px;
}

.portraitimage,
.brandimage {
	height: 140px;
	display: block;
	overflow:hidden;
}

.portrait_margintop_fix{
    margin-top:-10px;
}
.portraitname {
	padding: 2px 10px 0px 10px;
	font-family: "SourceSansPro-Light";
	font-size: 17px;
	color: #000000;
	line-height: 19px;
}

.portraitdates {
	font-size: 14px;
	line-height: 14px;
	color: #C84E00;
	padding: 0px 10px;

}

.submit_button {
	width: 24px;
	height: 24px;
	border: none;
	background: url("../img/__search_button.png") no-repeat 50% 50%;
}

#search_box {
	display: none;
	float: right;
	position: relative;
	margin-top: 8px;
}

#search_box input[type="text"] {
	width: 176px;
	float: left;
	height: 24px;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	color: #232323;
	padding: 0px 12px;
	line-height: 22px;
}

#autocomplete_result {
	position: absolute;
	top: 24px;
	left: 0px;
	z-index: 1000;
}

#autocomplete_result ul {
	list-style: none;
	width: 200px;
}

#autocomplete_result ul li {
	background: #C84E00;
	border-bottom: 1px solid #402722;
	padding: 0px 12px;
}

#autocomplete_result ul li a {
	padding: 3px 0px;
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 17px;
}


#autocomplete_result ul li a .highlighted {
	font-family: "SourceSansPro-Bold";
}

#autocomplete_result .category {
	font-size: 12px;
	color: #232323;
	line-height: 17px;
}

ul#portratitcategories {
	list-style: none;
	text-align: center;
	margin: 20px 0px 33px 0px;
}

ul#portratitcategories li {
	display: inline;
	margin: 0px 8px;
}

ul#portratitcategories li a {
	font-size: 18px;
	height: 52px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: url("../img/__wedge_selector.png");
}

ul#portratitcategories li.active a, ul#portratitcategories li a:hover {
	background-image: url("../img/__wedge_selector_active.png");
}

ul#portratitcategories li.active a span, ul#portratitcategories li a:hover span {
	background: #C84E00;
}

ul#portratitcategories li a span {
	line-height: 40px;
	height: 40px;
	color: #FFFFFF;
	background: #232323;
	display: inline-block;
	padding: 0px 30px;
}


ul.pager {
	list-style: none;
	text-align: center;
	margin: 20px 0px;
}

ul.pager.bottom {
	margin: 20px 0px 40px 0px;
}

ul.pager li {
	display: inline;
}

ul.pager li a {
	vertical-align: middle;
	color: #999999;
	font-size: 18px;
	display: inline-block;
	width: 30px;
	min-height: 40px;
	line-height: 35px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 2px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

ul.pager.bottom li a {
	background-position: 50% 8px;
	padding-top: 8px;
}

ul.pager li.first a {
	background-image: url("../img/__pagelist_start.png");
	color: #FFFFFF;
	font-size: 0em;
}

ul.pager li.prev a {
	background-image: url("../img/__pagelist_prev.png");
	color: #FFFFFF;
	font-size: 0em;
}

ul.pager li.next a {
	background-image: url("../img/__pagelist_next.png");
	color: #FFFFFF;
	font-size: 0em;
  float: none;
}

ul.pager li.last a {
	background-image: url("../img/__pagelist_end.png");
	color: #FFFFFF;
	font-size: 0em;
}

ul.pager.top li.active a {
	background: url("../img/__pagelist_playhead_head.png") no-repeat 50% 50%;
	color: #FFFFFF;
}

ul.pager.bottom li.active a {
	background: url("../img/__pagelist_playhead_foot.png") no-repeat 50% 50%;
	color: #FFFFFF;
}

.brandlist a,
.portraitlist a {
	display: block;
	width: 140px;
	float: left;
	margin: 10px 20px 0px 0px;
}



#kronobox .vco-storyjs h2.start {
	font-family: "SourceSansPro-Light";
}

#kronobox .container h3 br {
	display: none;
}

.nowrap {
	white-space: nowrap;
}

#kronobox .vco-storyjs .vco-feature h3 {
  font-family: "Linotype-BodoniLTPro-Book";
  font-size: 30px;
}

.large_search {
  text-align: center;
  padding-bottom: 20px;
  width: 100%
  margin: 0px auto;
}

.large_search select {
  margin-left: 20px;
  padding: 11px 20px;
  font-size: 18px;
  border: 1px solid #CBCBCB;
  width: 218px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.large_search .form_elements_container {
  position: relative;
}

.large_search .form_elements {
  vertical-align: middle;
  display: table-cell;
}

.large_search input[type="text"] {
  width: 320px;
  height: 48px;
  border: 1px solid #CBCBCB;
  font-size: 18px;
  padding-left: 20px;
  padding-right: 66px;
  position: relative;

}

.large_search .submit_button {
  position: absolute;
  left: 272px;
  top: 1px;
  background: url("../img/__white_search.png") no-repeat 50% 50%;
  width: 46px;
  height: 46px;
  display: block;
}

.articlecaption {
  padding-top: 30px;
  text-align: left;
}

.articlecaption h3 {
  color: #C84E00;
}

h1.gallery_title,
.articlecaption h1,
div.box.textbox.full h1 {
  font-family: "SourceSansPro-Light";
  font-size: 38px;
  text-align: center;
  border-bottom: 2px solid #D6D6D6;
  color: #232323;
  line-height: 56px;
  width: 100%;
  margin: 0 auto 25px;
}

.articlecaption h1 {
  border-bottom: 0px;
}

.first.column p {
  padding-right: 20px;
}

.second.column {
  padding-left: 20px;
}

/* COLORBOX GALÉRIA */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border: 0; 	display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; /*overflow:hidden;*/}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom: -4px; left:0; text-align:center; width:85%; color:#949494; margin-left: 100px; line-height: 15px; font-size: 14px; color: #333333; height: 30px; }
        #cboxCurrent{position:absolute; bottom: 1px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


@media (min-width: 960px) {
  .container {
    width: 960px !important;
    padding: 0 !important;
  }
}

nav.navbar {
  background-color: #000;
  margin-bottom: 0;
}

ul.navbar-nav li a {
  color: #fff;
}

ul.navbar-nav li a:hover {
  color: #C84E00;
  background-color: transparent;
}

.navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-toggle {
  float: none !important;
  margin: 8px 0 8px 15px !important;
}

.navbar-logo {
    display: inline-block;
}

.navbar-logo img {
  height: 50px;
  width: auto;
}

.navbar-collapse {
  box-shadow: none !important;
}

.content_arrow_bg img {
  margin-top: -2px;
}

.vco-slider .slider-item .content .content-container .text .container h2.date {
    display: none !important;
}

.vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6 {
    margin-bottom: 15px;
    color: #c84e00;
}

.vco-slider .nav-previous .title, .vco-slider .nav-next .title {
    display: none;
}

.vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content h3 {
    color: #c84e00 !important;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    text-align: left;
    width: 120px;
    padding-left: 10px;
}

.vco-timeline .vco-navigation .timenav-background .timenav-line {
    background-color: #C84E00 !important;
}

.vco-timeline .vco-navigation .timenav .content .marker.active .line {
    background-color: #C84E00 !important;
}

.vco-timeline .vco-navigation .timenav .content .marker.active .dot {
    background-color: #C84E00 !important;
}

.vco-timeline .vco-navigation .timenav .content .marker.active .line .event-line {
    background-color: #C84E00 !important;
}

.vco-timeline .vco-navigation .timenav .content .marker .line .event-line {
    background-color: #C84E00 !important;
}

.row {
  margin: 0 !important;
}

div.portraitlist {
    display: flex;
    flex-wrap: wrap;
}

#messageModal .modal-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
#messageModal .modal-content {
  margin: 0 auto;
  border-radius: 0;
}
@media (min-width: 992px) {
  #messageModal .modal-content {
    padding: 15px 35px 35px;
    max-width: 60%;
  }
}
#messageModal .modal-content p {
  padding: 0;
}
#messageModal .modal-content ul {
  padding-left: 40px;
}
#messageModal .modal-header {
  border-bottom: none;
}
#messageModal .modal-title {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
#messageModal .close {
  font-size: 30px;
  opacity: 1;
}
@media (min-width: 768px) {
  #messageModal .modal-dialog {
    width: 100% !important;
  }
}
#messageModal .modal-header {
  padding: 0 !important;
  border-bottom: none !important;
}

.publish_date {
  text-align: left;
}

.pager li>a {
  border: 0;
  border-radius: 0;
}


.search_input {
  position: absolute;
  top: 42px;
  right: 337px;
  height: 34px;
  border: 1px solid #C84E00;
}

.search_input input {
  border: 0;
  padding-left: 5px;
  color: #666;
}
.search_input input:focus{
  outline: none;
}
.search_input img {
  height: 30px;
  padding: 0px;
  margin: 0px;
}

.search_results div {
	font-family: "SourceSansPro-Light";
	color: #666;
	padding: 5px 0px 5px 30px;
  background: url("../img/__orangearrow.png") no-repeat 0% 5px;
  line-height: 25px;
  font-size: 16px;
}
.search_results div a {
  color: #C84E00;
  font-weight: bold;
  font-size: 18px;
}

@media (max-width: 767px) {
  #start_years, .vco-toolbar, .timeline_howto {
    display: none;
  }

  .vco-storyjs .vco-container.vco-main {
    width: 100%;
  }

  .right_column {
    overflow: hidden;
  }

  .accordionbox:not(:first-child) {
    height: 80px;
  }

  .accordionbox:not(:first-child) .title {
    text-align: left;
    position: absolute;
    background-color: #C84E00;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px 15px;
  }

  .accordionbox.opened:not(:first-child) .title {
    background-color: transparent;
  }

  .accordionbox:first-child .title {
    left: 10px;
    right: auto;
    text-transform: uppercase;
  }

  .accordion_closer {
    background-position: bottom;
  }

  .portraittitle a {
      left: 10px;
      right: unset;
      height: initial;
      font-size: 20px;
      line-height: 50px;
  }

  #footer_menu {
    width: 100%;
  }

  #footer_menu li {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
  }

  .footer_text {
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }

  .subpage_header {
      min-height: 10px;
      background: transparent;
  }

  .subpage_header #logo {
    display: none;
  }

  .subpage_header h1, .subpage_header h1 a {
    color: #C84E00;
    text-align: left;
  }

  .large_search select {
    display: block;
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }

  .bib1, .bib2 {
    width: 100%;
    margin: 0 0 10px 0;
    float: none;
    padding: 0;
    text-align: center;
  }

  .map_box {
    width: 100%;
    height: auto;
  }

  .map_title {
    width: 100%;
  }

  .biblist .col1, .biblist .col2, .biblist .col3 {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    float: none;
    padding: 0;
    text-align: center;
  }

  .brandlist a, .portraitlist a {
      width: 50%;
      margin: 10px 0;
  }

  h2.portraitname {
    margin-bottom: 15px;
    font-size: 22px;
  }

  .content_arrow_bg img {
    margin-top: -1px;
  }

  .portraitbox {
    display: flex;
    overflow: scroll;
  }

  .main_content, .narrowbox, .carousel_container {
    max-width: 100%;
  }

  .back_to_portraits {
    position: initial;
  }

  .widebox {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }

  .main_content img {
    max-width: 100%;
    height: auto;
  }
}

.featured_quote {
    width: 33%;
    float: left;
    padding: 10px 20px;
    background-color: #fff;
    margin: 15px 15px 15px 0;
    border-left: 2px solid #C84E00;
    color: #C84E00;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05);
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05);
}

@media (max-width: 767px) {
  .featured_quote {
    width: 100%;
  }
}

.footer_socials {
  list-style: none;
}

.content_block a,
.article_page a{
  color: #C84E00;
  font-weight: bold;
  text-decoration: none;
}

.content_block a:hover,
.article_page a:hover{
  text-decoration: underline;
}