/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/
@font-face {
	font-family: 'Roboto medium';
src: url(../css/fonts/Roboto-Medium.ttf),
 url('../css/fonts/Roboto-Medium.eot'), /* IE9 Compat Modes */ 
 url('../css/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
  
}

@font-face {
font-family: 'Roboto light';
src: url(../css/fonts/Roboto-Light.ttf),
  url('../css/fonts/Roboto-Light.eot'), /* IE9 Compat Modes */ 
  url('../css/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
  
  
  
  
}

@font-face {
font-family: 'Roboto bold';
src: url(../css/fonts/Roboto-Bold.ttf),
 url('../css/fonts/Roboto-Bold.eot'), /* IE9 Compat Modes */ 
 url('../css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
  
}

@font-face {
font-family: 'Roboto regular';
src: url(../css/fonts/Roboto-Regular.ttf),
  url('../css/fonts/Roboto-Regular.eot'), /* IE9 Compat Modes */ 
  url('../css/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
  
  
  
  
}
.konti a {
	
	color: #000021;
	
}
.ds {
	
	width: 100;
	float: left;
}
.mod-custom115 {
	color: #fff;
	max-width: 90%;
  margin: 0 auto;
	
}
.konpopis p {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  opacity: 0.8;
}
.inst {
  background: url(../images/ikon-instagram.png) no-repeat left center;
  padding-left: 60px;
  color: #fff;
  line-height: 45px;
}
.fo {
  background: url(../images/ikon-form.png) no-repeat left center;
  padding-left: 60px;
  color: #fff;
  line-height: 45px;
}
.fac {
  background: url(../images/ikon-facebook.png) no-repeat left center;
  padding-left: 60px;
  color: #fff;
  line-height: 45px;
}
.tel1 a, .mail1 a, .fac a, .inst a, .fo a {
  color: #fff;
}
.mail1 {
  background: url(../images/ikon-mail.png) no-repeat left center;
  padding-left: 60px;
  color: #fff;
  line-height: 45px;
}
.tel1 {
  background: url(../images/ikon-tel.png) no-repeat left center;
  padding-left: 60px;
  color: #fff;
  line-height: 45px;
}
.opp {
	
	width: 100%;
	float: left;
	color: #fff;
}
.obalpatadole {
	width: 100%;
  grid-gap: 50px;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(20%,1fr));
  align-content: stretch;		
	
}
#mod-custom115 h2 {
	
	color: #fff;
	font-size: 38px;
	margin-bottom: 50px;
}
.obalpatadole2 { 

color: #fff;}
.obalpatadole2 {
	width: 100%;
  grid-gap: 50px;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(20%,1fr));
  align-content: stretch;
margin-top: 100px;  
	
}
.modr {
	
		background: #000021 !important;
	color: #fff !important;
}

.modr p, .modr .li {
font-family: 'Roboto medium';
font-size: 18px;	}



.cerv p {
font-family: 'Roboto medium';
font-size: 18px;	}
.cerv {
	
	background: #E92020 !important;
	color: #fff !important;
}
 #ajSlider  a   .tel  {
	color: #fff; 
	font-family: 'Roboto bold'; 
 }
#ajSlider  a  , #ajSlider  a div, #ajSlider  a p {
	
	text-decoration: none !important;
}
#ajSlider  a {
	display: block;
	position: absolute;
	left: 10% !important;
	width: 650px !important;
	
	padding: 0px !important;
}
#ajSlider  a p {
		font-family: 'Roboto bold';
	font-size: 28px;
	color: #fff;
	text-align: left;
}
	

#ajSlider    h1, #ajSlider     h2  {
 
	font-family: 'Roboto bold';
	font-size: 68px !important;
	color: #fff !important;
}
#ajSlider   img  {
	height: 100% !important;
	width: auto !important;
	
	 top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
  }
#ajSliderBullets {
	width: 100% !important;
bottom: 15% !important;	
}
.ine1 h4 {
	 background: #E92020;
	 padding: 4px 10px;
	 color: #fff;
	 text-align: center;
	
	
}
.ine1 {
background: #EFEFEF;
padding: 30px;	
	
	
}
.prv {
	
	font-size: 48px;
	margin-bottom: 40px;
}
.ce {
	text-align: center;
}
.obaline {
	
	  grid-gap: 50px;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(20%,1fr));
  align-content: stretch;	
	margin-bottom: 70px;
}
.tel a { 
font-family: 'Roboto bold';
color: #fff;
}
.tel {
	padding: 10px;
	margin-right: 3%;
	 
	float: left;
	font-size: 28px;
  background: #E92020;
  
}
.ooo {
	
	 
	
	
}
.obrvyzva img { 
position: relative;
 
max-width: 400px;

display: block;
height: auto;} 
.obrvyzva {
	float: left;
	width: 50%;
	position: relative;
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
}

.popisvyzva {
	 
 display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	float: left;
	width: 50%;
}
.form a { 
font-family: 'Roboto bold';
color: #fff;
}
.form {
	padding: 10px;
	margin-right: 3%;
	 
	float: left;
	font-size: 28px;
 background: #000021;
  
}
.obalvyzva {
display: flex;
 
	justify-content: flex-start;
	align-items: stretch;
	 
max-width: 90%;
	margin: 0 auto;	
	
}
.nadpis1 {
color:	#000021;
font-size: 80px;
font-family: 'Roboto bold';	
}
#mod-custom119 {
padding: 100px 0px 0px 0px;
background: #EFEFEF;
width: 100%;
float: left;	
}
.riadok1 div, .riadok2 div {
	
	float: left;
	width: 50%;
}
.riadok1 {
	float: left;
	width: 100%;
	background: #f6f6f6;
}
.riadok2 {
	float: left;
	width: 100%;
	background: #fff;
}
.popispriklad {
	
	width: 60%;
	padding: 5%;
	float: left;
	background: #EFEFEF;
}
.obrpriklad img {

 width: 100%;
  height: 100%;
  object-fit: cover;	}
.obrpriklad {
	
	
	 width: 30%;
	float: left;
}
.priklad {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	
	
}
.nn h1 { 


font-size: 70px; 

background: #E92020;
color: #fff;
padding: 10px 30px;
}
.nn {
	
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 40%);
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
#mod-custom120, #mod-custom121 {
margin-top: 100px;
	background:  url(../images/baner2.webp) right center   no-repeat;	
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 0;	
		
	
	
}
#mod-custom118 {
margin-top: 100px;
	background:  url(../images/baner3.webp) right center   no-repeat;	
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 0;	
	
	
}
#mod-custom116 {
	margin-top: 100px;
	background:  url(../images/baner.webp) right center   no-repeat;	
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 0;
}

#mod-custom122 {
	margin-top: 100px;
	background:  url(../images/baner2pod.webp) right center   no-repeat;	
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 0;
}

#mod-custom123 {
	margin-top: 100px;
	background:  url(../images/baner3pod.webp) right center   no-repeat;	
	width: 100%;
	height: 400px;
	position: relative;
	z-index: 0;
}





.pata {
	color: #fff;
	width: 100%;
			  grid-gap: 1%;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(28%,1fr));
  align-content: stretch;
}
#mod-custom115 {
max-width: 90%;
	margin: 0px auto;	

}
#mod-custom114 h2 span, #mod-custom117 h2 span {
font-size: 58px;

	}
#mod-custom114 h2, #mod-custom117 h2 {
	text-align: center;
	
	margin-top: 30px;
	font-size: 21px;
	color: #fff;
}
.podps p { text-align: center;
opacity: 0.6;
} 
.podps a {
color: #fff;	}
.podps {
	float: left;
	width: 100%;
	padding: 5px 0px;
	background: #00000B;
	text-align: center;
	color: #fff;
}
#mod-custom114,  #mod-custom117 {
background:  url(../images/baner2.webp) center center  no-repeat;	
width: 100%;
float: left;	
 
  background-size: cover;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	padding: 50px 0px;
}
.bunkacontent {
	background: #EFEFEF;
	padding: 50px;
}
#center {
	
	padding: 100px 0px 100px 0px;
		max-width: 90%;	
	margin: 0 auto;
}
#cf_1 {
	
	margin-top: 80px;
}
.obaltelo {
	
	  grid-gap: 50px;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
  align-content: stretch;
	width: 100%;
	
}
.obaltelopara {
	
	  grid-gap: 50px;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
  align-content: stretch;
	width: 100%;
	
}
.konti {
	background: #EFEFEF;
	padding: 50px;
	
	
}
.obalteloxc {
	
	  grid-gap: 50px;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
  align-content: stretch;
	width: 100%;
	
}
.bunkapri1 table th, .bunkapri1 table td {
  padding: 10px;
  vertical-align: top;
  font-size: 13px;
}
 .hla td {
	 
	   font-size: 15px !important;
	 
 }
.hla {
	font-family: 'Roboto bold';
	background: #E92020;
	  font-size: 15px !important;
}
.ria1 {
background: rgb(255 255 255 / 10%);	
	
}
.ria2 {
background: rgb(246 246 246 / 20%);		
	
}
.bunkapri1 {
	color: #fff;
	padding: 50px 50px 0px 50px;
}
.prikladobal {
	
	background: rgb(0 9 18 / 90%);
	width: 90%;
padding: 50px 0px;
	  grid-gap: 1%;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
  align-content: stretch;
}
.slb1 h2, .slb2 h2, .slb3 h2 {
font-size: 28px;
color: #fff;
text-align: center;
	
}
.slb1 p, .slb2 p, .slb3 p {
font-size: 18px;
color: #fff;
text-align: center;
	
}
.slb1 {
	background:  url(../images/bu1.webp) center center  no-repeat;	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;	
	padding: 10%;
}
.slb2 {
	background:  url(../images/bu2.webp) center center  no-repeat;	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;	
	padding: 10%;
}

.slb3 {
	background:  url(../images/bu3.webp) center center  no-repeat;	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;	
	padding: 10%;
	
}
#mod-custom113 {
	padding: 100px 0px 0px 0px;
		max-width: 90%;
	margin: 0 auto;
}
.sluzbypod {
	  grid-gap: 3%;
	  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
  align-content: stretch;
	width: 100%;
	float: left;
}
.slbunka p  {
text-align: center; }
.slbunka h3 {
	text-align: center;
	font-size: 48px;
}
.slbunka img {

margin: 0 auto;	}
.slbunka {
	
	background: #EFEFEF;
	padding: 20px;
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.sl {
	
	max-width: 90%;
	margin: 0px auto;
 
		display: grid;
  grid-gap: 3%;
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
  align-content: stretch;	
	
}
#mod-custom112 h3 {

font-size: 28px;	}
#mod-custom112 h2 {

background: #E92020;
width: 750px;
color: #fff;
font-size: 58px;
text-align: center;
margin: 50px auto;	}
#mod-custom112 {
	width: 100%;
	padding: 100px 0px;
	
	 float: left;

	 
	
}
.mod-menu li a { 
text-decoration: none;
font-size: 14px;
font-family: 'Roboto bold';
color: #fff;
padding: 10px 20px;
}
.mod-menu li {

float: left;
margin-left: 20px;

	}
.mod-menu {
	
	list-style-type: none;
	
}
#mod-custom111 {
	
	margin-top: 100px;
	width: 100%;
 
	float: left;
 
}
.konpopis {
	height: 100%;
	padding-bottom: 60px;
	position: relative;
}
.tlacc {
position: absolute;	
bottom: 10px;	
}
.tlacc a {
background: #E92020;
padding: 10px 30px;


color: #fff;
text-decoration: none;		
	
}
.tlac {
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	width: 100%;
	margin-top: 30px;
}
.tlac a {
background: #E92020;
padding: 10px 30px;

color: #fff;
text-decoration: none;	
	
	
}
.baner {
	
	max-width: 90%;
	margin: 0 auto;
	height: 100%;
	
}
.popis  p {
font-size: 28px;	
	
}
.popis h1 span {

font-size: 78px;
	} 
.popis h1 {

font-size: 68px;
	}
.popis {
	color: #fff;
	height: 100%;
width: 524px;
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	
}
#logo  img {
	
width: 180px;
height: auto;	
}

html {
  height: 101%;
}

body {
	font-family: 'Roboto regular';
  margin: 0;
  padding: 0;
}

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
  padding: 3px 0;
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
  font-family: 'Roboto bold';
}
h1, .componentheading {
  font-size: 1.75em;
}
h2, .contentheading {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}

ul, ol {
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}

ul.menu {
    margin: 0;
}

ul.menu li {
    list-style: none;
}

p {
  padding: 5px 0;
}

address {
  margin: .75em 0;
  font-style: normal;
}

a:focus {
    outline: none;
}

img {
  border: none;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle;
}

.clr {
	clear : both;
}

#wrapper {
	width: 100%;
	float: left;
}

.full {
	width: 100%;
}

.demi {
	width: 50%;
}

.tiers {
	width: 33.33%;
}

.quart {
	width: 25%;
}

.flexiblemodule, .column, .logobloc {
        float: left;
}

/* ---------------------------------------
	Custom styling
-----------------------------------------*/




body {
background #0F406B url(../images/pozadie.webp) center top no-repeat;
	text-align: left;
}

h1, div.componentheading {
	text-align: left;
}

h2, div.contentheading {
	text-align: left;
}

h3 {
	text-align: left;
}

h4 {
	text-align: left;
}

h5 {
	text-align: left;
}

h6 {
	text-align: left;
}

.button {
    border: none;
	text-align: left;
}

.button:hover {
	text-align: left;
}

ul.pagenav li a {
    display: block;
	text-align: left;
}

ul.pagenav li a:hover {
	text-align: left;
}

.readmore a {
	text-align: left;
}

.readmore a:hover {
	text-align: left;
}

.invalid {border: red;}
                
input.inputbox, .registration input, .login input, .contact input, .contact textarea {
    border: none;
	text-align: left;
}

input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus {
	text-align: left;
}

#wrapper {
	 
	text-align: left;
}

#modules > div.inner {
	text-align: left;
}

#modules div.moduletable, #modules div.module,
#modules div.moduletable_menu, #modules div.module_menu {
	text-align: left;
}

#modules div.moduletable h3, #modules div.module h3,
#modules div.moduletable_menu h3, #modules div.module_menu h3 {
	text-align: left;
}

#module4 > div.inner {
	text-align: left;
}

#module4 div.moduletable, #module4 div.module,
#module4 div.moduletable_menu, #module4 div.module_menu {
	text-align: left;
}

#module4 div.moduletable h3, #module4 div.module h3,
#module4 div.moduletable_menu h3, #module4 div.module_menu h3 {
	text-align: left;
}

#module5 > div.inner {
	text-align: left;
}

#module5 div.moduletable, #module5 div.module,
#module5 div.moduletable_menu, #module5 div.module_menu {
	text-align: left;
}

#module5 div.moduletable h3, #module5 div.module h3,
#module5 div.moduletable_menu h3, #module5 div.module_menu h3 {
	text-align: left;
}

#module6 > div.inner {
	text-align: left;
}

#module6 div.moduletable, #module6 div.module,
#module6 div.moduletable_menu, #module6 div.module_menu {
	text-align: left;
}

#module6 div.moduletable h3, #module6 div.module h3,
#module6 div.moduletable_menu h3, #module6 div.module_menu h3 {
	text-align: left;
}
#mainbanner2 { 
width: 100%;
float: left;
background: #000021;
position: fixed;
z-index: 1000;

}
#mainbanner {
	max-width: 90%;
	margin: 0 auto;
	text-align: left;
	height: 108px;
}

#mainbanner div.moduletable, #mainbanner div.module,
#mainbanner div.moduletable_menu, #mainbanner div.module_menu {
	text-align: left;
}

#mainbanner div.moduletable h3, #mainbanner div.module h3,
#mainbanner div.moduletable_menu h3, #mainbanner div.module_menu h3 {
	text-align: left;
}

#logo {
	float: left;
	text-align: left;
}

#logodesc {
	text-align: left;
}

#nav2 {
height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	float: left;
	
	text-align: left;
}

#nav2 div.moduletable, #nav2 div.module,
#nav2 div.moduletable_menu, #nav2 div.module_menu {
	text-align: left;
}

#nav2 div.moduletable h3, #nav2 div.module h3,
#nav2 div.moduletable_menu h3, #nav2 div.module_menu h3 {
	text-align: left;
}

#module1 {
	width: 100%;
	float: left;
	text-align: left;
}

#module1 div.moduletable, #module1 div.module,
#module1 div.moduletable_menu, #module1 div.module_menu {
	text-align: left;
}

#module1 div.moduletable h3, #module1 div.module h3,
#module1 div.moduletable_menu h3, #module1 div.module_menu h3 {
	text-align: left;
}

#module {
	text-align: left;
}

#module div.moduletable, #module div.module,
#module div.moduletable_menu, #module div.module_menu {
	text-align: left;
}

#module div.moduletable h3, #module div.module h3,
#module div.moduletable_menu h3, #module div.module_menu h3 {
	text-align: left;
}

#main {
	text-align: left;
}

#main div.moduletable, #main div.module,
#main div.moduletable_menu, #main div.module_menu {
	text-align: left;
}

#main div.moduletable h3, #main div.module h3,
#main div.moduletable_menu h3, #main div.module_menu h3 {
	text-align: left;
}

#left > div.inner {
	zoom: 1;
	text-align: left;
}

#left div.moduletable, #left div.module,
#left div.moduletable_menu, #left div.module_menu {
	text-align: left;
}

#left div.moduletable h3, #left div.module h3,
#left div.moduletable_menu h3, #left div.module_menu h3 {
	text-align: left;
}

#center > div.inner {
	zoom: 1;
	text-align: left;
}

#center div.moduletable, #center div.module,
#center div.moduletable_menu, #center div.module_menu {
	text-align: left;
}

#center div.moduletable h3, #center div.module h3,
#center div.moduletable_menu h3, #center div.module_menu h3 {
	text-align: left;
}

#right > div.inner {
	zoom: 1;
	text-align: left;
}

#right div.moduletable, #right div.module,
#right div.moduletable_menu, #right div.module_menu {
	text-align: left;
}

#right div.moduletable h3, #right div.module h3,
#right div.moduletable_menu h3, #right div.module_menu h3 {
	text-align: left;
}

#module2 {
	text-align: left;
}

#module2 div.moduletable, #module2 div.module,
#module2 div.moduletable_menu, #module2 div.module_menu {
	text-align: left;
}

#module2 div.moduletable h3, #module2 div.module h3,
#module2 div.moduletable_menu h3, #module2 div.module_menu h3 {
	text-align: left;
}

#module3 {
	text-align: left;
}

#module3 div.moduletable, #module3 div.module,
#module3 div.moduletable_menu, #module3 div.module_menu {
	text-align: left;
}

#module3 div.moduletable h3, #module3 div.module h3,
#module3 div.moduletable_menu h3, #module3 div.module_menu h3 {
	text-align: left;
}

#footer {
	width: 100%;
float: left;
background: #000021;
	text-align: left;
	padding: 80px 0px;
}

#footer div.moduletable, #footer div.module,
#footer div.moduletable_menu, #footer div.module_menu {
	text-align: left;
}

#footer div.moduletable h3, #footer div.module h3,
#footer div.moduletable_menu h3, #footer div.module_menu h3 {
	text-align: left;
}