hr {
    background: #3395CB;
}
.center  { text-align: center;}
.bordered  { border: 1px solid #666;
padding:10px;}
.marfotos  { margin-left: 3%;}

.price-cz {
    display: block;
    font-size: 30px;
    line-height: 30px;
}




.w100 {width:100px;}
.w279 {width:279px;}
.clearfix {
    float: none;
    clear: both;
}
.nopadding {padding:0;}
 .pad-t10  { padding-top: 10px;}
 .pad-t12  { padding-top: 12px;}
  .pad-t20  { padding-top: 20px;}

.pad-r5  { padding-right: 5px;}
.pad-r10  { padding-right: 10px;}
.pad-b10  { padding-bottom: 10px;}
.pad-b20  { padding-bottom: 20px;}
.pad10  { padding: 10px;}
.pad12  { padding: 12px;}
.pad14  { padding: 14px;}
 .pad20  { padding: 20px;}
 
.pad-l5{   padding-left: 5px;} 
.pad-l10  { padding-left: 10px;}
.pad-l12  { padding-left: 12px;}
.pad-l15  { padding-left: 15px;}


.nomargin {margin:0;}
.mt15  { margin-top: 15px;}
.mt100  { margin-top: 73px;}
.mb15  { margin-bottom: 15px;} 
.mt30  { margin-top: 30px;}
.mb30 { margin-bottom: 30px;} 
.ml20  { margin-left: 20px;}

.h400 { height: 400px;}
.btn-default  {
    background: #BF0000 ;
    color: #FFF;
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 8px;
}

/*_______ navbar top menu ___________*/
.navbar-default .btn-link {
    color: #fff;
    padding: 1px 3px 5px 1px;
    font-size: 14px; 
}

.navbar-brand {
    padding: 0px; 
    height:60px;  
}
. topper{
    background:#000;}
     
 .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 5px;
     }
.navbar{margin-bottom: 0px;
 }
 
.mtnav{position:relative; top:0px; }
.navbar-wrapper2{min-height:10px; background:#2B2D41;   box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); padding-bottom:0px;}
.mtslide{position:relative; top:50px;}
.mtslide2{position:relative; top:0px;}
.topper   { background:#fff;  }


@media (min-width: 992px) {
.navbar-wrapper2{min-height:10px; padding-bottom:0px;}        
  
.mtnav{position:relative; top:0px;}
.mtslide{position:relative; top:90px;}
}

 img.logo {width:250px; margin-top:10px}
/*.navbar-wrapper2{min-height:110px; background:white; border-bottom:0px solid #cccccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); padding-bottom:0px;}*/        
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    
}
.navbar-nav > li > a {
     
/* padding-top:40px;
    padding-bottom:10px;    */
    line-height: 30px;
    color: #fff;
}
.navbar-nav > li > a:hover {  color: #000;  
}

.navbar-toggle .icon-bar {
     
    color: #CCEEFF;
    background-color: #CCEEFF;
}
 


 .social {
     
    border: 1px solid #CCEEFF;
}
 
 
 /* ______dropdown on hover __________*/
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
 
 

 /* ______carusel blocks __________*/
 
.carousel-caption-box {
    background: rgba(0, 123, 190, 0.8);
    color: #FFF;
    font-family: "Open Sans","Helvetica Neue","Arial","Verdana",sans-serif;
    margin-bottom: 0.25em;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
.carousel-logo {
 
    background: #fff;
    color:#000;
    font-family: "Open Sans","Helvetica Neue","Arial","Verdana",sans-serif;
    margin-bottom: 0.25em;
    margin-left: 0px;
    margin-right: 0px;
    text-align: right;
}

/* ______ body blocks smazat ________*/
 
 
.square-block-body {
  background: rgba(41, 128, 185, 0.7);
  bottom: 0;
  color: white;
  left: 0;
  opacity: 0;
  overflow: hidden;
   padding: 10px 20px; 
  position: absolute;
  text-align: left;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}



.square-block-body:hover { opacity: 1; }


.half-square-block {
    left: 0px;
    top: 0px;
    position: absolute;
}
.hoverbox {
    position: relative;
    width: 100%;
    overflow: hidden;
        	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
 

}
 .hoverbox>h2,  .hoverbox>h3{
    padding: 10px 20px; 
}
.hoverbox h3 {
     font-size: 17px;
    font-weight: bold;
    line-height: 1.4em;
    margin-top: -30px;
    
    } 

 .hoverbox p{
   margin-top: 200px;
}

 .hoverbox > div > div.text {
    top: 0px;
    position: absolute;
    left: 0px;
}
 
.bordered {
    border: 1px solid #C6C7C8;
    color:#BF0000;
    

}
 
/*-------------------end smazat------------------------------------*/

 .view {
    
   width: 100%;
   height: 100%;
 /*  margin: 10px;
   float: left;   */
   overflow: hidden;
   position: relative;
   text-align: left;
   cursor: default;
   background: #fff;
}
  .view.view-first.bordered.news {
   color: #fff; 
   background: #BF0000;
}
  .view.view-first.bordered.news h2, .view.view-first.bordered.news h3, .view.view-first.bordered.news p{
    color: #fff; 
    
}
 

 .view .mask  {

   width: 100%;
   height: 100%; 
  /* max-width: 100%;
   max-height: 100%;   */
   position: absolute;
   overflow: hidden;
 
}

.view img {
  display: block;
  /*max-width: 100%;
  height: 100%;     */

}

 .view-first .text {
    top: 0px;
    position: absolute;
    left: 0px;
    padding:20px;
  
} 
 .text-half {  
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
} 
  .text-half-top {
 /*    top: 0px;
    position: relative;
    left: 0px;
    padding:20px;
    margin-bottom:15px;
   max-height:165px;
    float:left;
    width: 100%;
    overflow:hidden;
    max-height:50%;     */
         
    left: 0px;
    top: 0px;
    overflow: hidden;
    position: absolute;
}
 
 
  .text-half-bottom {
    /* top: auto;
    bottom:0;
    position: relative;
    left: 0px;
    padding:20px;
    margin-top:15px;
    max-height:165px;
     float:left;
    width: 100%;
     overflow:hidden;
       max-height:50%;  */
     
        bottom: 0px;
    top: auto;
    overflow: hidden;
 
} 

.text-top {
    left: 0px;
    top: 0px;
    overflow: hidden;
    position: absolute;
    margin-bottom: 30px;
    min-height: 45%;
    max-height: 48%;
}
 
.text-bottom {
    position: absolute;
    overflow: hidden;
    top: auto;
    bottom: 0px;
    max-height: 45%;
    min-height: 48%;
    margin-top: 15px;
}

.view .text-bottom  p,  .view .text-top  p, .view .text-bottom  h2,  .view .text-top h2 {
  /* position: absolute;*/
   color: #BF0000;
   /*padding: 10px 20px 20px;*/
   text-align: left;
   padding-top: 0px;
}

  .text-half-bottom  p,  .text-half-top  p {
  /* position: absolute;*/
   color: #BF0000;
   /*padding: 10px 20px 20px;*/
   text-align: left;
   padding-top: 0px;
}
  .text-bottom h2,  .text-top  h2 {
   margin:0;
  font-size: 17px;
  font-weight: bold;
  margin-bottom:10px;
   color: #BF0000;
}
/*
.view img {
   display: block;
   position: relative;
}
*/

.view h2 {
   
   color: #fff; 
   position: relative; 
   margin: 0px 0 0 0;
   
}

.view .text h2 {
   color: #BF0000;
   position: relative;
   margin: 0px 0 0 0;
  
}
 .text h3, .view h3 {
     font-size: 17px;
    font-weight: bold;
    line-height: 1.4em;
    margin-top:0px
    
    } 
.view .mask p {
   position: relative;
   color: #fff;
   /*padding: 10px 20px 20px;*/
   text-align: left;
   padding-top: 100px;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}

.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: rgba(41, 128, 185, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
  bottom: 0;
  color: white;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0;
  right: 0;
   padding:20px;
}   /* 
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}   */
.view-first .mask p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first .mask:hover  {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
} 
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
 /**/
.btn-view{
	display: inline-block;
	border: 0px solid #ffffff;
  font-size: 14px;
	font-weight: bold;
	width: 60px;
	height: 30px;
	text-indent: 0;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	line-height: 30px;
  background-color: #BF0000;  
	-webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.btn-view:hover {
	background-color: #FFFFFF;  
	color:#BF0000;
	text-decoration: none;
}






.panel-default {
    border-color: #DDD;
}
.panel {
    
   /* border: 0px solid transparent;*/
     
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}


/*---------colored section---------*/

 .section-colored   {
  background:  #2B2D41 ;
   font-size:12px;
}

.section-colored li a {
  text-decoration: none;
  color: #fff;
}
.section-colored li a:hover {
  text-decoration: underline;
  color: #fff;
}
.section-colored h2, .section-colored h3, ul.footerlist-big li {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4em;
    margin-top:0px;
    color: #fff;
}
.section-colored   p,  .section-colored     a, .section-colored     a:hover { color:#fff;}
.section-colored   ul   { list-style: none;   color:#fff; padding-left: 0;}

  
ul.footerlist {padding-left:0px;   margin-right: 36px; }
ul.footerlist li{line-height:20px;  list-style: none; }
ul.footerlist li a{color:#fff; }
ul.footerlist li a:hover{color:#fff; text-decoration:underline;}

ul.footerlist-big li { list-style: none;   margin-bottom: 10px;  }
  
  footer  { background-color:#2B2D41; padding: 0px 0px 20px 20px; margin:0;}
  footer ul   { list-style: none;   }
  footer p,  footer li,  footer li a,   footer li a:hover { float:left; margin-right: 10px; color:#666;}

 
  footer li:after {   color:#BF0000; 	content: '•'; 	padding-right: .3em; }
 footer li.last:after { 	content: '';	padding: 0 ;}

 /*_________bread crumb_______*/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0px;
}
.breadcrumb ul, .breadcrumb ol {
    margin-top: 50px;
    margin-bottom: 10px;
    border-bottom: 1px solid #BF0000;
}
   
#menu-breadcrumb {
    padding: 13px 0px 10px;
}
#menu-breadcrumb li {
    float: left;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
  color: #666;
}
.breadcrumb > .active {
    color: #BF0000;
}
 
 
 
 .carousel-inner  {
    padding-left: 50px;
   padding-right: 50px;
}
.carousel-caption {
    
    bottom: -150px;
    
    color: #000;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control
 {

    color: #000;
 
}
.carousel-control.left, .carousel-control.right {
    background-image: none;  }

p {text-align: justify;}

@media (max-width: 767px){
.navbar-nav .open .dropdown-menu {

  background-color: rgb(250 250 250);

}
}