/* EN CSS */

* {
	margin: 0;
	padding: 0;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
  height: 100%;

  background-image: url('/images/bg-all.gif');
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;

}

a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 974px;
	margin: 0;
  padding: 0;

}

img#thumb{
width: 140px !important;
height: 100px !important;
}
.main-content li {
padding-left: 5px;
}
.main-content ul {
list-style-position: inside;
list-style: circle url('/images/list.png');
margin-left: 15px;
}
.main-content ul li {
padding-bottom: 8px;
}
hr {
/*border-bottom: 1px solid #dfdfdf;*/
margin-top: 5px;
background-color: #dfdfdf;
height: 1px;
border: 0;
}

.searchbox input#search {
width: 194px;
height: 52px;
background-image: url('/images/searchbox.jpg');
padding: 1px 5px 10px 10px;
background-repeat: no-repeat;
color: #6c6c6c;
border: 0;
}
/* Header -----------------------------------------------------------------------------*/
#header {
	height: 52px;
  margin: 21px;
}
#header h1 {width: 318px;}
#header h1 a {
display: block;
text-indent: -9999px;
height: 52px;
width: 286px;
background-image: url('/images/logo_web_EN.png');
margin: 0;
padding: 0;
}

#header h1, #header div {
display: inline;
float: left;
padding: 0;
margin: 0;
width: auto;
}
#header .buttons {
padding-left: 114px;
} 
#header .searchbox {
padding-left: 24px;
}
#header .languagebox {
padding-left: 24px;
}

/* ------------ lide ----*/

.lide-box {width: 136px; height: 156px; margin-right: 15px; float: left; margin-bottom: 20px; text-align: center;}
.lide-box img {padding-bottom: 10px;}
.list-lide {text-align: center !important;}

.lide-perex img {width: 297px; height: 228px;}
.lide-perex .lide-image {width: 297px; height: 228px; float: left;}
.lide-perex .medajlonek {float: left; padding-left: 15px; width: 300px; text-align: left;}

.medajlonek span.l2, .lide-kontakt .l2 {
width: 52px;
min-width: 52px;
min-height: 16px;
display: inline-block;
text-align: center;
height: 16px;
line-height: 16px;
color: #ffffff;
background-color: #017dc7;
margin-right: 10px;
}

.lide-kontakt .l2 {
min-width: 68px;
width: 68px;
}

.magVisible {
display: block;
}

/* akceForm ----------*/
.akceForm, .newsForm, .newsUnForm {width: 450px; border-spacing: 10px;}
.akceForm td, .newsForm td, .newsUnForm td {vertical-align: top;}
.akceForm input, .newsForm input, .newsUnForm input {
border: 1px solid #c8c8c8;
padding: 3px;
line-height: 18px;
width: 200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/PIE.htc);
}
.akceForm input:hover, .akceForm input:focus, .akceForm textarea:hover, .akceForm textarea:focus, .newsForm input:hover, .newsUnForm input:hover,.newsUnForm input:focus, .newsForm input:focus {
background-color: #FaFaFa;
}
.akceForm textarea {
border: 1px solid #c8c8c8;
padding: 3px; 
width: 300px;
height: 80px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/PIE.htc);
}

.akceForm input.submit, .newsForm input.submitNews, .newsUnForm input.submitUnNews {
background-color: #017DC7;
color: #ffffff;
height: 28px;
width: 150px;
font-weight: bold;
border: 0;
}
.error {
padding-top: 6px;
color: #990000;
padding-left: 2px;
display: block;
}
#akceSuccess {
padding-top: 10px;
padding-left: 2px;
font-size: 14px;
}

#akceSubmit, #newsSubmit {
height: 60px;
}


/* akcetable */
.akceTable {
background-color: #fff;
border: 2px solid #017DC7;
width: 600px;
}
.akceTable td {
background-color: #ffffff; padding-left: 10px;
}
.akceTable .leftRow {
background-color: #017DC7;
color: #ffffff;
padding: 5px;
}


/* Menu  -----------------------------------------------------------------------------*/



.rozhovory h2 a, .casopisy h2 a, .analyzy h2 a, .knihy h2 a, .policy-papers h2 a {

color: #ffffff;
text-decoration:none;
}



ul#menu {
list-style-type: none;
background-image: url('/images/bg-menu.gif');
background-size: contain;
height: 30px;
margin-top: 20px;
}
ul#menu li {
display: block;
float: left;
background-image: url('/images/bg-menubutton.gif');
width: 104px;
background-size: contain;
color: #ffffff;
line-height: 30px;
text-align: center;
}
ul#menu li:hover {
background-image: url('/images/bg-menubuttona.gif');
}
ul#menu li a {
display: block;
width: 104px;
color: #ffffff;
font-weight: regular;
text-decoration: none;
}
ul#menu li.spacer-left {
background-image: url('/images/bg-spacer-left.gif');
width: 20px;
}
ul#menu li.spacer-right {
background-image: url('/images/bg-spacer-right2.gif');
width: 18px;
}


#menu ul {
            display:none;
            margin: 0px 0px 0px -40px;
            padding: 1px 0px 1px 0px;
            padding:0;
            list-style:none;
            position: absolute;
            z-index: 100;
            
            width: 178px !important;
        }
         
        #menu ul li {
            width: 178px !important;
background-image: url('/images/bg-menubuttonb.gif');
color: #ffffff;
line-height: 30px;
text-align: center;
margin-bottom: 0px;
        }
         
        /* display block will make the link fill the whole area of LI */
        #menu ul li a {
        width: 178px !important;
            display:block; 

        }
         
        #menu ul li:hover {
         background-image: url('/images/bg-menubuttonc.gif');
        }
#menu ul.longer li {
width: 220px !important;
background-image: url('/images/bg-menubuttond.gif');
}
#menu ul.longer li:hover {
background-image: url('/images/bg-menubuttone.gif');
} 

#menu ul.longer {
width: 220px !important;
margin: 0px 0px 0px -60px;
}
#menu ul.longer li a {
width: 220px !important;
}        
        
.casopisy {
padding: 0px 20px 0px 20px;
}        
.casopisy ul {
list-style-type: none;
background-repeat: no-repeat;
height: 32px;
margin-top: 10px;
}
#magpicker.bg1 {
background-image: url('/images/bg-casopisy.gif');
}
#magpicker.bg2 {
background-image: url('/images/bg-casopisy2.gif');
}
#magpicker.bg3 {
background-image: url('/images/bg-casopisy3.gif');
}
.casopisy ul li {
font-size: 14px;
display: block;
float: left;
width: 310px;
color: #767374;
line-height: 32px;
text-align: center;
font-weight: bold;
}

.casopisy ul li a {
color: #007dc6;
text-decoration: none;
}
.casopisy ul li a.c-active {
color: #767374;
}
        

/* vsechno atd. --------------------------------- */
.second {float: left;}
a.hp-more {
font-size: 12px;
color: #007dc6;
text-decoration: underline;
font-weight: bold;
}
a.hp-more:hover {
text-decoration: none;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.main-left a {
font-size: 12px;
color: #007dc6;
text-decoration: underline;
font-weight: bold;
}
.navigace {
background-color: #f4f4f4;
height: 20px;
margin-top: 0px;
padding:3px;

}
.main-content .clear {
border-top: 1px solid #dfdfdf;
}
.article-info {
font-size: 11px;
line-height: 22px;
vertical-align: middle;
}



/* ----------- kalendar -------*/
#calendarWrapper {
background-image: url('/images/bg-news-li.gif');
background-repeat: no-repeat;
min-height: 20px;
}
#calendarWrapper div {float: left; }
.calendarSidebar {width: 59px; height: 143px; }
.calendarSidebar a {
margin-left: 14px;
padding-top: 57px;
display: block;
}


#datepicker {
width: 179px;
text-align: center;
padding-top: 5px;
}

#datepicker table {
width: 179px;
border-spacing: 3px;
}
#datepicker table td {
text-align: center;
color: #007dc6;
font-size: 12px;
line-height: 14px;
padding: 1px;
}
#datepicker table td a {
text-decoration: none;
color: #007dc6;
display: block;
}
#datepicker table td:hover {
border: 1px solid #007dc6;
color: #000000;
padding: 0;
cursor: pointer;
}
#datepicker table td.calLinkable, #datepicker table td.calLinkable a {
border: 0;
color: #000000;
font-weight: bold;
}


#datepicker table td.calendarHeader {
font-weight: bold;
padding-bottom: 5px;
color: #000000;
}
#datepicker table td.calendarHeader:hover {
font-weight: bold;
padding: 1px;
padding-bottom: 5px;
color: #000000;
border: 0;
}
#datepicker table td.calNoHover:hover {
border: 0;
padding: 1px;
}
#datepicker table td.calendarToday.calLinkable a {
font-weight: bold;
color: #ffffff;
/*padding: 1px;*/
}
#datepicker table td.calendarToday.calLinkable:hover {
/*padding: 1px;    */
}
#datepicker table td.calendarToday, #datepicker table td.calLinkable:hover, #datepicker table td.calLinkable:hover a {
background-color: #007dc6;
color: #ffffff;

}

/* Middle
-----------------------------------------------------------------------------*/
.content {
margin-top: 20px;
padding-left: 20px;
clear: both;
}
.main-content {
margin-top: 20px;
text-align: justify;
}

.main-content h3 {
font-size: 24px;
line-height: 30px;
font-weight: normal;
padding-bottom: 20px; 
}
.medajlonek h3 {font-size: 18px; }  
.main-content h4 {
font-size: 16px;
padding-bottom: 5px;
border-bottom: 1px solid #dfdfdf;
margin: 40px 0px 15px 0px;
}      
 .main-content a {
 color: #005eb5;
 }
.content-hp02 {
background-image: url('/images/bg-hp.gif');
background-repeat: repeat-x;
position: relative;
top: 20px;
clear: both; 
height: 297px;      
}
.main-wrapper {
clear: both;
margin-top: 20px;
}
.sidebarcomment {
padding: 5px;
}
.sidebarcomment a {color: #005EB5; font-weight: bold;}


.content-hp03 {
background-image: url('/images/bg-hp.gif');
background-repeat: repeat-x;
position: relative;
top: 20px;
clear: both; 
height: 297px;      
}

.hp01.c1 {
width: 614px;
float: left;
}

.main-left {
background-image: url('/images/bg-hp.gif');
background-repeat: repeat-x;
padding-left: 20px;
width: 614px;
float: left;
}

.main-left.article {
background-image: none;   
padding-top: 0px;
}

.main-right {
float: right;
margin: 0px 20px 0px 20px;
width: 297px;
}

            
#main-image {
width: 614px;
height: 363px;
position: relative;    
float: left;
}

.slides_container, .slidewrapper {
width: 614px;
height: 363px;
position: relative;   
}

.linkToHide1, .linkToHide2, .linkToHide3 {
padding-top: 2px;
}
            

#main-image-link, #main-image-link-hover, .caption {
background-color:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";
color: #ffffff;
height: 122px;
width: 574px !important;
position: absolute;    
bottom: 0px;
padding: 9px 20px 20px 20px;
font-size: 15px;

}
#mag1, #mag2 {display: none;}
.m-hover {
position: absolute;
top: 323px !important;
height: 20px;
padding-bottom: 10px !important;
width: 573px;
}
#main-image-link a, #m-hover a, .caption a {
color: #ffffff;
font-weight: bold;
}
#main-image-link h2, .caption h2 {
font-size: 34px;
line-height: 35px; 
}

.hp01.c2 {
margin: 0px 20px 0px 20px;
float: right;
width: 297px;
}

.art_perex {
font-size: 16px;
font-style: italic;
}
.sub-rocnik {
display: none;
}
.sub-rocnik ul li {

background-image: none !important;
margin: 1px;
}
.sub-rocnik.opened {
display: block;
}
.sub-rocnik-closed {
display: none;
}
.sub-rocnik-opened1 {

background-image: none !important;
}


li.month-opened {
background-color: #ffffff !important;
}
.novinky, .kalendar {
width: 297px;;
}
.doporucujeme {
margin-top: 10px;}

.novinky .slides_container, .policy-papers .slides_container {
width: 297px;
display: none;
height: auto;
}
.novinky .slides_container div, .policy-papers .slides_container div {
display: block;
width: 297px;
height: 72px;
padding: 0px 5px 0px 0px;
}
.policy-papers .slides_container {
height: 290px;
}
.policy-papers .slides_container div {
height: auto;
}

.novinky h2, .kalendar h2, .doporucujeme h2 {
background-color: #50c8ff;
font-size: 15px; 
line-height: 23px;
color: #ffffff;
padding-left: 10px;
font-weight: normal;
}
.doporucujeme h2 {
background-color: #ff8c00;
}
.novinky ul, .kalendar ul, .policy-papers ul {
list-style-type: none;
line-height: 24px;
}
.novinky ul li a, .kalendar ul li a, .policy-papers ul li a {
color: #007dc5; 
font-size: 12px;
text-decoration: underline;
}
.novinky ul li a:hover, .kalendar ul li a:hover, .policy-papers ul li a:hover {
text-decoration: none;
}
.novinky ul li, .kalendar ul li, .policy-papers ul li {padding: 0px 5px 0px 5px;
background-image: url('/images/bg-news-li.gif');
background-position: 0px 0px;
background-repeat: no-repeat, no-repeat;
padding-left: 10px;
} 
.novinky ul li.nobg, .kalendar ul li.nobg, .policy-papers ul li.nobg {
background-image: url('/images/bg-news-li.gif');
background-repeat: no-repeat;
}
.kalendar .today {
font-size: 11px;
vertical-align: middle;
line-height: 24px;
height: 20px;
background-image: url('/images/bg-news-li.gif');
background-repeat: no-repeat;
}
.novinky {
margin-top: 30px;
}
.kalendar.inList {
margin-top: 0px;
}
.ticker {
background-image: url('/images/bg-ticker.gif');
background-repeat: no-repeat;
background-position: center;
background-color: #f2f2f2;
height: 20px;
margin: 0px 2px 0px 2px;
text-align: center;
}

ul.pagination {
background-image: url('/images/bg-ticker.gif');
background-repeat: no-repeat;
background-position: center;
background-color: #f2f2f2;
height: 20px;
margin: 0px 2px 0px 2px;
padding: 0px 0px 0px 124px;
list-style-type: none;

}
ul.pagination li {
width: 8px;
padding: 0;
height: 7px;
margin: 3px;
margin-top: 8px;
display: inline;
float: left;
background-image: url('/images/ticker.gif');
}
ul.pagination li.current {
background-image: url('/images/tickera.gif');
}
.pagination li a {
    display: block;
   width: 8px;
    height: 8px;      
    
    background-image: none;
    float: left;
    overflow: hidden;
}


.rozhovory, .policy-papers {
width: 297px;
float: left;
margin-left: 20px;
position: relative;
}

.rozhovory h2, .main-left h2, .policy-papers h2, .knihy h2 {
background-image: url('/images/bg-hp-orange.gif');
background-repeat: repeat-x;  
background-color: #ff8c00;
font-size: 20px; 
line-height: 33px;
color: #ffffff;
padding-left: 10px;
font-weight: normal;
}
.main-left h2.blue {
background-color: #51c8ff;
background-image: url('/images/bg-hp-blue.gif');
background-repeat: repeat-x; 
margin-top: 20px;
}

.rozhovor {
width: 297px;
margin-top: 20px;
height: 100px;
clear: both;
border-bottom: 1px solid #dfdfdf;
}
.rozhovor-img {
width: 140px;
float: left;
}
.rozhovor-text {
float: right;
padding: 0px 5px 0px 10px;
font-size: 11px;
line-height: 14px;
width: 142px;
height: 84px;
text-align: justify;
}
.hp-bottomlink {
height: 16px;
padding-left: 10px;
vertical-align: middle;
line-height: 16px;
}
.no-img .hp-bottomlink {
padding-left: 0px;
}
.no-img .rozhovor-feat {
padding-left: 5px;
}
a.showmore {
line-height: 16px;
color: #ffffff;
text-decoration: none;
}

span.showmore {
float: right;
width: 54px;
height: 16px;
background-color: #007dc6;
text-align: center;

}
.kniha, .kniha-list {
width: 200px;
float: left;
padding-top: 20px;
text-align: center;
}

.kniha-sidebar {
width: 200px;
float: none;
padding-top: 20px;
margin-left: 48px;
text-align: center;
}

.kniha a, .kniha-sidebar a {
color: #007dc5; 
font-size: 12px;
text-decoration: underline;
font-weight: bold;
padding: 0px 10px 0px 10px;
}
.author {
color: #969696; font-size: 11px;
width: 200px;
float: left;
text-align: center;
font-weight: bold;
margin-top: 10px;
}
.kniha-sidebar .author {
float: none;
}
.kniha a:hover {
text-decoration: none;}

.rozhovor-feat {
padding-left: 15px;
margin-bottom: 3px !important;
line-height: 14px;
font-size: 10px; 
color: #969696;
text-decoration: underline;
vertical-align: top;
}
.rozhovor-feat a {
color: #969696;
}

a.rozhovor-title {
font-size: 15px;
line-height: 18px;
color: #007dc6;
text-decoration: none;
display: inline-block;
margin-bottom: 3px;
text-align: left;
}
a.rozhovor-title:hover {
text-decoration: underline;
}

.analyzy, .knihy {
width: 619px;
float: left;
margin-left: 20px;
position: relative;
}

.analyzy h2, .casopisy h2, .policy-papers h2 {
background-color: #51c8ff;
background-image: url('/images/bg-hp-blue.gif');
background-repeat: repeat-x; 
font-size: 20px; 
line-height: 33px;
color: #ffffff;
padding-left: 10px;
font-weight: normal;
}
.analyza-text {
width: 282px;
font-size: 11px;
line-height: 14px;
height: 84px;
text-align: justify;
}

.hp-col {
float: left;
}
.hp-col2, .hp-col3 {
float: left;
margin-left: 20px;
}

.ho

.casopisy {
margin: 0px 20px 0px 20px;
 
}
.hp03 {
margin-top: 40px;}
/* category list -----------------------------------------------------------*/

.hp-more {
padding-top: 5px;
display: inline-block;
}                      /*
.hp-more.moreroz {
padding-top: 3px !important;
}           */

.bigico {
float: right;
padding-right: 3px;
height: 24px;
}
/*.kniha-list {height: 250px;}*/
.kniha-list .kniha-top {
height: 250px;
}
.kniha-list .author {
height: 20px;
margin-top: 20px;
}
.filter {
margin-top: 20px;
height: 30px;
background-color: #F2F2F2;
}

.category-list {
margin-top: 20px;
}

.list-item {
width: 614px;
border-bottom: 1px solid #dfdfdf;
margin-top: 10px;
height: auto;
}

.list-item .item-img {
width: 140px;
float: left;

}
.list-item .item-text {
width: 464px;
float: left;
padding-left: 10px;
padding-bottom: 10px;
min-height: 80px;
}
.list-item.no-img .item-text {
width: 614px;
padding-left: 0px;
}

a.item-title {
font-size: 16px;
padding-bottom: 6px;
color: #007dc6;
text-decoration: none;
}

.item-header {
background-color: #f4f4f4;
height: 18px;
margin-top: 30px;
padding:3px;
}


/* paginate list ------ */
.list-filter div {
float: left;
}
.list-prev, .list-forw {
width: 30px;
}
.list-pages {
width: 554px;
height: 30px;
vertical-align: middle;
text-align: center;
line-height: 30px;
}
.list-pages a {
display: inline-block;
padding: 5px;
font-size: 12px;
font-weight: bold;
}
.list-pages span {
font-size: 16px;
font-weight: bold;
padding: 5px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
  /*position: relative;
  top: 50px;        */
  margin-top: 50px;
  width: 974px;
	height: 231px;
	background: #ededed;
  padding-top: 23px;
}
.footer-col {
width: 138px;
margin-left: 20px;
float: left;
text-align: left;
}

.footer-col h3 {
font-size: 18px;
color: #ff8c00;
height: 27px;
vertical-align: top;
border-bottom: 1px solid #c8c8c8;
text-align: left;
font-weight: normal;
}

.footer-col ul {
list-style-type: none;
line-height: 28px;
margin-top: 20px;
}
.footer-col ul li a {
color: #646464; 
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}
.footer-col ul li a:hover {
text-decoration: none;
}

.fb-like-box {
background-color: #ffffff;
margin-left: 30px;
}