/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
body { color: #1b1c1c; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,verdana,sans-serif; font-size: 11px; line-height: 16px; background: url(../images/pcc_bg_diag.gif) 0 0 repeat; }
 
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,verdana,sans-serif; }
 
.tm-headerbar { background: #fff; height: 100px; }
.tm-logo p { padding: 15px 0 0 25px; }

/* Main Nav */
.uk-navbar, .uk-navbar.uk-active { margin-bottom: 0px; border-top: none; border-left: none; border-left: none; border-bottom: 1px solid #fff;  }
.uk-navbar-nav > li > a, .uk-navbar-nav > li.uk-active > a {
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,verdana,sans-serif; 
  font-size: 12px;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  background-color: #00639C;
}
.uk-navbar-nav > li > a:hover { background: #009CCE; color: #fff; }
.uk-navbar-nav > li:last-child > a { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.uk-navbar-nav > li:first-child > a { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a { background-color: #00639C; background: #00639C; color: #fff; border-right: 1px solid  #00639C; }

.uk-nav-side > li > a { color: #000; }

.page-header { border-bottom: none; }
.uk-panel-box-primary, .tm-block-primary {
  background-color: #00639C;
  box-shadow: 0 1px 0 0 #353e5d;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 150%;
}

.tm-block  { padding: 0; }
#tm-main, .tm-article-blog .tm-content { padding: 40px 40px 40px 40px;  }
.home .tm-content {padding: 0px 40px 40px 40px; }
.home .tm-main-top + .tm-content { margin-top: 0; }
.tm-article-blog .tm-main { padding-right: 0px; padding-left: 0px; }
.tm-sidebar-a {background: #525353; }
.tm-article-blog [class*="tm-sidebar-"] { box-shadow: 5px 0 10px 0 rgba(51, 51, 51, 0.5) inset; }
.contrast { background: #BFC69A; box-shadow: 5px 0 10px 0 rgba(51, 51, 51, 0.5) inset; }
.tm-article-blog [class*="tm-sidebar-"]  { padding-right: 0px; padding-left: 0px; }
.tm-article-blog [class*="tm-sidebar-"] > *:first-child { margin-top: 0px; }
.tm-article-blog [class*="tm-sidebar-"] .uk-panel { padding: 0px 40px 20px 40px; }
.tm-article-blog .uk-width-medium-1-2 .tm-content { padding: 0px 40px 40px 0px; margin-top: 0px; }


.tm-sidebar-a h3.uk-panel-title { background: #00639C; color: #fff; font-size: 14px; margin-left: -40px; margin-right: 0px; padding: 5px 40px; box-shadow: 0px 3px 3px #363636; font-size: 12px; text-transform: uppercase; font-weight: bold; width: 100%; line-height: 18px;}
.uk-grid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel { margin-top: 0px; }

.tm-article-blog.tm-sidebar-a-left .tm-sidebar-a, .tm-article-blog.tm-sidebar-b-left .tm-sidebar-b { box-shadow: none; padding-top: 25px; }

.tm-sidebar-b h3.uk-panel-title {
	color: #00209f;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.tm-article-blog.tm-sidebar-a-left .tm-sidebar-a, .tm-article-blog.tm-sidebar-b-left .tm-sidebar-b { padding-top: 0; }

.uk-article ul li { margin-bottom: 5px; }

.bright { color: #e1ce0a; font-weight: 800; }
a { color: #00639c; }

h2, h3, h4, h5, h6 { color: #000; }
h1 {
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,verdana,sans-serif;
    font-size: 17px;
    margin: 0;
    color: #011d98;
}

h1.title, h3 {
	background-color: #e7e7e7;
    color: #06183f;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 16px;
    margin: 18px 20px 0px 0;
    padding: 5px;
    text-transform: uppercase;
    width: 100%;
    clear: both;
}

h1.page_label {
  background-color: #e7e7e7;
  color: #06183f;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 16px;
  margin: 18px 20px 0px 0;
  padding: 5px;
  text-transform: uppercase;
  width: 100%;
}
h1.wide_two_column { color: #000; margin: 5px 0; line-height: 22px; }

h2 {
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,verdana,sans-serif;
  font-size: 13px;
  margin: 0;
  text-transform: uppercase;
}

h4.content_subtitle {
	color: #06183f;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    margin: 15px 20px 15px 0;
    background-color: #e7e7e7;
    width: 100% !important;
    padding: 5px;
}
.tm-sidebar-b h3.uk-panel-title, .uk-nav-side ul a { color: #00639c; }
.tm-page p { margin: 20px 0; }
.clr { clear: both; }

.uk-button-primary { background:#00639c; } 

.left-image { float: left; margin-right: 15px; margin-bottom: 10px; }
.red { color: #ff0000; }
.tm-sidebar-a .uk-panel a { color: #fff; }
.tm-sidebar-a .uk-panel a:hover { color: #e7e7e7; }
.top-firma { display: none; }

.social-icon, input.uk-search-field { width: 32px; height: 32px; }
.uk-search:before { line-height: 32px; }

div#challengeSolution { border-bottom: 2px dotted #ccc; margin: 10px 0 0px; }

.tm-article-blog .tm-leading-article .uk-article:after, .tm-article-blog .uk-article:after { background: none repeat scroll 0 0 #fff; }

/*
.uk-navbar-nav > li > a.root-hide, .uk-navbar-nav > li.uk-active > a.root-hide { display: none; }
*/

blockquote { font-size: 12px; line-height: 16px;  }

a.goog-te-menu-value span {
  color: #990000 !important;
}

div#region_flag_list img {
	border: 1px dotted #e7e7e7;
  cursor: pointer;
  display: inline;
  float: none;
  margin-right: 2px;
  margin-top: 4px;
}
div#region_flag_list {
  text-align: center;
}

.tm-headerbar { background: #fff url(../images/a_pcc_company.jpg) 99% 90% no-repeat; }
.tm-footer { margin-top: 2px; }

.tm-top-a .uk-nav li { float: left; padding: 0 40px; }
.tm-top-a .uk-panel-box .uk-nav > li > a, .tm-top-a .tm-block-light .uk-nav > li > a { padding: 0 15px; }
.services-sub-menu { background: #009CCE; border-bottom: 1px solid #fff; }
.services-sub-menu .uk-nav-side > li > a { color: #fff; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,verdana,sans-serif; font-size: 13px; font-weight: bold;  }
.utilities-sub-menu { background: #bfc69a; border-bottom: 1px solid #fff; }
.utilities-sub-menu .uk-nav-side > li > a { color: #000; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,verdana,sans-serif; font-size: 13px; font-weight: normal;  }

.user_group .uk-width-medium-1-2 .tm-content { padding: 0px 40px 0 0; }
.chrono_credits { display: none; }
div#challengeContent {
	display: inline;
	float: left;
	margin: 5px 0;
	padding-right: 5px;
	width: 45%;
}
div#solutionContent {
	display: inline;
	float: right;
	margin: 5px 0;
	padding-left: 5px;
	width: 45%;
}

div#challengeSolution {
  border-bottom: 2px dotted #ccc;
  display: inline-block;
  margin: 10px 0 15px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}

div#challengeContent img, div#solutionContent img {
  border: medium none;
  display: block;
  height: 20px;
  margin: 8px auto !important;
  width: 72px;
}

label, input, button, select, textarea { font-size: 12px; }
.gbs3 .form-control { height: 24px; padding: 2px 12px; font-size: 12px; margin-top: 3px; }
.uk-nav-sub li { line-height: 15px; }
.ventas h5 { margin: 0; }

.wk-slideshow .slides > li { height: 3000px !important; }
.wk-accordion p { margin-top: 0px; margin-bottom: 10px; line-height: 130%; }

.uk-search { background: #00639c; }

img[width="63"],
td[width="166"] img,
img[height="161"],
img[height="160"]
	{ max-width:160px; max-height:160px; }
.product_table img { max-width:160px; max-height:160px; }

.uk-responsive-width, .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.uk-responsive-width iframe, .video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media  (max-width : 992px) {
	.tm-article-blog [class*="tm-sidebar-"] .uk-panel { padding: 0px 10px 20px 10px; }
	.tm-sidebar-a h3.uk-panel-title { padding: 5px 10px;  margin-left: -10px;}
}