@charset "UTF-8";

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Vahika-Bold';
  src: url('../fonts/Vahika-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Vahika-Bold.woff') format('woff'), url('../fonts/Vahika-Bold.ttf')  format('truetype'), url('../fonts/Vahika-Bold.svg#Vahika-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.woff2') format('woff2'),
         url('../fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold_italic';
    src: url('../fonts/aller_bdit-webfont.woff2') format('woff2'),
         url('../fonts/aller_bdit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alleritalic';
    src: url('../fonts/aller_it-webfont.woff2') format('woff2'),
         url('../fonts/aller_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt-webfont.woff2') format('woff2'),
         url('../fonts/aller_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightitalic';
    src: url('../fonts/aller_ltit-webfont.woff2') format('woff2'),
         url('../fonts/aller_ltit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.woff2') format('woff2'),
         url('../fonts/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_displayregular';
    src: url('../fonts/allerdisplay-webfont.woff2') format('woff2'),
         url('../fonts/allerdisplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body { font-family:'montserratlight',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.c_x1_content_left h2, .c_x1_content_left h3 { font-family:'montserratbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.c_x1_content_right h2, .footer_nav ul:first-child li a { font-family:'montserratregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
h1, h2, h3, h4, .header_navigation a, .container_x3 a, .footer_top { font-family:'Vahika-Bold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

a, input, textarea, select {outline: none !important;}

html {
font-size:100%;
}
body {
color:#070302;
-webkit-font-smoothing:antialiased;
background:#F4EEE2 url("../images/background03.jpg") top left repeat;
}
h1, h2, h3, h4 {
line-height:100%;
font-weight:normal;
margin:0;
padding:0;
}
.vnutro {
text-align: left;
margin-bottom: 30px;
}
.vnutro h1 {
line-height:100%;
font-size: 200%;
font-weight:normal;
color: #16316F;
margin:0;
margin-bottom: 20px;
padding:0;
}
.vnutro h2, .vnutro h3, .vnutro h4 {
line-height:100%;
font-weight:normal;
margin:0;
margin-top: 20px;
margin-bottom: 20px;
padding:0;
}
.vnutro h2 { font-size: 160%; }
.vnutro h3 { font-size: 140%; }

.vnutro ul {
list-style-type: disc;
padding-left:20px;
margin-bottom:10px;
}

a:link, a:visited {
color:#070302;
}
a:hover {
color:#16316F;
text-decoration:none;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}
.imgleft {
float:left;
margin-right:25px;
}
.imgright {
float:right;
margin-left:25px;
}
.cleaner {
width:100%;
clear:both;
line-height:1px;
margin:0 !important;
padding:0 !important;
}

/* Container_top, Header ............................................................... */

.container_top {
background-color:#E9E7E4;
background-image:url("../images/background01.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.header {
position:relative;
}
.header_logo {
position:absolute;
top:0;
left:0;
text-align:center;
}
.header_logo img {
position:relative;
left:20px;
margin-left:auto;
margin-right:auto;
z-index:100;
}
body.innerpages .header_logo img {
width:150px;
}

/* Header_navigation ................................ */

.navbar-collapse > ul > li {
display:inline-block;
float:none;
}
.navbar-collapse ul > li > a {
font-size:145%;
color:#16316F !important;
height:90px;
line-height:90px;
text-shadow:1px 1px 0 #FFF;
background:transparent !important;
margin:0;
padding:0;
padding-left:5px;
padding-right:5px;
letter-spacing: -1px;
}
.navbar-collapse ul > li > a:hover,
.navbar-collapse ul > li > a:focus {
color:#16316F !important;
text-decoration:underline;
background:none !important;
}
.navbar-collapse ul > li > ul {
text-align:left;
background:#F4DAAC;
padding:10px;
border:0 solid #FFF;
border-radius:0;
}
.navbar-collapse ul > li > ul > li > a {
display:block;
font-size:115%;
height:40px;
line-height:36px;
margin:0;
padding:15px;
padding-top:0;
border-bottom:1px dashed #A78D60 !important;
}
.navbar-collapse ul > li > ul > li > a:hover,
.navbar-collapse ul > li > ul > li > a:focus {
color:#16316F !important;
text-decoration:underline;
border-bottom:1px dased #A78D60;
}

/* Container_x1 ................................ */

.container_x1 { 
padding-top:5px;
margin-bottom: 5px;
border-top:1px dashed #14100D;
border-bottom:1px dashed #14100D;
overflow:hidden;
}
.container_x1 > .row {
//background-image:url("../images/back_container_x1.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center 50%;
position: relative;
} 
.container_x1 > .row > div {
background:#25150B;
background:rgba(37,21,11,0.70);
}

.c_x1_title {
padding-top:30px;
padding-bottom:40px;
}
.c_x1_title h2, .c_x1_title h3 {
font-size:400%;
color:#DEBF88;
padding-right:100px;
}
.c_x1_title h3 {
color:#EF9E0D;
padding-left:130px;
}

.c_x1_content > div {
padding-bottom:30px;
}
.c_x1_content {
color:#FFF;
width: 100%;
}
.c_x1_content a {
color:#FFF;
}
.c_x1_content_left h2, .c_x1_content_left h3 {
font-size:110%;
color:#070302;
line-height:34px;
background-color:#DEBF88;
}
.c_x1_content_left h3 {
background-color:#FFF;
}
.c_x1_content_right h2 {
font-size: 150%;
color:#DEBF88;
line-height: 1.4em;
text-transform:uppercase;
margin-bottom:15px;
font-family: 'Vahika-Bold',Arial,Tahoma,Verdana,Helvetica,sans-serif;
}

.container_x1 .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-duration:0.8s;
animation-duration:0.8s;
}

/* Container_x2 ............................................................... */

.container_x2 {
text-align:center;
padding-top:40px;
padding-bottom:20px;
overflow:hidden;
}
.container_x2 .col-md-3 a {
display:block;
color:#070302;
}
.container_x2 .col-md-3 a img {
width:76px;
height:76px;
margin-left:auto;
margin-right:auto;
}
.container_x2 a img.zaoblene, .container_x2 .vnutro .col-md-4 a img, .container_x2 .vnutro .col-md-3 a img, .container_x2 .vnutro .col-md-2 a img {
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
}
.container_x2 a:hover img.zaoblene, .container_x2 .col-md-4 a:hover img, .container_x2 .col-md-3 a:hover img, .container_x2 .col-md-2 a:hover img {
-webkit-transform:scale(0.9);
transform:scale(0.9);
}
.container_x2 .col-md-3 h2, .ip_title {
font-size:190%;
color:#16316F;
text-shadow:1px 1px 0 #FFF;
margin-top:15px;
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px dashed #070302;
}

/* Container_x3 ............................................................... */

.container_x3 {
color:#FFF;
text-shadow:1px 1px 0 #220D0B;
background-color:#220D0B;
background-image:url("../images/back_container_x3.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center 50%;
padding-top:20px;
padding-bottom:20px;
}
.c_x3_title {
margin-top:20px;
margin-bottom:30px;
}
.c_x3_title h2, .c_x3_title h3 {
display:inline-block;
font-size:360%;
color:#DEBF88;
line-height:1.2em;
}
.c_x3_title h3 {
color:#EF9E0D;
}
.container_x3 a {
display:inline-block;
font-size:150%;
color:#DEBF88;
padding:10px;
margin-top:20px;
padding-left:20px;
padding-right:20px;
border:2px solid #DEBF88;
}
.container_x3 a:hover {
color:#EF9E0D;
border:2px solid #EF9E0D;
}
.container_x3 a img {
display:inline-block;
margin-right:10px;
}

/* Container_x4 ............................................................... */

.container_x4 {
text-align:center;
padding-top:45px;
padding-bottom:45px;
overflow:hidden;
}
.title_box h2 {
font-size:190%;
color:#16316F;
text-shadow:1px 1px 0 #FFF;
margin-bottom:20px;
padding-bottom:15px;
border-bottom:1px dashed #070302;
}
.title_box h2 img {
	width:130px;
	margin-bottom:-11px;
}

/* Container_x5 ............................................................... */

.container_x5 {
text-align:center;
background-color:#FFF;
padding-top:25px;
padding-bottom:25px;
}
.container_x5 h2 {
font-size:200%;
color:#16316F;
margin-bottom:15px;
}
.box_imp01 {
position:relative;
}
.box_imp01 div a {
/*display:block; */
text-align:center;
}
.box_imp01 div a img {
margin-left:auto;
margin-right:auto;
opacity:1;
filter:alpha(opacity=100); 
}
.box_imp01 div a:hover img {
opacity:0.6;
filter:alpha(opacity=60); 
}

/* Footer ............................................................... */

.footer {
color:#FFF;
text-align:center;
background-color:#273C6D;
padding-bottom:15px;
}
.footer a {
color:#FFF;
}
.footer a:hover {
text-decoration:underline;
}
.footer_fb img {
margin-top:-30px;
margin-left:auto;
margin-right:auto;
}

.footer_top {
font-size:115%;
text-align:left;
margin-top:20px;
clear:both;
padding-left:80px;
padding-right:80px;
}
.footer_top img {
float:left;
width:54px;
}
.footer_top p {
margin-left:54px;
padding-top:15px;
}

.footer_nav li {
display:inline-block;
}
.footer_nav ul:first-child {
margin-top:15px;
margin-bottom:15px;
padding-top:15px;
padding-bottom:15px;
border-top:1px dashed #6A799D;
border-bottom:1px dashed #6A799D;
}
.footer_nav ul:first-child li a {
font-size:110%;
padding-left:10px;
padding-right:10px;
letter-spacing: -1px;
}
.footer_nav ul:last-child li a img {
position:relative;
top:-2px;
}

.riadok {
margin-bottom:10px;
padding-bottom:10px;
border-bottom: 1px solid #ccc;
}

.partnerstva {
font-family: 'allerregular';
color:#005696;	
font-weight: bold;
font-size: 130%;
}


/* Effects ............................. */

.container_x2 a img.zaoblene, .container_x2 .col-md-4 a img, .container_x2 .col-md-3 a img, .container_x2 .col-md-2 a img, .container_x3 a  {
-webkit-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
transition:all 300ms linear;
}
.container_x2 a img.zaoblene, .container_x2 .col-md-4 a img, .container_x2 .col-md-3 a img, .container_x2 .col-md-2 a img, .container_x3 a {
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}

.prava-projekt {
    display: block;
    position: fixed;
    right: -73px;
    top: 220px;
    z-index: 100;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}
a.prava-link {
    font-family: 'Vahika-Bold',Arial,Tahoma,Verdana,Helvetica,sans-serif;
    background: #ddbb8b;
    padding: 8px 20px;
    font-size: 22px;
    color: #000 !important; 
    -webkit-border-radius: 10px 10px 0 0; 
    -moz-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;  
}
a.prava-link:hover {
    background: #EF9E0D;
    text-decoration: none;
}
a.prava-link span:before {
    content: "";
    background: #000;
    width: 30px;
    height: 3px;
    position: relative;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 5px;
}
a.prava-link span:after {
    content: "";
    background: #000;
    width: 30px;
    height: 3px;
    position: relative;
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 5px;
}

img.vlajka {
  width: 22px;
  height: 15px;
  margin-bottom: 4px;
  margin-right: 8px;
  display: inline-block;
}


/* Prispevok -----------------------  */
.prispevok_nadpis h2 {
	font-size: 300%;
    color: #16316F;
    text-shadow: 1px 1px 0 #FFF;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 0px;
}
.prispevok_nadpis p {
    font-size: 150%;
    font-weight: bold;	
}
.prispevok_obsah {
 position:relative;
}
.prispevok_obsah:before {
	position:absolute;
	top:15px;
	left:0;
	content:"";
	width:100%;
	height:calc(100% - 30px);
	background-image:url("../images/back_prispevok.jpg");
	background-position: 50% 50%;
	background-size:cover;
	border-radius:10px;	
}
.prispevok_obsah span {
    display: block;
    position: relative;
    width: 46%;
    color: #fff;
    background-color: #16316f;
    border-radius: 10px;
    padding: 20px 30px;
    margin-left: auto;
    margin-right: auto;
}
.prispevok_obsah a:hover span {
    color: #fff;
	text-decoration:none;
}
.prispevok_obsah span ul li:before {
	content: "";
	background-color: #ddbb8b;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	display: inline-block;
    margin-right: 5px;
}	
.prispevok_obsah span h3 {
	font-size: 320%;
    color: #ddbb8b;	
	margin-top: 30px;
    margin-bottom: 20px;
}	
.prispevok_obsah span h3:before {
	content: "";
	background-color: #ddbb8b;
	width: 110px;
	height: 4px;
	display: block;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.prispevok_footer {
    font-weight: bold;		
}
.prispevok img.vozen {
	max-width:599px;
	width:100%;
	height: auto;
	margin-top: 30px;
    margin-bottom: 30px;
}

/* 2% */

.panel-title {
  margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.panel-heading {
  padding: 0;
  background-color: transparent !important;
  border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.panel-heading a {
    padding: 10px 15px;
    display: block;
}

.panel-group .panel {
  border-radius: 0;
}

a.share_fb {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 150%;
    color: #fff;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #273C6D;
    text-decoration: none;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
}

a.share_fb:hover {
  background-color: #fff;
  color: #000;
}

.navbar-collapse ul > li > a.red_button {
    color: #fff!important;
    background-color: #ff0000 !important;
    text-shadow: none;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1450px) {
 .navbar-collapse ul > li > a { font-size: 135%; padding-left: 5px; padding-right: 5px; }
 
}

@media screen and (max-width: 1366px) {
 .footer_top { padding-left:0; padding-right:0; }
 
}
@media screen and (max-width: 1300px) {
 .navbar-collapse ul > li > a { font-size: 125%; padding-left: 5px; padding-right: 5px; }
}
  
@media screen and (max-width: 1200px) {
 .header_logo img { width:150px; }
 .c_x1_title h2, .c_x1_title h3 { font-size:300%; padding-right:0; padding-left:0; }
 .c_x3_title h2, .c_x3_title h3 { font-size:280%; }
 .container_x3 a { font-size:110%; padding:5px; padding-left:10px; padding-right:10px; }
 .container_x3 a img { width:35px; }
 .footer_top { font-size:100%; }
 .footer_nav ul:first-child li a { font-size:110%; padding-left:10px; padding-right:10px; }

}

@media screen and (max-width: 1100px) {
 .navbar-collapse ul > li > a { font-size: 115%; padding-left: 2px; padding-right: 2px; }	
 .header_logo img, body.innerpages .header_logo img { left:15px; width:130px; }

}

@media screen and (max-width: 991px) {
 .header_logo img, body.innerpages .header_logo img { left:0; margin-left:0; }
 .navbar-collapse > ul { float:none !important; }
 .navbar-collapse > ul > li { width:100%; }
 .navbar-collapse ul > li > a { font-size:130%; text-align:center; height:40px; line-height:40px; }
 .navbar-collapse ul > li > ul { text-align:center; }
 .navbar-collapse .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; box-shadow:none; }
 .navbar-header { float: none; }
 .navbar-toggle { display: block; }
 .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
 .navbar-collapse.collapse { display: none!important; }
 .navbar-default { background-color:transparent !important; }
 .navbar-default .navbar-toggle { border-color:#070302; margin-bottom:30px; }
 .navbar-default .navbar-toggle:hover,
 .navbar-default .navbar-toggle:focus { background-color:#070302; }
 .navbar-default .navbar-toggle .icon-bar { background-color:#EF9E0D; }
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form { border-color:#070302; }
 .navbar-collapse ul > li > ul { background:#F4DAAC !important; }
 .footer_fb img { width:55px; margin-top:-10px; }

}
 
@media screen and (max-width: 767px) {
 .c_x1_title h2, .c_x1_title h3 { text-align:center; }
 .c_x1_content_left h2, .c_x1_content_left h3 { float:left; width:80px; margin-bottom:15px; }
 .footer_top > div { width:100%; text-align:center; }
 .footer_top img { display:none; }
 .footer_top > div p { margin-left:0; padding-top:0; }
 .prispevok_obsah {	background-image:none;} 
 .prispevok_obsah span { width: 100%;}

}

@media screen and (max-width: 480px) {
 .c_x3_title h2, .c_x3_title h3 { font-size:180%; }
 .prava-projekt { display: none; }
 
}