@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300&subset=latin,latin-ext);



@font-face {
    font-family: 'Museo Sans 100';
    src: url('../../fonts/MuseoSans-100Italic.eot');
    src: url('../fonts/MuseoSans-100Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-100Italic.woff') format('woff'),
    url('../fonts/MuseoSans-100Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700.eot');
    src: url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-700.woff') format('woff'),
    url('../fonts/MuseoSans-700.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900.eot');
    src: url('../fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-900.woff') format('woff'),
    url('../fonts/MuseoSans-900.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans-300.eot');
    src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-300.woff') format('woff'),
    url('../fonts/MuseoSans-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500Italic.eot');
    src: url('../fonts/MuseoSans-500Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-500Italic.woff') format('woff'),
    url('../fonts/MuseoSans-500Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500.eot');
    src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-500.woff') format('woff'),
    url('../fonts/MuseoSans-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans-900Italic.eot');
    src: url('../fonts/MuseoSans-900Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-900Italic.woff') format('woff'),
    url('../fonts/MuseoSans-900Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans-700Italic.eot');
    src: url('../fonts/MuseoSans-700Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-700Italic.woff') format('woff'),
    url('../fonts/MuseoSans-700Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans-100.eot');
    src: url('../fonts/MuseoSans-100.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-100.woff') format('woff'),
    url('../fonts/MuseoSans-100.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans-300Italic.eot');
    src: url('../fonts/MuseoSans-300Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MuseoSans-300Italic.woff') format('woff'),
    url('../fonts/MuseoSans-300Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}



html,
body {
    height: 100%; font-weight: normal; line-height: 26px; color: #797979; font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}









a.sidebutton {
    position: fixed; right: 0; top: 200px; display: block;
    width: 50px; height: auto; z-index: 1000000; cursor: pointer;
}

a.sidebutton img {
    width: 100%; height: auto;
}




.logohref {
    display: block; position: relative; width: 210px;
    background: transparent; z-index: 1000;
}
.logo {
    width: 200px; height: auto;margin: -10px 0 0 0px;
    display: block;
}






.butthref {
    display: block; position: absolute;
    z-index: 0;
    background: transparent; z-index: 1000;	margin: 25px 0 0 250px;
}
.doba {

}




.navbar1 {
    background: white; min-height: 90px;
}

.navbar11 {
    padding-top: 25px;
}


.navbar12 {
    text-align: right; padding-right: 30px;
}

.navbar12 .navbar-collapse3 {
    margin: 8px 0 0 0 !important;
}




.navbar12 div {
    float: right;
}






.navbar12 div a {
    text-decoration: none; padding: 0 0 0 10px;
}

.navbar2 {
    background: #00bbd4; height: 50px;
}




.navbar-inverse { background-color: #00BBD4; border-radius: 0}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #E3469A;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #E3469A}
.dropdown-menu { background-color: #E3469A; border: none; padding: 15px; box-shadow: none; border-radius: 0}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: rgba(255,255,255,0.2); }
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border: none}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF; text-transform: uppercase; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #FFFFFF;padding: 6px 10px;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}



.menulayer {
    display: none;
}





.navbar-inverse .topnav>.active>a:hover,.navbar-inverse .topnav>li>a:hover, .navbar-inverse .topnav>li>a:focus { background-color: #E3469A;}
.navbar-inverse .topnav>.active>a,.navbar-inverse .topnav>.open>a,.navbar-inverse .topnav>.open>a, .navbar-inverse .topnav>.open>a:hover,.navbar-inverse .topnav>.open>a, .navbar-inverse .topnav>.open>a:hover, .navbar-inverse .topnav>.open>a:focus { background-color: #E3469A}
.topnav .dropdown-menu { background-color: #E3469A; border: none; padding: 20px; box-shadow: none; border-radius: 0; font-size:  15px;}
.topnav .dropdown-menu>li>a:hover,  .topnav .dropdown-menu>li>a:focus { background-color: rgba(255,255,255,0.2); }

.topnav .dropdown-menu>li>a:hover,  .topnav .dropdown-menu>li>a:focus { background-color: rgba(255,255,255,0.2); }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse .topnav>li>a strong{ padding: 6px 10px; display: block;}

.navbar-inverse .topnav>li>a strong{ font-weight: normal;background: #E3469A;padding: 6px 10px; display: block; cursor: pointer; color: white; }
.navbar-inverse .topnav>li>a:hover strong{ opacity: 0.8; }
.navbar-inverse .topnav>li>a { color: #E3469A; padding: 0px; text-transform: uppercase; background: none;  }
.navbar-inverse .topnav>li>a:hover, .navbar-inverse .topnav>li>a:focus { color: #FFFFFF}
.navbar-inverse .topnav>li>a:hover, .navbar-inverse .topnav>li>a:focus { color: #FFFFFF}
.navbar-inverse .topnav>.active>a,.navbar-inverse .topnav>.open>a, .navbar-inverse .topnav>.open>a:hover, .navbar-inverse .topnav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .topnav>.active>a:hover, .navbar-inverse .topnav>.active>a:focus { color: #FFFFFF}
.topnav .dropdown-menu>li>a { color: #FFFFFF; padding: 5px 10px;}
.topnav .dropdown-menu>li>a:hover, .topnav .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .topnav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .topnav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .topnav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .topnav>.dropdown>a:hover .caret { border-bottom-color: #E3469A}
i.menucircle {
    opacity: 0.8; font-size: 20px; /*display: block; float: right; */margin-left: 4px;
}






.navbar-nav .dropdown .selected {
    font-weight: bold;}

.navbar-blue .dropdown .selected {
    font-weight: bold; background: #e3469a; color: white; padding-bottom: 16px !important;
}







.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0; background: rgba(227,70,154,0.9452857);
    left: 100%;
    margin-top: 0;
    margin-left: -1px;
}

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

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}













/* -----------------------  RESPONSIVE MENU  -----------------------------*/
@media(min-width:1025px) {

    .navbar2 .container .navbar-header {

    }
    .navbar2 .container .navbar-header .navbar-collapse {

    }
    .navbar-inverse .navbar-blue {
        background: rgba(255,255,255,0.0); margin-left: -15px;	margin-right: -15px; width:  106%; padding: 0;
    }
    .navbar-inverse .navbar-blue>.dropdown>a  {
        padding: 14px 21px; margin: 0;
    }

    .navbar-inverse .menu-en>.dropdown>a  {
        padding: 14px 26px; margin: 0;
    }
    
    
    .navbar-inverse .menu-de>.dropdown>a  {
        padding: 14px 21px; margin: 0;
    }

    .navbar-inverse .menu-it>.dropdown>a  {
        padding: 14px 26px; margin: 0;
    }

    .navbar-inverse .menu-fr>.dropdown>a  {
        padding: 14px 34px; margin: 0;
    }

    .navbar-inverse .menu-hu>.dropdown>a  {
        padding: 14px 32px; margin: 0;
    }





}







.navbarobj {
    background: #e14a9b; color: white; cursor: pointer;
}.navbarobj:hover{
     opacity:  0.7;
 }




.homebutton .fa-user {
	color: #e3469a;	
}

 





.aportal {	
	display: block; float: right; border-left: 1px solid rgba(0,0,0,0.10); padding: 3px 0 4px 9px;
}

a.aportal .fa-user {
	display: block; float: left; padding-top: 3px; font-size: 23px !important;
}

a.aportal span {
	display: block; float: right; line-height: 12px; font-weight: bold; font-size: 11px;
	text-align: center; padding: 2px 0 0 2px;	 
}






a.homebutton i {
    font-size: 27px; color: rgba(0,0,0,0.2); display: block;
    float: right; padding: 2px 10px 0 0px;
}

a.homebutton:hover i {
    color: #00BBD4;}







.searchdiv {
    width: 50px; height: 35px;
    background: url(../images/searchblue.png) center no-repeat;
    border-left:  1px solid rgba(0,0,0,0.1); border-right:  1px solid rgba(0,0,0,0.1);
    position: relative; float: right;
}














.atopbrno, .atopostrava {
    display: block; border: 1px solid #62d3e2; background: transparent; color: blue; padding: 10px 0; font-size: 16px;
    width: 47%; float: left; margin: 4px 8px 0 5px	; text-align: center; font-weight: 600;
    color: #62d3e2 !important;
}


.topselected {
    background: white; border-bottom: 1px solid white; margin: 4px 7px 0 0;
    color: #e3469a !important;
}


.topselected:hover, .atopbrno:hover, .atopostrava:hover {
    text-decoration: none;
}






.prvnitop {
    background: #f2fafd; padding: 40px 0 0 0; margin-bottom: -1px;
}

.druhemenu {
    background: white; padding: 0 0 10px 0; margin-bottom: -1px;
    border-top: 1px solid #62d3e2;
}






.topjazyky {
    width: 60px; margin: 0 10px 0 0; float: right;
}

.topjazyky .btn {
    padding: 5px 8px 5px 8px; border: none; background: #f2fafd;
}

.topjazyky .btn:hover {
    background: transparent;
}

.topjazyky .dropdown-toggle span {
    display: block; float: left; width:  17px; background: none;
}

.btn-group .langdropdown span {
    display: block; float: left; width: 17px; background: none;
}

.topjazyky img {
    height: 17px; width: auto; padding-left: 5px;
}

.topjazyky .langdropdown img {
    margin-left: -1px;
}

.topjazyky .langdropdown {
    border: none; width: 70px; font-size: 13px;
    border-radius: 3px; background: none; padding: 0; margin: 0 0 0 0;
}

.topjazyky .langdropdown li {
    padding: 0 0 ; background: white; width: 66px;  font-size: 13px;
}

.topjazyky .langdropdown li a {
    color: black;
}

.topjazyky .langdropdown li a:hover {
    color: black;
}




















.container {
    /*border:  1px solid silver;*/
}



.center {
    text-align: center;
}

.space30 {
    height: 30px;
}
.space50 {
    height: 50px;
}
.space80 {
    height: 80px;
}



a:link, a:visited {
    color: #e3469a; text-decoration: none !important;
}


a:hover {
    opacity: 0.7; color: #00bbd4;
}

p a:hover {
    text-decoration: underline !important;
}

.nav a:hover {
    opacity: 1;
}






h1 {
    color: #0F2339; font-size: 36px;
    margin: 50px 0 20px 0; border-bottom: rgba(0,0,0,0.05) 1px solid;
    font-family: 'Museo Sans 300'; padding-bottom: 15px;
}

h2 {
    color: black; font-size: 27px; font-weight: normal;
    padding: 50px 0 25px 0; margin: 0;  color: #00bbd4;
}


h3 {
    color: rgba(0,0,0,1); font-size: 18px; margin: 0; padding: 20px 0 5px 0;
    font-weight: normal;
}









.blue {
    color: #00bbd4;
}
.pink {
    color: #e3469a;
}

.bcgblue {
    background: #00bbd4;
}
.bcgpink {
    background: #e3469a;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}










.banner {
    background: #eaf3f6; margin-top: -20px;
}

header.carousel {
    height: 500px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}


.bannerimg1 {
    background: url(../images/1.jpg) top center no-repeat;
}

.bannerimg1o {
    background: url(../images/1o.jpg) top center no-repeat;
}

.carouselbanner1 a {
    display: block; width: 100%; height: 450px; background: none; text-decoration: none;
}

.carouselbanner1 img {
    display: none;
}

.bannerimgcovid {
    background: url(../images/1292x492_slider_COVID.jpg) top center no-repeat;
}
.bannerimgonline_cz {
    background: url(../images/1292x492_slider_ONLINE_CZ.jpg) top center no-repeat;
}
.bannerimgonline_de {
    background: url(../images/1292x492_slider_ONLINE_DE.jpg) top center no-repeat;
}
.bannerimgonline_en {
    background: url(../images/1292x492_slider_ONLINE_EN.jpg) top center no-repeat;
}
.bannerimgonline_fr {
    background: url(../images/1292x492_slider_ONLINE_FR.jpg) top center no-repeat;
}
.bannerimgonline_hu {
    background: url(../images/1292x492_slider_ONLINE_HU.jpg) top center no-repeat;
}
.bannerimgonline_it {
    background: url(../images/1292x492_slider_ONLINE_IT.jpg) top center no-repeat;
}
.bannerimgonline_pl {
    background: url(../images/1292x492_slider_ONLINE_PL.jpg) top center no-repeat;
}
.bannerimg2 {
    background: url(../images/2.jpg) top center no-repeat;
}

.bannerimg4 {
    background: url(../images/bannerkonzultace.jpg) top center no-repeat;
}

.bannerimg2o {
    background: url(../images/2o.jpg) top center no-repeat;
}


.bannerimg3 {
    background: url(../images/3.jpg) top center no-repeat;
}

.bannerimg3o {
    background: url(../images/3o.jpg) top center no-repeat;
}
.carouselbanner3 img {
    display: none;
}


.carouselbanner2 {
    padding-top: 80px; padding-left: 70px; /*max-width:  580px;*/
    padding-right: 0;
}

.banncurve {
    background: url(../images/banncurve.png) left top no-repeat;
    padding: 0 0 0 70px; margin-left: -70px; text-transform: uppercase;
}


.carouselbanner2 p {
    font-style: italic; color: gray; padding: 20px 0; margin: 0 0;
    font-size: 15px; /*max-width:  500px;*/
}

.spanbanner1 {
    font-size:  39px; color: #e3469a; font-family: 'Museo Sans 100';
    line-height: 1.15em; letter-spacing: -1px; ;
}

.spanbanner1dark {
    font-size:  39px; color: #003345; font-family: 'Museo Sans 100';
    line-height: 1.15em;letter-spacing: -1px;
}

.spanbanner2 {
    font-size:  39px; color: #e3469a; font-family: 'Museo Sans 500';
    line-height: 1.15em;letter-spacing: -1px;
}

.spanbanner2dark {
    font-size:  39px; color: #003345; font-family: 'Museo Sans 300';
    line-height: 1.15em;letter-spacing: -1px;
}

a.bannhref {
    color: #013445; font-size: 16px; text-align: center;
    line-height: 1.3em; margin-top: 20px; padding: 5px 0;
}

a.bannhref span {
    color: #e3469a;
}

.bannborderleft {
    border-left: 1px solid #AFD5DA;
}













.minibanner {
    background: #eaf3f6; height: 290px;
    color: #e3469a;  margin-top: -20px; overflow: hidden;
}

.minibannernoimg {
    background: #eaf3f6;
    color: #e3469a;  margin-top: -20px;
}


.minibanner-layer {
    background: rgba(255,255,255,0); position: absolute; width: 100%; height: 0px;
    display: none;
}

.minibanner .container {
    height: 290px;
}

.minibannernoimg .container {
    background: none;
    background-size: cover; height: auto;
}

.minibanner1 {
    padding-top: 60px;
}

.minibannernoimg .minibanner1 {
    padding-top: 45px;
}

span.minibanner_title {
    font-size: 40px; text-transform: uppercase; font-family: 'Museo Sans 300';
}

p.minibanner_text {
    font-size: 22px; margin: 15px 0 20px 0; line-height: 32px; padding-right: 50px;
    font-family: 'Museo Sans 300';	font-weight: normal; font-style: italic;
}

span.minibanner_sub {
    font-size: 15px; color: #7F7F7F;
}




.minibannernoimg span.minibanner_title {
    font-size: 40px; text-transform: uppercase; font-family: 'Museo Sans 300';
}

.minibannernoimg p.minibanner_text {
    font-size: 22px; margin: 10px 0 30px 0; line-height: 1.2em;
    font-family: Open Sans;	font-weight: 300; font-style: italic;
}










.hpblue {
    padding: 60px 0 40px 0; color: white; margin-top: -10px; z-index: 999;
    position: relative;
    background: #00bbd4 url(../images/bcgstripe1.png) bottom center no-repeat;

}

.hpcircle1 {
    width:  70px; height: 70px; padding-top: 20px; text-align: center;
    display: block; margin: 0 auto; background: rgba(255,255,255,0.7);
    border-radius: 50%;
}

.hpcircle1 i {
    font-size: 25px; color: #00bbd4;
}

.hpbox1 {
    text-align: center;
}

.hpbox1 a {
    display: block; color: white; font-size: 22px;
    padding: 10px 0 16px 0; font-family: 'Museo Sans 500';
}

.hpcircleimg {
    display: block; margin: 0 auto 20px auto;
}

.hpbox1 a .smaller {
    font-size: 16px;
}

.hpbox1 a .bigger {
    font-size: 26px;
}

.hpblue h2 {
    color: white; font-size: 42px; font-family: 'Museo Sans 100';
    text-transform: uppercase; margin: 0; padding: 0; line-height: 1.2em;
    font-weight: 300;
}

.hpbox1 p {
    padding: 0 10px; line-height: 20px;
}

.bannfooter {
    border-top: 1px solid rgba(255,255,255,0.4); margin-top: 20px;
    font-size: 17px; text-align: center; padding: 20px 0 35px 0;
}

.bannfooter a {
    color: white;
}

.bannfooter1 {
    text-align: center;
}

.bannfooter2 {
    text-align: right;
}








.hpvideo {
    padding: 70px 0 90px 0;
}

.hpvideo h2 {
    font-size: 36px; color: #003345; margin: 0; padding: 0 0 15px 0;
    font-weight: 300; font-family: 'Museo Sans 100';
}

.hpvideo p {

}

.hpvideoa {
    text-align: center; line-height: 1.3em;
}


.hpvideoa img {
    display: block; margin: 0 auto 10px auto;
}

.hpvideoa span {
    color: #00bbd4; display: block; padding: 5px 0;
    font-size: 13.5px;  text-transform: uppercase;
}

.hpvideoa a:hover {
    text-decoration: none; opacity: 0.6;
}

.hpvideoa a:hover span, .hpvideoa:hover img {
    text-decoration: none; opacity: 0.6;
}











.hpboxy {
    background: #f2f9fb url(../images/bcgstripe2.png) top center no-repeat;
    padding: 53px 0 70px 0;
}

.hpboxy h2 {
    font-size: 36px; color: #003345; margin: 0; padding: 15px 0 20px 0;
    font-weight: 300; font-family: 'Museo Sans 100';
}

.hpboxy p {
    max-width: 900px; margin: 0 auto; line-height: 23px; padding: 0 0 40px 0;
    color: rgba(0,0,0,0.6);
}

.hpboxmetoda div  {
    background: white; text-align: center; margin-bottom: 10px;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.1); height: 340px;
}

.hpboxmetoda:hover div  {
    background: white; text-align: center; margin-bottom: 10px;
    box-shadow: none;
}

.hpboxmetoda img.img-responsive {
    max-width: 100%; height: auto;
}


.hpboxmetoda a {
    text-decoration: none;
}

.hpboxmetoda a:hover {
    text-decoration: none;
}

.hpboxmetoda a span {
    color: #e3469a; display: block; font-size: 20px;
    padding: 20px 0 5px 0; font-family: 'Museo Sans 300';
}

.hpboxmetoda:hover a span {
    text-decoration: underline;
}

.hpboxmetoda a p {
    color: black; line-height: 20px; padding: 10px 15px 30px 15px;
}












.hprefbanner {
    background: url(../images/banner02a.jpg) center no-repeat;
}

.hprefbanner2 {
    padding-top: 0; padding-bottom: 50px;
}

.hprefbanner h2 {
    font-size: 35px; padding-bottom: 15px; line-height: 1.2em;
    margin: 0; padding: 50px 0 20px 0;
    font-weight: 300; color: #003345;  font-family: 'Museo Sans 100';
}

.refbluebox {
    background: #00bbd4; padding: 30px; color: white;
    font-size: 18px; height: 270px; overflow: hidden;
}

.refbluebox p {
    background: #00bbd4; padding: 0; font-style: italic;

}

.refbluebox span {
    display: block; padding: 20px 0 0 0;
}

.hprefbanner2 a {
    padding: 30px 0 0 5px; color: #e3469a; display: block; 	 text-transform: uppercase;
}

.hprefbanner2 a:hover {
    text-decoration: none; color: #00bbd4;
}

.hprefbanner2 a i {
    font-size: 18px; opacity: 0.8;
}









.main {
    margin-top: 25px; margin-bottom: 60px;
}

.main_side {

}

.side_kontakty {
    padding-top:  45px;
}

.main_text {

}






/* KONTAKTY NOVE */

.mapatop {
    margin-top: -20px;
}

.kontperex {

}

.kontperex h2 {
    color: #E3469A; font-size: 32px; line-height: 38px;
    margin-top: -20px;
}

.mapatop {

}

.kont_side {
    padding-top: 20px;
}

.kont_side h3 {
    color: #00bbd4; padding-top: 30px; font-size: 23px;
    padding-bottom: 20px;
}


.kont_side table td {
    vertical-align: top; color: #4a4b4c; line-height: 20px;
    padding-top: 10px; padding-bottom: 5px;
}

.kont_side table td:first-child {
    width: 30px; text-align: center;
}

.kont_side table td:last-child {
    padding-left: 20px;	padding-top: 15px;
}

.kont_side table td:last-child a {
    text-decoration: underline;
}

.kont_side table td i {
    color: #aeafb1; font-size: 29px;
}


.kont_side table td i {
    color: #aeafb1; font-size: 29px;
}

.hodiny strong {
    font-weight: normal; display: inline-table; width: 50px;
}


.kontsocials {
    margin-top: 40px;
}

.kontsocials a {
    color: #c7c8c9; font-size: 17px !important;
}






.main_zobrazeni {
    border-left: 1px solid rgba(0,0,0,0.05); padding: 0 0 0 40px;
}


.main_text hr {
    border: none; height: 40px; padding: 0; margin: 30px 0;
    background: url(../images/hr.jpg) bottom center no-repeat;
}

.main_text hr.line {
    border: none; border-top: 1px solid rgba(0,0,0,0.1); padding: 0; margin: 30px 0;
    background: none; height: 1px;
}


.main_zobrazeni li {
    line-height: 1.6em; padding-bottom: 10px;
}



.main_text blockquote {
    font-weight: normal; color: #00b9d3; margin: 40px 0 25px 0;
    background: #f4f8fb; border-left: 8px solid #5ad0e1;
    text-align: justify;
}

.main_text ul {
    margin-bottom: 25px; margin-top: 15px;
}

.main_text p {
    padding: 5px 0; text-align: justify;
}



.main_text a {
    text-decoration: underline;
}


.main ol.numbered {
    list-style: none; margin: 30px 0;
}
.main ol.numbered li {
    counter-increment: item; margin-bottom: 45px; margin-left: 35px;
}
.main ol.numbered li:before {
    margin-right: 10px; content: counter(item); background: white;
    border-radius: 100%; color: #E3469A; width: 50px; height: 50px;
    text-align: center; display: inline-block; border: 1px solid #E3469A;
    position: absolute; font-weight: bold; font-size: 20px;
    margin: -10px 0 0 -70px; padding-top: 10px;
}

.main .numbered h4 {
    color: rgba(0,0,0,0.7);
}




.main ol.numbered ul {
    list-style: square; margin: 30px 0;
}
.main ol.numbered li ul {
    counter-increment: none; margin-bottom: 45px; margin-left: 35px;
}

.main ol.numbered li li:before {
    font-size: 30px;
    margin: -10px 0 0 -70px; padding-top: 10px;
}








.sidea {
    text-decoration: underline;
}

.sidemenu {
    margin: 50px 0 80px 0;
}

.sidemenu li a {
    color: #00bbd4; padding: 7px 20px 7px 10px;
}

.sidemenu li a.selected {
    color: white; background: url(../images/sidemenu.png) right no-repeat;
}

.sidemenu li a:hover {
    color: white; background: url(../images/sidemenu.png) right no-repeat;
    opacity: 0.6;
}



.bannerbox1 {
    background: url(../images/reprofit-bok-tym.jpg) center no-repeat; height: 180px;
    padding: 0; margin: 0 0 10px 0; background-size: cover;
}

.bannerbox2 {
    background: url(../images/reprofit-bok-galerie.jpg) center no-repeat; height: 180px;
    padding: 0; margin: 0 0 10px 0; background-size: cover;
}




.bannerbox1o {
    background: url(../images/ostravabanner1.jpg) center no-repeat; height: 180px;
    padding: 0; margin: 0 0 10px 0; background-size: cover;
}

.bannerbox2o {
    background: url(../images/ostravabanner2.jpg) center no-repeat; height: 180px;
    padding: 0; margin: 0 0 10px 0; background-size: cover;
}



.bannerbox1 a, .bannerbox2 a {
    display: block; width:  100%; height: 100%;
}

.bannerbox1o a, .bannerbox2o a {
    display: block; width:  100%; height: 100%;
}

.bannerbox1 a:hover, .bannerbox2 a:hover {
    background: rgba(255,255,255,0.5); transition: 250ms;
}

.bannerbox1 a span, .bannerbox2 a span {
    display: block; float: right; background: #00bbd4; font-size: 18px;
    color: white; margin: 146px 0 0 0; padding:  4px 8px;
}


.bannerbox1o a:hover, .bannerbox2o a:hover {
    background: rgba(255,255,255,0.5); transition: 250ms;
}

.bannerbox1o a span, .bannerbox2o a span {
    display: block; float: right; background: #00bbd4; font-size: 18px;
    color: white; margin: 146px 0 0 0; padding:  4px 8px;
}





.floatleft {
    float: left;
}

.floatright {
    float: right;
}








.reference {
    margin-top: 80px;
}

.reference-foto img {
    max-width: 100%; height: auto;
}

.reference-text {

}

.reference-text img {
    display: none;
}

.reference-text p {
    font-size: 14px; font-style: italic; line-height: 1.8em;
}

.ref-quote {
    font-weight: 300; font-style: italic; line-height: 1.2em;
    padding: 5px 0 20px 0; color: black; display: block; font-size: 24px;
}

.ref-name {
    padding: 10px 0 0 0; color: #e3469a; display: block; font-size: 16px;
}

.ref-from {
    padding: 0 0 0 0; color: gray; display: block; font-size: 14px;
}




.div_vyhledavani {
    padding: 3px 0;
}








.team {
    margin-top:  10px; margin-bottom:  40px;
}

.team-member {
    text-align: center; margin-top:  30px; height: 200px;
}

.team-member strong {
    height: 145px; display: block; overflow: hidden;
}

.team-member img {
    margin: 0 auto; width: 120px !important; height: auto;
}

.team-name {
    display: block; color: black; font-size: 13px; padding: 10px 0 0 0; margin: 0;
    line-height: 1.2em;
}

.team-title {
    display: block; font-size: 12px; padding: 0; margin: 5px 0 0 0; line-height: 1.4em;
}

.butt-rozbaltym {
    font-size:  17px; text-align: center; display: block;
}

.well {
    background:  none; border:  none; box-shadow: none; padding: 0;
}

.collapse {
    background: none;
}







.gallery {
    padding: 30px 0;
}

.gallery-inner {
    padding: 0 10px; margin: 0;
}

.gallery-foto {
    border: 5px solid white; background-size: cover; height: 220px;
}

.gallery-foto:hover {
    transition: 250ms; opacity: 0.7;
}

.gallery-foto a {
    display: block; width: 100%; height: 100%; text-decoration: none;
}



.mediacol1 {
    padding-right: 25px;
}

.mediacol2 {
    padding-left: 25px;
}

.mediacol1 strong, .mediacol2 strong {
    display: block;
}

.mediacol1 a, .mediacol2 a {
    display: block; text-decoration: underline;
}









.info-upozorneni {
    padding: 20px; background: #e3469a; color: white;
    margin: 40px 0;
}

.info-upozorneni span {
    font-size: 24px; display: block; font-weight: 300; padding-bottom: 10px;
}

.kontakty blockquote {
    padding: 20px; background: #e3469a; color: white;
    margin: 40px 0; border: none;
}

.kontakty blockquote strong, .kontakty blockquote b {
    font-size: 24px; font-weight: 300;
}




.telbig {
    font-size: 20px; font-weight: bold; color: #e3469a; display: block;
    margin: 15px 0;
}

.telbig i {
    color: gray; padding-right: 10px; font-size: 26px;
}

.telbig span {
    font-size: 14px; color: black; font-weight: normal;
}

a.akontico {
    font-size: 15px; color: #e3469a; display: block; margin: 8px 0;
}

a.akontico span {
    text-decoration: underline;
}

a.akontico i {
    color: gray; font-size: 22px; padding-right: 9px;
}

a.akontico img {
    padding-right: 9px;
}



.karta-koord {
    margin-bottom: 35px;
}

.karta-koord table td{
    padding-right: 20px;
}

.karta-koord table {
    width:  100%;
}

.karta-koord table td span {
    display: block; font-weight: bold;
}

.karta-koord table td h3 {
    font-size: 16px;
}

.karta-koord table td img {
    display: block; padding: 2px 0;
}

.karta-koord table td a {
    display: block; color: gray; font-size: 13.5px;
}

.karta-koord table td a i {
    padding-right: 5px;
}

.karta-koord table td a span {
    display: inline-table; text-decoration: underline; font-weight: normal;
}




.karta-koord table td{
    height: 100px;
}

.karta-koord table td:first-child{
    width: 100px;
}

.karta-koord table td:last-child{
    width: 40px; padding-right: 0;

}

.karta-koord table td:last-child img{
    display: block; position: relative; width: 30px !important;
}








.kontcard {

}

.kontcard h3 {
    padding: 25px 0 10px 0;
}

.kontcard p {
    padding: 3px 0 10px 0;
}

.kontcard .telbig {
    font-size: 15px; font-weight: bold; color: #e3469a; display: block;
    margin: 5px 0 0 0;
}

.kontcard .telbig i {
    color: gray; padding-right: 10px; font-size: 16px;
}

.kontcard .telbig span {
    font-size: 14px; color: black; font-weight: normal;
}

.kontcard a.akontico {
    font-size: 15px; color: #e3469a; display: block; margin: 0 0 8px 0;
}

.kontcard a.akontico span {
    text-decoration: underline;
}

.kontcard a.akontico i {
    color: gray; font-size: 16px; padding-right: 9px;
}
















.hpmap {
    position: relative; margin-bottom: 0;
    background: url(../images/reprofit-map.jpg) bottom center no-repeat;
}



.maptext {
    position: relative; z-index: 150; overflow:  hidden;
    margin-top: 0; margin-bottom: 0;
}





.hpmap h2 {
    font-size: 36px; margin-top: 30px; font-weight: 300; color: #003345;
    font-family: 'Museo Sans 100';
}

.hpmap p {
    max-width: 590px; font-size: 15px; padding-bottom: 20px;
}

.hpmap span.lidown {
    font-size: 16px; color: rgba(0,0,0,0.7); display: block; font-weight: normal;
    padding: 2px 0 2px 17px; background: url(../images/lidown.png) left no-repeat;
    line-height: 1.3em; margin-bottom: 5px; margin-top: 0;
}

.hpmap a {
    padding: 0 0 0 0; color: #e3469a; width: 280px; display: block; text-transform: uppercase;
}

.hpmap a:hover {
    text-decoration: none;
}

.hpmap a span {
    text-decoration: underline;	display: block; float: left; position: relative z-index: 10000;
}

.hpmap a:hover span {
    text-decoration: none;
}

.hpmap a i {
    font-size: 18px; opacity: 0.8;	padding: 4px 0 0 10px; display: block; float: left;
}


a.mapahref {
    background: rgba(255,255,255,0); display: block; position: absolute;
    margin-left: 40%; margin-top: 300px; width: 200px; height: 150px; z-index: 3;
}





.hpnovinkyblue {
    background: #f3f8fb; padding: 40px 10px;
}

.hpaktualita a {
    color: #00bbd4; font-weight: bold; display: block; font-size: 15px;
    text-decoration: underline;
}

.hpaktualita span {
    color: rgba(0,0,0,0.3); padding: 0 0; display: block; margin: -1px 0 10px 0;
}

.hpaktualita p {
    margin: 0 0; line-height: 20px; color: rgba(0,0,0,0.4);
}


.akthplink {
    padding-top: 20px; text-decoration: none !important;
}

.akthplink a:hover  {
    text-decoration: none !important; color: #e2479b;
}

.akthplink a span:hover  {
    text-decoration: underline;
}

.akthplink a i {
    font-size: 16px; margin-bottom: -7px;
}








.novinkadiv {
    padding-bottom: 60px;
    min-height: 515px;
}

.novinkadiv h2 {
    font-size: 18px; color: black; padding: 20px 0 0 0; min-height: 70px;
    line-height: 23px;
}

.novinkadiv span {
    font-size: 12px; color: silver; padding: 10px 0 5px 0; display: block; margin: 0;
}

.novinkadiv p {
    padding: 0 0; line-height: 22px; text-align: left;
}

.novinkadiv a {
    text-decoration: none !important;
}

.novinkadiv a:hover h2 {
    text-decoration: underline !important; color: #e2479b;
}

.novinkadiv a:hover img {
    opacity: 0.9 !important;
}

.novinkadiv p a {
    text-decoration: underline !important;
}

.novinkadiv p a:hover {
    text-decoration: none !important; color: #e2479b;
}

.strankovani a {
    padding: 10px;
}

.strankovani a.active {
    padding: 5px 11px; background: #e2479b; color: white;
    border-radius: 50%; text-decoration: none;
}











.formstranka {
    background: #eff7fb url(../images/obalka.png) no-repeat 95% 5%;
    border: 1px solid #cbd3da; border-radius: 15px;
    margin-top: 50px !important; padding: 0 30px 30px 30px;
}


.formstranka h2 {
    font-size: 40px; color: #e3469a; padding: 50px 0 40px 0;
}


.formstranka label {
    color: #2e3337; font-weight: normal; font-size: 16px;
}

.formstranka input[type=text] {
    -webkit-box-shadow: inset 10px 10px 5px -10px rgba(128,128,128,0.4);
    -moz-box-shadow: inset 10px 10px 5px -10px rgba(128,128,128,0.4);
    box-shadow: inset 10px 10px 5px -10px rgba(128,128,128,0.4);
    background: white; border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,0.2); height: 40px;
}


.formstranka input[type=submit] {
    border-radius: 0; color: white; text-align: center;
    background: #e2479b; padding: 10px 60px; font-weight: bold;
    font-size: 20px; border: none; margin-top: 10px;
    text-transform: uppercase;
}


.formstranka textarea {
    -webkit-box-shadow: inset 10px 10px 5px -10px rgba(128,128,128,0.4);
    -moz-box-shadow: inset 10px 10px 5px -10px rgba(128,128,128,0.4);
    box-shadow: inset 10px 10px 5px -10px rgba(128,128,128,0.4);
    background: white; border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,0.2); min-height: 200px;
}

.formstranka .help-block  {
    text-align: right !important
}














.ceniksquare div {
    background-color: #f2f7fb; padding: 20px 18px 110px 18px;
    margin-bottom: 20px; min-height: 580px;
}

.ceniksquare h2 {
    background-color: #f8fdfe; color: #00bbd4; font-weight: bold;
    padding: 13px 13px; margin: 10px 0 30px 0; font-size: 24px;
}

.ceniksquare a {
    background-color: #00b9d4; color: white; display: block; text-decoration: none;
    text-align: center; padding: 4px 0; width: 120px; font-weight: bold;
    border: none !important; position: absolute; left: 35px; bottom: 40px;
}

.ceniksquare ul {
    margin: 0; padding: 5px 0 15px 0;
}

.ceniksquare p {
    padding: 0px 10px; color: #00b9d4;
}

.ceniksquare li {
    list-style: none; padding: 1px 10px 1px 20px; color: #00b9d4; font-size: 14px;
}

.ceniksquare li:before {
    content: "+"; padding-right: 12px; font-weight: bold; position: absolute;
    font-size: 24px; margin: 0 0px 0px -20px !important;
    display: inline-table; margin-bottom: -3px !important;
}

.ceniksquare .pricetag {
    background-color: #e2479b; color: white; display: block;
    text-align: center; border-radius: 50%; width: 100px; height: 100px;
    padding: 15px 5px; right: 40px; bottom: 60px; position: absolute;
    line-height: 16px; text-align: center; font-weight: bold;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
}

.ceniksquare .pricetag strong {
    display: block !important; font-weight: normal; font-size: 26px !important;
    padding-top: 8px; letter-spacing: -2px;
}










.panel-heading .accordion-toggle span.sipkacollapse:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    position: absolute; right: 10px;       /* adjust as needed */
    color: #d62471; height: 30px;     /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed span.sipkacollapse:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}


.panel {
    background: #f2f7fb; border: none !important; border-radius: 0 !important;
    padding: 8px 0; margin: 7px 0 !important; z-index: 1 !important; position: relative;
}

.panel-body {
    background: #f2f7fb; border: none !important; border-radius: 0 !important;
    padding: 30px 40px 30px 57px; z-index: 1 !important; position: relative;
}

.panel a {
    text-decoration: none; color: #d62471; }

.panel table td {
    vertical-align: middle;
}

.panel table td strong {
    padding: 7px 17px 7px 0; margin-right: 12px; font-size: 18px;
    border-right: 1px solid #d62471; outline: 0;
}

.panel a span {

}


.panel-heading {
    background: #f2f7fb !important; border: none !important; border-radius: 0 !important;
    padding: 9px 15px 9px 15px; height: auto;
}




















footer {

}

.footer1 {
    background: #00bbd4; padding: 20px 0 0 0; color: white;
}

.footer2 {
    background: #00bbd4; padding: 20px 0; color: white; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-top: -40px;
}

.footer2right {
    text-align: right;
}

.footer2right span {
    padding: 10px 10px 0 10px; text-transform: uppercase; font-size: 16px;
    color: rgba(255,255,255,0.7);
}

.footer3 {
    background: #00bbd4; padding: 10px 0; color: white;
    color: rgba(255,255,255,0.7);
}

.footer2 img {
    width:  180px; height:  auto;
}

.footer3 a {
    color: rgba(255,255,255,0.8); text-decoration: none;
}


a.noblock {
    display: inline; color: white;
}

.hbottom {
    display: block; font-size: 23px; padding: 20px 0;
    font-family: 'Museo Sans 300'; text-transform: uppercase;
}

a.afooter {
    display: block; color: rgba(255,255,255,0.85); text-decoration: underline;
    padding-bottom: 5px; text-transform: uppercase;
}

.footer1 p {
    padding-bottom: 0; line-height: 23px;
}

.botttel {
    display: block; font-size: 20px; padding: 3px 0; margin: 60px 0 0 0;
}

.bottmail {
    font-size: 20px; padding: 3px 0; margin: 0 0 0 0;
}

.botttel i, .bottmail i {
    font-size: 30px; padding: 0 5px 0 0;
}


.footer11, .footer12, .footer13, .footer14 {
    margin-bottom: 50px;
}

.footer13 p, .footer14 p {
    color: rgba(255,255,255,0.85);
}


.footer14 p {
    text-align: justify;
}

.footer14 strong {
    display: block; padding: 40px 0 0 0; float: left; width:  170px; height: auto;
}

.footer14 img {
    display: block; padding: 0 0; float: right; width:  170px; height: auto;
}






.kontmodal {
    border: 1px solid #e3469a; padding: 0; background: white;
}

.modal-content {
    padding: 0;
}

.modal-content1 {
    background:  white; padding: 20px 30px;
}

.modal-content1 h2 {
    margin-top: -50px;
}

.modal-content2 {
    background: #f6f9f8; padding: 20px 30px;
}

.modal-content2 h3 {
    margin-bottom: 20px; white-space: nowrap;
}

.closebutton1 {
    color: #e3469a;	float: right; display: block; margin: -10px 0px 20px 0;
    cursor: pointer;
}

.modal h2 {
    font-size: 26px; color: #e3469a; font-weight: normal;
}

.modal h3 {
    font-size: 22px; color: #e3469a; font-weight: normal;
}

.modal h3 i {
    color: gray; display: block; width: 30px; float: left;
}

.modal-content1 p {
    font-size: 13px; padding: 5px 0 0 0; line-height: 1.8em;
}

.modal-content2 p {
    font-size: 13px; padding: 5px 0 20px 0; line-height: 1.8em;
}


.form-kontakt {
    padding-right: 20px;
}

.form-kontakt .btn-success {
    border-radius: 0; background:#e3469a;
    color: white; border: none; font-size: 17px; padding: 5px 30px;
}

.form-kontakt .form-control {
    border-radius: 0;
}

.form-kontakt label {
    padding: 0; margin: 0; font-weight: normal; color: rgba(0,0,0,0.6);
}

.form-kontakt .collapse {
    padding-bottom: 10px;
}

.form-kontakt .pink a {
    text-decoration: underline;
}

.form-kontakt .pink a i {
    padding: 0 5px;
}






.form-kontakt .select {
    border: 1px solid #dc3086; font-weight: bold; box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.form-kontakt .input[type=submit]:hover, input.btn-success:hover {
    opacity: 0.7;
}



.modal-space {
    padding-left: 30px;
}

.mod-nazev {
    display: block; float: left; width: 65%;
    font-size: 15px; color: black; font-weight: normal;
}

.mod-tel {
    display: block; float: right; width:  34%; text-align: right;
    font-size: 14px; color: black; font-weight: bolder; padding-right: 15px;
}

.mod-doba {
    display: block; float: left; width:  100%; text-align: right;
    font-size: 13px; color: black; font-weight: normal; padding-right: 15px;
}


a.acoord {
    display: block; width: 100%; height: 90px; padding: 0;
    background: white; border: 1px solid #e1e1e1; color: #e3469a;
    margin: 20px 0 0 0;
}

a.acoord p {
    display: block; float: left; padding: 20px 0 0 20px; max-width: 150px;
    line-height: 1.4em;
}

a.acoord p span {
    display: block; height: 30px; padding: 0 0 0 0; margin-top: -10px;
}

a.acoord p img {
    padding: 10px 5px 10px 0;
}


img.koord-img {
    display: block; float: left; width: 70px;
}

.spandolni {
    color: black; font-size: 13px; display: block; text-align: center;
}

.spandolni a {
    color: #e3469a; text-decoration: underline;
}

.form-kontakt .well {
    padding: 0 0 0 0; margin: 0 0 0 -10px;
    background: #f6f9f7; border-radius:0; border: 0;
}

.form-kontakt .collapse {
    background: #f6f9f7;
}


















.tab_doktor {
    margin: 50px 0;
}

.tab_doktor td {
    vertical-align: middle; padding: 0 40px 0 0; line-height: 1.6em;
}

.tab_doktor td h4 {
    color: #00bbd4; font-size: 24px; font-weight: 300; font-style: italic;
}



.div_info {
    border: 1px solid #e3469a; padding: 20px; color: #e3469a;
    font-size: 22px; font-weight: 300;
}

.div_info p {
    padding: 0 0 20px 0; margin: 0;
}

.div_info .botttel {
    font-size: 20px; padding: 3px 0; margin: 0; font-weight: normal;
}

.div_info .bottmail {
    font-size: 20px; padding: 3px 20px; margin: 0; font-weight: normal;
}

.div_info .botttel i, .div_info .bottmail i {
    font-size: 30px; padding: 0 5px 0 0;  font-weight: normal;

}



.counter {
    color: #00bbd4; margin-top: 20px; margin-bottom: -40px; height: 200px;
}

.counter span {
    display: block; text-align: center; font-size:  14px;
}

.counter strong {
    display: block; text-align: center; font-size: 36px; font-weight: 700;
    padding: 10px 0 20px 0;
}

.counter p {
    padding: 0; margin:0;  text-align: center;  font-size:  16px;line-height: 1.4em;
}



a.avyrocni{
    display: block; padding: 10px 0 10px 50px; margin: 15px 0 0 0;
    background: url(../images/vyrocni-zpravy.png) left no-repeat;
    text-decoration: none; width:  300px;

}

a.avyrocni:hover{
    text-decoration: none;

}

a.avyrocni span {
    display: block; color: gray; padding: 0; margin: -5px 0 0 0;
    text-decoration: none;
}




table.tablestyle {
    margin: 20px 0;
}

table.tablestyle td {
    padding-right: 30px;
}



.table-bordered td {
    border: 1px solid white;

}

.table-vysledky  {
    width: 100%; max-width: 500px; margin: 30px auto 0 auto;
    font-family: 'Museo Sans 500';

}

.table-vysledky tr td {
    background: #cbeaf2; border: 1px solid white;  padding: 3px 15px;
    color: rgba(0,0,0,0.9);
}

.table-vysledky tr td:last-child {
    width: 100px; background: #dc3086; text-align: center; color: white;
}




.tabblue {
    /*background: #f4f8fb;*/
}





.div-instituce .img-responsive {
    max-width: 70%; height: auto; padding: 20px 0;
}



.btnzabal {
    margin: 15px auto; font-size: 16px; text-align: center;
    color: #e3469a; display: block; width: 300px;
    border: none; background: none;
}

.btnzabal span {
    text-decoration: underline; display: block; float: left;
}






h5 {
    color: rgba(0,0,0,0.7); font-size: 16px; padding: 15px 0 15px 40px;
    font-weight: normal; background: url(../images/hsipka.png) left no-repeat;
    margin: 0 0 0 15px;
}




.bottomsipky {
    padding-top: 40px;
}

.bottomsipky h5 {
    color: rgba(0,0,0,0.7); font-size: 16px; margin: 0; padding: 15px 0 15px 40px;
    font-weight: normal; background: url(../images/hsipka.png) left no-repeat;
    margin: 0 0 0 30px;
}


.warndiv {
    height: 80px;
}

.warndiv .text-danger{
    color: red; padding: 0; margin: -2px 0 0 0; font-size: 13px;
}







/* ****************************************************************************/
/* *********************      RESPONSIVE STYLES     ***************************/
/* ****************************************************************************/











@media(min-width:767px) {

    .dropdown-menu {
    min-width: 280px !important; font-size: 14px;
    }

    .closebuttonresp {
        display: none;
    }



    .bannerindikatory {
        position: absolute; width: 60%; right: 0; bottom: 40px;
    }

    ol.carousel-indicators {
        margin-right: 20% !important;
    }

    ol.carousel-indicators li,
    ol.carousel-indicators li.active {
        border: #dc3086 1px solid; width: 17px; height: 17px;
        margin: 4px;
    }

    ol.carousel-indicators li.active {
        background: #dc3086; margin-top: -2px !important;
    }





















}



/* -----------------------  min-width:1281px  -----------------------------*/
@media(min-width:1281px) {





}






/* -----------------------  min-width:1281px  -----------------------------*/
@media(min-width:1024px) {


    .banncurve {
        min-height: 170px;
    }









}











/* -----------------------  min-width:1280px  -----------------------------*/
@media(min-width:1280px) {









}








/* -----------------------  max-width:1200px  -----------------------------*/
@media(max-width:1200px) {

    .topnav {
        margin-top: 0; margin-bottom: 0;
    }



    .logohref {
        display: block; width: auto;
        background: transparent;
    }
    .logo {
        margin-top: 5px; width: 150px; height: auto;
    }


    .butthref {
        display: block; position: absolute;
        background: transparent; z-index: 1000;
        margin: 27px 0 0 210px;
    }
    .doba {

    }




.homebutton .fa-home {
	display: none;
}

.aportal {	
	display: none; }





}







/* -----------------------  min-width:1200px  -----------------------------*/
@media(min-width:1200px) {


.homebutton .fa-home {
	display: block;
}


.homebutton .fa-user {
	display: none;
}




}














/* -----------------------  max-width:1024px  -----------------------------*/
@media(max-width:1024px) {

    header.carousel {
        height: 430px;
    }


    .carouselbanner2 {
        padding-top: 40px;
    }

    .spanbanner1 {
        font-size:  32px; color: #e3469a; font-family: 'Museo Sans 100';
        line-height: 1.15em; letter-spacing: -1px;
    }

    .spanbanner1dark {
        font-size:  32px; color: #003345; font-family: 'Museo Sans 100';
        line-height: 1.15em;letter-spacing: -1px;
    }

    .spanbanner2 {
        font-size:  32px; color: #e3469a; font-family: 'Museo Sans 500';
        line-height: 1.15em;letter-spacing: -1px;
    }

    .spanbanner2dark {
        font-size:  32px; color: #003345; font-family: 'Museo Sans 300';
        line-height: 1.15em;letter-spacing: -1px;
    }

    a.bannhref {
        color: #013445; font-size: 14px; text-align: center;
        line-height: 1.3em; margin-top: 10px; padding: 5px 0;
    }

    .carouselbanner2 p {
        font-style: italic; color: gray; padding: 20px 0; margin: 0 0;
        font-size: 13px; /*max-width:  500px;*/
    }

    .navbar2 .navbar-nav>li {  padding: 0 0; width: 140px; border-right: 1px solid rgba(255,255,255,0.2); }

    .navbar2 .navbar-nav>li>a { background: #3cbad5;font-size: 13px; text-transform: uppercase; margin:0; padding: 0; line-height: 15px; text-align: center; }

    .js-activated {
        background: black;
    }

    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
    .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}


    /*.hpblue h2 {
        color: white; font-size: 36px; font-family: 'Museo Sans 100';
        text-transform: uppercase; margin: 0; padding: 0; text-align: center;
    }*/

    h2 {
        font-size: 28px;
    }

    .hpbox1 {
        margin-top: 10px;
    }



    .hpbox1 p {
        max-width: 330px; margin: 0 auto;
    }

    .hpboxmetoda div {
        height: 330px; margin-bottom: 20px;
    }

    .hpboxmetoda div:hover {
        height: 330px; margin-bottom: 20px;
    }



    .hprefbanner {
        background: url(../images/banner02a-transparent.jpg) left no-repeat;
        background-size: cover;
    }




    .well {
        background:  none; border:  none; box-shadow: none; padding: 0;
    }

    .collapse {
        background: none;
    }




    .navbar-inverse .navbar-blue {

    }
    .navbar-inverse .navbar-blue>.dropdown>a  {
        padding: 14px 15px; margin: 0;
    }






    .topjazyky {
        width: 60px; top: 10px; right: 110px; position: absolute;
    }



    .searchdiv {
        width: 50px; height: 35px;  top: 10px; right: 50px;
        background: url(../images/searchblue.png) center no-repeat;
        border-left:  1px solid rgba(0,0,0,0.1); border-right:  1px solid rgba(0,0,0,0.1);
        position: absolute;
    }


    a.homebutton i {
        font-size: 27px; color: rgba(0,0,0,0.2); display: block;
        position: absolute; top: 10px; right: 10px; padding: 2px 15px 0 3px;
    }





    .hpmap {
        position: relative; padding-bottom: 100px;
        background: url(../images/reprofit-map.jpg) bottom center no-repeat;
    }










    .karta-koord table td{
        height: 130px;  }

    .karta-koord table td:first-child{
        width: 90px; padding-right: 10px;
    }

    .karta-koord table td:last-child{
        width: 30px; padding-right: 0;

    }

    .karta-koord table td:last-child img{
        display: block; position: relative; width: 25px !important;
    }

    .karta-koord table td h3 {
        font-size: 14px;
    }



    .karta-koord table td a {
        display: block; color: gray; font-size: 12px;
    }













}













/* -----------------------  max-width:991px  -----------------------------*/
@media(max-width:991px) {


    .main_zobrazeni {
        border-left: none; padding: 0 0 0 0;
    }



    h2 {
        font-size: 22px;
    }



    .atopbrno, .atopostrava {
        display: block; border: 1px solid #62d3e2; background: transparent; color: blue; padding: 7px 0;
        width: 47%; float: left; margin: 1px 6px 0 0; text-align: center; font-size: 13px;
    }


    .topselected {
        background: white; border-bottom: 1px solid white; margin: 1px 6px 0 0;
    }






    .main {
        margin-top: 25px; margin-bottom: 20px;
    }




    .well {
        background:  none; border:  none; box-shadow: none; padding: 0;
    }

    .collapse {
        background: none;
    }

    .hpbox1 {
        margin-top: 40px;
    }


    .logohref {
        display: block;
        background: transparent;
    }
    .logo {
        width: 170px; height: auto;  margin: 0 0 0 10px;
    }




    .butthref {
        display: block; position: absolute; 	background: transparent; z-index: 1000;
        margin: 20px 0 0 210px;
    }
    .doba {
    }






    .minibanner-layer {
        background: rgba(255,255,255,0.8); position: absolute; max-width: 100%; height: 290px;
        margin: 0 0 0 -15px; display: block;
    }


    span.minibanner_title {
        font-size: 30px; text-transform: uppercase; font-family: 'Museo Sans 300';
    }

    p.minibanner_text {
        font-size: 20px; margin: 15px 0 20px 0; line-height: 25px; padding-right: 50px;
        font-family: 'Museo Sans 300';	font-weight: normal; font-style: italic;
    }


    .navbar2 {
        background: #00bbd4; height: auto;
    }




    .maptext {
        position: relative; z-index: 150; overflow:  hidden;
        margin-top: 0; margin-bottom: 0; padding-bottom: 200px;
    }


    a.mapahref {
        margin-left: 30%; margin-top: 500px; width: 200px; height: 150px; z-index: 1;
    }





    .tab_doktor {
        margin: 30px 0;
    }

    .tab_doktor td {
        vertical-align: top; padding: 0 10px; line-height: 1.6em;
    }

    .tab_doktor tr td:first-child {
        width: 100px;
    }


    .tab_doktor td h4 {
        color: #00bbd4; font-size: 18px; font-weight: 300; font-style: italic;
    }

    .tab_doktor td img {
        width: 80px !important; height: auto;
    }




    .navbar2 .navbar-nav>li {  padding: 0 0; width: 16% !important; border-right: 1px solid rgba(255,255,255,0.2); }

    .navbar2 .navbar-nav>li>a { background: #3cbad5;font-size: 12px; text-transform: uppercase; margin:0; padding: 0; line-height: 15px; text-align: center; }








}






/* -----------------------  max-width:767px  -----------------------------*/

@media(max-width:767px) {

    header.carousel .carousel {
        height: 70%;
    }


    .banner .item {
        margin-top: 50px !important;
    }

    .carouselbanner1 {
        height: 250px;
    }

    .banner {
        background: #eaf3f6; margin-top: -20px;
    }

    header.carousel {
        height: auto;
        margin-top: 40px;
    }

    header.carousel .item,
    header.carousel .item.active,
    header.carousel .carousel-inner {
        height: 100%;
    }

    .banncurve {
        background: none; padding: 0; margin-left: 0px;
    }


    .bannerimgcovid {
        background: url(../images/768x768_slider_COVID.jpg) top center no-repeat;
        background-size: contain;
    }
    .bannerimgonline_cz {
        background: url(../images/768x768_slider_ONLINE_CZ.jpg) top center no-repeat;
        background-size: contain;
    }
    .bannerimgonline_de {
        background: url(../images/768x768_slider_ONLINE_DE.jpg) top center no-repeat;
        background-size: contain;
    }
    .bannerimgonline_en {
        background: url(../images/768x768_slider_ONLINE_EN.jpg) top center no-repeat;
        background-size: contain;
    }
    .bannerimgonline_fr {
        background: url(../images/768x768_slider_ONLINE_FR.jpg) top center no-repeat;
        background-size: contain;
    }
    .bannerimgonline_hu {
        background: url(../images/768x768_slider_ONLINE_HU.jpg) top center no-repeat;
        background-size: contain;
    }
    .bannerimgonline_it {
        background: url(../images/768x768_slider_ONLINE_IT.jpg) top center no-repeat;
        background-size: contain;
    }
    .bannerimgonline_pl {
        background: url(../images/768x768_slider_ONLINE_PL.jpg) top center no-repeat;
        background-size: contain;
    }


    .bannerimg1 {
        background: url(../images/banner1-768.jpg) top center no-repeat;
        background-size: contain;
    }

    .bannerimg2 {
        background: url(../images/banner2-768.jpg) top center no-repeat;
        background-size: contain;
    }

    .bannerimg3 {
        background: url(../images/banner3-768.jpg) top center no-repeat;
        background-size: contain;
    }


    .bannerimg1o {
        background: url(../images/o3-768.jpg) top center no-repeat;
        background-size: contain;
    }

    .bannerimg2o {
        background: url(../images/o1-768.jpg) top center no-repeat;
        background-size: contain;
    }

    .bannerimg3o {
        background: url(../images/o2-768.jpg) top center no-repeat;
        background-size: contain;
    }



    .bannerimg4 {
        background: url(../images/bannerkonzultacem.jpg) top center no-repeat;
        background-size: contain;
    }






    .carouselbanner1 img {
        display: block; float: right; max-width: 100%; height: auto;
    }

    .carouselbanner2 {
        padding: 100px 10px 80px 10px; /*max-width:  580px;*/
    }

    .banncurve {
        height: 120px; background: none;
    }

    .carouselbanner2 p {
        height: 120px; background: none;
    }

    .whiteline {
        margin-top: 0;
    }




    .topjazyky {
        width: 60px; top: 20px; right: 110px; position: absolute;
    }
    .searchdiv {
        width: 50px; height: 35px;  top: 20px; right: 50px;
        background: url(../images/searchblue.png) center no-repeat;
        border-left:  1px solid rgba(0,0,0,0.1); border-right:  1px solid rgba(0,0,0,0.1);
        position: absolute;
    }
    a.homebutton i {
        font-size: 27px; color: rgba(0,0,0,0.2); display: block;
        position: absolute; top: 20px; right: 10px; padding: 2px 15px 0 3px;
    }



    .logohref {
        display: block; width: 140px; margin: -5px 0 5px 0;
        background: transparent;
    }
    .logo {
        width: 140px; height: auto;  margin: 0 0 0 10px;
    }





    .bannerindikatory {
        position: absolute; width: 100%; right: 0; bottom: 40px;
    }






    ol.carousel-indicators {
        margin-right: 20% !important;
    }

    ol.carousel-indicators li,
    ol.carousel-indicators li.active {
        border: #dc3086 1px solid; width: 17px; height: 17px;
        margin: 4px;
    }

    ol.carousel-indicators li.active {
        background: #dc3086; margin-top: -2px !important;
    }






    .butthref {
        display: block; position: absolute; 	background: white;
        margin: 78px 0 0 8px;
    }
    .doba {
    }



    a.sidebutton {
        display: none;
    }


    /*.navbar-inverse {
        position:fixed;right:0;left:0; top:0;border-width:0 0 1px;
        z-index: 1000000;
    }*/

    .navbar-inverse {
        position:fixed;right:0;left:0; top:0;border-width:0 0 1px;
        z-index: 1000; box-shadow: 0 0 5px rgba(0,0,0,0.4);
    }





    body {
        padding-top: 140px; font-size:  15px;
    }

    .navbar1 {
        background: white; min-height: 90px;
    }

    .navbar11 {
        padding-top: 25px;
    }
    .navbar12 {
        text-align: right;
    }

    .navbar12 div {
        float: right;
    }

    .navbar12 div {
        float: right;
    }



    .navbar2 .navbar-nav>li {  padding: 0 0; width: 100% !important; border-right: 1px solid rgba(255,255,255,0.2); }

    .navbar2 .navbar-nav>li>a { background: #3cbad5;font-size: 12px; text-transform: uppercase; margin:0; padding: 0; line-height: 15px; text-align: center; }





    #kontbanner {
        height: 90px; overflow: hidden; margin: 0 0 -40px 0;
    }



    .navbar1 {
        background: white; height: 60px; padding: 0; margin-bottom: -20px;
    }

    .navbar11 {
        padding-top: 15px;
    }
    .navbar12 {

    }


    .navbar12 div a {
        text-decoration: none; padding: 0 0 0 10px;
    }

    .navbar2 {
        background: #00bbd4; height: 50px;
    }


    .topnav {
        display: none;
    }




    .navbar-header {

    }



    .mod-nazev {
        display: block; float: none; width: 100%;
        font-size: 15px; color: black; font-weight: normal;
    }

    .mod-tel {
        display: block; float: none; width: 100%; text-align: left;
        font-size: 14px; color: black; font-weight: bolder; padding-right: 15px;
    }

    .mod-doba {
        display: block;float: none; width: 100%; text-align: left;
        font-size: 13px; color: black; font-weight: normal; padding-right: 15px;
    }





    .collapse {
        background: #00bbd4; z-index: 100000; position: relative; transition: 0;
        border: 0;
    }

    .nav {
        padding: 0; border:  none;
    }

    .ssubmenu {
        color: white; display: block;
    }

    .collapse .nav .dropdown .dropdown-menu>li>a { color: rgba(255,255,255,0.8);padding: 6px 0; display: block; text-align: left; }



    .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #E3469A;}
    .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #E3469A}
    .dropdown-menu { background-color: #E3469A; border: none; padding: 20px; box-shadow: none; border-radius: 0;  }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: rgba(255,255,255,0.2); }
    .navbar-inverse { background-image: none; }
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
    .navbar-inverse { border: none}
    .navbar-inverse .navbar-brand:hover { color: #FFFFFF}
    .navbar-inverse .navbar-nav>li>a { color: #FFFFFF; text-transform: uppercase; padding-left: 20px;}
    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
    .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
    .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
    .dropdown-menu>li>a { color: #FFFFFF;padding: 6px 10px;}
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
    .navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
    .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
    .navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
    .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
    i.menucircle {
        opacity: 0.8; font-size: 20px; display: block; float: right; margin-right: 20px;
    }

    .menuspace {
        background: rgba(255,255,255,0.6); padding: 0; height: 10px;
    }

    .dropdown {
        border-top: 1px solid rgba(255,255,255,0.4)
    }


    .menulayer {
        background: rgba(100,100,0,0.0); display: block; width:  100%; height: 45px;
        position: absolute; color: transparent; z-index: 10000;
        cursor: pointer;
    }






    .reference-foto img {
        display: none;
    }


    .reference-text img {
        max-width: 100%; height: auto; display: block; margin: 0 auto;
    }



    .gallery-foto {
        height: 180px;
    }




    .hpblue h2, .hpvideo h2  {
        text-align: center;
    }














    .minibanner1 {
        padding-top: 80px;
    }

    span.minibanner_title {
        font-size: 30px; text-transform: uppercase; font-family: 'Museo Sans 300';
    }

    p.minibanner_text {
        font-size: 20px; margin: 15px 0 20px 0; line-height: 25px; padding-right: 0;
        font-family: 'Museo Sans 300';	font-weight: normal; font-style: italic;
    }


    .minibanner .container {
        background-position: right;
    }



    .navbar1 {
        background: white; max-height: 50px;
    }


    .kontmodal {
        margin-top: 120px;
    }



    .hpboxmetoda div {
        height: 360px; margin-bottom: 20px;
    }


    a.mapahref {
        margin-left: 30%; margin-top: 700px; width: 200px; height: 200px; z-index: 1;

    }




    .form-kontakt .pink a {
        display: block;
    }

    .form-kontakt .pink a i {
        padding: 0 5px;
    }





    .ceniksquare div {
        padding: 20px 18px 80px 18px;
        margin-bottom: 20px; min-height: 400px;
    }


    .formstranka h2 {
        font-size: 30px; color: #e3469a; padding: 40px 0 30px 0;
    }



    .formstranka .warndiv .form-group {
        margin-top: 15px;
    }




    .navbar-collapse {
        max-height: 250px;
    }







}








/* -----------------------  max-width:500px  -----------------------------*/
@media(max-width:500px) {

    header.carousel .carousel {
        height: 70%;
    }


    header.carousel {
        height: auto; padding-bottom: 30px;
        margin-top: 40px;
    }

    .spanbanner1 {
        font-size:  22px; color: #e3469a; font-family: 'Museo Sans 100';
        line-height: 1.1em; letter-spacing: -1px;
    }

    .spanbanner1dark {
        font-size:  22px; color: #003345; font-family: 'Museo Sans 100';
        line-height: 1.1em;letter-spacing: -1px;
    }

    .spanbanner2 {
        font-size:  22px; color: #e3469a; font-family: 'Museo Sans 500';
        line-height: 1.1em;letter-spacing: -1px;
    }

    .spanbanner2dark {
        font-size:  22px; color: #003345; font-family: 'Museo Sans 300';
        line-height: 1.1em;letter-spacing: -1px;
    }



    .carouselbanner1 {
        height: 170px;
    }

    .banner {
        background: #eaf3f6; margin-top: -20px;
    }


    .banncurve {
        height: 85px; background: none; margin-top: -10px;
    }

    .carouselbanner2 p {
        height: 80px; background: none;
    }

    .carouselbanner2 {
        height: 370px;
    }




    .carouselbanner2 p {
        line-height: 1.4em;
    }

    a.bannhref {
        color: #013445; font-size: 12.5px; text-align: center;
        line-height: 1.3em; margin-top: 10px; padding: 5px 0;
    }


    .navbar-collapse {
        max-height: 450px;
    }










    .footer11, .footer12, .footer13, .footer14 {
        width:  100%;
    }


    .footer14 img {
        display: block; margin: 0 auto; float: none;
    }

    .footer14 strong {
        display: block; margin: 0 auto; padding: 0 0 20px 0; float: none; width:  100%; text-align: center;
    }




    footer {
        text-align: center;
    }

    .footer2right {
        text-align: center; padding: 20px 0 0 0;
    }

    .footer2right img {
        display: block; margin: 0 auto;
    }


    .gallery-foto {
        height: 140px;
    }









    .hpnovinkyblue img {
        padding: 20px 0;
    }

    .hpnovinkyblue p {
        padding-bottom: 30px;
    }










}









.searchdiv {
    width: 50px; height: 35px; margin: -2px 15px 0 0;
    background: url(../images/searchblue.png) center no-repeat;
    border-left:  1px solid rgba(0,0,0,0.1); border-right:  1px solid rgba(0,0,0,0.1);
}



.search1 input[type="text"] {
    background: #f2fafd url(../images/search.png) center no-repeat; position: relative;
    border: none;
    color: #d7d7d7;
    width:30px;
    padding: 6px 10px 6px 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; cursor: pointer;
    margin:0 3px; z-index:  1000;
}

.search1 input[type="text"]:focus {
    background: #f2fafd; box-shadow: -5px 0 10px rgba(0,0,0,0.2); width:150px;
    color: #6a6f75; cursor: text;
    padding-left:10px;
    margin-left:-55px; margin-right:40px;
    outline: none;
}


.search1 .searchbutt {
    opacity: 1; width: 40px; height:  40px; border: 0; background: transparent;
    position: absolute; z-index: 100; margin: 0 0 0 -45px;
    color: transparent; cursor: pointer; top:  25px;
}




.search1 input[type="text"] {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}


.main_text img {
    max-width: 100% !important;
    height: auto !important;
}









.dropdownstrong {

}

.dropdowntop {

}


.navbar-inverse .topnav>li>a { padding: 6px 10px; display: block;}

#intro {
    background: white;
}



#map4,#map3 {
    margin-top: 20px;
}











@media(max-width:767px) {

    .prvnitop {
        background: #f2fafd; padding: 20px 0 0 0; margin-bottom: -1px;
    }


    .navbar-inverse {
        background: white;
    }

    .topleftdiv {
        margin-top: 0px; margin-bottom: 5px;
    }


    .toprightdiv {
        position: absolute; top: 0; right: 0;
    }







    .navbar-toggle {
        background: none; border: none; margin-bottom: 8px;
        padding: 0 0 0 0; background-color: none;
    }

    .navbar-toggle:hover, .navbar-toggle span:hover {
        background: none !important;
    }

    .navbar-toggle span {
        color: white;
    }


    .navbar-toggle:hover {
        opacity: 0.8; background: none; border: none;
    }

    #bs-example-navbar-collapse-1 {
        margin-top: 50px !important;
        background: #00bbd4; border: none; box-shadow: 0 0 10px rgba(0,0,0,0.4);
    }





    .button-kontakt {
        display: none;
    }

    .button-kontakt2 {
        border: none; background: #e14b9a; padding: 9px 7px 8px 7px; display: block;
        position: absolute; left: inherit; left: 0; none; top: 125px;
        text-align: center; width: 100%;
    }

    .button-kontakt2 span {
        padding: 0 5px; color: white; font-weight: bold; margin-top: 10px !important;
    }

    .button-kontakt2 img {
        margin-top: -2px !important;
    }

    .button-kontakt2:hover {
        opacity: 0.9;
    }




    .sff {
        background-color: #ad3738;
    }



    .navbar-inverse {
        background: #363f60; height: 80px !important;
    }


    .navbar2 {
        margin-top: 0px;
    }

    .topmiddiv {
        margin-top: 21px;
    }




    .navbar-toggle span {
        display: none;
    }


    .navbar-toggle {
        background: none; border: none; top: 70px; right: 0px;
        padding: 0 0 0 0; background-color: none; position: absolute;
    }

    .navbar-toggle:hover {
        opacity: 0.8; background: none; border: none;
    }






    a.atopbrno, a.atopostrava {
        display: block; border: none; background: rgba(255,255,255,0.3);
        color: white !important; padding: 6px 10px 6px 10px;
        width: 110px; float: left; margin: 1px 7px 0 0; text-align: center; font-size: 14px; line-height: 16px; font-weight: bold;
    }


    a.topselected {
        background: white !important; margin: 1px 7px 0 0; color: #00bbd4 !important;
    }

    a.atopbrno:hover, a.atopostrava:hover {
        background: white !important; margin: 1px 7px 0 0; color: #00bbd4 !important;
        opacity: 1;
    }

    .minibanner {
        margin-top: 20px !important;
    }










}










@media(max-width:500px) {

    .prvnitop {
        background: #f2fafd; padding: 20px 0 0 0; margin-bottom: -1px;
    }




}









@media(max-width:330px) {




    .logo {
        margin-top: 8px; width:  100px; height: auto;
    }





}






.pop_button {
    display: block; position: absolute; width: 200px;
    top: 55px; left: 15px; z-index: 1000; cursor: pointer;
}



@media (max-width:991px) {


    .pop_button {
        top: 46px;
    }

}

@media (max-width:768px) {


    .pop_button {
        top: 148px;  box-shadow: 0 0 5px rgba(0,0,0,5px);
    }

}



@media (max-width:500px) {


    .pop_button {
        top: 108px;
    }


}







a.acv {
    padding: 0; margin: 0; cursor: pointer; text-decoration: none;
    display: block;  transition: 200ms !important;
}

a.acv .team-name, a.acv .team-title {
    text-decoration: none !important;
}

a.acv .team-title {
    color: rgba(0,0,0,0.6);
}


a.acv:hover {
    padding: 0; margin: 0; cursor: pointer;
    opacity: 1;	transition: 200ms !important;
}



a.acv strong {
    display: block;	margin: 0px auto -145px auto; width: 120px !important;
    height: 145px; position: relative;
    background-color: rgba(226,75,155,0.6); content: " ";
    transition: 200ms !important;
}




xxa.acv strong::before {
    display: block;	margin: -130px auto 0 auto; width: 100px !important;
    height: 32px; position: relative;
    border: 1px solid white; padding: 2px 0; text-align: center;
    color: white;
    font-weight: bold; transition: 400ms !important
}


xxa.acv strong {
    color: white; padding-top: 50px;
}

xxa.acv strong::after {
    display: block;	margin: 0px auto -145px auto; width: 120px !important;
    height: 145px; position: relative;
    background-color: rgba(226,75,155,0.6); content: " ";
    transition: 200ms !important;
}







a.acv:hover::before {
    display: block;	margin: 0px auto -145px auto; width: 120px !important;
    height: 145px; position: relative;
    background-color: rgba(226,75,155,0.6); content: " ";
    transition: 200ms !important;
}

a.acv:hover::after {
    display: block;	margin: -130px auto 0 auto; width: 100px !important;
    height: 35px; position: relative;  font-size: 14px; text-transform: uppercase;
    border: 1px solid white; padding: 2px 2px; text-align: center;
    font-weight: bold; transition: 400ms !important; line-height: 15px;
}



.mapouter{overflow:hidden;height:400px;width:100%;}.gmap_canvas {background:none!important;height:400px;width:100%;}


.kont_side table i.fa-phone {
    margin-top: 10px;
}






a:link, a:visited {
    text-decoration: none !important;
}


p a:link, p a:visited {
    text-decoration: none !important;
}


p a:hover {
    text-decoration: underline !important;
}



.button-kontakt3 {
    border: none; background: #e14b9a; padding: 14px 7px; display: block;
    position: relative; text-align: center; width: 260px; margin: 30px auto;
    font-size: 15px; text-transform: uppercase; height: 57px;
}

.button-kontakt3 span {
    padding: 2px 5px; color: white; font-weight: bold; margin-top: 10px !important;
}

.button-kontakt3 img {
    margin-top: -2px !important;
}

.button-kontakt3:hover {
    opacity: 0.9;
}


.nav.navbar-nav > li ul{
    padding: 0px;
}
.nav.navbar-nav > li ul li{
    padding: 6px 12px;
}
.nav.navbar-nav > li li{
    padding: 0px;
    margin: 0px;
    display: block;
}
.nav.navbar-nav > li li a, .nav.navbar-nav > li li a:hover{
    background: none;
}

.nav.navbar-nav > li > ul > li > ul{
    background: #e96bae;
    /*margin-left: 20px;*/
}

.nav.navbar-nav > li li:hover {
    background: #e96bae; 
}


.nav.navbar-nav > li li:hover {
    background: #e96bae; 
}

.dropdown-menu li .dropdown-menu li:hover {
    background: #e681ba; 
}


.kategorieul {
	margin: 0 0 0 0; padding: 0 0 0 0;
}

.kategorieul li {
	margin: 2px 0 0 0; padding: 0 0 0 15px;
	list-style: none;
}

.kategorieul li a {
	display: block; font-style: italic;
}