/*sysmenu*/
.sysnav {position:fixed;top:0;z-index:100;right:0;width:100%}
div#menu a,div#login a {color:#ccc;text-decoration:none;transition:all 300ms ease-in;display:inline-block;}
div#menu a:hover,div#login a:hover {color:#fff;text-decoration:none}

.buttonholder {position:absolute;right:0;top:10px;z-index:1650}
.hs_closed, .hs_opened {margin:0 0;padding:3px 15px;display:inline-block;cursor:pointer;cursor:hand;font-weight:bold;text-transform:uppercase}
.hs_opened {color:#fff;}
span.hs_closed:before {content: "\e258";}
span.hs_closed:hover,span.hs_closed:hover:before {color:#fff;}
span.hs_opened:before{content: "\e259";color:#fff}
#login.hs_content,#menu.hs_content{padding:5px;font-size:12px;color:#999;height:auto;overflow:hidden;opacity:1;position:absolute;top:75px;right:0;background:#111;
z-index:160;border-radius:5px;border:1px solid black;transition:all 500ms ease-out}
#login.hs_content.hs_hidden,#menu.hs_content.hs_hidden{height:0;padding:0;border:0}
#menu.hs_content{top:35px;}

* {outline:none}
html {min-height:100%;position:relative}
body {font-family: 'Roboto Condensed', sans-serif;font-weight:400;background:#333333 url(../images/custombodybg.jpg) no-repeat left top fixed;background-size:cover;font-size:14px;color:#eee;/* margin-bottom:110px */}

*:before,*:after{font-family: 'Glyphicons Halflings';position:relative;margin-right:0.3em;color:#aaa;top:2px;}
*[class ^="glyphicon"]:hover:before,*[class ^="glyphicon"]:hover:after,h3 a:hover:before{color:#6699CC}
/*ikony odkazu*/
a[href$='.odt'],a[href$='.ODT'] {background:url(images/odt.png) no-repeat}
a[href$='.pdf'],a[href$='.PDF'] {background:url(images/page_white_acrobat.png) no-repeat;font-weight:bold;padding:0 0 0 25px;}
a[href$='.xls'],a[href$='.xlsx'],a[href$='.XLS'],,a[href$='.XLSX'] {background:url(images/page_white_excel.png) no-repeat;font-weight:bold;padding:0 0 0 25px;}
a[href$='.zip'] {background:url(images/page_white_zip.png) no-repeat;font-weight:bold;padding:0 0 0 25px;}
a[href$='.doc'],a[href$='.rtf'],a[href$='.DOC'],a[href$='.RTF'],a[href$='.docx'],a[href$='.DOCX'] {background:url(images/page_white_word.png) no-repeat;font-weight:bold;padding:0 0 0 25px;}
a[href$='.ppt'],a[href$='.PPT'] {background:url(images/page_white_powerpoint.png) no-repeat;font-weight:bold;padding:0 0 0 25px;}
.pointer {cursor:pointer;cursor:hand;}
a.prevpage {font-size:28px;float:right}
/*section a[href*='index.php?p='] {font-weight:bold;padding:0 0 0 25px;}*/
a {color:#6699CC;text-decoration:underline}
a:active,a:hover,a:focus,a:hover {color:#6699CC;text-decoration:none;}
a h3:hover,a h2:hover {color:#333;text-decoration:none;}
h1 {color:#d2d2d2;margin:0.5em 0 1em 0;font-weight:700;font-size:30px;background:url(images/separator.png) no-repeat left bottom}
h2 {color:#e7e7e7;font-size:24px;font-weight:700;padding-left:1em;margin-bottom:1.0em;clear:both;text-align:center}
h3 {color:#ccc;font-size:20px;font-weight:700;margin:0;padding:8px 15px}
.container-fluid {padding-bottom:1em}
nav .container-fluid {padding:0;}
*.glyphicon-ok:before{color:#8CC83F;padding-right:.5em}
.table {display:table;float:none;}
.cell {display:table-cell;float:none;vertical-align:middle;}
p {text-align:justify;color:#ccc}
p > img {max-width:100%;height:auto}
.rel{position:relative;}
.hr hr {opacity:0;height:2px}
.hr {background:url(images/separator.png) no-repeat left center;}

/*header*/
.container.header {margin-top:2em;clear:both;background:#222222;width:1050px;padding:15px 30px 0 30px;}

ul li:before{}
.high {min-height:780px;}
.center {text-align:center;padding:0.5em 0;}
.block {display:block;}
.underline {border-bottom:3px solid}
.back {font-size:28px;float:right;text-decoration:none;}
.back:hover {text-decoration:none}
.bigger {font-size:150%}

/*menu-top*/
.headupper{position:relative;background:#555;}
.menuholder {padding:0;margin:0}
.navbar {position: relative;margin:0; border: 1px solid transparent;}
.navbar-nav {float:right}
.navbar-default{background:transparent;border:none;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{color:inherit;  background-color:transparent;}
.navbar-default .navbar-nav > li {height:65px;padding:0;line-height:65px;}
.navbar-default .navbar-nav > li > a {display:block;height:100%;color:#ccc;padding:0px 15px;line-height:65px;transition:all 200ms ease-out;background:transparent;text-decoration:none}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li.active > a:hover,.navbar-default .navbar-nav > li.active:hover > a {color:#6699CC;background:#transparent}
.navbar-default .navbar-nav > li.active > a,.navbar-default .navbar-nav > li.active > a:focus {color:#fff;font-weight:bold;background:transparent}
/*lupa vyhledavani*/
.navbar-default .navbar-nav > li.menu-item-showhide span,.navbar-default .navbar-nav > li.first > a{font-size:0;cursor:pointer;}
.navbar-default .navbar-nav > li.menu-item-showhide span:before{color:#ccc;content:"\e003";font-size:16px;margin-left:10px;}
.navbar-default .navbar-nav > li.first > a:before {content: "\e021";font-size:14px;top:0}
.navbar-default .navbar-nav > li.menu-item-showhide span:hover:before,.navbar-default .navbar-nav > li.first > a:hover:before{color:#6699CC;}

.navbar-default .navbar-toggle{border:1px solid #aaa;height:50px;background:#fff;margin:0 0 20px 0}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#ccc;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888888;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:url(images/sliderbg1.jpg) no-repeat -200px top; color:#fff;}
.dropdown-menu > li > a {color: #6699CC;}
.leavegal,.slideshowend a {display:inline-block;margin:1em 0 0 0;text-decoration:none;background: rgb(125,126,125);
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
;padding:.5em 1em;border-radius:5px;color:#bbb;border-right:1px solid rgba(14,14,14,1);border-bottom:1px solid rgba(14,14,14,1);border-left:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);}
.mainpicnav a {padding:5px 0;}

/*subheader*/
.subhead {margin:0 -10px;padding:0;/* width:100%; *//* overflow:hidden; *//* position:relative; */}
.subhead .square {margin:0;padding:0;position:relative}
.square img {}
.square .sup {position:relative;width:100%;;z-index:2;opacity:1;transition:all 1000ms ease-out;filter:grayscale(1);z-index:100;opacity:0.7}
.square * {transition:all 400ms ease-out;}
.square .sup:hover,.square:hover .sup {filter:grayscale(0);opacity:1}
.square .sq-hover {position:absolute;color:#111;z-index:100;padding:10px;color:#ccc;font-size:90%;top:0;background:rgba(0,0,0,0);width:100%;opacity:0}
.square .sq-hover a {text-decoration:none;}
.square:hover .sq-hover a {opacity:1;height:auto;}
.square:hover .sq-hover {background:rgba(0,0,0,0.5);text-align:center;font-size:120%;opacity:1}
.square .sq-hover a:before {color:#555;}

/*logo*/
.logo{position:relative;padding-top:20px;}


/*Boxy right*/
.right {padding:0;background:rgba(0,0,0,0.2)} 
.right,.right div {} 
.right .box-item {min-height:200px;position:relative;}
.right .box-item.newphoto{margin-top:1px}
.right .box-item.newphoto img {position:relative;max-width:100%;height:auto}
.box-item h3 {color:#D2D2D2;padding-left:1.5em;font-size:16px;font-weight:normal}
.box-item h3:before {content: "\e259";color:#888;margin:0 10px 0 -10px}
.box-item .ctverec {width:121px;height:121px;overflow:hidden;margin:2px;display:inline-block;position:relative;opacity:0.9;transition:opacity 200ms ease-out;}
.box-item .ctverec .absimg {position:absolute;max-width:150%;height:auto}
.box-item .ctverec:hover {opacity:1;}
.right .box-item.menuright {margin:0;padding:0}
.right .menu {list-style-type:none;margin:0;padding:0}
.right .menu li {line-height:36px;padding-left:25px;background:url(images/separator.png) no-repeat left bottom}
.right .menu li:hover {background:rgba(0,0,0,0.5)}
.right .menu li a {display:block;text-decoration:none}


/*navstevni kniha*/
.posts-book {color:;font-size:90%}
.post-head {margin:8px 0;padding:10px;background:rgba(0,0,0,0.2);color:#fff;font-size:120%}
.post-answer {margin:5px 0px 5px 25px;padding:5px;background:rgba(0,0,0,0.3);color:#fff;color:#ccc}
.post-answer .post-head {background:transparent}
span.post-author-guest {color:#9FBFDF}
span.post-author-guest:before {color:#9FBFDF;content:'\e008';}
.user-link-1 {color:#FFA65C;}
.user-link-1:before {color:#FFA65C;content:'\e008';font-style:normal;}
.post-head .icon {display:none}
.post-body a,.post-answer a,.post-head a {text-decoration:none;}
.post-actions a {color:#9FBFDF;padding-left:1em}
.post-actions a:before {content:'\e111';color:#9FBFDF;}

/*exif*/
.imagedata {color:#ccc;font-size:14px;}
.imagedata strong {color:#fff}
.imagedata h3 {color:#6699CC;padding-left:0;}
.fancybox-skin {background:#101010 !important;}

/*slider*/
#sliderFrame{position:relative;}
/*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
#ribbon{width:100px;height:100px;position:absolute;top:4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}
#slider img{position:absolute;display:none;border:none;z-index:0;}
/* the link style (if an image is wrapped in a link) */
#slider a.imgLink{z-index:2000;display:block;position:absolute;width:187px;height:105px;overflow:hidden}
/* Caption styles */
div.mc-caption-bg,div.mc-caption-bg2{display:none;position:absolute;width:100%;height:auto;padding:0;left:0px;
/*if the caption needs to be aligned from right,specify by right instead of left. i.e. right:20px;*/
bottom:0px;
/*if the caption needs to be aligned from top,specify by top instead of bottom. i.e. top:150px;*/
z-index:3;overflow:hidden;font-size:0;}
div.mc-caption-bg{background-color:black;}
div.mc-caption{font:bold 14px/20px arial;color:#eee;z-index:4;padding:10px 0;
/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
text-align:center;}
div.mc-caption a{color:#FB0;}
div.mc-caption a:hover{color:#DA0;}
/* ------ built-in navigation bullets wrapper ------*/
div.navbulletswrapper{top:0; left:0px;
/* Its position is relative to the #slider */
width:150px;background:none;padding-left:20px;position:relative;z-index:5;cursor:pointer;}
/* each bullet */
div.navbulletswrapper div{width:11px; height:11px;    background:transparent url(bullet.png) no-repeat 0 0;    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;    margin-right:11px;
/* distance between each bullet*/
_position:relative;
/*IE6 hack*/
}
div.navBulletsWrapper div.active{background-position:0 -11px;}
/* --------- Others ------- */
#slider{transform:translate3d(0,0,0);    -ms-transform:translate3d(0,0,0);    -moz-transform:translate3d(0,0,0);    -o-transform:translate3d(0,0,0);}
#slider{height:361px;position:absolute;width:100%;right:-8px;margin:0;overflow:hidden}
.slider img {margin:0;padding:0;float:right}
.sliderwrapp {height:100%;position:absolute;width:100%;}
.mask {height:100%;position:absolute;width:100%;background:url(images/masking.png) repeat-y left top;z-index:20;background-size:100% 100%;}

.copcredits {display:none}

/*paging*/

.paging {margin-bottom:1em;background:url(images/separator.png)repeat-x left bottom;overflow:hidden;padding:10px 5px}
.paging span a {text-decoration:none;padding:.5em}
.paging span a.act {background:rgba(102,153,204,0.8);text-decoration:none;padding:.5em;color:#333}

/*hlavni*/
.container.content {background:rgba(0,0,0,0.6);width:1050px;padding:0;}
.biggerlay .container.content {background:transparent;}

/*extra - stranka s velkymi nahledy*/
.biggerlay .container.content,.biggerlay .container.header {width: 1260px;}
.main{min-height:500px;padding:0;background:#222222}

/*produkty-rozcestnik produktu*/
.prodPrev {overflow:hidden;padding:0 0 20px 0 }
.prodPrev h3 a {color:#6699CC;display:block}
.prodPrev h3,.productContainer h3{padding:0 1em;margin:0;line-height:2;background:url(images/titlebgcont.png) no-repeat -30px center;transition:all 200ms ease-in}
.productContainer {height:200px;margin:0 0 20px 0;overflow:hidden;}
.prodPrev .col-sm-4:hover h3,.productContainer:hover h3{background-position:left center;}
.article-perex-image {border:1px solid #333;margin:0 1em 1em 0;height:180px;float:left}
.list-perex-image {border:1px solid #333;margin:0 1em 0 0;height:150px;float:left}
.list-info {font-style:italic;color:#b3b3b3;text-align:right;font-weight:400;background:url(images/separator.png) no-repeat left bottom;clear:both;padding-bottom:1em}
.list-info span{}
.tohp {font-size:24px;position:absolute;left:2%;color:#aaa;}
.tohp:hover {text-decoration:none;color:#F8705A}
.tohp:active {color:#fff}
.sharing {position:absolute;right:2%;top:50%;margin-top:-18px}
.list-perex {color:#ccc}
.list-title {font-size:20px;padding:0}
.list-title a {color:#eee;padding:4px;display:block;text-decoration:none;font-weight:normal}
.list-title a:before {content: "\e080";font-size:14px;top:0;margin-right:1em;color:#6699CC}
.list-title a:hover {color:#6699CC}
.article-content {clear:both;}
/*Vyhledavani*/
.search{position:fixed;top:130px !important;left:50%;margin-left:-125px;z-index:1250;border-radius:15px;border:1px solid #;width:250px;height:30px;color:#666;background:rgba(255,255,255,0.8);display:none;box-shadow:0 0 250px 150px rgba(102,153,204,0.7);}
.search input[type=text]{border:none;float:left;position:relative;background:transparent;background:transparent;border-radius:0;height:32px;margin-left:5px;color:#000;}
.search div.glyphicon-search.sendholder:before{}
.search input[type=text]{width:210px;padding-left:13px}
.search input[type=submit]{width:30px;height:30px;font-size:0;float:left;border:none;background:transparent;position:relative;z-index:10;}
.search:before{content:"\e003";position:absolute;right:4px;top:4px;color:#189bde;}
.search input {border:none;float:left;position:relative;background:transparent;}
.search div.glyphicon-search.sendholder {}
.search div.glyphicon-search.sendholder:before {position:absolute;right:5px;top:3px}
.search input[type=text]{width:210px;padding-left:13px}
.search input[type=submit]{width:30px}
/*form*/
form input,form textarea{color:#000}
form table {/* width:80%; */position:relative;/* left:10%; */padding:10px;}
form caption {font-size:22px;color:#F8705A}
input,textarea,select {transition:all 200ms ease-out}
form table td {min-width:30%;}
form table td input[type=text],form table td input[type=email],form textarea,select {max-width:100%;border-radius:3px;padding:0 .5em;margin:1px 0;border:0;background:#ccc}
form table td input:focus,form table td textarea:focus {background:#fff}
form table td input.inputc {width:170px;margin-right:0.5em}
form table td input.small {max-width:120px;margin-right:0.5em}
form table td input,form table td select {height:30px}
table td input[type=submit] {height:35px;border-radius:10px;padding:0 1em;margin:5px 0;border:0;background:#6699CC;;width:50%;position:relative;left:25%;margin:1em 0;font-weight:bold;text-transform:uppercase;color:#fff;}
table td input[type=submit]:hover {background:#8CC83F}
/*tabulka kontakty*/
table td iframe {width:100%;min-height:280px}
/*footer*/
.jumbotron.footer {/* position:absolute; *//* bottom:0; */width:100%;margin:0;padding:0;overflow:hidden;height:110px;background:transparent;}
.jumbotron.footer .container {/* height:180px; */line-height: 20px;text-align:center;position:relative;font-size:12px;color:#888;}
.jumbotron.footer .container a {color:#888;text-decoration:none;}
.jumbotron.footer .container .logof {max-width:30%;opacity:0.5;float:none;display:inline-block;}
.footer .copcredits{font-size:10px;line-height:10px}

span.copy{position:absolute;bottom:2%;right:2%;font-size:90%;text-align:center;z-index:0}

.row.footertop {width:100%;height:30px;line-height:30px;background:#201E1E;margin:0;font-size:80%;color:#999;text-align:center}

/*galerie*/
.picwrapp {cursor:pointer;cursor:zoom-in;}
.gallery {display: flex;flex-direction: row;flex-wrap: wrap ;justify-content: center ;align-items: center ;align-content: center;margin: 1em 0}
.gallery img {transition:all 200ms ease-out;transition: all 300ms cubic-bezier(0.260, 0.860, 0.440, 0.985);box-shadow:0 0 0 transparent;position:relative;max-width:220px;-moz-filter: grayscale(20%);-webkit-filter: grayscale(20%);filter: grayscale(20%);margin:1px}
.gallery img:hover {border-color:#ADC962;transform:scale(1.1,1.1);z-index:10;box-shadow:5px 5px 20px #000;}
.gallery:hover img:not(hover) {opacity:0.8}
.gallery:hover img:hover {opacity:1;z-index:20;-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);filter: grayscale(0%)}
.gal-intersec {text-align:center}
.gal-intersec .list-info {border:none}
.gal-intersec .list-info:hover {background:rgba(255,255,255,0.7)}
.gal-intersec a{display:block}
#showImage {display:block;margin:0 auto;max-width:100%;height:auto;}
/*sharing buttons*/
.vcenter{vertical-align:central; margin-top:20%; font-style:italic; }
.prepbootstrap-sharing-container{position:fixed; top:100px; left:0; right:auto; display:inline-block; margin:0; padding:0; z-index:11100; overflow:hidden; width:64px; }
.prepbootstrap-sharing-container .sharing-item{width:36px; height:48px; text-align:center;margin:2px; cursor:pointer; }
.prepbootstrap-sharing-container .sharing-item:hover{width:50px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.prepbootstrap-sharing-container .sharing-img{display:inline-block; margin:auto; margin-top:8px; width:32px; height:32px; background-image:url(images/sharing32x32.png); }
.prepbootstrap-sharing-container .sharing-fb{background-color:#305891; }
.prepbootstrap-sharing-container .sharing-fb .sharing-img{background-position:0px 0px; }
.prepbootstrap-sharing-container .sharing-gp{background-color:#CE4D39; }
.prepbootstrap-sharing-container .sharing-gp .sharing-img{background-position:0px -32px; }
.prepbootstrap-sharing-container .sharing-tw{background-color:#2CA8D2 }
.prepbootstrap-sharing-container .sharing-tw .sharing-img{background-position:0px -64px; }
.prepbootstrap-sharing-container .sharing-li{background-color:#4498C8; }
.prepbootstrap-sharing-container .sharing-li .sharing-img{background-position:0px -96px; }


/*lupa*/
.loupe {border:5px solid rgba(0,0,0,0.3)}

@keyframes animationmask1{0%{transform:scaleX(1.25) skewX(0deg); }
25%{transform:scaleX(1.10) skewX(-15deg); }
50%{transform:scaleX(1.25) skewX(0deg); }
75%{transform:scaleX(1.10) skewX(15deg); }
100%{transform:scaleX(1.25) skewX(0deg); }
}
@-moz-keyframes animationmask1{0%{-moz-transform:scaleX(1.25) skewX(0deg); }
25%{-moz-transform:scaleX(1.10) skewX(-15deg); }
50%{-moz-transform:scaleX(1.25) skewX(0deg); }
75%{-moz-transform:scaleX(1.10) skewX(15deg); }
100%{-moz-transform:scaleX(1.25) skewX(0deg); }
}
@-webkit-keyframes animationmask1{0%{-webkit-transform:scaleX(1.10) skewX(0deg); }
25%{-webkit-transform:scaleX(1.05) skewX(-15deg); }
50%{-webkit-transform:scaleX(1.00) skewX(0deg); }
75%{-webkit-transform:scaleX(1.05) skewX(15deg); }
100%{-webkit-transform:scaleX(1.10) skewX(0deg); }
}
@-o-keyframes animationmask1{0%{-o-transform:scaleY(1.00) skewX(0deg); }
25%{-o-transform:scaleY(1.00) skewX(-15deg); }
50%{-o-transform:scaleY(1.10) skewX(0deg); }
75%{-o-transform:scaleY(1.20) skewX(15deg); }
100%{-o-transform:scaleY(1.00) skewX(0deg); }
}
@-ms-keyframes animationmask1{0%{-ms-transform:scaleY(1.00) skewX(0deg); }
25%{-ms-transform:scaleX(1.10) skewX(-15deg); }
50%{-ms-transform:scaleX(1.25) skewX(0deg); }
75%{-ms-transform:scaleX(1.10) skewX(15deg); }
100%{-ms-transform:scaleX(1.25) skewX(0deg); }
}

/*Internet Explorer 8 a nizsi*/
#ie {display:none;background:#009DDE;border:10px solid #FEAD5C;color:#fff;width:50%;min-width:600px;height:250px;position:fixed;left:25%;top:50%;margin:-125px 0 0 0;text-align:center;z-index:1000;}
#ie h1{color:#fff;background:none;left:50%;width:400px;top:0;position:relative;margin:10px auto 10px -200px;padding:0;font-size:30px}
#ie p{margin: 0 0;padding: 1em 0;}
#ie img{margin: 0 10px;height:80px}
#ie a.close{display:inline-block;text-transform:uppercase;font-weight:bold;color:#fff;padding:5px 10px;margin:1em 0;background:#E10000}
html.ie div#ie {display:block}
.ie .row {margin:0}
.ie .container{width:1200px;margin:0 auto;  }
.ie .col-md-3.col-sm-4.col-xs-12{width:25%}
.ie .col-md-4,.ie .col-sm-3{width:33.333333%;float:left}
.ie .col-md-9.col-sm-8.col-xs-12 {width:75%}
.ie .col-sm-6{width:50%}
.ie .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;  }
.ie .navbar-header{float:left;  }
.ie .navbar-collapse{width:auto;    border-top:0;    -webkit-box-shadow:none;            box-shadow:none;  }
.ie .navbar-collapse.collapse{display:block !important;    visibility:visible !important;    height:auto !important;    padding-bottom:0;    overflow:visible !important;  }
.ie .navbar-collapse.in{overflow-y:visible;  }
.ie .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;    padding-right:0;  }
.ie .container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse{margin-right:0;    margin-left:0;  }
.ie .navbar-toggle{display:none;}
.ie ul.navbar-nav {float:right}
.ie ul.navbar-nav li {float:left;display:inline-block;}
.ie .menuholder .col-sm-9.col-xs-12,.ie .menuholder .col-lg-9 {width:73%;margin:0;padding:0;overflow:hidden}
.ie .menuholder .col-sm-3.col-xs-12,.ie .menuholder .col-lg-3 {width:25%;margin:0;padding:0;}
.ie .section .header,.ie .intersection .header {height:100px;}
.ie #homepage .main {background:url(../images/hpbgie.jpg) no-repeat center bottom;}
.ie .section .main{background:url(../images/sectionbgie.jpg) no-repeat center top;height:300px}
.ie .intersection .main,.ie .category .main {background:url(../images/intersectionbgie.jpg) no-repeat center top;height:380px}
.ie .gal-intersec .col-sm-4.col-xs-6 {width:31%;margin:1%;display:inline-block;float:left;}
.ie #topmenu.menutop.affix ul {text-align:left}
.ie #topmenu.menutop.affix ul li {float:left;}


/*--------------------------COPPERMINE------------------------------*/
input,textarea,select{color:#000;}
#cpgform {/* width:60%; */display:block;margin:1em auto;padding:.5em;background:#222;}
.textinput{font-family:"Trebuchet MS",Verdana,Geneva,Arial,sans-serif;    font-size:100%;    border:1px solid #000;padding:3px;background:#ccc;}
.listbox{font-family:"Trebuchet MS",Verdana,Geneva,Arial,sans-serif;    font-size:100%;    border:1px solid #D1D7DC;    vertical-align:middle;}
.button,.buttonlist ul li a{font-family:Arial,Helvetica,sans-serif;    font-size:90%;    border:0px solid #CCD7E0;background:#ccc;    cursor:pointer;    padding:4px 5px;    margin:2px;    white-space:nowrap;color:#000;border-radius:3px;}
.button:hover {background:#6699cc}
.radio{font-family:"Trebuchet MS",Verdana,Geneva,Arial,sans-serif;    font-size:100%;    vertical-align:middle;}
.checkbox{font-family:"Trebuchet MS",Verdana,Geneva,Arial,sans-serif;    font-size:100%;    vertical-align:middle;}
.bblink a{color:#ccc;    text-decoration:none;}
.bblink a:hover{color:#6699cc;    text-decoration:underline;}
#galfull {}
#galfull table{border:none;border-collapse:collapse;}
.buttonlist {background:#2c2c2c;}
.alb-thumb{margin:0px auto}
.maintable {display:inline-block;width:100%;}
form .maintable {display:table;width:100%;}
.maintable tr,.maintable td,.maintable table  {/* display: inline; */}
.maintable div{overflow:hidden;}
.maintable strong {color:#999;text-shadow:1px 1px 1px #000}
.tableh1{font-family:Verdana,Geneva,Arial,sans-serif;color: #ccc;padding-top:3px;padding-right:10px;padding-bottom:3px;padding-left:10px;width:100%}
.tableh1 table {width:100%}
.tableh2{background:#222;    color:#999;    padding-top:3px;    padding-right:0px;    padding-bottom:3px;    padding-left:10px;border-radius:5px}
.tableb{background:#666;padding-top:3px;padding-right: 20px;padding-bottom:3px;padding-left:10px;margin:0 20px;}
form .tableb {margin:0;}
.tableb UL LI {color:#fff}
.tableb strong{color:#fff;text-shadow:0.5px 0.5px 0.5px #000;}


/*slideshow*/
#title {text-align:center;padding:1em;font-size:120%;font-weight:bold;}
.slideshowend {text-align:center;padding:0 1em;}

/* This class will be used in conjunction with class tableb:attributes not particularly (re)-assigned will be taken into account from tableb. */
/* It is being used to accomplish alternating row colors for lists. */
/* It's recommended to only assign another background color that slightly differs from the one defined in tableb */
table tr.tableb_alternate{background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjEyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #444444 1%, #121212 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#444444), color-stop(100%,#121212));
background: -webkit-linear-gradient(top,  #444444 1%,#121212 100%);
background: -o-linear-gradient(top,  #444444 1%,#121212 100%);
background: -ms-linear-gradient(top,  #444444 1%,#121212 100%);
background: linear-gradient(to bottom,  #444444 1%,#121212 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#121212',GradientType=0 )}
.tableb_alternate td table td{background:transparent;}
.tableb_alternate {background:transparent;}
.tableb p,.tableb_alternate p {font-size:10px !important;}
.tablef{background:transparent;    padding-top:10px;    padding-right:0px;    padding-bottom:10px;    padding-left:10px;}
.footer,.footer a {font-size:9px;color:#888}
.thumb_filename{font-size:80%;    display:block;}

.thumb_caption{font-size:70%;padding:30px 0;display:block;text-align:left;position:absolute;bottom:0;left:0;width:100%;text-align:center;opacity:0}
.thumb_caption a{text-decoration:underline;    color:#000000;}
.thumb_num_comments{font-weight:normal;    font-size:85%;    padding:2px;    font-style:italic;    display:block;}
.user_thumb_infobox{margin-top:1px;    margin-bottom:1px;}
.user_thumb_infobox th{font-weight:bold;    font-size:100%;    margin-top:1px;    margin-bottom:1px;    text-align:center;}
.user_thumb_infobox td{font-size:85%;    margin-top:1px;    margin-bottom:1px;    text-align:center;}
.user_thumb_infobox a{text-decoration:none;    color:#000000;}
.user_thumb_infobox a:hover{color:#000000;    text-decoration:underline;}
.sortorder_cell{background:transparent;    color:#999;    padding-top:0px;    padding-bottom:10px;    padding-left:0px;    padding-right:20px;    margin:0px;width:100%;text-align:center}
.sortorder_options{font-family:Verdana,Arial,Helvetica,sans-serif;; color:#999;    padding:0px;    margin:0px;    font-weight:normal;    font-size:80%;    white-space:nowrap;}
form a {padding:5px;}
.admin_menu{font-family:Arial,Helvetica,sans-serif;    font-size:90%;    border:1px solid #CCD7E0;background-color:#FFFFFF;    color:#000000;    margin-top:0px;    margin-bottom:0px;    text-align:center;}
.admin_menu a{color:#000000;    text-decoration:none;    padding:5px;}
.admin_menu a:hover{color:#000000;    text-decoration:underline;}
.admin_float{float:left;    margin-left:1px;    margin-right:1px;    margin-top:1px;    margin-bottom:1px;    max-height:1.5em;    display:block;    position:relative;    white-space:nowrap;}
.icon{vertical-align:middle;    margin-right:1px;}
.comment_date{color:#5F5F5F;    font-size:90%;    vertical-align:middle;}
/* pseudo-classes for image links */

/*album thumbs page*/
.albdesc {color:#ccc;overflow:hidden;font-size:18px;margin:0 15px 25px 15px;max-width:100%;width:auto;/* background:#111; */padding:15px 8px 8px 8px;display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: stretch;}
.albdesc div:nth-child(2) {text-align:center; padding:5px;background:#111;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.albdesc div:nth-child(2) p {text-align:center;padding:0 70px}
.albdesc img {border:3px solid #000;max-width:100%;height:auto;}
/*obalovaci div thumb-v albu*/
.innerpanel {width:100%;text-align:center}

.thumbWrapper .enlargeimg,
.thumbWrapper .thumbnail,
.thumbWrapperAlb .image,
.thumbWrapper .image,
.thumbWrapperAlb a img,
.thumbWrapper a img.thumbnail,.catthumb .image 
{width:auto;max-width:100%;max-height: 206px;-ms-interpolation-mode: nearest-neighbor;border:3px solid black;/* padding:3px; */;}
.thumbWrapperAlb, .inner,.thumbWrapper .inner,.catthumbhumb .inner {position:relative;height:246px;width:206px;overflow:hidden;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-content: stretch;align-items: center;}
.showonhover{font-style:italic;font-weight:normal;position:absolute;padding:5px;opacity:0;left:0;bottom:0;display:block;background:rgba(0,0,0,0.8);font-size:12px;z-index:100;-webkit-transition:all 250ms ease-in;filter:alpha(opacity=0);width:100%;}
.showonhover p{color:#777;line-height:1}
.thumbWrapper:hover .showonhover,.catthumb:hover .showonhover{opacity:1;ilter:alpha(opacity=100);}
.thumbWrapperAlb,.thumbWrapper,.catthumb {float:none;display:inline-block;text-align:center;transition:all 250ms ease-in;position:relative;margin:25px;height:246px;width:206px;padding:0;}
.thumbWrapper,.thumbWrapper .inner {height:206px;}
.thumbWrapper *,.catthumb *,.thumbWrapperAlb *{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

/*prehled alb*/
.thumbWrapperAlb .buttonlist {background:rgba(0,0,0,0.7);position:absolute;;z-index:1500;bottom:0}
.thumbWrapperAlb:hover .album_stat,.catthumb:hover .album_stat {opacity:1}
.thumbWrapperAlb span.alblink a,.catthumb span.catlink a {text-decoration:none;font-size:13px;color:#aaa;font-weight:bolder;padding-bottom:5px;display:inline-block;}
.thumbWrapper:hover .thumb_title,.thumbWrapperAlb:hover span.alblink a{color:#ccc;}
.album_stat{font-size:90% !important;color:#777; margin: 0px;padding:5px !important;position:absolute;bottom:0px;left:px;width:201px;opacity:0;background:rgba(0,0,0,0.8);transition:all 250ms ease-in;}
.statlink {text-align:center;padding:.5em;}
.thumbWrapper .thumb_title_title {position:absolute;top:0px;font-size:12px;padding:10px;background:rgba(0,0,0,0.8);width:100%;opacity:0;z-index:0;left:0}
.thumbWrapper:hover .thumb_title_title {opacity:1}
.thumbnail {display: inline-block;padding: 0px;margin-bottom: 0px;line-height: 1;background-color: transparent;border:none;border-radius: 0;height:auto;}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {border-color: #6699cc;}

/*drobeckova navigace*/
.breadcrumbs{padding:5px 5px 5px 18px;font-style:italic}
.breadcrumbs a{padding:0 0 0 0.5em}
.breadcrumbs a:last-child{font-weight:bold;font-style:italic;color:#fff}

/*tabs*/
.tabs {font-size:12px;color:#a9a9a9;margin-left:8px;clear:both;overflow:hidden;}
.tabs .col-xs-12{text-align:center;padding:.5em}
.tabs span{display:inline-block !important;}

/*stranka s kategoriemi a alby - obalovaci div category thumb*/
td.statlink{color:#777;font-weight:normal;font-size:12px;text-align:center;background:}
td.statlink strong {color:#a9a9a9;font-weight:normal;font-size:10px;}
td.statlink a{text-decoration:none;    color:#9a9a9a;}
td.statlink a:hover{color:#FFFFFF;    text-decoration:underline;}
.cat-caption{color:#888;padding:5px;width:80%;;text-shadow:1px 1px 1px #000}
.alb-no,.poc-no{color:#999;padding:5px;width:10%;text-align:center;text-shadow:1px 1px 1px #000}
#catrow_noalb .catlink {font-size:12px;display:block;width:225px;text-align:center;padding:5px 0;margin:0}
p.catdesc {font-size:12px !important;padding:5px 0 0 14px !important;color:#777}
p.catdesc:hover {color:#999}
.catrow_noalb{background:transparent;    color:#000000;    padding-top:3px;    padding-right:10px;    padding-bottom:3px;    padding-left:10px;}
.catrow{text-align:center;background: #444444;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjEyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #444444 1%, #121212 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#444444), color-stop(100%,#121212));
background: -webkit-linear-gradient(top,  #444444 1%,#121212 100%);
background: -o-linear-gradient(top,  #444444 1%,#121212 100%);
background: -ms-linear-gradient(top,  #444444 1%,#121212 100%);
background: linear-gradient(to bottom,  #444444 1%,#121212 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#121212',GradientType=0 );
}

/*strankovani - paging*/

.pagingAct,.pagingInAct {text-align:left;font-weight:bold;width:15px;}
.pagingInAct a{color:#222;padding:0 !important;margin:0 !important}
.pagingAct span,.pagingInAct span {display:block;line-height:26px;margin:0 1px;}
.pagingInAct:hover,.pagingInAct:hover a  {color:#ccc;}
.pagingAct span{display:block;}
.pagingInAct span{display:block;text-decoration:underline}
.prevnext {}
#tabs_dropdown_select {color:#888;padding:4px;font-weight:bold}
.jumptopage {font-size:80%;padding:0 5px;font-style:italic;white-space: nowrap;width:150px}
/*administrace*/
.detail_head_collapsed, .detail_head_expanded {
    display:block
}
/* pseudo-classes for middlethumb links */
a:link .middlethumb, a:visited .middlethumb, a:focus .middlethumb, a:hover .middlethumb, a:active .middlethumb{border:4px solid #CBD7DE;}
.imageborder{border:1px solid #000000;    background-color:#FFFFFF;    margin-top:3px;    margin-bottom:3px;}
.display_media{background:transparent;    padding:0px 10px;}
.thumbnails{background:transparent;padding:5px 0;}
.mainpicnav a{display:inline-block;font-size:18px}
.thumbnails table td{}
.img_caption_table{border:none;    background-color:#FFFFFF;    width:100%;    margin:0px;}
.img_caption_table th{background:#D1D7DC;    font-size:100%;    color:#000000;    padding-top:4px;    padding-right:10px;    padding-bottom:4px;    padding-left:10px;    border-top:1px solid #FFFFFF;}
.img_caption_table td{background:#F2F5F7;    padding-top:6px;    padding-right:10px;    padding-bottom:6px;    padding-left:10px;    border-top:1px solid #FFFFFF;    white-space:normal;}
.debug_text{border:#BDBEBD;    background-color:#EFEFEF;    width:100%;    margin:0px;}
.clickable_option{cursor:default;}
.listbox_lang{color:#000666;    background-color:#F2F5F7;    border:1px solid #D1D7DC;    font-size:80%;    font-family:Arial,Helvetica,sans-serif;    vertical-align:middle;}
.filename {font-size:14px;padding:0 0 10px 0;color:#999;text-align:center;}
.important{color:red;    font-weight:bold;    padding-left:1px;    padding-right:1px;    padding-top:3px;    padding-bottom:3px;}

/*info o obrazku+komentare*/
#pictureWrapper {margin:5px 2%;border-radius:5px;padding:.5em 0;}
#comments {margin:5px 2%;border-radius:5px;padding:.5em 0;clear:both;overflow:hidden;background:}
#pictureWrapper a {text-decoration:none;}
#pictureWrapper table {border-collapse:collapse;position:relative;width:100%;}
#pictureWrapper .picwrappinner {text-align:center}
#pictureWrapper .picwrappinner img {text-align:center;transition:all 400ms ease-in;}
#pictureWrapper .zoom {overflow:hidden;display:inline-block;position:relative;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}

#pictureWrapper .maintable .image,#pictureWrapper .maintable td .image {width:auto;max-width:100%;height:auto;box-sizing:content-box;/* position:relative; */display:block;border:3px solid #000;}
#pictureWrapper .maintable #image,#pictureWrapper .maintable td #image {display:block;margin:auto;max-height:700px;width:auto;box-sizing:content-box;/* position:relative; */display:block;border:3px solid #000;cursor:zoom-in;}
#pictureWrapper .maintable #image.resized,#pictureWrapper .maintable td #image.resized {height:auto;max-height:4500px;cursor:zoom-out;}

#pictureWrapper table .image,#pictureWrapper .image {margin:0 auto}
#pictureWrapper .maintable {text-align:center}
#pictureWrapper .maintable {/* padding:10px; */text-align:center;width:100%;}
#pictureWrapper .menupicleft {text-align:left;}
/*navigace nad obrazkem*/
.picnav .navmenu_back {float:left;width:30%}
.picnav .navmenu_picof {width:40%;text-align:center;font-weight:bold;font-style:normal}
.picnav .prevnext {float:right}

#pictureWrapper .maintable .picnav {width:100%;text-align:left;font-style:italic;}
#pictureWrapper .tableh2 {font-weight:bold;text-align:center;padding:20px 0;font-size:14px;text-transform:uppercase;color:#bbb !important;background:transparent none !important}
#picinfo {padding:0 36px 5px 36px;font-size:12px;}
#picinfo .keywordlink a{font-style:normal;font-weight:bold}
#picinfo .keywordlink{display:block;margin:5px 0 15px 0}
#picinfo h3{margin:1em 0 0 0;color:#ccc;font-style:normal }
#picinfo span{font-style:italic;font-weight:bold;color:#ccc}
#picinfo span:after{content:',';}
#picinfo h2 {color:#ccc;font-style:normal;padding:0}
#picinfo .tableh2:hover {background:#333 !important}
#picinfo .tableh2 .obrInfo{font-weight:bold;display:block;text-align:center;font-size:16px;text-transform:uppercase;color:#ddd;background:transparent none !important}
.buyfoto {background:#333;text-transform:uppercase;font-weight:bold;display:inline-block;padding:8px;border-radius:5px;margin:1.5em 0 0 0;}
.buyfoto:hover {color:#DB9442;}
.imgmeta {text-align:center}
.pic_title,.pic_caption{color:#c6c6c6;font-size:120%;padding:20px 10px 10px 10px;line-height:1;margin:0 10px}

/*filmovy pas*/
#filmstrip {text-align:center;margin:0 15px 18px 15px}
#filmstrip table {width:100%;}
#film {margin:auto;}
#film .thumb {position:relative;float:left}
td.filmstrip_background{padding:0}
img.strip_image,.film_thumb_act {width:100%;opacity:0.5;filter:alpha(opacity=60);transition:opacity 300ms ease-in}
img.strip_image:hover {opacity:0.8;filter:alpha(opacity=80);}
.film_thumb_act {opacity:1;border:3px solid rgba(255,255,255,0.5)}
#film .thumb .thumbLink{position:relative;display:block;float:left}

.prev_strip{text-align:right;vertical-align:top;padding:50px 1em 0 0;display:none}
.next_strip{text-align:left;vertical-align:top;padding:50px 0 0 0;display:none}
/** Swfupload css **/
div.fieldset{border:2px solid #0E72A4; margin:10px 0; padding:20px 10px;}
div.fieldset span.legend{position:relative; padding:3px; top:-30px; background-color:#8AA5B5; color:#FFF; font-weight:bold;}
div.flash{width:375px; margin:10px 5px; border-color:#CCD7E0;}
input[disabled]{border:1px solid #ccc }
input.spin-button {
    padding:0 20px 0 0;
    background-repeat:no-repeat;
    background-position:100% 0%;
    background-image:url(../images/spinbtn_updn.gif);
}
/* FF 2 Fix */
.progressWrapper{width:357px; overflow:hidden;}
.progressContainer{margin:5px;padding:4px; border:solid 1px #E8E8E8; background-color:#F7F7F7; overflow:hidden;}
/* Message */
.message{margin:1em 0; padding:10px 20px; border:solid 1px #FFDD99; background-color:#FFFFCC; overflow:hidden;}
/* Error */
.red{border:solid 1px #B50000; background-color:#FFEBEB;}
/* Current */
.green{border:solid 1px #DDF0DD; background-color:#EBFFEB;}
/* Complete */

.blue{border:solid 1px #CEE2F2;    background-color:#F0F5FF;}
.progressName{font-size:8pt;    font-weight:700;    color:#555;    width:323px;    height:14px;    text-align:left;    white-space:nowrap;    overflow:hidden;}
.progressBarInProgress, .progressBarComplete, .progressBarError{font-size:0;    width:0%;    height:2px;    background-color:blue;    margin-top:2px;}
.progressBarComplete{width:100%;    background-color:green;    visibility:hidden;}
.progressBarError{width:100%;    background-color:red;    visibility:hidden;}
.progressBarStatus{margin-top:2px;    width:337px;    font-size:7pt;    font-family:Arial;    text-align:left;    white-space:nowrap;    color:#555;}
a.progressCancel{font-size:0;    display:block;    height:14px;    width:14px;    background-image:url(../../images/cancelbutton.gif);    background-repeat:no-repeat;    background-position:-14px 0px;    float:right;}
a.progressCancel:hover{background-position:0px 0px;}
.swfupload{vertical-align:top;}
/**styles for photo manager*/
table#pic_sort tr td{padding:4px;    border-bottom:1px solid #ccc;}
/** styles for album manager and photo album*/
table#album_sort tr td{padding:3px;    border-bottom:1px solid #ccc;}
table#album_sort tr td span.editAlbum{margin-left:100px;    font-size:10px;    line-height:100%;    text-decoration:underline;    cursor:pointer;    display:none;    color:#FF0000;}
.cpg_message_info,.cpg_message_success,.cpg_message_warning,.cpg_message_error,.cpg_message_validation{border:1px solid;    margin:10px 0px;    padding:15px 10px 15px 50px;    background-repeat:no-repeat;    background-position:10px center;}
.cpg_message_info{color:#00529B;    background-color:#BDE5F8;    background-image:url('../../images/message/info.png');}
.cpg_message_success{color:#4F8A10;    background-color:#DFF2BF;    background-image:url('../../images/message/ok.png');}
.cpg_message_warning{color:#9F6000;    background-color:#FEEFB3;    background-image:url('../../images/message/warning.png');}
.cpg_message_error{color:#D8000C;    background-color:#FFBABA;    background-image:url('../../images/message/stop.png');}
.cpg_message_validation{color:#D63301;    background-color:#FFCCBA;    background-image:url('../../images/message/error.png');}
.cpg_summary{font-size:0.9em;border:1px solid;    margin:10px 0px;padding:5px 10px 5px 10px;    color:#FF2B9C;    background-color:#FFDEEF;text-align:right;float:right;width:400px;}
#GB_window{background-color:#F2F5F7;    border:5px solid #CCD7E0;}
.external{background:transparent url('../../images/link.gif') 100% 50% no-repeat;    padding-right:10px;}
.detail_head_collapsed,.detail_head_expanded{color:#ccc;padding:0 0 0 15px;}d_expanded{color:#ccc;padding:0 0 0 15px;}

 /*ruzna rozliseni*/

@media (max-width: 1250px) {

.box-item .ctverec-md {width:104px;height:104px;}
.container.content,.biggerlay .container.content,.container.header,.biggerlay .container.header {width:780px}
.albdesc {padding:8px}
.albdesc div:nth-child(2) {padding:5px;}
.albdesc div:nth-child(2) p {font-size:14px;padding:5px 15px}
#pictureWrapper .picwrappinner {text-align:center;overflow:auto}
#pictureWrapper .maintable #image,#pictureWrapper .maintable td #image {height:auto;max-width:100%;}
#pictureWrapper .maintable #image.resized,#pictureWrapper .maintable td #image.resized {width:auto;max-width:none}


  }

@media (min-width: 768px) and (max-width: 991px) { 

.prodPrev h3,.productContainer h3 {padding:0 .5em;font-size:18px;}
.jumbotron.footer ul.menu li{line-height:1}
.carousel-caption h2 {font-size:18px;text-align:right;line-height:36px;}
.carousel p{font-size:18px;}
.navbar li {font-size:80%;}
.gallery img {width:25%;}
.headupper{/* height:261px */}
#slider{height:261px;}
.box-item .ctverec-md {width:76px;height:76px;}
.navbar-default .navbar-nav > li > a {padding:0px 9px;}
.prepbootstrap-sharing-container{position:fixed; top:10px}
.albdesc {padding:8px}
.albdesc div:nth-child(2) {padding:5px;}
.albdesc div:nth-child(2) p {font-size:14px}
#pictureWrapper .maintable #image,#pictureWrapper .maintable td #image {height:auto;max-width:98%}
  }

@media (max-width: 767px) {

.container.content,.container.header,.biggerlay .container.content,.biggerlay .container.header {width:100%;margin:0;padding:0}
.thumbWrapperAlb,.thumbWrapper,.catthumb {float:none;display:inline-block;text-align:center;transition:all 250ms ease-in;position:relative;margin:25px;padding:0}
.thumbWrapperAlb, .inner,.thumbWrapper .inner {height:175px;width:150px;}
.thumbWrapperAlb a img,.thumbWrapper a img.thumbnail {max-width:100%;max-height:150px;}
.thumbWrapper .thumbnail,
.thumbWrapperAlb .image,
.thumbWrapper .image,
.thumbWrapperAlb a img,
.thumbWrapper a img.thumbnail,.catthumb .image {max-height:150px;width:auto}
.thumbWrapperAlb span.alblink a,.catthumb span.catlink a {font-size:11px;}
.contact {width:90%;left:5%;}
body {background-size:cover}
.container.header {margin:0;padding:0;max-width:100%;}
.menuholder {position:absolute;top:50px;left:0;/* z-index:5700; */;background:#222}
.logo{width:auto;max-height:50px;max-width:50%;float:left;top:auto;z-index:1600;}
.slider {display:none}
.headupper{position:relative;min-height:100px;overflow:visible;}
.thumb {max-width:80px;height:auto}
#film {max-width:100% !imporatant;}
#filmstrip .maintable {overflow:hidden}
img.strip_image,.film_thumb_act {max-width:80px}
.albdesc {padding:8px;display:block}
.albdesc div:nth-child(2) {padding:5px;display:block;margin-top:15px}
.albdesc div:nth-child(2) p {font-size:14px}
.leavegal {margin-left:15px}
#pictureWrapper .maintable #image,#pictureWrapper .maintable td #image {height:auto;max-width:98%;}
#pictureWrapper .maintable #image.resized,#pictureWrapper .maintable td #image.resized {width:auto;max-width:none}

  }

@media (max-width: 640px) {

.box-item {display:none}
#menutop button {float:right}
nav.navbar.navbar-default {display:block;height:80px;}

  }

