/*!
 *
 *	Project:	FOX GALLERY
 *	Author:		Petr Urbanek - www.r4ms3s.cz
 *	Twitter:	@r4ms3scz
 *
 */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;line-height:1;font-family:inherit}html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}p{margin:0;font-size:14px;font-size:1.4pxrem;line-height:20px;letter-spacing:1px}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;text-rendering:optimizelegibility}ul,ol{padding:0;margin:0}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}ul{list-style:none}ol{list-style:none}dl{margin-bottom:0}hr{margin:0;border:0}strong{font-weight:bold}em{font-style:italic}abbr{font-size:90%;text-transform:none;border-bottom:1px dotted #ddd;cursor:help}small{font-size:100%}cite{font-style:normal}*{-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url(js/libs/boxsizing.htc)}html,body{height:100%}body{background:url(../img/footer-bg.png) center center repeat #5e5f5e;margin:0;font-size:14px;font-size:1.4pxrem;line-height:1;font-family: 'jaf-domus-titling-web', 'Arial CE', Arial, sans-serif;color:#555454}a{color:#555454;text-decoration:none}a:hover{color:#000}.in{position:relative;margin:0 auto 0;width:960px;text-align:left}header{position:fixed;left:0;top:0;width:100%;height:162px;background:#8e83c8;z-index:15;text-align:center}header h1{position:absolute;left:50%;top:17px;margin:0 0 0 -47px;width:97px;height:134px;vertical-align:top}header h1 a{*display:inline;*zoom:1;border:0;font:0/0 a;text-shadow:none;color:transparent!important;display:inline-block;width:97px;height:134px;background:url(../img/logo-white.png) 0 0 no-repeat;vertical-align:top}header h1 a:hover{background-position:0 -134px}header nav{margin:0 auto 0;padding:60px 0 0 0;width:960px;height:auto;*zoom:1}header nav:before,header nav:after{display:table;content:""}header nav:after{clear:both}header nav>ul{width:100%;height:auto;*zoom:1}header nav>ul:before,header nav>ul:after{display:table;content:""}header nav>ul:after{clear:both}header nav>ul>li>a{font-size:24px;font-size:2.4rem;line-height:1;font-weight:300;color:#fff;text-decoration:none;letter-spacing:2px}header nav>ul>li>a:hover{font-weight:bold;color:#fff}header .gallery{float:left;padding:0 0 0 93px}header .magazine{float:right; padding: 0 90px 0 0}.blog-logo{display:inline-block;padding:0 0 0 95px;width:auto;height:125px;font-size:28px;font-size:2.8rem;line-height:125px;color:#8e83c8;background:url(../img/blog-logo.png) 0 center no-repeat}footer{padding:25px 0 150px 0}footer .in{font-size:10px;font-size:1rem;line-height:1;text-align:center;letter-spacing:1px}footer ul{padding:0 0 10px 0;text-align:center}footer li{display:inline-block;*display:inline;*zoom:1;padding:0 6px}footer .cz{padding-right:1px}footer .en{padding-left:1px}footer a{color:#b8b8b8;text-decoration:none}footer a:hover{color:#fff;text-decoration:none}footer a.act{font-weight:bold;color:#b8b8b8}footer a.act:hover{color:#b8b8b8}footer p{font-size:10px;font-size:1rem;line-height:1;color:#999;letter-spacing:1px}.partners{width:100%;height:77px;background:url(../img/partners-bg.png) 0 0 repeat}.partners .in{height:77px;line-height:77px;color:#c0c2c5;text-align:center}.partners .in a img{margin-bottom: -3px}.partners .hr{display:inline-block;width:16px}section{padding:162px 0 120px 0;background:url(../img/header-white-bg.png) center center repeat #fafcfa}.section{width:100%;height:auto;*zoom:1}.section:before,.section:after{display:table;content:""}.section:after{clear:both}.section .leftcol{float:left;width:760px;height:auto}.section .rightcol{float:right;width:200px;height:auto;background:#e5e6e4}.section .menu{width:100%;height:auto}.section .menu li{width:100%;height:37px;border-top:1px solid #fff}.section .menu li:first-child{border-top:0}.section .menu a{display:block;padding:14px 36px 14px 20px;width:100%;height:100%;font-size:15px;font-size:1.5rem;line-height:18px;text-transform:uppercase;color:#fff;background:url(../img/menu-cross-bg.png) right center no-repeat #ffa922}.section .menu a.violet{background-color:#8e83c8}.section .foxmag{padding:15px 0 15px 20px;text-align:left}.section .foxmag h2{margin:0 0 12px 0;font-size:15px;font-size:1.5rem;line-height:1;font-weight:bold;color:#8e83c8}article{margin:0 0 50px 0;background:#e5e6e4}article.violet .head{background:#8e83c8}article.violet h1{color:#8e83c8}article.violet h1 a{color:#8e83c8}article.violet h1 a:hover{color:#000}article .head{width:100%;height:50px;background:#ffa923;*zoom:1}article .head:before,article .head:after{display:table;content:""}article .head:after{clear:both}article .date{float:left;width:95px;height:100%;font-size:11px;font-size:1.1rem;line-height:50px;font-weight:bold;color:#fff;text-align:center;text-transform:uppercase}article .department{float:left;width:auto;height:100%;font-size:16px;font-size:1.6rem;line-height:50px;font-weight:bold;color:#fff;text-transform:uppercase}article .in-article{padding:33px 30px 100px 95px; font-family:'jaf-facitweb', 'Arial CE', Arial, sans-serif;}article h1{margin:0 0 2px 0;font-size:28px;font-size:2.8rem;line-height:1;color:#ffa922;text-transform:uppercase}article h1 a{color:#ffa922}article h1 a:hover{color:#000}article h2{margin:0 0 3px 0;font-size:20px;font-size:2rem;line-height:1.2em;font-weight:normal;color:#000;text-transform:uppercase}article .author{margin:0 0 10px 0;font-size:11px;font-size:1.1rem;line-height:2em;color:#6c6c6c;text-transform:uppercase}article p{margin:0 0 20px 0;font-size:14px;font-size:1.4rem;line-height:18px}article p strong{font-weight:normal;color:#000}article .img-list{padding:45px 0 0 0}article .img-list img{margin:0 15px 15px 0}.pagination{margin:-50px 0 0 0;padding:8px 0 0 0;width:100%;height:60px;*zoom:1}.pagination:before,.pagination:after{display:table;content:""}.pagination:after{clear:both}.pagination a{float:left;font-size:12px;font-size:1.2rem;line-height:1;font-weight:bold;color:#8e83c8}.pagination a:hover{color:#000}.pagination .next{float:right}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.c{*zoom:1}.c:before,.c:after{display:table;content:""}.c:after{clear:both}.vh{border:0;clip:rect(0 0 0 0);margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;height:1px}.vh.focusable:active,.vh.focusable:focus{clip:auto;margin:0;overflow:visible;position:static;width:auto;height:auto}.log{background:rgba(0,0,0,0.8);position:fixed;top:10px;left:10px;z-index:1000;color:#fff;font-weight:bold;padding:10px;font-size:25px}article .photobox {margin: 0 6px 6px 0;position:relative;display:inline-block;float:left}article .photobox:hover span{background: rgba(0,0,0,0.5) url('../img/openphoto.png')center center no-repeat;black;position:absolute;top:0;left:0;display:block;width:119px;height:79px}.clearfix{display:inline-block;}.clearfix:after{content: ".";display:block;clear:both;visibility:hidden;line-height: 0;height: 0;}html .clearfix{display: block;}* html .clearfix{height:1%;}
  @font-face {
    font-family: 'MuseoSans300'; 
    src: local('¢'),
     url("../MuseoSans-300.otf") format("opentype");     
    }
    
#banner {
	width:498px;
	height:38px;
	position:relative;
	overflow:hidden;
	padding:0;	
	margin:0;
	border:1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff 
}
a img {
	border: 0;  /* obrazky v odkazu kolem sebe nemaji ramecek */
}
a {
	text-decoration:none; /* odkazy nechceme podtrhavat */
}
.container {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/bg_top.png) repeat-x;
}
.click { 
	width: 100%; /* proklik pres celou plochu banneru */
	height: 100%;
	display: block;
	overflow: hidden;  
	position: absolute;
}
.logo {
	position:relative;
	top:15px;
	left:35px;		
}
.text0 {
	color: #999;	
	font-weight: bold;
	font-size:22px;	
	position:absolute;
	top:42px;
	left:250px;
}

.text3 {
	color:#000;
	padding:7px 0 0px 5px;
	width:100%;
	position:absolute;
	top:0px;
	left:-60px;	
	font-weight: normal;
	font-size:12px;		
	z-index:10;
}

.text3 p {
	padding:0;
	margin:0;	
	font: 20px/20px 'MuseoSans300';
}

.red { font-weight: bold; color: #f43131 } 
 
.logo-dotyk {
	position:absolute;
	top: -11px; 
	right:196px; 
	z-index:0;        
	
}

.logo-dotyk IMG {  
	width: auto; /* protoze chceme rozmery modifikovat podle rozmeru banneru, definujeme je v CSS */
	height: 58px;
}

.logo-pas {
	position:absolute;
	top: 0px; 
	right:200px; 
	z-index:0;        
}

.logo-dotyk IMG {  
	width: auto; /* protoze chceme rozmery modifikovat podle rozmeru banneru, definujeme je v CSS */
	height: 58px;
}

/* ANIMACE ----------------------------------------------------------------- */

.text0, .text1, .text2, .text3, .logo-dotyk, .logo-pas {
	-webkit-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Saf3.2+, Chrome */
	-moz-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* FF4+ */
	-ms-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* IE10 */
	-o-transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000); /* Opera 10.5+ */
	transition: all 1s cubic-bezier(0.735, 0.005, 0.250, 1.000);	
} 

            

/* logo dotyk 0 */
        
.s5 .logo-dotyk,
.s6 .logo-dotyk,
.s7 .logo-dotyk  { 
	opacity: 0;
}
.s0 .logo-dotyk,
.s1 .logo-dotyk,
.s3 .logo-dotyk
{	
	opacity: 1;
}

.s0 .logo-dotyk {
 transition: opacity .9s ease-in-out;
   -moz-transition: opacity .9s ease-in-out;
   -webkit-transition: opacity .9s ease-in-out; 
-webkit-transform:scale(0.66);
	-moz-transform:scale(0.66);
	-ms-transform:scale(0.66);
	-o-transform:scale(0.66);
	transform:scale(0.66);	

}

.s1 .logo-dotyk { 
	-webkit-transform:scale(0.66);
	-moz-transform:scale(0.66);
	-ms-transform:scale(0.66);
	-o-transform:scale(0.66);
	transform:scale(0.66);	
}

.s4 .logo-dotyk, .s5 .logo-dotyk, .s6 .logo-dotyk, .s7 .logo-dotyk, .s8 .logo-dotyk,
.s9 .logo-dotyk,
.s10 .logo-dotyk

 { 
-webkit-transform: translate(-1500px, 0px);
-moz-transform: translate(-1500px, 0px);
-o-transform: translate(-1500px, 0px);
-ms-transform: translate(-1500px, 0px);
transform: translate(-1500px, 0px);
	opacity: 0;   }
           

/* text 3 */

.s0 .text3,
.s1 .text3,
.s2 .text3,
.s3 .text3

 { 
	left:560px;	
}

.s0 .text3 P,
.s1 .text3 P,
.s2 .text3 P,
.s3 .text3 P  
 { 
	opacity: 0; 	
}


.s4 .text3,
.s5 .text3,
.s6 .text3
{ 
	left: 10px;
}


.s7 .text3,
.s8 .text3,
.s9 .text3,
.s10 .text3
 { 
	left:-560px;
}



/* logo pas */
                
.s0 .logo-pas,
.s1 .logo-pas,
.s2 .logo-pas,
.s3 .logo-pas,
.s4 .logo-pas,
.s5 .logo-pas,
.s6 .logo-pas
 { 
	left:560px;
	}
	
.s0 .logo-pas IMG,
.s1 .logo-pas IMG,
.s2 .logo-pas IMG,
.s3 .logo-pas IMG,
.s4 .logo-pas IMG,
.s5 .logo-pas IMG,
.s6 .logo-pas IMG
   { 
	opacity: 0; 	
}

.s7 .logo-pas,
.s8 .logo-pas
{ 
	left:0px;
}


.s9 .logo-pas,
.s10 .logo-pas
 {
  left:0px;
	-webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; 
			
}