@charset "UTF-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box h2 { font-family:'open_sanslight',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box h2 span, 	.box_imp01 h3, .footer .container > a { font-family:'open_sansbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:100%;
}
body {
	color:#33363E;
	-webkit-font-smoothing:antialiased;
	background-color:#FFF;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#ae0000;
}
a:hover {
	color:#33363E;
	text-decoration:none;
}
a.nav_next {
	display:inline-block;
	position:relative;
	color:#FFF !important;
	margin-top:15px;
	padding:10px 45px;
	border:2px solid transparent;
}
a.nav_next01 {
	background-color:#ae0000;
}
a.nav_next02 {
	background-color:#33363E;
}
a.nav_next:hover {
	background-color:transparent;
	border:2px solid #FFF;
}
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;
}

/* Topbox  ............................................................... */

.topbox {  
    position: relative;
    color: #FFF;
    background-color: #606166;
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;    
}
.topbox:after {
	position:absolute;
	bottom:0;
	left:50%;
	width:1000%;
	height:5px;
	content:"";
	background-color:#ae0000;
}
.topbox a {
	color:#FFF;
}
.topbox a:hover {
	color:#ae0000;
}

/* Header, Navigation  .............................. */

.header {
	padding-top:220px;
}
.header_text {
	font-size:130%;
	text-transform:uppercase;
	padding-top:30px;
	padding-bottom:100px;
}

.navigation {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.navigation_in {
	position:relative;
	width:100%;
	margin-bottom:15px;
}
.navigation_in .row > div:first-child { 
	padding-top:10px; 
}
.navigation .navbar-collapse {
	padding-left:0;
	padding-right:0;
}
.navigation li {
	display:inline-block;
}
.navigation li a {
	position:relative;
	display:block;
	line-height:100px;
	font-size:145%;
	color:#FFF !important;
	text-transform:uppercase;
	-webkit-backface-visibility:hidden; 
	backface-visibility:hidden;
	padding:0 30px;
	overflow:hidden;
}
.navigation li a:after {
	position:absolute;
	top:-100%;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background:#ae0000; 
	opacity:0;
}
.navigation li a:hover:after, .navigation li a.hi:after {
	top:0;
	opacity:1;
}
.navigation li a span {
	position:relative;
	display:inline;
	z-index:500;
}
.navigation li a span:after {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:2px;
	content:"";
	background:#FFF; 
	margin-top:2px;
	opacity:0;
}
.navigation li a:hover  span:after, .navigation li a.hi  span:after {
	margin-top:10px;
	opacity:1;
}

/* Tb_container  .............................. */

.tb_container01, .tb_container02 {
	position:relative;
	background-color:#33363E;
	padding-top:40px;
	padding-bottom:40px;
	overflow:hidden;
}
.tb_container02 {
	background-color:transparent;
}
.title_box {
	margin-bottom:30px;
}
.title_box h2 {
	font-size:300%;
	text-transform:uppercase;
	letter-spacing:-1px;
	line-height:1.2em;
}

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

.container_x1 {
	position:relative;
	padding-top:40px;
	padding-bottom:40px;
	overflow:hidden;
}
.box_imp01 a {
	display:block;
	color:#33363E;
}
.box_imp01 h3 {
	min-height:70px;
	font-size:180%;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-top:15px;
	margin-bottom:15px;
}
.box_imp01 a span {
	position:relative;
	display:block;
	margin-top:15px;
	padding-top:15px;
}
.box_imp01 a span:after {
	position:absolute;
	top:0;
	left:0;
	width:20%;
	height:1px;
	content:"";
	background:#ae0000; 
	margin-left:40%;
	margin-right:40%;
}
.box_imp01 a:hover span:after, .box_imp01 a.hi span:after {
	width:60%;
	margin-left:20%;	
	margin-right:20%;
}

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

.container_x2 {
	position:relative;
	color:#FFF;
	background:#606166 url("../images/bg_container_x2.jpg") center top no-repeat;
	background-size:cover;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}
.text_imp {
	position:relative;
	font-size:130%;
	padding-top:50px;
}
.text_imp:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	content:"\f10d";
	font-family:"FontAwesome";
	font-size:30px;
	color:#ae0000;
	text-align:center;
}
.text_imp + p {
	position:relative;
	display:inline-block;
	font-size:90%;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #FFF;
}

/* Footer, Footer_bottom ............................................................... */

.footer {
	position:relative;
	color:#FFF;
	background:#606166 url("../images/bg_footer.jpg") center top no-repeat;
	background-size:cover;
	padding-top:70px;
	padding-bottom:70px;
	overflow:hidden;
}
.footer h2 {
	font-size:140%;
	letter-spacing:5px;
}
.footer .container > a {
	display:block;
	font-size:300%;
	color:#FFF;
	letter-spacing:8px;
	margin-top:5px;
	margin-bottom:15px;
}
.footer .container > a:hover {
	color:#ae0000;
}
.footer li {
	display:inline-block;
}
.footer li a {
	display:inline-block;
	color:#FFF;
	width:70px; 
	height:70px; 
	line-height:70px;
	font-size:220%;
	background-color:#ae0000;
	margin-left:5px;
	margin-right:5px;
	border:2px solid transparent;
}
.footer li a:hover {
	background-color:transparent;
	border:2px solid #FFF;
}

.footer_bottom {
	color:#FFF;
	background-color:#ae0000;
	padding:10px 15px;
}
.footer_bottom a {
	color:#FFF;
}
.footer_bottom a:hover {
	text-decoration:underline;
}
.footer_bottom li {
	display:inline-block;
}
.footer_bottom li img {
	position:relative;
	top:-2px;
}

.novinky_container {
width: 100%;
}
.novinky_container_in {
width: 48%;
margin-right: 2%;
border: @Border;
background-color: #fff;
line-height: 0px;
}
.novinky_obrazok {
overflow:hidden;
}
.novinky_obrazok img {
width:100%; 
height:auto;
}
.novinky_obrazok a img {
-webkit-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
transition:all 300ms linear;	
}
.novinky_obrazok a:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);	
}
.novinky_popis {
text-align: left;
margin-top:0;
margin-bottom: 30px;
}
.novinky_popis a:link, .novinky_popis a:visited {
position:relative;
display:block;
color:#FFF !important;
background-color:#1E2225;
padding:5px 10px;
border:0 solid #FFF;
}
.novinky_popis a:hover {
color:#FFF !important;
background-color:#ae0000;
}
.novinky_popis a i {
margin-top:5px;
margin-right:5px;
}

.adresa a[href^="mailto:"]:before {  
  content: "\f0e0";
  font-family:'FontAwesome',Arial,Tahoma,Verdana,Helvetica,sans-serif;
  color:#ae0000; 
  margin-right: 8px;           
} 
.adresa a.mobil[href^="tel:"]:before {  
  content: "\f10b";
  font-family:'FontAwesome',Arial,Tahoma,Verdana,Helvetica,sans-serif;
  color:#ae0000; 
  margin-right: 8px;             
}
.adresa a.fax[href^="tel:"]:before {  
  content: "\f02f";
  font-family:'FontAwesome',Arial,Tahoma,Verdana,Helvetica,sans-serif;
  color:#ae0000; 
  margin-right: 8px;            
}
.adresa a[href^="tel:"]:before {  
  content: "\f095";
  font-family:'FontAwesome',Arial,Tahoma,Verdana,Helvetica,sans-serif;
  color:#ae0000; 
  margin-right: 8px;           
}
.adresa a[href^="http://"]:before {  
  content: "\f0c1";
  font-family:'FontAwesome',Arial,Tahoma,Verdana,Helvetica,sans-serif;
  color:#ae0000; 
  margin-right: 8px;             
} 

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

a, div, .navigation a:after, .navigation a span:after, .box_imp01 a span:after {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

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

@media screen and (max-width: 1366px) {
	.header { padding-top:150px; }
	.header img { width:150px; }
	.header_text {	padding-top:15px; padding-bottom:50px; }
	.navigation li a { line-height:70px; }
	.title_box { margin-bottom:15px; }
	.title_box h2 { font-size:250%; }	

}
  
@media screen and (max-width: 1200px) {
	a.nav_next {	margin-top:10px; padding:5px 15px; }
	.header { padding-top:110px; }
	.header img { width:115px; }
	.header_text {	padding-top:10px; padding-bottom:30px; }
	.navigation li a { 	font-size:130%; line-height:50px; padding:0 15px; }
	.navigation li a:hover  span:after { margin-top:6px; }
	.title_box h2 { font-size:200%; }	
	.box_imp01 h3 { min-height:50px; font-size:150%; }
	.container_x2 {	padding-top:20px; padding-bottom:20px; }
	.text_imp {	font-size:115%;	padding-top:30px;	}
	.text_imp:before {	font-size:20px;	}
	.text_imp + p {	margin-top:10px; padding-top:10px;	}
	.footer { padding-top:30px; padding-bottom:30px; }
	.footer h2 { font-size:120%; letter-spacing:3px; }
	.footer .container > a {	font-size:250%;	letter-spacing:5px; }
	.footer li a {	width:46px; height:46px; line-height:46px; font-size:180%;	margin-left:2px; margin-right:2px; }
	
}

@media screen and (max-width: 991px) {
	.box_imp01 img { width:180px; }
	.box_imp01 h3 { min-height:50px; font-size:130%; }
		
}
 
@media screen and (max-width: 767px) {
	.header { padding-top:0; }
	.header h1 img, .navigation_in .row > div:first-child { position:absolute; top:10px; left:10px; width:60px; padding:0; z-index:300; }
	.header_text {	font-size:100%; padding-top:25px; padding-bottom:15px; }
	.navigation { position:relative; }
	.navigation ul { text-align:center; }
	.navigation ul li { width:100%; border:0 solid #FFF; }
	.navigation ul li a { display:inline-block; font-size:110%; }
	.navigation .navbar-header { float: none; }
	.navigation .navbar-toggle { position:relative; display: block; z-index:300; }
	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }
	.navigation .navbar-collapse.collapse { display: none!important; }
	.navigation .navbar-default { background-color:transparent !important; }
	.navigation .navbar-default .navbar-toggle { border-color:#FFF; }	
	.navigation_in .navbar-default .navbar-toggle { margin-right:0; }
	.navigation .navbar-default .navbar-toggle:hover,
	.navigation .navbar-default .navbar-toggle:focus { background-color:#FFF; }
	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#ae0000; }
	.navigation .navbar-default .navbar-collapse,
	.navigation .navbar-default .navbar-form { border-color:#FFF; }
	.tb_container01, .tb_container02, .container_x1, .container_x2, .footer {	padding-top:15px; padding-bottom:15px; }
 
}

@media screen and (max-width: 480px) {
	.title_box h2 { font-size:140%; }	
	.box_imp01 article { width:100%; margin-bottom:15px; }
	.box_imp01 article:last-child { margin-bottom:0; }
	.box_imp01 h3 { min-height:inherit; font-size:115%; }
	.text_imp {	font-size:100%;	}
	.footer .container > a {	font-size:170%;	letter-spacing:3px; }
	.col-xs-6.gal { width: 100%; }
}

.form-control, .btn {
	border-radius: 0;
}

.btn-pink {
	background-color: #ae0000;
	color: #fff;
	border: 0px;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.btn-pink:hover {
	background-color: rgb(132, 12, 40);
	color: #fff;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.podstranka li:before {
	content: "•";
    color: #ae0000;
    font-weight: bold;
    padding-right: 5px;
}