body{width:1200px; margin: auto; /* text-align:center; */ font-family:Arial,Tahoma; font-size:14px; color:#9a9a9a; padding: 0 25px 0 25px; }
.cleaner{clear:both; height:0px;}
a{color:#666666; text-decoration:none;}
a:hover, a.current{color:#cccccc;}
a img {border:  none;}
h1{font-size:14px; font-weight: 500; color:#000000;  text-transform:uppercase;}
.opacity{opacity:1; filter:alpha(opacity=100);}
.opacity:hover img{
	opacity:0.5; 
	filter: alpha(opacity=50);        
	-ms-filter: "alpha(opacity=50)";
	zoom: 1;
}

/*----- Header -----   #header #mutace{float:right; width:52px; margin:80px 0 0 20px;}  */
#header{width:1200px; padding:20px 0 10px 0;    /*odsazeni od horniho okraje a spodni okraj loga */  
 text-align:left; border-bottom: solid 0px #a0a0a0;}
#header .logo{ display:block; padding:20px 0 0px 0;   float:left}
#header #mutace{float:right;  margin:100px 0 0px 0px;}



/*----- Menu -----*/
#nav{ background: url(../images/menu_lines.png); height:30px;   /* odsazeni hlavni menu od spodku   */  position: relative; text-transform:uppercase; z-index:200; }  
#nav li {margin-left: 10px; display: inline-block; list-style-type: none; position: relative; }
#nav li a {}
#nav ul{margin:0; padding: 0px;}    /* prisazeni hlavni menu doleva */
#nav ul li a{padding:8px 0px 10px 0;  }
#nav ul li { float:left;  margin-right: 140px;  /* rozestup hlavni menu   */   background: rgba(255, 255, 255, 0.95); }
#nav ul li ul  { list-style:none; display: none; position: absolute;  width: 0px;  left: 0px;  top: 100%; }
#nav ul li ul li  { width: 260px;  font-size:12px; padding:0 10px 0 10px;  margin-left:-10px;}    /* sirka polozek submenu   */
#nav li:hover > ul { display: block; }
#nav a {  text-align:left; text-align: left;  height: 15px;  display: block;}

/*----- Slider -----*/
#slider{z-index:1; margin-top:50px;}
#slider .slides_container div img{z-index:1;}
#slider .slides_control { height: 585px;}

/*----- Content -----*/
.content{width:1200px;  text-align:left; min-height: 535px; position: relative; z-index: 10; margin-top: 29px;}
.content-left{float:left; width:250px; padding:0 24px 0 0;}
.content-right{float:left;  min-width:720px; max-width:920px; max-height:620px; margin-top: -3px; }           /*rozmer containeru a horni odsazeni*/ 
.content-left, .content-right 
img  {max-width: 100%; max-height: 100%; }     /*   orez obrazku na rozmer containeru*/ 

/*----- Portfolio -----*/
.item{float:left; width:393px; height:287px; /*opacity:0.5; filter:alpha (opacity=50);*/ margin: 0 10px 11px 0;}
.content .end{margin:0 0 11px 0;}
.item:hover{/*opacity:1; filter:alpha (opacity=100);*/}
.navigation{clear:both; width:100%; height: 50px; text-align:right; margin:13px 0 0 0;}
.navigation .nav-content{ width:80px; height:50px; margin-left: 0px;}
.navigation .nav-content .arow{display:block; float:left; width:30px; height: 50px;}
.navigation .nav-content .left{background: url(../images/arow-left.jpg);}
.navigation .nav-content .left:hover{background: url(../images/arow-left-hover.jpg);}
.navigation .nav-content .right{background: url(../images/arow-right.jpg); margin-left:22px;}
.navigation .nav-content .right:hover{background: url(../images/arow-right-hover.jpg);}
.gallery{margin-bottom:10px; height: 585px; overflow: hidden;}
.gallery a{float:left; display:block; /* width:169px; height:111px; */ margin:0 5px 5px 0;}
.gallery a.gallery-end{}

/*----- Portfolio detail -----*/
.navigation .back{float:left; display:block; width:34px; height:22px;  margin-top:10px; background: url(../images/back.jpg);}
.navigation .back:hover{background: url(../images/back-hover.jpg);}
.navigation .detail{margin-left:840px;}

/*----- Reference -----*/
table{border-collapse: collapse;}
table tbody .theader{height:58px; border-top: solid 2px #818181; border-bottom: solid 2px #818181; text-align:center; font-style:italic;}
table tbody .ttr{border-bottom: solid 1px #818181; text-align:left;}
table tbody .ttr td{padding:5px 0;}

/*----- Kontakt -----*/
table tbody .theader-kontakt{height:30px; border-bottom: solid 2px #818181; text-align:left; margin-bottom:10px;}
table tbody .ttr-kontakt{text-align:left;}
table tbody .ttr-kontakt td{padding:5px 0;}

.mk-pagination {clear: both; /* position: absolute; */ bottom: 0; float: right;}
.navigation .nav-content .mk-pag-prev { display:block; float:left; width:30px; height: 50px;  }
.navigation .nav-content .mk-pag-prev a {display:block;     width:100%; height:100%; background: url(../images/arow-left.jpg);}
.navigation .nav-content .mk-pag-prev a:hover {background: url(../images/arow-left-hover.jpg);}
.navigation .nav-content .mk-pag-next {display:block; float:left;  width:30px; height: 50px; }
.navigation .nav-content .mk-pag-next a {display:block;  width:100%; height:100%;   background: url(../images/arow-right.jpg);margin-left:22px;}
.navigation .nav-content .mk-pag-next a:hover {background: url(../images/arow-right-hover.jpg);}

/* grayscale */
.content .item img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .1s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.content .item img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
svg {
    background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}
svg image {
    transition: all .1s ease;
}
svg image:hover {
    opacity: 0;
}