@font-face { 
  font-family: ArialNarrow; 
    src: url('../fonts/ArialNarrow.eot'); 
    src: local(Yanone Kaffeesatz), url('../fonts/ArialNarrow.ttf'); 
}

html {
  /*background: white;*/
  color:#444;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
   font-family: sans-serif;
   
}
body{ 
background: #fff;
margin: 0 auto;
padding:0;
} 

.more-btn{
background:#fff;
color:#444;
border:1px solid #444;
width:150px;
padding:10px;
text-align:center;
margin:10px;
margin-left:0px;
font-size:16px;

}
.more-btn:hover{
background:#8b0000;
color:white;
box-shadow: 1px 1px 1px #eee;

}
 a.more-btn {
 text-decoration:none;
}
 
.center{
margin: 0px auto;
}
a,a:link,a:visited,a:active {
  background: transparent;   
  
  /*background:rgba(255,46,137, 0.05);   */
  text-decoration:none;
  color: #444444;
  /*border:1px solid #fff; */ 
}
a:focus {
  /*outline: thin dotted;  */
}
a:hover  {
  /*outline: 0;  */
  color:#800080;
}
.linkIcon{
width:8px;
}



.justify{
text-align: justify;
}
#main{

z-index:10;

position:relative;
background: #ffffff;

/*box-shadow: 1px 1px 1px #a8a8a8,-1px -1px 1px #a8a8a8;  */

}

 
  


 @media only screen and (min-width: 1921px){
 #headLogo{
 position:relative;
 width:100%;
 height:280px;
background: url('../images/mainBanner.png'); 
background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}
.bubbles_tone{

z-index:0;
/*top:430px;*/

width:100%;

background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}

}
@media only screen and (max-width: 1920px) {  
 #headLogo{
 position:relative;
 width:100%;
 height:280px;
 background: url('../images/mainBanner.png'); 
 

}
.bubbles_tone{
position:absolute;
z-index:0;
/*top:430px; */
opacity: 0.5;
 filter: alpha(opacity=50);
background: #eeeeee url('../images/bubbles_bw.png')     ;
height:752px;
width:100%;
}



}


#headLogo img{
position:absolute;

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    #rightCol {  
              width:414px;
    
    }
}
@media only screen and (max-width: 1024px) {
  #rightCol {  
              width:100%;
    
    }
}                       


.pinkF1{
position:absolute;
left:0;
top:50%;
opacity: 0.1;
 filter: alpha(opacity=10);
 z-index:-1;
}
.pinkF2{
position:absolute;
right:0;
bottom:150px;
opacity: 0.1;
 filter: alpha(opacity=10);
 z-index:-1;
}
#miniNav{
margin-top:20px;
}

#mainMenu a,#mainMenu a:link,#mainMenu a:visited{
border:none;
}
#bubble1{
 position:absolute;
 width:180px;
 height:223px;
 /*opacity: 0.5;
 filter: alpha(opacity=5);  */
 right:0px; 
 
}
                   

.fb_icon{
padding:7px;
}

@media only screen and (max-width: 1279px){  
#osobnosti table tr td:first-child{
 border-right:1px solid #444;
 padding-right:10px; 
}
.bannerText{
position:absolute;
left:0;
bottom:10px;
}

#slider2_container{
position: relative; 
top: 0px; 
left: 50%;
margin-left:-200px;
 width: 400px;
height: 300px;"
}

#osobnosti table tr td{

 padding-left:10px; 
}
.osobnosti_pic{
    width:150px;
}
 .hdr{
 display:block;

 }
 .hdr img{
  height:25px;
  margin-top:10px;
 }
 
 
 .mobHidden{
   display:none;
 }
#mainMenu{


}
#main{
          font-size: 1em;
          
          }
          
                    h1 {
            min-width:500px
            font-size: 2em;
            margin: 0.67em 0;
            }
          
          h2 {
            
            font-size: 1.5em;
          
            width:100%;
          }
          
          h3 {
            font-size: 1.17em;
         
          }
          
          h4 {
            font-size: 1em;
         
          }
          
          h5 {
            font-size: 0.83em;
            margin: 1.67em 0;
          }
          
          h6 {
            font-size: 0.75em;
            margin: 2.33em 0;
          }




#headLogo{
 position:absolute;
  
z-index:-1;
width:100%;
display:none;
border-bottom:30px solid #444444;
}
#hlavni{ /*420px*/
 width:100%;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     overflow:hidden;
/*height:1200px;*/


}
#mainLogo{
 position: relative;
z-index:100;  
margin-top:5px;

width:100%;

/*background:rgba(255,255,255,0.6);   */
text-align:center;
}
#mainLogo img{
width:100%;

}
#mainContain{
                     
z-index:101;
height:100%;
position:relative;
min-height:100px;
padding: 10px 10px 10px 10px;
/*padding-bottom:40px; */
display: block;       
margin-left: auto;
margin-right: auto;
}



#hu{
height:4810px;
width:100%;
margin:4px;
border:2px solid #dedede;
background:rgba(222,222,222, 0.1);
padding-bottom:40px;

}
#topPart{
        margin-bottom:10px;
        position:relative;
        width:100%;
        display:block;
        text-align:center;
        height:100%;
        }
        
#leftCol {
     
        width:100%;
        
        min-height:200px;
        height:100%;
        margin-top:10px;
        background:rgba(222,222,222, 0.8);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*overflow-y: scroll;   */
        /*border:5px solid #ccc;      */
        }
        
  #rightCol {
        margin: 0px auto;
        
        min-height:200px;
        height:370px
        
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:5px;
        border:2px solid #dedede;
        background:rgba(222,222,222, 0.1);
        text-align:center;
        } 
         #rightCol img {
         
          -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; 
        }       
}


@media only screen and (min-width: 1280px){
#slider2_container{
position: relative; 
top: 0px; 
left: 0px;
 width: 400px;
height: 300px;"
}

#osobnosti table tr td:first-child{
 border-right:1px solid #444;
 padding-right:40px; 
}
.osobnosti_pic{
    width:250px;
}
.hdr{
 display:none;
 }
.mobHidden{
   display:block;
 }        
            #mainMenu{
position:relative;
text-align:center;
border-top:1px solid #444444; 
width:100%;

background:#444444;

}
.nav{

}              
          #main{
          font-size: 1em;
          }
          
                    h1 {
            min-width:500px
            font-size: 2em;
            margin: 0.67em 0;
            }
          
          h2 {
            min-width:500px
            font-size: 1.5em;
           
            width:100%;
          }
          
          h3 {
            font-size: 1.17em;
            margin: 1em 0;
          }
          
          h4 {
            font-size: 1em;
            margin: 1.33em 0;
          }
          
          h5 {
            font-size: 0.83em;
            margin: 1.67em 0;
          }
          
          h6 {
            font-size: 0.75em;
            margin: 2.33em 0;
          }
          #mainLogo{
           position: absolute;
            left: 50%;
            top:-10px;
          margin-left:-482px;  
          width:964px;
          height:280px;
          /*background:rgba(255,255,255,0.6);   */
          text-align:center;
          }
          #mainLogo img{
          width:964px;
          }
          #hlavni{ /*964px*/
           width:964px;
          
          /*height:1200px;*/
          }
                  #mainContain{
                  height:100%;
                  position:relative;
                  min-height:100px;
                  width:964px;
                  padding-bottom:40px;
                  display: block;
                  margin-left: auto;
                  margin-right: auto;
                  }
     /*     #primary_nav_wrap
          {
          	
            width:964px;
            margin: 0;
            padding: 0;
            margin: 0px auto;
          }
          
          #primary_nav_wrap ul
          {
          	list-style:none;
          	position:relative;
          	float:left;
          	margin:0;
          	padding:0;
            width:100%;
          }
          
          #primary_nav_wrap ul a
          {
          	display:block;
          	color:#fff;
          	text-decoration:none;
          	font-weight:700;
          	font-size:16px;
          	line-height:32px;
          	padding:0 15px;
          	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
          }
          
          #primary_nav_wrap ul li
          {
          	position:relative;
           
            background:rgba(255,46,137, 0.8);
          	float:left;
          	margin:0;
          	padding:0;
           
          }
          #primary_nav_wrap ul ul li
          {
            border-bottom:1px dotted #fff ;
          }
          
          ;
          #primary_nav_wrap ul ul li:last-child
          {
            border-bottom:none;
          }
          
          #primary_nav_wrap ul li.current-menu-item
          {
          	background:#444444;
          }
          
          #primary_nav_wrap ul li:hover, #primary_nav_wrap ul a:hover
          {
          	background:#c6c6c6;
            color:#444;
          }
          
          #primary_nav_wrap ul ul
          {
          	display:none;
          	position:absolute;
          	top:100%;
          	left:0;
          	background:#fff;
          	padding:0
          }
          
          #primary_nav_wrap ul ul li
          {
          	float:none;
          	width:200px
          }
          
          #primary_nav_wrap ul ul a
          {
          	line-height:120%;
          	padding:10px 15px
          }
          
          #primary_nav_wrap ul ul ul
          {
          	top:0;
          	left:100%
          }
          
          #primary_nav_wrap ul li:hover > ul
          {
          	display:block
          }      */
        #hu{
        /*height:3210px; */
        width:962px;
        border:2px solid #dedede;
        background:rgba(222,222,222, 0.1);
        padding-bottom:40px;
        
        }
        #topPart{
        margin-bottom:10px;
        position:relative;
        width:100%;
        display:block;
        height:400px;
        }
        #leftCol {
        float:left;
        width:540px;
        min-height:200px;
        height:384px;
        margin-right:7px;
        background:rgba(222,222,222, 0.8);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*overflow-y: scroll;   */
        /*border:5px solid #ccc;      */
        }
        
        #rightCol {
        width:414px;
        min-height:200px;
        height:384px;
        float:right;
       
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:5px;
        border:2px solid #dedede;
        background:rgba(222,222,222, 0.1);
        }
        
       
}

 #rightCol img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        
        }



#foot{

display:block;
z-index:1000;
width:100%;
 height:150px;
   background:#aaa;
  
   opacity: 1;
 filter: alpha(opacity=100);
}

#foot > #miniLogo{
position:absolute;  
left:0;
margin-top:45px;
margin-left:15px;
width:45%;
max-width:250px;

}   
#foot > #companyLogo{
position:absolute;  
margin:15px;
width:45%;
max-width:250px;
right:0; 
}

.kontHeight {
height:650px;

}


.radius-corners{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}







.novinka{
width:100%
height:400px;
/*background:#f0f1f0;*/
/*background:rgba(240,241,250, 0.5);*/
margin-bottom:10px;
 /*box-shadow:0px 0px 1px #888; */
 

}               

.novinka .nadpis{

/*background:rgba(255,255,255, 0.8); */

width:100%
position:absolute;
left:0px;
top:0px;
text-align:left;
margin-bottom:4px;
font-weight:bold;
border-top: 2px solid #fff;
/*border-bottom: 4px solid #fff; */
color:#444;/*#444444; */


}
.novinka .nadpis .datum{

}
.novinka .nadpis img{
 width:25px;
 margin-right:10px;


}
.novinka .nadpis table{

width:100%;
/*border:2px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;    */
/*background:rgba(255,255,255, 0.8);   */
}



.novinka .telo{
 padding:4px;


}

#hu h2{
padding:0;

margin-left:10px;
width:97%;


}
#hu a:hover img{              
z-index:100;
box-shadow: 1px 1px 1px #444444; 
}
#hu img,#partneriU img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 width:150px;
 height:80px;
box-shadow: 0px 0px 1px #aaa;
}

#partneriU img,#vystavovateleU img{
float:left;

}


#partneriU,#vystavovateleU{
width:50%;
float:left;
position:relative;

}
#partneriU{

}
#vystavovateleU{

}
#vystavovateleU h2{ 
margin-left:0px;
padding-left:0px;


}

#partneriU div {
			  			
				float: left;
				
        margin-left:8px;
        margin-top:8px;
			}
     
#vystavovateleU div {  
   float: left;
				
        margin-right:8px;
        margin-top:8px;
}    
      
      
			#partneriU div img,#vystavovateleU div img {
				border: none;
        z-index:90;
			}
			#partneriU div span,#vystavovateleU div span {
      display:none;
			/*	text-align: center;
				color: #333;
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				font-weight: bold;
				display: block;
        margin-top:-84px;
				position:absolute;
        width:150px;
        z-index:100;
        height:80px;   */
			}
.logoS {

width:200px; 
margin-right:10px;
margin-bottom:10px;

}
#souteze{
z-index:51px;
}
#souteze h2{
background:#444;
color:#fff;
/*background:rgba(255,46,137,0.1);  */
padding-left:4px;
/*border-bottom:1px solid #444;
border-top:1px solid #444;*/
}

.soutezTab{
border:none;

}
tr.padding40{
display:block;
padding-bottom:40px;
}

.soutezTab tr td{
/*border-bottom:1px solid #444;       */
/*background:rgba(000,000,000,0.1);   */
vertical-align:top;


}
.soutezTab tr td:first-child{
 border-right:1px solid #444;
 margin:10px;
}

table.soutezTab table,table.soutezTab table tr td{
 border:none;

}
table.soutezTab table{
width:100%;
}

.noMarginTab,.noMarginTab tr td {
margin:0;
padding:0px;
border:none;
}
.noMarginTab tr td:first-child{
border:none;
}

.justify{
text-align: justify;
}
table.program{

font-size:16px;
}
table.program tr{
padding-bottom:20px;
display:block;
}
table.program tr td{
padding-bottom:20px;
}
table.program tr td:first-child{
width:200px;
text-transform: uppercase;
}

table#logaKeStazeni tr td:hover{ 
opacity: 0.6;
 filter: alpha(opacity=60);
}
#onlineFormular {
min-height:1524px;
}
#onlineFormular table tr td{
text-align:left;
}
#onlineFormular h2{
background:#444444;
color:#fff;
width:100%;
padding-left:4px;
padding-top:2px;
font-size:20px;
/*border-bottom:1px solid #444;
border-top:1px solid #444;*/
}

#onlineFormular table{
/*table-layout: fixed; */
width:100%;
}

#onlineFormular input{
border:1px solid #444444;
height:20px;
min-width:20px;
 /*appearance: none;
 
  border-radius: none;
  outline: 0;
  -webkit-appearance: none;
  webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
          box-sizing: border-box;   */
}

#onlineFormular input.sh{
width:30px;


}
#onlineFormular input.m2{
width:100px;

}     
#onlineFormular input.chBox{
/*background:#fff;
border:1px solid #444444;
 box-shadow: none;
 outline: 0; */

} /* 
input[type="checkbox"] {
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #fff;
    
    
     
}  */

input[type="checkbox"] {
    width:20px;
    height:20px;  
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
     background:#fff;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    
}
 
/* border radius for radio*/
input[type="radio"] {
    -webkit-border-radius:100%;
    border-radius:100%;
}
 
/* border radius for checkbox */
input[type="checkbox"] {
    -webkit-border-radius:2px;
    border-radius:2px;
}
 
/* hover state */
input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
    border-color:rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.3);
}
 
/* active state */
input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
    background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
    box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);
    border-color:rgba(0,0,0,0.5);
}
 
/* focus state */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:none;
    box-shadow: 0 0 1px 2px rgba(0, 240, 255, 0.4);
}
 
/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    border-color:rgba(0, 0, 0, 0.5)
}
 
/* radio checked */
input[type="radio"]:checked:before {
display: block;
height: 0.3em;
width: 0.3em;
position: relative;
left: 0.4em;
top: 0.4em;
background: rgba(0, 0, 0, 0.7);
border-radius: 100%;
content: '';
}
 
/* checkbox checked */
input[type="checkbox"]:checked:before {
font-weight: bold;
color: rgba(0, 0, 0, 0.7);
content: '\2713';
-webkit-margin-start: 0;
margin-left: 2px;
font-size: 1.2em;
}
 
/* disabled input */
input:disabled {
opacity: .6;
box-shadow: none;
background: rgba(0, 0, 0, 0.1);
box-shadow:none;
}
 
/* style label for disabled input */
input:disabled + label {
opacity: .6;
cursor:default;
-webkit-user-select: none;
}


#osobnosti table{

}
#osobnosti table tr td{
 vertical-align:top;
}

tr.blackBorderBottom {
 padding-bottom:40px;
 display:block;
border-left:none;
}  


div.sekceNadpis{
width:95%;
background:#dedede;
color:#444; 
font-size:14px;
height:18px;
margin:0;  

padding:4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}    

img.sekcePic{
position:absolute; 
margin-top:5px;
height:10px;
width:15px;
left:90%;
}