html { 
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased; 
}

@media only screen {

    body {
        font: normal 1em 'trebuchet ms','Open Sans', arial, sans-serif;
        color: #777;
        margin: 0;
        padding: 0;
        background: #0d4f98;
    }
    
    p { 
        padding-bottom: 20px;
        margin: 0;
        line-height: 1.3em;
    }
	
	span.bold-red {
		font-weight: bold;
		color: red		
	}
	
    a:link, a:visited {
        outline: none;
        text-decoration: underline;
        color: #A4AA04;}
    
    a:hover { 
        text-decoration: underline;
        color: #c4cb00;
		

		
    }
    
    /*** logotypy ***/
    img.fixed-height-40, img.fixed-height-40 a {
        height: 40px;
        width: auto;
        margin: 0 60px 0 0;
        border: 0;
    }
    
    img.fixed-height-80, img.fixed-height-80 a {
        height: 180px;
        width: auto;
        margin: 0 55px 20px 0;
        border: 0;
    }
    /*** logotypy ***/
    
    img.free-height, img.free-height a {
        max-width: 100%;
        margin: 0 2px 0 0;
    }
    
    img.fixed-width-right { 
        border: 0;
        width: 282px;
        height: auto;
        padding: 0;
        margin: 0 0 16px 24px;
        float: right;
    }
    
    img.fixed-width-left { 
        border: 0;
        width: 282px;
        height: auto;
        padding: 0;
        margin: 0 24px 16px 0;
        float: left;
    }
    
    .gallery img.fixed-width { 
        border: 0;
        width: 282px;
        height: auto;
        padding: 0;
        margin: 0 4px 0 0;
    }
    
    .gallery img.vertical { 
        border: 0;
        width: 180px;
        height: auto;
        padding: 0;
        margin: 0 4px 0 0;
    }
    
    .gallery img.elastic { 
        border: 0;
        max-width: 100%;
        height: auto;
        padding: 0;
        margin: 0 0 10px 0;
    }
    
    
    .gallery {
        width: 100%;
        height: auto;
        text-align: left;
        padding-bottom: 12px;
    }
	
	.spacer-line {
		width:100%;
		border:0;
		margin: 20px 0 10px 0;
		border-bottom: solid 1px #e5e5e5
	}
    

    .cleaner {
        clear: both;
		margin: 0;
		padding: 0
    }

    #site_content { 
        width: 1200px;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
    } 
    
/************************************************************************  S I D E B A R  *********************************************************************/    
    
    .sidebar { 
        float: right;
        width: 270px;
        padding: 0 15px 45px 15px;
        background: #f7f7f7;   
    }
    
    .sidebar iframe {
        width: 270px;
        height: 1600px;
    }
    
 /************************************************************************ C O N T E N T  *********************************************************************/

    #content { 
        width: 900px;
        padding: 0 0 40px 0;
    }
    
    #content .inner { 
        width: 890px;
        padding-right: 30px;
    }
	
	#content .inner .highlight {
        width: 750px;
        height: auto;
        padding: 0 20px 20px 20px;
		margin-bottom: 30px;
        float: left;
        text-align: left;
		background: #f5f5f5;
    }
	
 	#content .inner .news, #content .wrapper .news {
        width: 368px;
        height: 300px;
        padding: 0 55px 30px 0;
        overflow: hidden;
        float: left;
        text-align: left;
    }
    
    #content .inner .news h2 a, #content .wrapper .news h2 a {
        font: 0.9em 'trebuchet ms', 'lucida sans unicode', calibri, arial, sans-serif;
        color: #1293ee;
        font-weight: bold;
        display: block;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }
    
    #content .inner .news img, #content .wrapper .news img, #content .inner .highlight img {
        border: 0;
        max-width: 140px;
        padding: 0 15px 5px 0;
        margin: 0;
        float: left;
    }
    
    #content .news p, #content .wrapper .news p {
        text-align: left;
        margin: 0;
        padding: 0;
    }
    
    #content .news a.Artc:link, #content .news a.Artc:visited { 
        font: normal 90% 'trebuchet ms', 'lucida sans unicode', calibri, arial, sans-serif;
        color: #A4AA04;
        font-weight: normal;
        font-style: italic;
        text-decoration: underline;
        }
	
	 #content .news a.Artc:hover { 
        color: #c4cb00;
	}
	
	
   
    #content .wrapper {
        padding: 0 40px 40px 0;
        height: auto;
    }
    
    #content .wrapper #content_header {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
    }

    #content #content_header, #content .wrapper #content_header { 
        font: normal 1.2em 'trebuchet ms','lucida sans unicode', calibri, arial, sans-serif;
        color: #43423F;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        margin: 0;
        padding: 0 0 30px 0;
    }
    
    #content .wrapper h1 {
        font: bold 1.8em 'trebuchet ms', 'lucida sans unicode', calibri, arial, sans-serif;
        color: #1293ee;
        font-weight: 800;
        margin: 0;
        padding: 0 0 8px 0;
        text-align: left;
    }
    
     #content .wrapper h2 {
        font: bold 1.5em 'trebuchet ms', 'lucida sans unicode', calibri, arial, sans-serif;
        color: #43423F;
        font-weight: 800;
        margin: 0;
        padding: 0 0 6px 0;
        text-align: left;
    }
    
    #content .wrapper h2.HeadCenter {
        font: bold 1.2em 'trebuchet ms', 'lucida sans unicode', calibri, arial, sans-serif;
        color: #43423F;
        font-weight: 800;
        margin: 0;
        padding-bottom: 12px;
        text-align: center;
    }
    
    #content .wrapper h2.heading a:link, #content .wrapper h2.heading a:visited {
        font: bold 0.95em 'trebuchet ms', 'lucida sans unicode', calibri, arial, sans-serif;
        line-height: 1.1em;
        color: #A4AA04;
        font-weight: 800;
        margin: 0;
        padding: 0;
        text-align: left;
        display: block;
    }
    
    #content .wrapper h3 { 
        font: bold 1.2em 'century gothic','trebuchet ms', arial, sans-serif;
        color: #000000;
        font-weight: 800;
        margin: 0;
        padding-bottom: 6px;
        text-align: left;
    }   

    #content .wrapper h4 { 
        font: bold 1em 'Open Sans', arial, sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 4px 0 8px 0;
        color: #43423f;
        text-decoration: underline;
        text-align: left;
    }
    
    #content .wrapper h5 {
        font: bold 130% 'century gothic', arial, sans-serif;
        padding: 0 0 15px 0;
        margin: 0;
        color: #43423F;
    }

    #content .wrapper h6 {
        font: bold 110% 'century gothic', arial, sans-serif;
        color: #43423F;
        margin: 0;
        padding: 0 0 10px 0;
    }
    
	
    #content .wrapper p {
        text-align: justify;
        padding-bottom: 12px;
        margin: 0;
    }
	
    
    #content .wrapper p.left {
        text-align: left;
        padding: 0 0 20px 0;
        margin: 0;
    }
	
	#content .wrapper p.right {
        text-align: right;
        padding: 0 0 20px 0;
        margin: 0;
    }
    
    
    #content .wrapper p.center {
        text-align: center;
        padding: 0 0 20px 0;
        margin: 0;
    }
    
    #content .wrapper ul, #content .wrapper ol {
        margin: 0 0 8px -10px; 
    }
    
    #content .wrapper li {
        text-align: left;
        padding-bottom: 8px;
    }
    
    #content .wrapper ol li {
        text-align: left;
        padding: 8px 0 0 0;
    }
  
    /*#content .wrapper .cleaner {
        clear: both;
    }
    */
    
    	
	.column {
		width: 430px;
		float: left;
		margin: 0;
		padding: 20px 0;
	}
	
	.column-form {
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
	
	a.cta:link, a.cta:visited {
		display: block;
		width: 160px;
		margin: 0 auto;
		padding: 15px 30px;
		color: #ffffff !important;
		text-align: center;
		text-decoration: none;
		background-color: #1293ee;
		border-radius: 6px
	}
	
	a.cta:hover {
		display: block;
		width: 160px;
		margin: 0 auto;
		padding: 15px 30px;
		color: #ffffff !important;
		text-align: center;
		text-decoration: none;
		background-color: #4db1f7;
		border-radius: 6px;
		transition: 0.3s
	}
	
	
	
    table { 
        border-collapse: collapse;
        margin: 10px 0;
    }
    
    table tr th {
        border-collapse: collapse;
        background: #025587;
        color: #ffffff;
        padding: 6px;
     }
    
    table tr td { 
        border-collapse: collapse;
        border-bottom: 1px solid #d2d2d2;
        background: #fff;
        color: #808080;
        padding: 6px;
    }
        
    table tr td.grey { 
        border-collapse: collapse;
        background: #f2f2f2;
        color: #808080;
        padding: 6px;
        border-top: 1px solid #FFF;
     }
    
    table tr td.w100 { 
        border-collapse: collapse;
        border-bottom: 1px solid #d2d2d2;
        background: #fff;
        color: #808080;
        padding: 6px;
        width: 100px;
    }
    

    
/************************************************************************** F O O T E R  *********************************************************************/

    #bottom {
        width: 100%;
        height: auto;
        background: #1d2f43 url(footer.png) repeat-x;
    }
    
    #bottom #footer { 
        width: 1200px;
        height: auto;
        padding: 25px 0 5px 0;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
        font-size: 1em;
        letter-spacing: 0.1em;
    }
    
    #bottom #footer .copy {
        text-transform: uppercase;
        font: normal 80% 'lucida sans unicode', arial, sans-serif;
        padding-bottom: 20px;
    }

    #bottom #footer .copy a {
        color: #ffffff;
        text-decoration: none;
    }
    
    #footer a:hover { 
        color: #ffffff;
        text-decoration: underline;
    } 
}

/**************************************************************** max-width: 1200px *******************************************************************/

@media only screen and (max-width: 1200px) {
    
    
    .gallery img.fixed-width { 
        width: 49%;
    }
    
    #holder {
        width: 100%;
    }
    
    #site_content { 
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    
        
    #content { 
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
        text-align: center;
    }
    
    #content .inner, #content .wrapper { 
        width: 90%;
        margin: 0 auto;
        padding: 0 0 40px 0;
    }
    
    #content .wrapper #content_header {
        padding: 20px 0 30px 0;
    }
	
	#content .inner .highlight {
        width: 94%;

    }
    
    #content .inner .news {
        width: 42%;
        height: 360px;
        padding: 0 55px 30px 0; 
    }
    
    #content .wrapper .news {
        width: 42%;
        height: 260px;
        padding: 0 55px 0 0; 
    }
    
    #content .wrapper p {
        text-align: left;
    }
    
    .sidebar { 
        display: none;
    }
	
    #bottom #footer { 
        width: 90%;
    }
	
	.column {
		width: 50%;
	}

}



/**************************************************************** max-width: 800px *******************************************************************/

@media only screen and (max-width: 800px) {
    
   
    .gallery img.fixed-width { 
        width: 100%;
        margin: 0 0 2px 0;
    }
    
    
    #content .inner .news, #content .wrapper .news {
        width: 100%;
        height: auto;
        padding: 0 0 30px 0;
    }
    
    
    .column {
		width: 100%;
		float: none;
	
	}
	
    #content .wrapper iframe {
        height: 2700px;
    }
    
    #content .wrapper iframe.form-height {
        height: 4100px;
    }
	
	
	.column-1 {
		width: 100%;
		float: left;
		margin: 0;
		background-color: red
	}
	
	.column-2 {
		width: 100%;
		float: left;
		margin: 0;
		background-color: green
	}
    
    
}

/**************************************************************** max-width: 600px *******************************************************************/

@media only screen and (max-width: 600px) {
	
	#content .inner .highlight {
        width: 89%;

    }
    
    img.fixed-height-40, img.fixed-height-40 a {
        height: auto;
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
    }
    
    img.fixed-height-80, img.fixed-height-80 a {
        height: auto;
        width: 100%;
        margin: 0 0 20px 0;
    }
    
    img.free-height, img.free-height a {
        height: auto;
        width: 100%;
        margin: 0 0 20px 0;
    }
    
    img.fixed-width-right { 
        border: 0;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 0 24px 0;
        float: right;
    }
    
    img.fixed-width-left { 
        border: 0;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 24px 24px 0;
        float: left;
    }
	
	.column-1 {
		width: 100%;
		float: none;
	}
	
	.column-2 {
		width: 100%;
		float: none;
	}
    
    table { 
        border-collapse: collapse;
        margin: 10px 0;
    }
    
    table tr th.date {
        display: block;
    }
    
    table tr th {
        display: none;
    }
    
    table tr td { 
        border-collapse: collapse;
        border-bottom: 1px solid #d2d2d2;
        background: #fff;
        color: #808080;
        padding: 10px;
        display: block;
    }
    
    table tr td.grey { 
        border-collapse: collapse;
        background: #f2f2f2;
        color: #808080;
        padding: 6px 0;
        border-top: 1px solid #ffffff;
        display: block;
        width: 100%;
    }
    
    table tr td.w100 { 
        border-collapse: collapse;
        background: #f2f2f2;
        color: #808080;
        padding: 6px;
        border-top: 1px solid #ffffff;
        display: block;
        width: auto;
    }
}


/**************************************************************** max-width: 400px *******************************************************************/

@media only screen and (max-width: 400px) {
     
    .gallery img.vertical { 
        width: 100%;
    }
    
   
}