/* CSS Document PROPMEDCHEM - Mgr. Martin MIKLOŠ*/



@font-face {
    font-family: thin; /* deklarace fontu */
    src: url(./fonts/HelveticaNeueCE-Thin.otf);
}

@font-face {
    font-family: light; /* deklarace fontu */
    src: url(./fonts/HelveticaNeueCE-Light.otf);
}

@font-face {
    font-family: roman; /* deklarace fontu */
    src: url(./fonts/HelveticaNeueCE-Roman.otf);
}

@font-face {
    font-family: medium; /* deklarace fontu */
    src: url(./fonts/HelveticaNeueCE-Medium.otf);
}




body {
 margin: 0px;
 padding: 0px;
 background-color: #F2F2F2;
 font-family: sans-serif; 
 font-weight: 100;      
}



.nav_line {
 height: 80px;
 background-color: #212121;     
 margin: 0 auto;             
}



.navigation { 
 width:980px;
 height:40px;
 padding-top: 5px; 
 margin: 0 auto;  
 font-size: 14px;        
 font-weight: bold; 
}


.header {
 height:520px;  
 background-image: url(../images/header.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #B2D2E6;
 margin: 0 auto;        
}


.header_content {
 width:940px;
 margin: 0 auto;           
}

.header_title {
 display: table-cell; 
 height:425px;
 vertical-align: middle;           
}

.header_nav {
 height: 75px;
 width:940px;
 margin: 0 auto;           
}


.title {
 margin: 0 auto;
 width:940px;  
 height: 50px;   
}

.page_title_line {
 height: 132px;
 background-color: #DEDEDE; 
 border-top: 2px solid #F3F3F3;          
}

.page_title {
  width:940px;
  margin: 0 auto;            
}    

.page_title_table td {
 vertical-align: middle;
 padding-top: 10px;
}
        
.content {
 margin: 0 auto;
 width:940px;
 min-height: 500px;
 height: auto;     
}


h1 {
 font-family: light, sans-serif ;
 font-size: 50px;
 color: #2c2c2c; 
}

h2 {
 font-family: thin, sans-serif ;
 font-size: 36px;
 color: #9ac4d8; 
}

h3 {
 font-family: medium, sans-serif ;
 font-size: 18px;
 color: #646464;
 margin: 0px;
 padding: 0px; 
}

.page h3 {
 font-family: medium, sans-serif ;
 font-size: 18px;
 color: #646464;
 margin: 40px 0px;
 padding: 0px;
 font-weight: normal; 
}

.page {
 padding-bottom:100px;      
}

h4 {  
 display: inline-block; 
 font-family: roman, sans-serif ;
 font-size: 28px;
 color: #656565;
 padding-left: 20px;
 font-weight: normal;  
}

.page h5 {
 font-family: medium, sans-serif ;
 font-size: 16px;
 color: #9CC6D9;
 margin: 10px 0px;
 padding: 0px;
 font-weight: normal; 
}

.header_nav ul{
 margin: 0px;
 padding: 0px;          
}

.header_nav li, .header_nav li a {
 display: inline-block; 
 width: 180px;
 height: 75px;
 margin: 0px;
 padding: 0px;
 margin-right: 10px; 
 background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 border-radius: 5px;           
}

.header_nav li a { 
 height: 50px;
 font-size: 24px; 
 text-align: center;
 padding-top: 25px; 
 text-decoration: none;
 color: #fff;
 text-shadow: -1px 1px 1px #000000;
 filter: dropshadow(color=#000000, offx=-1, offy=1);                 
}

.header_nav li a:hover, .header_nav li a:active, .header_nav li a:focus {
 background-color: #9ac4d8;                        
}

#nav_aktivni {
 color: #89C051;
}
             
.news {
 padding: 20px 0px;      
}

.news_img, .news_text {
 display: inline-block;
 vertical-align: top;           
}

.news_img {
 padding-right:40px;           
}

.news_date {
 font-family: light, sans-serif;
 font-size: 14px;
 color: #646464;
 margin: 8px 0px 4px 0px;
 padding: 0px;             
}

.news_text {
 width: 760px;
 font-family: light, sans-serif;
 font-size: 14px;
 color: #767676;
 margin: 0px;
 padding: 0px;
 line-height: 22px;
 text-align: justify;              
}

.page .news_text {
 width: 940px;
              
}

.news_navigation {
 display: table-cell;
 vertical-align: middle;
 height: 100px;
 padding: 0px 0px 20px 178px;                 
}

.news_text a {
 text-decoration: none;
 color: #646464;              
}

 .page a {
 color: #646464;              
}

.news_text a:hover, .news_text a:active, .news_text a:focus, 
.page a:hover, .page a:active, .page a:focus {
 color:#9ac4d8;                        
}

.footer {
 height:300px;
 background-color: #212121;
 color:#777777;
 background-image: url(../images/eu_logolink.png);
 background-position: center bottom;
 background-repeat: no-repeat;        
}


hr {
 width: 940px;
 border-top-color: #151616;
 border-bottom-color: #2C2C2C;
 border-left:none;
 border-right:none;    
}


.footer table {
 width: 900px; 
 margin: 0 auto;      
}

.footer td {
 color: #767676;
 font-size: 14px;
 vertical-align: top;
 padding: 18px 2px;
 line-height: 22px;      
}

.footer td a {
 color: #767676;
 text-decoration: none;      
}

.footer td a:hover {
 color: #9ac4d8;      
}


img:focus, img:hover, img, a img {
 border: none ;          
}


.content li {
 font-family: light, sans-serif;
 font-size: 14px;
 color: #767676;
 line-height: 22px;   
}

.logo_table  a{
 display: inline-block; 
 vertical-align: middle; 
 text-align: center;
 min-width: 150px;;          
}

.logo_table a:last-child{
 margin-left: 30px;         
}

.content.logo_table  {
 text-align: center;
 min-height:120px;
        
}

/* fotogalerie */


.ib-main-wrapper{
    overflow: hidden;
    margin-top: 40px;
    outline: none;
}
.ib-main{
    margin-left: auto;
    margin-right: auto;
    width: 940px;
}
.ib-main a{
    float: left;
    width: 180px;
    height: 180px;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 2px 2px;
    cursor: pointer;
    background: #fff url(../images/thumb_bg.jpg) no-repeat center center;
    background-size: 110% 110%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-main a.ib-loading,
.ib-main a.ib-loading:hover{
    background: #fff url(../images/ajax-loader.gif) no-repeat center center;
    background-size: 31px 31px;
}
.ib-main a.ib-loading img,
.ib-main a.ib-loading:hover img{
    opacity: 0.5;
}

.ib-main a img{
    opacity: 0.95;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.ib-main a:hover img{
    opacity: 0.8;
}
.ib-main a:hover{
    background-size: 100% 100%;
}


a img {
 border: none ;      
}