/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/
.brozury {
	
	display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill,minmax(390px,1fr));
	
}
#center a, #footer a  {
color: #485C6D;
  
}
.bro a {
color: #011323;
font-weight: bolder;	}
.mod-articlesnews__item h2 {
	
	height: 60px;
}
.bro img {

width: 100%;
height: auto;
margin-bottom: 30px;	}

.bro p { 

color: #485C6D; }



.bro h3 { 
font-size: 28px;
color: #011323;
}
.bro {
	
	
	background: #fff;
  padding: 20px;
  border: 1px solid #CFD9E2;
}
#mod-custom114 {
max-width: 1300px;
	margin: 0px auto;	
	display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
}
.moduletable .ccc {
	max-width: 1300px;
	margin: 0px auto;	
}
.com-finder__results-list {
  padding: 0;
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}
#search-form .btn-primary {
	background: #5A1834;	
display: inline-flex;
padding: 10px 20px;
color: #fff;
font-weight: 400;
	border: 0px;
}
.word input {
  font-weight: bold;
  margin: 0px 10px 0px 0px;
  padding: 4px;
  font-size: 1em;
}
#center h2, #center h3 {
	
	margin-top: 20px;
}
.mod-finder {
	
	background: #F1F4F6;
	padding: 20px 10px;
	margin-top: 50px;
}
.mod-articlesnews {
	
max-width: 1300px;
	margin: 20px auto 80px auto;		
display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));	
}
.mod-articlesnews__item {
	background: #F1F4F6;
  padding: 20px;
  border: 1px solid #CFD9E2;
	
	
}
.com-content-category-blog__item img {
	
	
	width: 100%;
	height: auto;
}
.mod-articlesnews__item img {
	
	
	width: 100% !important;
	height: auto;
}
.com-content-category-blog__item {
	
	background: #F1F4F6;
	padding: 20px;
	border: 1px solid #CFD9E2;
}
.mod-menu {
	
list-style-type: none;
margin-top: 30px;
}
#logo img {
	
	float: left;
}
.readmore a {
	
	background: #5A1834;
	padding: 4px 10px;
	color: #fff;
	font-weight: 800;
}
.hits   {
	display: inline-flex;
	background: #AEC3D5;
	padding: 5px 10px;
	color: #011323;
}
.com-content-category-blog__items {
 
	width: 100%;
display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
  align-content: stretch;	
	
}
#center p, .mod-articlesnews__item p {
	font-size: 16px;
	color: #485C6D;
}
.page-header h2 a {
	font-weight: 800;
	color: #011323;
	font-size: 26px;
}
#center {
	

	max-width: 1300px;
	margin: 0 auto;	
}
.tlac2 a, #footer .tlac2 a  {
background: #011323;	
display: inline-flex;
padding: 10px 20px;
color: #fff !important;
font-weight: 400;
margin-top: 20px;
 
}
   .tlac a {
background: #5A1834;	
display: inline-flex;
padding: 10px 20px;
color: #fff !important;
font-weight: 400;
 
}
#module1  {
	
	width: 100%;
	float: left;
}
#mod-custom110 {
	
	width: 100%;
	height: 750px;
	 background: url("../images/baner1.webp") center center no-repeat;
}
.obalbaner p { 
 
 width: 524px;
color: #fff;
font-size: 18px;

} 
.obalbaner h2 { 
background: #011323;
padding: 15px 20px;
color: #fff;
font-size: 48px;
 width: 524px;
display: inline-flex;
}
.obalbaner {
	
	max-width: 1300px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
#logo {
float: left;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;	
	
}
#center h1, #center h2, #center h3 {
	
	
color: #011323;	
}
#logo h1 { 

color: #fff;}
.mod-menu li a { 
text-decoration: none;

color: #fff;}
.mod-menu li {

float: left;
margin-left: 20px;
color: #fff;
padding: 10px 10px;
	}
html {
  height: 101%;
}

body {
  margin: 0;
  font-family: Helvetica, sans-serif;
  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;
}
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 {
	line-height: 1.6;
  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 {
	 
}

.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 {
width: 100%;
float: left;
	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;
	text-align: left;
	background: #011323;
}
#mainbanner {
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
}

#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 {
	text-align: left;
}

#logodesc {
	text-align: left;
}

#nav2 {
	float: right;
	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 {
	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;
	width: 100%;
	float: left;
	margin-top: 100px;
	margin-bottom: 100px;
}

#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 {
	width: 100%;
	padding: 50px 0px;
	text-align: left;
	float: 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;
	padding: 100px 0px;
	border-top: 1px solid #CFD9E2;
	text-align: left;
}

#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;
}