body {background: #ffffff;color: #092157;font-size: 16px;font-family: 'Muli', sans-serif;}

.img-responsive {margin:0px auto;}
.img-thumbnail {margin-bottom: 15px; border-radius: 0px;}
.btn {border-radius:0px;}

a {color:#333; outline: none;}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 { color: #13494d; }
h1,h2,h3,h4,h5 {font-weight:normal;}
h1,.h1, h2,.h2 {font-size:26px;font-weight:700;}
h3,.h3 {font-size:22px;}
h4,.h4 {font-size:18px;}
h5,.h5 {font-size:17px;}

@media (min-width: 768px) {
	body { font-size: 20px; }
	
	h1,.h1, h2,.h2 {font-size:48px;font-weight:900;}
	h3,.h3 {font-size:38px;}
	h4,.h4 {font-size:28px;}
	h5,.h5 {font-size:22px;}
}

footer a { color: #fff; }

a:hover, a:focus {color:#ff9999;}

.zahodit {display:none;}
.hideOnDesktop { display: none !important; }
.align-center { text-align: center; }

.btn-primary, .pagination > .active > a  {
	border-color: #ff9999 !important;
	color: #ffffff;
	text-shadow: none;
	background-color: #ff9999;
}
.btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus {
	/*border-color: #0099ff !important;
	background-color: #0099ff;
    color: #ffffff;*/
}

.form-control {border-radius: 0px;}
.form-control:focus {border-color:#333;}
.control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;}

/* hlavička, menu */
header.affix { width:100%; z-index:999; top: 0; background-color: #272b33; }
#header { background-color: transparent; position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index:5; }
#header-top { position:relative; }
#header.affix { background: linear-gradient(to bottom, rgba(8, 78, 83, 0.8) 0%,rgba(8, 78, 83, 0.6) 100%); box-shadow: 0px 3px 10px rgba(8, 78, 83, 0.5); }

#logo {text-align: left; margin: 5px 0px;}
#logo img {max-width:100%; height:auto; max-height: 18px; }

#header-right-block {height:40px;}

.navbar-collapse {top:0px; position:relative; z-index:999;}

nav.navbar { height:0px; min-height:0px; margin-bottom:0px; border:0px none; }

#mainMenu .navbar-collapse {padding-left:0px; padding-right: 0px; color:#fff; height: 100%; overflow: auto; width:100%; }
/*.affix #mainMenu .navbar-collapse {position:fixed; top:55px; }*/

#mainMenu .navbar-nav {margin:0px; }
#mainMenu a { color: #fff; line-height: 20px; /*text-transform: uppercase; border:0px none; outline: 0px none; border-bottom:1px solid #006699;*/}
#mainMenu a:hover, #mainMenu a:focus, #mainMenu a.active {color:#ff9999; background-color: transparent;}
#mainMenu .active a { color: #ff9999; }
#mainMenu .dropdown-menu {margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#666;}

.mobile-menu { display: none; }

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

.navbar-toggle {background:#ff9999; color:#fff; margin-right: 0px; margin-top:0px; padding: 2px 4px 0 4px; font-size: 14px; }
#leve-menu-toggle {float:left; text-transform: uppercase; margin-right: 0px; margin-left:0px; margin-top:0px; width:140px; font-size: 14px; padding: 10px 8px;}

.carousel-control {display:none;}

a i.glyphicon {padding-right:5px;}

#main_obal {
    /* background: #acb9f7 url('/img/bg.jpg') 50% 0; */
    background-color: #084e53;
    padding-top:80px;
}

.homepage #main_obal { padding-top:0px; }

/* cp copyright */
#footer-bottom { background-color: #084e53; text-align:center; font-size: 13px; color: #ffffff; }
#footer-bottom p {margin:0px !important; padding: 20px 0px; line-height: 25px; vertical-align: bottom; overflow: hidden;}
.footer-copyright-cp {  }
.footer-copyright-cp a { display:inline-block; height:24px; padding:0px; }
.footer-copyright-cp a#logo-cp {width:124px; height: 24px;}
.footer-copyright-cp a#logo-cpedit { width:46px; height: 14px;}
.footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #ff9999; padding: 0 5px; }
.footer-copyright-cp a:hover .svg-icon { fill: #ffffff; }

#footer-bottom .nonRESPswitch { margin-left: 40px; }

.scrollup {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    text-align: center;
    background-color: #000;
    border: #ffffff 1px solid;
    color: #ffffff;
    filter: alpha(opacity=70);
    opacity: 0.70;
}
.scrollup:hover, .scrollup:focus, .scrollup:active {color:#ff9999;border-color:#ff9999;}
.scrollup i.glyphicon {padding:0px;}

/* posazení hlavičky do obrázku */

.page-content .table-responsive { overflow: auto; border: none; max-width: 100%; }
.page-content table { width: 100%; border: 2px solid #777; margin-bottom: 20px; }
.page-content table th { background-color: #c3c3c3; text-align: center; vertical-align: middle; padding: 3px; }
.page-content table td { border: 1px solid #777; text-align: center; vertical-align: middle; padding: 3px; }

/* výběr jazyku */
#mutace { margin-top: 25px; float: right; }

@media(max-width: 767px){
    /*body.header-affixed { margin-top: 63px; }*//* SEM ZADEJ VÝŠKU CELÉ HLAVIČKY */
    
    .navbar-collapse .dropdown-menu {padding:0px; position: relative; width:100%; margin:0px; background:transparent; box-shadow: none;}
    .navbar-collapse .dropdown-toggle .dropdown-trigger {position:absolute; right: 5px; top: 10px; padding: 0px 15px}

    #header-right-block { margin-top: 10px; }

    #logo { margin: 5px 0; padding: 0 7px; }
}

/*#header-right-block.affix {top:0px;width:100%; background: url('/img/bg-top.png') 0px 100% repeat-x transparent; padding-top:5px; padding-bottom:25px; height:70px;}
#header-right-block.affix #kosik-blok {bottom:25px;}*/

@media(min-width: 768px){
    /*header, #header.affix { position:relative; top:auto; }*/

    /* pro fixnutou hlavičku nastylovat řádek pod tímto a smazat druhý identifikátor řádek nad tímto */
    #header.affix { position: fixed; top: 0; z-index:9; height: 40px; left: 0; right: 0; }

    nav#mainMenu, nav#mainMenu div { display: inline-block !important; width: auto; }
    nav#mainMenu {
        position: absolute; top: 0px; left: 80px; right: 0px;
        width: 420px;
        margin: 0px auto;
        text-align: center;
    }
	
	#logo { margin-top: 28px; }

    .header-affixed #logo { margin-top: 5px; }
    .header-affixed #logo img {max-width:100%; height:auto; }
    
    #header-right-block {height:auto; padding-left: 0; padding-right: 0; }
    #kosik-blok {position:static; bottom:auto; margin:0px; }

    #mainMenu { height:55px; }

    #mainMenu a {padding: 8px 18px; line-height: 24px; font-size: 14px; border:none; font-weight: bold; text-transform: uppercase; }
    /*#mainMenu a.home {background:url('/img/ico-home.png') 50% 0px no-repeat transparent;  width:50px; height:55px; }
    #mainMenu .active a.home, #mainMenu a.home:hover, #mainMenu a.home:focus, #mainMenu a.home:active { color: #333333; background-position: 50% 100%;}*/
    #mainMenu>.container { width: auto !important; }
    #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; width: auto !important; margin-top: 20px; }
	
	.header-affixed #mainMenu .navbar-collapse { margin-top: 0; }
	
	.header-affixed #mutace { margin-top: 5px; }
	
    .affix #mainMenu .navbar-collapse { position:relative;  top:auto; }
    #mainMenu .dropdown:hover .dropdown-menu{display:block;}

    #mainMenu>.container { padding: 0 5px; }
	
	/* transition na prvky hlavičky */
	#logo, #mainMenu .navbar-collapse, #mutace { transition: margin ease-in-out 0.2s; }
}

@media (min-width: 992px){
    nav#mainMenu { left: 130px; width: 620px; }

    #mainMenu a { font-size: 16px; padding-left: 18px; padding-right: 18px;}
    #mainMenu .container {padding:0px;}

    #logo { margin-top: 28px; }
    #logo img { max-height: 22px; }

    #mainMenu>.container { padding: 0 15px; }
	
	#footer-bottom { text-align: right; }
	.footer-copyright-cp { text-align: left; }
}

@media (min-width: 1230px){
	.container { width: 1200px; }

    nav#mainMenu { left: 200px; width: 730px; }

    #logo { margin-top: 22px; }
    #logo img { max-height: 32px; }

    #mainMenu a {padding-left: 25px; padding-right: 25px;}
    #mainMenu a.home {width:95px;}
}

@media (min-width: 1400px) {
    nav#mainMenu { left: 0px; width: 600px; }

	#logo { padding-left: 65px; }
	#header-right-block { padding-right: 75px; }
}

/* hlavní blok */
#main_block { padding-bottom:15px; background-color: transparent; /*margin-top: 20px;*/ }

.gallery {text-align: center; margin-bottom:10px;}
.gallery .img-thumbnail { border: none; background: transparent; margin-bottom: 15px;}

@media screen  and (max-width: 767px){
    #main_block {position:relative;}

    nav.navbar>.container { padding: 0; }
    #mainMenu #navbar { margin: 0; }
}

@media screen  and (min-width: 768px){
    body {overflow:auto !important;}
}

/* zrušení zakulacených rohů */
.pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 0; border-top-right-radius: 0; }

/* články */
.articles .article {border-bottom:1px solid #e0e0e0;}
.articles .article h2 {color:#333; font-size:18px;}
.articles .article h2 a {text-decoration:underline;}
.article-meta {margin-bottom:10px;}
.article-meta a {text-decoration: underline;}

.pagination > li > a, .pagination > li > span {
    padding: 3px 9px;
	color: #666666;
    background-color:#fff;
    border-color:#cecece;
    font-weight:normal;
    font-size:1.0em;
    margin: 0px 5px 0px 0px;
    border-radius: 0px;
}
.pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;}
.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus{
    background-color: #ff9999;
	border-color: #ff9999;
    color:#fff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ff9999;
	border-color: #ff9999;
    color:#fff;
}

.popup-block-content {padding: 15px;}

@media(max-width: 767px){
    .win-kosik-vlozeno .win-buttons .text-right,.win-kosik-vlozeno .win-buttons .text-left{
        text-align:center; padding-bottom:15px;
    }
}

.padding-min { padding-right: 12px; }
.padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; }

@media (max-width: 768px) {
    .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 0; }
}
@media (max-width: 991px) {
	#soc-top { margin-right: 0; }
}

object, iframe {max-width: 100%;}

@media (max-width: 768px) {
    /* otevřené menu */
    .menuOpened.header-affixed { margin-top: 0; }
    .menuOpened #main_obal { display: none; }
    .menuOpened #footer { display: none; }
    .menuOpened #vyhody { display: none; }

    /* odfixnu hlavičku */
    header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; margin-top: 56px; }
    /* a fixnu jen obsah hlavičky */
    .preventAffix #header>.container { position: fixed; top: 0; width: 100%; z-index: 9999; }
    .preventAffix #header-top { padding-bottom: 0; }
    .menuOpened #top-line { display: none; }
    .dropdown-menu>li>a { padding: 10px 20px; background-color: #00f; }

    .menuOpened { background: #084e53; }
    /*#mainMenu .navbar-nav {background-color: #272b33; }*/
}

/* Custom code */
h1, h2 { padding-bottom: 15px; }

/* odsazení nadpisů kvůli kotvám, hlavně při redirectu */
section h1:first-of-type, section h2:first-of-type { margin-top: 30px; }

#uvod { height: 950px; margin-bottom: -380px; padding-bottom: 0; }

@media (min-width: 768px) {
	#uvod { margin-bottom: -330px; height: 850px; }
}
@media (min-width: 1230px) {
	#uvod { margin-bottom: -230px; }
}

section, footer { text-align: center; }
section { padding-bottom: 70px; }
.content { margin-top: 30px; font-weight: 100; }

section ul { text-align: left; }

footer { color: #ffffff; }

#mainMenu .RESPswitchMENU { padding-top: 20px; padding-bottom: 20px; background-color: #d5d5d5; }
#mainMenu .RESPswitchMENU a { padding: 10px 15px; display: block; text-align: center; color: #000000; font-size: 14px; }

#o-nas .content { background: #ffffff; padding: 20px; color: #092157; position: relative; margin-top: 0; }
#o-nas .content:after { position: absolute; bottom: -20px; left: 50%; width: 50px; height: 50px; margin-left: -25px; content: ''; display: inline-block; z-index: 2; background: #ffffff; transform: rotate(45deg);}
#o-nas .content:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -100px; left: 0px; right: 0px;
    width: 90%; height: 21px;
    margin: 0px auto;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.349);
    filter: blur(10px);
}
#o-nas .content h1, #o-nas .content .h1 { text-transform: uppercase; margin-bottom: 0;}

@media (max-width: 767px) {
	#o-nas .content { margin-top: 15px; }
}
@media (min-width: 768px) {
	#o-nas .content { padding: 20px 40px 30px 40px; }
	#o-nas .content h1, #o-nas .content .h1 { margin-bottom: 20px;}
}
@media (min-width: 992px) {
	#o-nas .content { padding: 20px 60px 60px 60px; }
}
@media (min-width: 1230px) {
	#o-nas .content { padding: 40px 100px 80px 100px; }
    #o-nas .content:before { width: 1083px; }
}

#nase-e-shopy{ padding-top: 60px; padding-bottom: 20px; }
#nase-e-shopy h1,
#nase-e-shopy .h1 { color: #ffffff; }

@media (min-width: 768px) {
	#nase-e-shopy { padding-top: 40px; padding-bottom: 40px; }
}

@media (min-width: 992px) {
	#nase-e-shopy { padding-top: 60px; padding-bottom: 60px; }
}

@media (min-width: 1230px) {
	#nase-e-shopy { padding-top: 80px; padding-bottom: 80px; }
}

#nase-e-shopy #shopy .shop-item { display: block; background: #ffffff; margin: 25px 0; text-decoration: none; color: #ffffff;
								  -webkit-box-shadow: 0px 25px 35px -20px rgba(0,0,0,0.35);-moz-box-shadow: 0px 25px 35px -20px rgba(0,0,0,0.35);box-shadow: 0px 25px 35px -20px rgba(0,0,0,0.35);}

#nase-e-shopy #shopy .shop-item.arduino-shop, #nase-e-shopy #shopy .shop-item.arduino-shop .content-block .text { background: #009999; }
#nase-e-shopy #shopy .shop-item.dratek, #nase-e-shopy #shopy .shop-item.dratek .content-block .text { background: #009999; }
#nase-e-shopy #shopy .shop-item.vse-pro-kamery, #nase-e-shopy #shopy .shop-item.vse-pro-kamery .content-block .text { background: #ff6600; }
#nase-e-shopy #shopy .shop-item.reminky-pasky, #nase-e-shopy #shopy .shop-item.reminky-pasky .content-block .text { background: #262626; }
#nase-e-shopy #shopy .shop-item.ochranna-skla, #nase-e-shopy #shopy .shop-item.ochranna-skla .content-block .text { background: #0099cc; }
#nase-e-shopy #shopy .shop-item.laser-shop, #nase-e-shopy #shopy .shop-item.laser-shop .content-block .text { background: #092157; }
#nase-e-shopy #shopy .shop-item.tv-ovladace, #nase-e-shopy #shopy .shop-item.tv-ovladace .content-block .text { background: #006666; }
#nase-e-shopy #shopy .shop-item.dreveny-motylek	, #nase-e-shopy #shopy .shop-item.dreveny-motylek .content-block .text { background: #662211; }
#nase-e-shopy #shopy .shop-item.zitra-doma	, #nase-e-shopy #shopy .shop-item.zitra-doma .content-block .text { background: #d51317; }
#nase-e-shopy #shopy .shop-item.lapace-snu	, #nase-e-shopy #shopy .shop-item.lapace-snu .content-block .text { background: #cf1370; }
#nase-e-shopy #shopy .shop-item.ip-kamera	, #nase-e-shopy #shopy .shop-item.ip-kamera .content-block .text { background: #00309d; }
#nase-e-shopy #shopy .shop-item.levne-tkanicky   , #nase-e-shopy #shopy .shop-item.levne-tkanicky .content-block .text { background: #78708a; }
#nase-e-shopy #shopy .shop-item.semena-levne   , #nase-e-shopy #shopy .shop-item.semena-levne .content-block .text { background: #5cb011; }
#nase-e-shopy #shopy .shop-item.avin   , #nase-e-shopy #shopy .shop-item.avin .content-block .text { background: #3366ff; }
#nase-e-shopy #shopy .shop-item.kostymy   , #nase-e-shopy #shopy .shop-item.kostymy .content-block .text { background: #4C087D; }
#nase-e-shopy #shopy .shop-item.eco_people   , #nase-e-shopy #shopy .shop-item.eco_people .content-block .text { background: #006633; }
#nase-e-shopy #shopy .shop-item.draci   , #nase-e-shopy #shopy .shop-item.draci .content-block .text { background: #0099CC; }
#nase-e-shopy #shopy .shop-item.oci   , #nase-e-shopy #shopy .shop-item.oci .content-block .text { background: #66ccff; }
#nase-e-shopy #shopy .shop-item.bike   , #nase-e-shopy #shopy .shop-item.bike .content-block .text { background: #ff9900; }
#nase-e-shopy #shopy .shop-item.nausniky   , #nase-e-shopy #shopy .shop-item.nausniky .content-block .text { background: #2bbac2; }

#nase-e-shopy #shopy .shop-item .name-block { height: 70px; display: table-cell; width: 800px; font-size: 24px; line-height: 30px; overflow: hidden; vertical-align: middle; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: bold; }

#nase-e-shopy #shopy .shop-item .content-block { position: relative; text-align: center; display: block; }
#nase-e-shopy #shopy .shop-item .content-block img { max-width: 100%; height: auto; display: inline-block; margin: 0 auto; }
#nase-e-shopy #shopy .shop-item .content-block .text { position: absolute; display: block; top: 0; right: 0; bottom: 100%; left: 0; z-index: 3; overflow: hidden; transition: all ease-in-out 0.5s; color: #ffffff; padding: 0 20px; opacity: 0.75; }

@media (max-width: 767px) {
	#nase-e-shopy #shopy .shop-item .content-block .text { position: inherit; }
}

@media (min-width: 768px) {
	#nase-e-shopy #shopy .shop-item:hover .content-block .text, #nase-e-shopy #shopy .shop-item:focus .content-block .text { bottom: 0; padding: 20px; opacity: 1; }
}

#nase-e-shopy #shopy .shop-item .logo-block { display: block; text-align: center; background: #ffffff; padding: 5px; }
#nase-e-shopy #shopy .shop-item .logo-block img { max-width: 100%; height: auto; max-height: 80px; display: inline-block; margin: 0 auto; }

#kontakt { background: #00272a url('/img/mapa.jpg?v=1') no-repeat 50% 0; padding: 40px 0 70px 0; }
#kontakt .h1 { color: #ffffff; text-transform: uppercase; margin-bottom: 220px; }
#kontakt .content { background: rgba(8, 78, 83, 0.85); padding: 35px 15px; margin-bottom: 80px; }

#kontakt .content, #kontakt .content h3 { font-size: 22px; line-height: 30px; margin: 0; color: #ffffff; }

#kontakt .content .button-block { margin-top: 60px; }
#kontakt .content .button-block .footer-btn { color: #ffffff; text-decoration: none; position: relative; padding: 15px 0 15px 15px; }
#kontakt .content .button-block .footer-btn:hover, #kontakt .content .button-block .footer-btn:focus { color: #ff9999; }

#kontakt .content .button-block .footer-btn#tel-btn { background: transparent url('/img/footer/tel-ico.svg?v=1') no-repeat 13% 50%; }
#kontakt .content .button-block .footer-btn#email-btn { background: transparent url('/img/footer/email-ico.svg?v=1') no-repeat 7% 50%; }
#kontakt .content .button-block .footer-btn#oteviracka-btn { background: transparent url('/img/footer/oteviracka-ico.svg?v=1') no-repeat 4% 50%; }

@media (max-width: 500px) {
	#kontakt .content .button-block .footer-btn { background-position: 50% 0 !important; padding: 40px 0 0 0; margin-top: 15px; margin-bottom: 15px; }
}

@media (min-width: 768px) {
	#kontakt .content .button-block .footer-btn { font-size: 18px; }
}

@media (min-width: 768px) AND (max-width: 991px) {
	#kontakt .content .button-block .footer-btn { background-position: 50% 0 !important; padding: 40px 0 0 0; margin-top: 15px; margin-bottom: 15px; }
}

@media (min-width: 1230px) {
	#kontakt .content .button-block .footer-btn { font-size: 22px; }
}

.full-container { width: 100%; }

#fotky-footer { background: #1b232f; }
#fotky-footer .img-thumbnail { padding: 0; margin: 0; border: none; }

#mutace img { max-height: 25px; display: inline-block; vertical-align: inherit; }
#mutace a { border: 3px solid #3366cc; border-radius: 100%; padding: 0; line-height: 25px; height: 31px; width: 31px; display: inline-block; float: left; margin: 0 7px; }
#mutace a.active, #mutace a:hover, #mutace a:focus { border-color: #ffffff; }

@media (max-width: 767px) {
	#logo img { max-height: 16px; margin-top: 11px; }
	
	#mutace { margin-top: 5px; margin-right: 10px; }
	#mutace img { max-height: 16px; }
	#mutace a { line-height: 16px; border-width: 2px; height: 20px; width: 20px; margin: 0 7px; }
	
	.navbar-toggle { margin-top: 3px; }
	
	#header.affix #logo { margin: 0; }
	#header.affix #logo img { margin-top: 11px; }
	#header.affix #header-right-block { margin-top: 7px; height: 30px; }
	#header.affix #mutace { margin-top: 2px; }
	#header.affix .navbar-toggle { margin-top: 0; }
	
	#logo, #logo img, #header-right-block, #mutace, .navbar-toggle { transition: margin ease-in-out 0.3s; }
}

#footer .RESPswitch { display: block; margin: 0 auto; border: 1px solid #ffffff; max-width: 280px; text-align: center; }

@media (min-width: 768px) {
	#footer .RESPswitch { margin-right: 0; }
}

#logo h1 { margin: 0; padding: 0; line-height: 1; font-size: 0; }
.shoproku {
    max-width: 250px;
    width: 100%;
    height: 100%;
    margin-top: 20px;
}