/*

myCompany theme for Getsimple CMS, created by PixelOfficer, 
www.pixelofficer.sk 

Based on: HTML5 Boilerplate CSS: h5bp.com/css
          Initializr by Jonathan Verrecchia - verekia.com/initializr/responsive-template   

Font Bebas Neue used with permission from Dharma Type 
Generated by Font Squirrel (http://www.fontsquirrel.com) on March 28, 2012 04:49:18 AM America/New_York 

*/


@font-face {
	font-family: 'BebasNeueRegular';
	src: url('font/BebasNeue-webfont.eot');
	src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),         
       url('font/BebasNeue-webfont.woff') format('woff'),         
       url('font/BebasNeue-webfont.ttf') format('truetype'),         
       url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* 
=============================================================================   
h5bp.com/css   
========================================================================== 
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
	font-family: sans-serif;
	color: #444;
}
body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}
a {
	color: #2d7a9c;
}
a:visited {
	color: #195670;
}
a:hover {
	color: #c48d23;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
label {
	cursor: pointer;
}
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input {
	line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
	background-color: #f0dddd;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}
/* 
===== START ==========================================================   
*/
body {
	font: 13px/22px Verdana, Helvetica, Helvetica Neue, Arial;
	background-color: #1c425d
}
.wrapper {
	width: 90%;
	margin: 0 5%;
}
/* ===================    ALL: myCompany Theme   =================== */
#header-container {
	border-bottom: 1px solid #fff;

}
#footer-container {
	border-top:    1px solid #d0d8dd;
}
#header-container {
	background: #1c425d;
	background-image: url(img/bg_top.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#main-container {
	background: #bbc7cf;
	background-image: url(img/bg_main.png);
	background-repeat: repeat-x;
	background-position: top;
}
#footer-container {
	background-image: url(img/bg_bot.png);
	background-repeat: repeat-x;
	padding-top: 1px;
	min-height: 150px
}

#breadcrumbs-container {
	background-image: url(img/bg-bread.png);
	background-repeat: repeat-x;
	background-color: #a6b3bb;
	border-bottom: 1px rgba(23, 55, 78, 0.5) dashed;
}
#main aside {
	background: none;
}
#main aside img {
	max-width: 100%;
}
.inmain {
	background-image: url(img/bg_main2.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.inheader {
	background-image: url(img/bg_top2.png);
	background-repeat: no-repeat;
	background-position: top center;
}
#title {
	color: white;
}
pre {
	padding: 10px;
	background-color: rgba(23,55,78,0.1);
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.5em;
	border: 1px  rgba(23,55,78,0.9) dashed;
}

img.niceborder {
  background-color: white;
  padding: 8px;
  border: 1px solid #8d9aa2;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);  
}

code {
  color: #005e84;
}

.breadcrumbs {
  font-size: 10px;
  padding: 3px;
  color: #788892; 
  vertical-align: middle; 
}

.breadcrumbs a{
  color: #1b3f58;
  text-decoration: none;
  padding-right: 5px;
  padding-left: 0px;
}

.breadcrumbs img {
  vertical-align: middle;
  margin-right: 5px;
}

.date {
  background-image: url(img/bg-date.png);
  background-repeat: no-repeat;
  padding-top: 5px;
  margin-top: 50px;
  color: #92a0aa;
  font-size: 10px;
}

.nicebox {
  display: block;
  background-image: url(img/bg-nicebox.png);
  background-repeat: no-repeat;
	border: 8px  #e4eaee solid;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin: 10px auto;
  width: 80%;
  color: #e4eaee;
  background-color: #aab9c2;
  text-shadow: 0px -1px 0px #8d9aa2; 
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);   
}

.nicebox h2, .nicebox h3, .nicebox h4 {
  color: #34617F !important;
  padding-bottom: 5px;
  border-bottom: 1px solid #e4eaee;
}

/* ==============    MOBILE: Menu   ============== */
nav ul {
	margin-bottom: 7px;
}
nav a {
	display: block;
	margin-bottom: 0px;
	padding: 5px 0;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	text-shadow: 0px -1px 0px #000;
}
nav a:hover, nav a:visited {
	color: white;
}
nav a:hover {
	text-decoration: none;
	color: #c48d23;
}
nav li.current a {
	background-image: url(img/bg_menuitem.png);
	background-color: white;
	background-repeat: repeat-x;
	color: #153c60 !important;
	text-shadow: 0px -1px 0px #e2e7ea;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.7);
	box-shadow: 0px -1px 1px rgba(0,0,0,0.7);
}
#navbottom {
        padding-top :10px;
	font-size: 11px;
	line-height: 1.2em;
	padding-left: 10px;
	color: #4e616f
}
#navbottom a {
	color: #4e616f;
}
#navbottom a:hover, #navbottom li a:hover {
	color: #dbe1e5;
}
#navbottom ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
#navbottom ul li {
	display: inline;
}
#navbottom li a {
	text-decoration: none;
	color: #7b8790;
	padding-left: 0px;
	padding-right: 11px;
	margin-right: 11px;
	border-right: 1px solid #4e616f;
}
#navbottom li:last-child  a {
	border-right: 0px;
}
.logofooter {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #4c606f;
}
.socialicons {
	float: right;
}
.button {
	background-color: #164a6a;
	/*background-image: url(img/bg-button.png);
	background-repeat: repeat-x;  */
	background: -webkit-gradient(linear, left top, left bottom, from(#7491a4), to(#164a6a));
	background: -moz-linear-gradient(top,  #7491a4,  #164a6a);	
	padding: 10px 15px 10px 15px;
	line-height: 3.5em;
	color: white;
	white-space:nowrap;
	border-radius: 8px;
	text-decoration: none;
	text-shadow: 0px -1px 0px #000;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.7);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.8), 0 2px 1px rgba(0,0,0,0.50);
}
.button:hover {
	background-image: none;
	background-color: #132e40;
	background: -webkit-gradient(linear, left top, left bottom, from(#132e40), to(#244f6c));
	background: -moz-linear-gradient(top,  #132e40,  #244f6c);
	color: white;
}
.button:visited {
	color: white;
}

.green {
	background: -webkit-gradient(linear, left top, left bottom, from(#99b464), to(#657a3b));
	background: -moz-linear-gradient(top,  #99b464,  #657a3b);	 
}

.green:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#273e1e), to(#4a7539));
	background: -moz-linear-gradient(top,  #273e1e,  #4a7539);	 
}

.gold {
	background: -webkit-gradient(linear, left top, left bottom, from(#bd9542), to(#876722));
	background: -moz-linear-gradient(top,  #bd9542,  #876722);	 
}

.gold:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#876722), to(#62460d));
	background: -moz-linear-gradient(top,  #876722,  #62460d);	 
}

.download {
	background-image: url(img/ico-button-download.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px;
  padding-left: 25px;
  margin-left: -5px;
  margin-right: 0px;
}

.ok {
	background-image: url(img/ico-button-ok.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px;
  padding-left: 25px;
  margin-left: -5px;
  margin-right: 0px;
}

.cancel {
	background-image: url(img/ico-button-cancel.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px;
  padding-left: 25px;
  margin-left: -5px;
  margin-right: 0px;
}

.star {
	background-image: url(img/ico-button-star.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px;
  padding-left: 25px;
  margin-left: -5px;
  margin-right: 0px;
}

.next {
	background-image: url(img/ico-button-next.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px;
  padding-left: 25px;
  margin-left: -5px;
  margin-right: 0px;
}

.back {
	background-image: url(img/ico-button-back.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px;
  padding-left: 25px;
  margin-left: -5px;
  margin-right: 0px;
}






/* ==============    MOBILE: Main   ============== */
#main {
	padding: 20px 0;
}
#main h1, #main h2, #main h3, #main h4 {
	font-family: BebasNeueRegular, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	text-shadow: 0px 1px 0px #f0f4f7;
}
#main article h1 {
	font-size: 3.5em;
	line-height: 1.1em;
	color: #2d7a9c;
	margin-bottom: 0px;
	margin-top: 15px;
	text-shadow: 0px 1px 0px #fff;
}
#main article h2 {
	font-size: 2.3em;
	line-height: 1.1em;
	color: #555;
	color: #528ca7;
	margin-bottom: 15px;
}
#main article h3 {
	font-size: 1.8em;
	line-height: 1.1em;
	color: #739fb3;
	margin-bottom: 5px;
}
#main article h4 {
	font-size: 1.5em;
	line-height: 1.1em;
	color: #555;
	margin-bottom: 5px;
}
#main aside {
	color: #555;
	padding: 0px 5px 10px;
	background-image: url(img/bg-aside2.png);
	background-repeat: no-repeat;
	min-height: 129px;
	padding-top: 20px;
	font-size: 11px;
	line-height: 1.5em;
}
#main.frontpage aside {
	text-align: center;
	background-image: none;
}
#main aside h2 {
	color: #34617f;
	font-size: 2em;
}
#footer-container footer {
	color: white;
	padding: 20px 0;
}
/* ===============    ALL: IE Fixes   =============== */
.ie7 #title {
	padding-top: 20px;
}
/* 
===== Primary Styles ========================================================   
Author:   
========================================================================== 
*/

/* 
=============================================================================   
Media Queries   
========================================================================== 
*/

@media only screen and (min-width: 480px) {
/* ====================    INTERMEDIATE: Menu   ==================== */
nav a {
	margin-right: 5px;
	padding: 5px 15px 5px 15px;
	margin-bottom: 3;
}
nav li.current a {
	padding: 5px 20px 5px 20px;
	border-radius: 8px 8px 0px 0px;
}
nav li:first-child a {
	margin-left: 0;
}
nav li:last-child  a {
	margin-right: 0;
}
/* ========================    INTERMEDIATE: IE Fixes   ======================== */
nav ul li {
	display: inline;
	float: left;
}
.oldie nav a {
	margin: 0 0.7%;
}
}
@media only screen and (min-width: 768px) {
/* ====================    WIDE: CSS3 Effects   ==================== */
#header-container, #main aside {
}
/* ============    WIDE: Menu   ============ */
#title {
	width: 200px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
nav {
	float: right;
	width: 70%;
	padding-top: 65px;
	padding-bottom: 20px;
	text-align: right;
}
nav li.current a {
	border-radius: 8px 8px 8px 8px;
}
nav ul {
	float: right;
}
#navbottom {
	float: left;
}
.logofooter {
	float: left;
	border-bottom: 0px;
	border-right: 0px solid #4c606f;
}
/* ============    WIDE: Main   ============ */
#main.frontpage article {
	float: left;
	width: 38%;
	padding-top: 30px;
	padding-bottom: 30px;	
}
#main.frontpage aside {
	float: right;
	width: 56%;
	min-height: 100px;
}
#main.blank article {
	width: 100%;
}
#main article {
	width: 65%;
	float: left;
}
#main aside {
	width: 30%;
	float: right;
	background-image: url(img/bg-aside.png);
	background-repeat: no-repeat;
	min-height: 419px;
}
#main .section {
	padding-left: 40px;
}
}
@media only screen and (min-width: 1140px) {
/* ===============    Maximal Width   =============== */
.wrapper {
	width: 1026px;
/* 1140px - 10% for margins */
	margin: 0 auto;
}
}
/* =============================================================================   Non-Semantic Helper Classes   ========================================================================== */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}
.ir br {
	display: none;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
/* =============================================================================   Print Styles   ========================================================================== */
@media print {
* {
	background: transparent !important;
	color: black !important;
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
}
/* Black prints faster: h5bp.com/s */
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
/* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
/* h5bp.com/t */
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
	margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}