@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400|Work+Sans:100,200,300,400,500,600,700&subset=latin-ext');




@media only screen and (min-width: 1700px) {
	

header {width:90%;
margin: 0 auto;}
	}

    
      * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clr {
  clear: both;
}



#mainNav {
  font-size: 0;
  text-align:right;;
  width: 100%;
  background-color:rgba(255,255,255,.9);
  padding-top:7px;
  margin-bottom:100px;
	
	
}



.conv-nav-adj 
{vertical-align:top;
font-size: 10px;
text-align:left;}


#mainNav ul {
  font-size: 11px;
  letter-spacing:2px;
  margin-bottom: 0px;
  width:85%;
}



#mainNav li {
  display: inline-block;
  height: inherit;
  padding-left:5px;
  padding-right:5px;
}

#mainNav a {
  color: black;
  font-family: 'Open Sans', sans-serif;
  display: block;
  height: inherit;
  margin: 0;
  padding: 1em 1em;
  text-decoration: none;
  outline:none;
}



#mainNav li:hover > a, .menu .current-item > a {
    background-color:rgba(179,175,153,1); /*zůstane zabarveno li zahrnjící sub-menu*/
	transition: background .25s ease;
	
}



#mainNav li .sub-menu {
  background-color:rgba(179,175,153,1);
  position: absolute;
  display:none;
  width:160px;
  z-index: 10;
}

#mainNav li:hover .sub-menu {
  display:block;
}

#mainNav .sub-menu li {
	text-align: left;
	
}


#mainNav .sub-menu a {
  line-height: 3em;
  padding: 0 2em;
  height: inherit;
  width: 160px;
 font-weight:100;
  margin-left:-45px;
	
  
  
}

#mainNav .sub-menu a:hover {
	
  background-color: black;
  color:white;
}


/*active submenu item*/
 .current_sub  {
	background-color:black !important;
	color:white !important;
	pointer-events: none;
    cursor: default;
	}

	
.current {
	background:rgba(179,175,153,1); 
	pointer-events: none;
    cursor: default;
	}
	
.arrow {
    font-size:8px;
    line-height:0%;
	opacity:0.5;
}




.arrow-left {
  width: 0; 
  height: 0;
  margin-right:10px;

  float:left;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right:15px solid; 
  opacity: 0.5;
  color:rgba(39,39,39,1.00);
}


.current_01 {
	border:1px solid rgba(179,175,153,1); 
	
	}


/*************main nav loga***************/



.logoNav  {
	display:block;	
	margin-left:7%;
	height:90px;
	width:289px;
	position: absolute;
	background-image: url(../img/loga/stredovec-jinax.jpg);
	background-repeat: no-repeat;
	background-size:70%;
	margin-top:-10px;
	
}
.logoNav a {outline:none}

.logoNav.con-logo {
background-image: url(../img/loga/convivium-logo-nav.png);
	height:90px;
	width:90px;
}

@media only screen and (max-width: 1040px){
	
	.logoNav.con-logo{display:none;}
}
 



@media only screen and (max-width: 1090px) {
	
	.logoNav  {
	background-size:50%;
}

}
 


#logo_nav_3 {
	position: absolute;
	width:180px;
	margin-left: 6%;
  	margin-top:-68px;
	display: none;
	
	
}



#logo_nav_3 a {
	outline:none;
}

#logo_nav_3 img {width:100%;}


@media only screen and (max-width: 600px) {
	#logo_nav_3 {
  	margin-top:-64px;
	width:150px;
	}
}
	

/**************main nav clone************/

#mainNav.clone {
    position:fixed;
    top:-100px;
    left: 0;
    right: 0;
    z-index:999;
    transition:0.4s top cubic-bezier(.3,.73,.3,.74);
	border-bottom: 1px solid rgba(179,175,153,1);
	background-color:rgba(255,255,255,0.9);
	
}


#mainNav.clone .scroll {background: yellow;}


#mainNav.clone a {
  color:rgba(0,0,0,1.00);
  font-weight:100;
}

#mainNav.clone .logoNav
	{height:75px;
	width:241px;
	position: absolute;
	background-image: url(../img/loga/stredovec-jinax.jpg);
	background-repeat: no-repeat;
	background-size:60%;
	margin-top: -15px;
}

#mainNav.clone .logoNav.con-logo {
background-image: url(../img/loga/convivium-logo-nav.jpg);
	height:80px;
	width:80px;
	background-size:70%;
}







body.down #mainNav.clone {
    top:0;
}

#mainNav.clone li:hover > a, .menu .current-item > a {
    background-color:rgba(179,175,153,1); 
}

#mainNav.clone li .sub-menu {
  background-color:rgba(179,175,153,1);
}

#mainNav.clone .sub-menu a:hover {
	
  background-color:rgba(0,0,0,1.00);
  color:white;
}


 /*language - změna jazyka*/


#language {
	float:right;
	margin-top: -34px;
	margin-right: 12%;
	
	width:25px;
	height:25px;
	font-size: 12px;
	line-height:1.2em;
	
	}
	
 #language a {
	
	color: rgba(255,255,255,1.00) !important;	
	padding: 5px;
	border-radius: 50%;
	background-color: rgba(138,130,89,1);
	
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  outline: none;
	}
	
#language a:hover  {
	background-color:rgba(59,59,59,1.00);
   cursor: pointer;

	}
	


	

	
@media only screen and (max-width: 600px) {
	
		
#mainNav.clone {
    display:none;
}
body.down #mainNav.clone {
    display:none;
}
	}
















	

	
		
	
/*..........................menu pro mobilní zařízení..........................*/	


.toggle-menu {
	display:none;
	}



	
		


	
@media only screen and (max-width: 914px) {
	
	#mainNav {
		position:relative;
	}
	
	#mainNav a {
  color:rgba(0,0,0,1.00);
  font-weight:100;
}
	
#mainNav li:hover > a, .menu .current-item > a {
    background-color:rgba(179,175,153,1); 
}

#mainNav li .sub-menu {
  background-color:rgba(179,175,153,1);
}

#mainNav .sub-menu a:hover {
	
  background-color:rgba(0,0,0,1.00);
  color:white;
}
	
	
	
	
	.menu-wrap {
		display:none;
		
		}
	

	.menu-wrap-expanded {
		display:block;
		}
	
	
	
	.logoNav {
		display:none;
	}
	
#mainNav.clone {
    display:none;
}
	
body.down #mainNav.clone {
    display:none;
}
	

#language {
	
	margin-top:-35px;
	margin-right: 7%;
}
	
	#mainNav {
		border-bottom: none;
		
	}
	
	#mainNav ul {	
		margin-left:0;
	}
				
		
	
	#mainNav > ul > li {    
  display:block;
  text-align: left;  
  border-bottom: 1px solid rgba(179,175,153,0.3);  
  font-size: 13px;
  padding:0; 
	}
	
	
	
	
	
	
  
 /*toggle submenu*/ 
 #mainNav li .sub-menu {
  margin-left:200px;
  width:160px;
	}

#mainNav .sub-menu a {
  margin-left:-30px;	  
	}

#mainNav .sub-menu li {
	display:block;
	margin-left:-15px;
	}

#fix-mobile-nav {
		position: fixed;		
		margin-top: -150px;
		width: 100%;		
		z-index:1000;
		background:rgba(250,250,250,0.8);
		} /*pro stranky convivia a stredovecu*/
	
/****************orlík**********************/
	#logo_nav_3 {display: block;}



/*****************end toggle submenu****************/
	
	
	
	
/*toggle-menu*/	
	
.toggle-menu {
  display: block;
  position: relative;
  margin-left: 80%;
  margin-top:4%;
  
  width: 3rem;
  height: 3rem;
  text-indent: -999em;
  cursor: pointer;
}

.toggle-menu--clicked .menu__bar:nth-child(1) {
  top: 1.25rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.toggle-menu--clicked .menu__bar:nth-child(2) {
  -webkit-transform: translateX(100%) scale(0);
          transform: translateX(100%) scale(0);
}
.toggle-menu--clicked .menu__bar:nth-child(3) {
  top: 1.25rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.menu__bar {
  display: block;
  position: absolute;
  left: 0;
  width: 3rem;
  height: .1rem;
  -webkit-transition: top .4s ease-out, -webkit-transform .4s ease-out;
  transition: top .4s ease-out, -webkit-transform .4s ease-out;
  transition: top .4s ease-out, transform .4s ease-out;
  transition: top .4s ease-out, transform .4s ease-out, -webkit-transform .4s ease-out;
  background-color:rgba(179,175,153,1);
}
.menu__bar:nth-child(1) {
  top: 0;
}
.menu__bar:nth-child(2) {
  top: 1rem;
}
.menu__bar:nth-child(3) {
  top: 2rem;
}

}





/**************************** stredovec , convivium - specifika navigace **********************************************/

.active-con-nav { 
background-color:rgba(179,175,153,1);
	pointer-events: none;
    cursor: default;}/*pro java script - oznaceni aktivni zalozky v navigaci*/
	

@media only screen and (min-width: 600px) {
	
.adjust_menu {
 	width:100%;
	margin-top: -150px;	
	display:block;
	position:fixed;
	z-index: 1000;
	background-color:rgba(255,255,255,0.9)
	
} /*fixování menu*/

}

#logoNavStredovec {
	margin-left:80%;
	margin-top:-50px;
	
}
#logoNavStredovec img{
	width:130px;
	
}




/******************** navigace !zpet na predchozi stranku* *****************/

li input {
  display: inline-block;
  width:auto;
  margin-bottom:15px;
  border: 0;  
  padding-top:5px;
  background-color:rgba(255,255,255,0.00) !important;
  font-size: 11px;
  font-weight:100;
  font-family: 'Open Sans', sans-serif;
  margin-top:10px;
  letter-spacing:2px;

  
}

.adjust_arrow {margin-top:15px;}






li input:focus {
  outline: none;
}


  
  

.li_hover {
	background-color:#FFFFFF;
	margin-top:-10px
}


.li_hover:hover {
	background-color:rgba(179,175,153,1);
	transition: background .5s ease;
	
}

/**********social icons**************/



#menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:75px; 
	background-color:#DDDDDD;
	color: #FFFFFF;
	z-index:9999;
	display: none;
}