/* Reset ................. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
}


/* blokuj skype plugin FF */
.none {display:none;} /* span class none = v nom znak _ vlozeny v tel cisle blokuje skype plugin */
.block {display:block;}

:focus { outline: 0; }
body { color: black; background: white; }
/*ol, ul { list-style: none; }*/
table { border-collapse: separate; 	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }

.hidden {height: 0; font-size: 0; line-height: 0; clear: both; visibility:hidden; display:none;}
.hidden p {height: 0; font-size: 0; line-height: 0; clear: both; visibility:hidden; display:none;}

/*
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 10px;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
*/

/* Common ................. */




.colum {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px; 
	}

body {
	color: #555;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	background-color: #FFFFFF;
	text-align: center;
}


a, a:active, a:visited { color: #14387F; text-decoration: none; }
a:hover { color: #555;text-decoration: underline;  }

div { text-align: left; }
img { border: none; }
input, textarea { 
	font-size: 14px; font-family: 'Open Sans', sans-serif;
	color: #666; margin:1px; border: 1px solid #ddd; padding: 3px; overflow: visible; 
	background-color:#FFFFFF}
select, option { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #666; }
input:focus {background-color:#f5f5f5; border: 1px solid #666; }
textarea:focus {background-color:#f5f5f5; border: 1px solid #666; }

.cleaner { height: 0; font-size: 0; line-height: 0; clear: both }
.line { height: 1px; font-size: 1px; line-height: 1px; clear: both; background-color:#ddd; margin:10px 0 10px 0; }

.line_50 { height: 1px; font-size: 1px; line-height: 1px; clear: both; background-color:#ddd; margin:10px 0 10px 0; width:30px}


/* Headings ................. */
h1 {font-family: 'Lato', sans-serif; font-size: 20px; color: #14387F; margin: 0 0 20px 0; font-weight: 400;  }
h2 {
	color:#14387F !important;
	font-size: 40px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	margin: 20px 0;

	 }
h3 {
	color:#555; 
	font-size: 30px !important;
	font-weight: 200 !important;
	text-transform: uppercase;
	margin: 10px 0;
	}


/* Paragraphs ................. */
p { margin:0; padding:0; }


/* Layout ................. */
.left {float:left; display:inline}
.right {float:right; display:inline}
.alignRight {text-align:right;}

.support {
	background-color:#ddd;
	padding:15px;
	margin:0 0 15px 0;
	box-shadow: inset 0 0 10px #555;
	}
.support .p300
	{
	font-weight:300;
	padding-bottom:5px;
	}
.support .p700
	{
	color: #000;
	font-weight:700;
	padding-bottom:5px;
	}
.support .p700 i
	{
	color: #14387F;
	}
	
.TOP {margin:0 0 10px 0;}
ul.topmenu  { list-style: none;  font-family: 'Lato', sans-serif;  }	
ul.topmenu li  {float:left; }	
ul.topmenu li a, ul.topmenu li a:active, ul.topmenu li a:visited 
	{ 
	color:#ddd;
	display: block; 
	padding:5px 5px 5px 5px; 
	text-decoration: none;
	}
ul.topmenu li a:hover, ul.topmenu li a.aktivna, ul.topmenu li a.aktivna:link, ul.topmenu li a.aktivna:visited  { 
	color: #fff; 
	}
	
	
	
	

ul.menu  { list-style: none;  font-family: 'Lato', sans-serif; }	
ul.menu li  {  }	
ul.menu li a, ul.menu li a:active, ul.menu li a:visited 
	{ 
	font-size:14px;
	color:#ddd;
	display: block; 
	padding:5px 10px 5px 10px; 
	text-decoration: none;
	}
ul.menu li a:hover, ul.menu li a.aktivna, ul.menu li a.aktivna:link, ul.menu li a.aktivna:visited  { 
	color: #fff; 
	}
	
ul.menu li ul li { padding:5px 0 5px 0; }	


ul.menu li ul  { padding:0; margin:0; }	
ul.menu li ul li  { padding:0; margin:0; }
ul.menu li ul li a, ul.menu li ul li a:active, ul.menu li ul li a:visited 
	{ 
	font-size:12px;
	color:#fff;
	padding:5px;
	margin:0; 
	}
ul.menu li ul li a:hover, ul.menu li ul li a.aktivna, ul.menu li ul li a.aktivna:link, ul.menu li ul li a.aktivna:visited  { 
	color: #fff;
	background-color:#000; 
	}
	
	
	

/*.navbar-fixed-top {max-height:340px}*/
	.navbar {
	
		min-height:80px;
		max-height:none;
		}
		
.navbar-nav {
	background-color:#14387F;
	}
	
	
	
p.uvodne {
	font-family: 'Lato', sans-serif;
	margin:2px;
	}
	
p.world {
	
	font-family: 'Lato', sans-serif;
	font-size:20px;
	line-height:40px;
	}
	
p.uvodne strong {
	font-size:22px;
	}
.border {border:1px solid #fff;
 	padding:15px;
	margin:0 0 10px 0;
	}
	
	
a.bottom, a.bottom:active, a.bottom:visited {
	position:relative;
	font-size:18px;
	width:100%;
	display:table;
	height:50px;
	margin:-50px 0 0 0;
	color: #ddd; 
	text-decoration: none; 
	background: rgba(46,60,74,0.7);
	padding:0 10px 0 20px;
	z-index:400;
	}
a.bottom:hover { color: #fff;text-decoration: underline;  }

a.bottom span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	}


a.hovver, a.hovver:active, a.hovver:visited { color: #fff; text-decoration: none; margin:2px}
a.hovver:hover { color: #fff;text-decoration: none;  }
a.hovver:hover span.text-content { opacity: 100;}
	
 a.hovver img {
	width: 100%;
	vertical-align: middle;
	border: 0;
 }
	
span.text-content {
	margin:2px;
	background: rgba(46,60,74,0.7);
	color: #fff;
    cursor: pointer;
    display: table;
    height: 250px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
	
span.text-content span
	{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	padding: 10px 20px;
	}
	

.TmavoSeda {
	background-color:#788186;
	padding:20px 0 20px 0;
	}
.biela {color:#fff}

.job {
	padding:20px 0 20px 0;
	background-image: url(../images/Karriere-Kuester.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}


	
a.home, a.home:active, a.home:visited {
	display:block;
	text-align:right;
	 color: #ddd; text-decoration: none; }
a.home:hover { color: #fff;text-decoration: underline;  }

/*north america*/
.karte_land_01 {
	 width: 140px;
    background-color:#595959;
	color:#fff;
    padding: 10px 20px;
    font-size: 12px;
    position: absolute;
    top: 38%;
    left: 18%;
}
/*south america*/
.karte_land_02 {
	 width: 140px;
    background-color:#595959;
	color:#fff;
	 font-size: 12px;
    padding: 10px 20px;
    position: absolute;
    top: 80%;
    left: 25%;
}

/*europa*/
.karte_land_03 {
	width: 140px;
    background-color:#595959;
	color:#fff;
	 font-size: 12px;
    padding: 10px 20px;
    position: absolute;
    top: 10%;
    left: 45%;
}
/*asia*/
.karte_land_04 {
	 width: 140px;
    background-color:#595959;
	color: #fff;
	 font-size: 12px;
    padding: 10px 20px;
    position: absolute;
    top: 50%;
    right: 15%;
}


.karte_land_01 a, .karte_land_02 a, .karte_land_03 a, .karte_land_04  a {
	COLOR:#FFF;
	}


	
.loga {
	width:190px;
	float:left; display:inline;
	border:1px solid #bbb;
	margin:0 15px 15px 0; 
	}
	

#page {
}


#page h2 {
    color: #14387F !important;
   
    font-size: 40px !important;
    font-weight: 900 !important;
    padding:15px 0 15px 0;
	margin:0;
	border-bottom:1px solid #ddd;
	
}

#page h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight:200;
	text-transform: none;
	}


#page h4 {
color:#595959;
font-size: 16px;
font-weight: 200;
}

#page h4.multi {
	font-size: 20px ;
	font-weight: 200 ;
	padding: 15px 0 0 0;
	}




#page ul, ol {
	margin-left:25px;
	}
	
#page ul li, ol li {
	padding:5px 0 5px 0;
	}
	
#page ul.minusky {
	list-style-type:lower-alpha;
	font-weight:900;
	}
#page ul.bodky {
	list-style-type:circle;
	font-weight:900;
	}
#page ul.cisla {
	list-style-type:decimal;
	font-weight:900;
	}
#page ul li span, ol li span
	{
	font-weight:400;
	}
	
	
	
	
#page ul.inpage  { list-style: none;  
	font-family: 'Lato', sans-serif;
	 padding:0; margin:0; 
	 }	
#page ul.inpage li  { padding:0; margin:0;  }	
#page ul.inpage li a, #page ul.inpage li a:active,#page ul.inpage li a:visited 
	{ 
	font-size:16px;
	color:#595959;
	display: block; 
	padding:5px 10px 5px 20px;
	text-decoration: none;
	margin:0;
	
	background-image: url(../images/s01.png);
	background-position: left center;
	background-repeat: no-repeat;
	
	
	}
#page ul.inpage li a:hover, #page ul.inpage li a.aktivna, #page ul.inpage li a.aktivna:link, #page ul.inpage li a.aktivna:visited  { 
	color: #005ca9; 
	background-image: url(../images/s02.png);
	}



.button {
	cursor: pointer; background-color:#eaebef; 
	font-weight: 700; color: #7a7777;display:block; clear:both;
	padding:5px;
	width:90px;
	text-align:center;
	margin:10px 0 0 0;
	}
	
.button2 {
	color:#fff;
	border:1px solid #fff;
	background-color:#14387F;
	margin:5px 5px 0 0;
	padding:10px 5px 10px 5px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.f12 {
	font-size:12px;
}



#footer {
	font-family: 'Lato', sans-serif;
	background-color: #788186 !important;
	color: #f6f6f6 !important;
	padding: 40px 0 20px 0;
}

#footer h4 {
	font-size:14px;
	font-weight:400;
	color: #f6f6f6;
	padding:5px 0 5px 0;
	border-bottom:1px solid #f6f6f6;
	margin:0 0 10px 0;
	 text-transform: uppercase !important;
}

#footer a, #footer a:active, #footer a:visited { color: #f6f6f6; text-decoration: none; }
#footer a:hover { color: #fff;text-decoration: underline;  }
	
/******************************* FORMULARE ************************************************************************/

select, input {
  margin: 0;
  vertical-align: middle;
}

select:focus, input:focus, textarea:focus {
  -webkit-box-shadow: #54721A 0 0 7px 0;
  -moz-box-shadow: #54721A 0 0 7px 0;
  -o-box-shadow: #54721A 0 0 7px 0;
  box-shadow: #54721A 0 0 7px 0;
  border-color:#2079BD;
  z-index: 1;
}


select, input, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
 margin:0 0 5px 0;
  background-color: white;
  border: 1px solid;
  border-color: #054D83 #2079BD #2079BD;
  color: #333;
  outline: 0;
  padding: 4px;
  text-align: left;
  font-size: 14px;
  	background-image: url(../images/button.png);
	background-repeat: repeat-x;
	background-position:bottom;
}

select[disabled] {
  background-color: #eeeeee;
}

select[disabled],
select[disabled] option,
select[disabled] optgroup  {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888888;
  cursor: default;
}

select[size],
select[multiple] {
  height: auto;
}


.ie6_input,
* html select {
  background: white;
  border: 1px solid;
  border-color: #054D83 #2079BD #2079BD;
  color: black;
  padding: 2px 3px 1px;
  font-size: 14px;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.button_shop {
	display:inline-block;
	padding:0 15px 0 15px;
	text-align:center;
	height:30px;
	line-height:30px;
	background-image: url(../images/back_viac_shop.jpg);
	background-position: left 0px;
	background-repeat: no-repeat;
	color:#333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
	font-weight:400;
	text-transform:uppercase;
	-moz-text-shadow:    1px 1px 0px #333;
	-webkit-text-shadow: 1px 1px 0px #333;
	text-shadow:         1px 1px 0px #333;
	
	color:#FFF;
	font-size:14px;
	text-decoration: none; 
	border:none;
	cursor:pointer;
	}
.button_shop:hover {
	background-position: left -30px;
	}

.error_string {
	margin:10px 0 10px 0;
	padding:10px;
	color:#fff;
	background-color:#BA0848;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
	font-weight:700;
	}
	
	
	
	
a.scrollToTop {
	font-size:12px;
	width: 50px;
    height: 50px; 
	padding:20px 10px ; 
	text-align:center; 
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
    background-image: url(../images/arrow_totop.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgba(46,60,74);
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.scrollToTop:hover{
	text-decoration:none;
}