*, *:focus, a:focus, input:focus, textarea:focus, select:focus, button:focus {outline: none; outline-offset: 0;}

[data-whatinput="keyboard"] a:focus, input:focus, textarea:focus, select:focus, button:focus {outline: 2px solid #151515}
[data-whatinput="mouse"] textarea:focus {outline: none}

.skip-links {position: absolute; top: 0; list-style-type: none; z-index: 1}
.skip-links a, .skip-links a:visited {position: absolute; top: 0; left: -9000em; display: block; text-align: center; width: 200px; text-decoration: none;}
.skip-links a:hover, .skip-links a:focus, .skip-links a:active {left: 0; padding: 5px 10px; background: #ffd500; color: #444}

.logo-link {display: block;}

.menu > :nth-child(2) {float: none;}
.menu-social {float: right;}

.c-newslist-news {}
.big-top-menu .c-newslist-news:first-child .c-newslist-news-description img {width: 100%; height: 200%; margin-top: -25%}
.c-newslist-news-description {position: relative; color: #fff; text-decoration: none; border-bottom: none}
.c-newslist-news-description img {width: 100%; height: auto;}

.c-newslist-news-description h3 {font-size: 20px; font-weight: bold; text-transform: uppercase; }
.c-newslist-news-description h3  .title {display: table-cell; color: #fff; line-height: 100%; vertical-align: middle; width: calc(100% - 59px); height: 40px; padding: 8px 20px 6px 20px; }

[data-whatinput="keyboard"] .c-newslist-news-description:focus h3 .title span {outline: 2px solid #151515}

[data-whatinput="keyboard"] .claro .dijitInputInner:focus, .claro .dijitButtonContents:focus, .claro .dijitFocusedLabel, .claro .dijitSelectFocused:focus, .claro .dijitMenuItemFocused:focus {outline: 2px solid #151515}

.more-news {text-decoration: none}

.c-gallery-default a , .c-gallery-default img{display: block}
.c-gallery-default img {margin: 0}
.c-gallery-default a:after {bottom: 0; right: 0;}
.gallery-list {margin: 0; padding: 0;}
.gallery-list li {list-style-type: none; display: inline-block; vertical-align: top; margin-bottom: 20px; margin-right: 17px;}

.list-unstyled {padding: 0}
.list-unstyled li {list-style-type: none}
.list-unstyled .list-unstyled {padding-left: 40px}

.box-1x2-tile {position: relative}
.skip-facebook, .skip-facebook:visited {position: absolute; top: 2px; left: -9000em; text-decoration: none}
.skip-facebook:hover, .skip-facebook:focus, .skip-facebook:active {left: 2px; background: #fff; color: #444; padding: 5px 10px; outline: 2px solid #151515}

.format {font-size: .75em}

select {padding: 4px 10px}

.articlepane p a, .articlepane li a, .articlepane table a {border-bottom: 1px solid #444; transition: border 0.3s ease 0s, color 0.3s ease 0s; color: #444; text-decoration: none}
.articlepane p a:hover, .articlepane p a:focus, .articlepane li a:hover, .articlepane li a:focus, .articlepane table a:hover, .articlepane table a:focus {border-bottom: 1px solid transparent}

.articlepane .projects li a {border-bottom: none}
.articlepane .projects li a:hover, .articlepane .projects li a:focus {color: #fff}
.articlepane .projects li a:hover span, .articlepane .projects li a:focus span {}

[data-whatinput="keyboard"] .articlepane .projects li a:focus {outline: none}
[data-whatinput="keyboard"] .articlepane .projects li a:focus .title {outline: 2px solid #151515}

.pdf-info {text-transform: none;}

table caption {text-align: center; padding-bottom: 10px}
table th {padding: 2px 5px}
table td {padding: 2px 5px}

iframe {border: none}

.sitemap-link {text-decoration: none; border-bottom: 1px solid #151515; transition: border 0.3s ease 0s; color: #151515}
.sitemap-link:hover, .sitemap-link:focus {border-bottom: 1px solid transparent}
 
/*hc*/
.hc *, .hc *:focus, .hc a:focus, .hc input:focus, .hc textarea:focus, .hc select:focus, .hc button:focus {outline: none; outline-offset: 0;}
[data-whatinput="keyboard"] .hc a:focus, .hc input:focus, .hc textarea:focus, .hc select:focus, .hc button:focus {outline: 2px dotted #ffff00}

.hc .skip-links a:hover, .hc .skip-links a:focus, .hc .skip-links a:active {background: #ff0; color: #000}

.hc nav#topmenu a {background: #000; border-color: #ff0; color: #ff0}
.hc .c-newslist-news {border-color: #ff0; background-color: #ff0;}
.hc .c-newslist-news h3 {background-color: #ff0; color: #000;}
.hc .c-newslist-news h3 .title, .hc .c-newslist-news h3 .title span {color: #000 !important}

[data-whatinput="keyboard"] .hc .c-newslist-news-description:focus h3 .title span {outline: 2px dotted #000}

.hc footer a {color: #ff0}

.hc .c-gallery-default a:after {background-image: url('/_gfx/hc_gallery-zoom.png')}

.hc .articlepane p, .hc .articlepane li, .hc .articlepane table, .hc .articlepane h3, .hc .articlepane h4, .hc .articlepane h5, .hc .articlepane h6,.hc .articlepane p span, .hc .articlepane p li span,.hc .articlepane table span, .hc .articlepane h3 span, .hc .articlepane h4 span, .hc .articlepane h5  span, .hc .articlepane h6 span {color: #ff0 !important}
.hc .skip-facebook:hover, .hc .skip-facebook:focus, .hc .skip-facebook:active {background: #000; color: #ff0;}

.hc .articlepane h1 small, .hc .articlepane h2 small, .hc .articlepane h3 small, .hc .articlepane h4 small, .hc .article h1 small, .hc .article h2 small, .hc .article h3 small, .hc .article h4 small {color: #ff0 !important}
/*.hc .articlepane h1 span, .hc .articlepane h2 span, .hc .articlepane h3 span, .hc .articlepane h4 span, .hc .article h1 span, .hc .article h2 span, .hc .article h3 span, .hc .article h4 span {color: #ff0 !important}*/

.hc .articlepane p a, .hc .articlepane li a, .articlepane table a {border-bottom: 1px solid #ff0; transition: border 0.3s ease 0s, color 0.3s ease 0s; color: #ff0}
.hc .articlepane p a:hover, .hc .articlepane p a:focus, .hc .articlepane li a:hover, .hc .articlepane li a:focus , .hc .articlepane table a:hover, .hc .articlepane table a:focus{border-bottom: 1px solid transparent}

.hc.claro .dijitSelect, .hc.claro .dijitSelect .dijitButtonContents, .hc.claro .dijitTextBox, .hc.claro .dijitTextBox .dijitButtonNode {border-color: #ff0;}
.hc.claro .dijitSelect, .hc.claro .dijitTextBox {background-color: #000}
.hc.claro .dijitTextBox, .hc.claro .dijitInputInner {color: #ff0;}
.hc.claro .dijitTextBoxFocused , .hc.claro .dijitValidationTextBoxFocused{background-color: #000; background-image: none}
.hc.claro .dijitTextBoxFocused .dijitInputContainer {background-color: #000}

.hc.claro .dijitValidationTextBoxError .dijitValidationContainer {background-color: #ff0; background-image: none}
.hc.claro .dijitValidationTextBoxError .dijitValidationContainer:after {content: "!"; color: #000; display: block}

.hc.claro .dijitComboBox .dijitButtonNode {background-color: #000; background-image: none}

.hc select {background-color: #000; color: #ff0; border-color: #ff0}

.hc.claro .dijitCalendar {border-color: #ff0; background-color: #000; background-image: none;}

.hc.claro .dijitSelect .dijitArrowButtonInner, .hc.claro .dijitComboBox .dijitArrowButtonInner {background-image: url(../_gfx/hc_commonFormArrows.png)}
.hc.claro .dijitCalendarIncrementControl {background-image: url(../_gfx/hc_calendarArrows.png)}
.hc.claro .dijitCalendar .dijitDropDownButton .dijitButtonNode {border-color: #ff0}
.hc.claro .dijitCalendarMonthLabel {color: #ff0}
.hc.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode,
.hc.claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode {
  background-color: #ff0;
  border: 1px solid #ff0;
}
.hc.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode .dijitCalendarCurrentMonthLabel,
.hc.claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode .dijitCalendarCurrentMonthLabel{
  color: #000;
}
.hc.claro .dijitMenu {background-color: #000}
.hc.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,
.hc.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelActive {
  background-color: #ff0;
  color: #000;
  background-image: none;
}
.hc.claro .dijitCalendarDayLabelTemplate {border-color: #ff0}
.hc.claro .dijitCalendarDayLabel {color: #ff0}
.hc.claro .dijitCalendarSelectedYear {color: #ff0}
.hc.claro .dijitCalendarPreviousMonth, .hc.claro .dijitCalendarNextMonth {background-color: transparent !important; color: #ff0; border-color: #ff0}
.hc.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .hc.claro .dijitCalendarNextMonth .dijitCalendarDateLabel {color: #ff0; opacity: .6; border-color: #ff0 !important}
.hc.claro .dijitCalendarDateTemplate {background-color: #ff0; border-color: #000;}
.hc.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel {border-color: #000}
.hc.claro .dijitCalendarYearLabel span {color: #ff0}
.hc.claro .dijitCalendarNextYearHover,
.hc.claro .dijitCalendarNextYear:hover,
.hc.claro .dijitCalendarPreviousYearHover,
.hc.claro .dijitCalendarPreviousYear:hover {
  color: #000000 !important;
  border: solid 1px #ff0;
  background-color: #ff0;
}
.hc.claro .dijitTimePickerMarker {background-color: #000; color: #ff0}
.hc.claro .dijitTimePicker {border-color: #ff0; background-color: #000}
.hc.claro .dijitTimePickerItem  {background-image: none; border-color: #ff0}
.hc.claro .dijitTimePickerTickHover,
.hc.claro .dijitTimePickerMarkerHover,
.hc.claro .dijitTimePickerMarkerSelected,
.hc.claro .dijitTimePickerTickSelected {
  background-color: #ff0;
  color: #000;
}
.hc ::-webkit-scrollbar-thumb {background-color: #ff0; color: #ff0}
.hc ::-webkit-scrollbar-track {background-color: #000;}

.hc.claro .dijitCheckBox, .hc.claro .dijitCheckBoxIcon {background-image: url(../_gfx/hc_checkboxRadioButtonStates.png)}
.hc.claro .dijitButton .dijitButtonNode, .hc.claro .dijitDropDownButton .dijitButtonNode, .hc.claro .dijitComboButton .dijitButtonNode, .hc.claro .dijitToggleButton .dijitButtonNode {border-color: #ff0; box-shadow: none; background-image: none; background-color: #ff0}

[data-whatinput="keyboard"] .hc.claro .dijitInputInner:focus {outline: 3px dotted #ff0}
[data-whatinput="keyboard"] .hc.claro .dijitButtonContents:focus {outline: 2px dotted #151515}
[data-whatinput="keyboard"] .hc.claro .dijitFocusedLabel {outline: 2px dotted #ff0}
[data-whatinput="keyboard"] .hc.claro .dijitSelectFocused:focus, .hc.claro .dijitMenuItemFocused:focus {outline: 3px dotted #ff0}

.hc .c-newslist-news-background:after {display: none}

[data-whatinput="keyboard"] .hc .articlepane .projects li a:focus {outline: none}
[data-whatinput="keyboard"] .hc .articlepane .projects li a:focus .title {outline: 2px dotted #151515}

.hc table {border-collapse: collapse}
.hc table th {background: #ff0 !important; color: #000 !important; border: 1px solid #000 !important}
.hc table th strong {color: #000 !important}
.hc table th span, .hc table th div, .hc table th p {color: #000 !important}
.hc table td {background: #000 !important; color: #ff0 !important; border: 1px solid #ff0 !important}
.hc table td span, .hc table td div, .hc table td p {color: #ff0 !important}

.hc .sitemap-link  {color: #ff0; border-color: #ff0}

@media (max-width: 640px) {
  #mainmenu div a {display: block}
  #mainmenu div:nth-child(2) a img {width: 35%; margin-top: 20px; margin-bottom: 20px}
  .mainmenu-container {display: none}
  .gallery-banner-box {display: block; width: 100%; height: 162px;}
  .gallery-banner {width: 100%}
  .gallery-banner-box img {width: 100%; height: auto}
  .menu {overflow: visible}
  .menu > :nth-child(2) {float: left}
  .menu-contact-phone {width: auto; margin-left: 40px; margin-top: 0;}
}
@media (max-width: 480px) {
  .gallery-banner-box {height: 82px;}
  .menu {position: relative; height: auto}
  .menu > :nth-child(2) {float: none}
  .menu-contact-phone  {margin-left: -40px; margin-right: -20px; margin-bottom: -20px;}
  .menu-social {float: none; position: absolute; right: 20px; top: 10px;}
}

[data-whatinput="keyboard"] .menu-toggle:focus img {outline: 2px solid #151515}