/* COMMON PAGE STYLES BEGIN */
#overall{display: block; clear: both; width: 100%; height: 100%; background: url('../img/overall.png') left 180px repeat-x}

#all{display: block; clear: both; width: 970px; margin: 0px auto;}

#languages{display: block; width: 130px; height: 30px; float: right;}
#languages span{display: none;}
#languages .cz{display: block; width: 40px; height: 30px; background: url('../img/cz.png') left top no-repeat; float: right; padding-right: 10px}
#languages .de{display: none; width: 40px; height: 30px; background: url('../img/de.png') left top no-repeat; float: left;}
#languages .en{display: none; width: 40px; height: 30px; background: url('../img/en.png') left top no-repeat; float: left;}

.abstract p{color: #8D1D1D; font-size: 14px;  font-weight: bold; padding: 10px 10px 0px 0px; text-align: justify;}

#foot{display: block; width: 970px; height: 325px; background: #F4F2E7;}

#top_bar{display: block; width: 970px; height: 74px; background: #ffffff; border-bottom: 1px solid #E8E5CF;}
#top_bar ul{list-style-type: none; margin: 0px auto; padding: 0px; width: 940px; height: 44px; text-align: left; padding: 15px;}
#top_bar li{display: inline; padding: 0px;}

#foot_content{display: block; width: 960px; height: auto; float: left; padding-top: 5px;}
#foot_content ul{list-style-type: none; margin: 0px; width: 735px; padding: 0px; text-align: left; float: left;}
#foot_content li{display: inline;}
#foot_content ul a{border-bottom: 1px solid rgb(232,229,207); margin-right: 5px; background: url('../img/foot_menu-item.png') right bottom no-repeat; display: block; float: left; height: 30px; width: 240px; font-size: 13px; color: #999999; font-weight: bold; text-decoration: none;}
#foot_content ul a:hover{text-decoration: underline; color: #333333;}
#foot_content ul span{display: block; padding: 5px 0px 0px 12px;}

#foot_info{display: block; width: 214px; height: 230px; border-left: 1px solid #E8E5CF; float: right; padding-right: 10px;}
#foot_info p{font-size: 11px; color: #666666; line-height: 130%; text-align: left; padding-left: 7px; width: auto;}
#foot_info a{font-size: 11px; color: #666666; font-weight: normal; text-decoration: none;}
#foot_info a:hover{color: #333333;}
#foot_info span{text-decoration: underline; font-weight: bold;}
#foot_info .foot_a{text-decoration: underline; font-weight: normal;}
/* COMMON PAGE STYLES END */

/* HOME PAGE STYLES BEGIN */
#header_home{display: block; width: 970px; height: 375px; clear: both;}
#header_left_home{display: block; clear: left; width: 870px; height: 320px; background: url('../img/header_home.jpg') left top no-repeat; float: left;}
#header_left_home.de{background: url('../img/header_home_de.jpg') left top no-repeat;}
#header_right_home{display: block; clear: right; width: 100px; height: 375px; background: url('../img/header_right_home.png') left top no-repeat; float: right;}

#header_home #header_left_home h1{display: block; width: 310px; height: 100px; padding: 195px 0px 0px 25px; float: left;}
#header_home #header_left_home h1 a{display: block; width: 310px; height: 100px;}
#header_home #header_left_home h1 span{display: none;}

#top_menu_home{display: block; clear: left; width: 870px; height: 45px; float: left; background: url('../img/top_menu_bcg_home.jpg') left top no-repeat;}
#top_menu_home ul{list-style-type: none; clear: both; margin: 0px auto; padding: 0px; width: 865px; height: 40px; text-align: left;}
#top_menu_home li{display: inline; padding: 0px;}
#top_menu_home a{display: block; float: left; clear: none; cursor: pointer; width: auto; font-size: 15px; height: 40px; font-weight: bold; color: #ffffff; text-decoration: none;}
#top_menu_home a:hover{text-decoration: underline;}
#top_menu_home span{display: block; clear: both; height: 32px; background: url('../img/top_menu_item.gif') right top no-repeat; padding: 8px 40px 0px 20px; cursor: pointer;}

#home_page_nod{width: 970px; height: 345px; clear: both;}

.home_page_nod_row{width: 735px; height: auto; float: left; clear: left; padding: 0px; margin: 0px;}
.home_page_nod_row_odd{width: 735px; height: auto; float: left; padding: 10px 0px 5px 0px; margin: 0px;}

#accordion{display: block; width: 235px; height: 294px;}
#accordion h3{padding: 0px; height: 29px; width: 235px; font-weight: normal; background: url('http://www.jizdarna-svetce.cz/img/right_column_item-up.gif') right bottom no-repeat;}
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block;}
.ui-accordion a {}
.ui-accordion-icons .ui-accordion-header a {}
.ui-accordion .ui-accordion-content {border-top: 1px solid #E8E5CF; overflow: auto; display: none;}
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border-top: 1px solid #E8E5CF;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {display: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-widget-header .ui-state-active h3{display: none;}
#accordion .ui-accordion-content-active{height: 222px; width: 225px; }
#accordion .item_content{display: block; padding: 5px 5px 4px 5px;background: url('http://www.jizdarna-svetce.cz/img/right_column_item-go.png') right bottom no-repeat;}
#accordion .item_content:hover{color: #E8E5CF;}

span.p{padding-right: 4px;}

.right_column{width: 235px; height: auto; background: #ffffff; float: right; text-align: left;}
.right_column .clear{display: block; height: 4px; background: #E8E5CF;}
.right_column .title{color: #8D1D1D; font-size: 15px; text-align: left; padding: 0px 3px 0px 3px; display: block; text-decoration: none; font-weight: normal;}
.right_column .abstract{display: block; padding: 4px 3px 0px 3px; line-height: 110%; text-align: left; font-size: 11px; color: #666666;}
.right_column a{text-decoration: none; color: #8D1D1D;}
.right_column h3:hover{color: #8D1D1D;}
.right_column .description{display: block; width: 220px; height: 20px; padding: 5px;}
.right_column .last_item{display: block; width: 235px; height: 28px; z-index: 101; background: url('../img/right_column-bottom.png') left top no-repeat;}
.right_column .last_item a{color: #ffffff; font-size: 14px; font-weight: bold;}
.right_column .last_item:hover{color: #ffffff;}
.right_column .last_item span{display: block; padding: 5px 0px 0px 9px;}


.right_column a:hover .title{text-decoration: underline;}
.right_column a:hover .abstract{color: rgb(0,0,0); text-decoration: none;}


.home_menu_item{display: block; width: 245px; height: 95px; float: left; background: url('../img/home_menu_bcg.png') left top no-repeat; text-align: left;}
.home_menu_item a{display: block; width: 240px; height: 90px; text-decoration: none; color: #ffffff;}
.home_menu_item a:hover{color: #ffffff; text-decoration: underline}


.home_menu_item .fill{display: block; clear: both; padding: 5px 5px 8px 5px; text-align: left;}
.home_menu_item .img{display: block; float: left; clear: both; margin-right: 13px; width: 80px; height: 80px}
.home_menu_item .title{display: block; font-size: 11px; font-weight: bold; padding: 5px;}
.home_menu_item .abstract{font-size: 15px; font-weight: bold; display: block; color: #ffffff;}

.banner{display: block; width: 490px; height: 157px;float: left; color: #8D1D1D; background: url('../img/banner_book.png') left top no-repeat; text-align: left;}
.banner.de{display: none;}
.banner .clear{display: block; height: 17px; width: auto;}
.banner a{display: block; width: 485px; height: 120px; color: #E8E5CF; text-decoration: none;}
.banner a:hover{text-decoration: underline; color: #E8E5CF;}
.banner .fill{display: block; color: #E8E5CF; text-decoration: none; clear: both; width: 295px; height: 120px; padding-left: 17px; text-align: left; background: #ffffff url('../img/banner_item.png') 283px 98px no-repeat; float: right;}
.banner .fill:hover{text-decoration: underline;}
.banner .title{display: block; font-size: 23px; font-weight: bold; color: #8D1D1D; padding: 8px 0px 0px 3px;}
.banner .description{display: block; font-size: 17px; line-height: 90%; color: #8D1D1D; font-weight: bold; padding-left: 3px;}
.banner .abstract{display: block; font-size: 12px; line-height: 110%; color: #666666; padding: 15px 20px 0px 3px;}

.action_menu_home{display: block; width: 240px; padding-bottom: 10px; float: left;}
.action_menu_home.de{display: none;}
.action_menu_home .clear{display: block; height: 17px; width: auto; background: rgb(232,229,207);}
.action_menu_home ul{list-style-type: none; margin: 0px; padding: 0px; text-align: left; background: #ffffff;}
.action_menu_home li{border-bottom: 1px solid #E8E5CF; background: url('../img/action_menu_item.png') right bottom no-repeat;}
.action_menu_home li.last{border: none; height: 58px;}
.action_menu_home a{display: block; color: #8D1D1D; text-decoration: none; font-size: 13px; font-weight: bold; padding: 5px 0px 0px 8px}
.action_menu_home a:hover{text-decoration: underline;}
.action_menu_home span{padding-left: 40px;}
.action_menu_home .message{background: url('../img/message.png') left top no-repeat; height: 25px; display: block; cursor: pointer;}
.action_menu_home .friend_comment{background: url('../img/comment.png') left top no-repeat; height: 25px; display: block; cursor: pointer;}
.action_menu_home .shop{background: url('../img/small_book.png') left top no-repeat; height: 53px; display: block;}
.action_menu_home span.dodatek{background: none; font-size: 11px; padding: 0px;}
/* HOME PAGE STYLES END */

/* TEXT PAGE STYLES BEGIN */
#header{display: block; width: 970px; height: 209px; clear: both;}
#header_left{display: block; clear: left; width: 870px; height: 155px; background: url('../img/header.jpg') left top no-repeat; float: left;}
#header_left.de{background: url('/img/header_de.jpg') left top no-repeat;}
#header_right{display: block; clear: right; width: 100px; height: 209px; background: url('../img/header_right.jpg') left top no-repeat; float: right;}
#header_right_shop{display: block; width: 100px; height: 209px; background: url('../img/header_right_shop.jpg') left top no-repeat; float: right;}

#header h1{display: block; width: 310px; height: 100px; padding: 30px 0px 0px 25px; float: left;}
#header h1 a{display: block; width: 310px; height: 100px;}
#header h1 span{display: none;}

#top_menu{display: block; clear: left; width: 870px; height: 54px; float: left; background: url('../img/top_menu_bcg.jpg') left top no-repeat;}
#top_menu ul{list-style-type: none; margin: 0px auto; padding: 0px; width: 865px; height: 40px; text-align: left;}
#top_menu li{display: inline; padding: 0px;}
#top_menu a{display: block; float: left; width: auto; font-size: 15px; height: 40px; font-weight: bold; color: #ffffff; text-decoration: none;}
#top_menu a:hover{text-decoration: underline;}
#top_menu span{display: block; height: 32px; background: url('../img/top_menu_item.gif') right top no-repeat; padding: 8px 40px 0px 20px;}
#top_menu_bottom{display: block; width: 870px; height: 59px; background: url('../img/top_menu_bottom_bcg.png') left bottom no-repeat;}

#top_menu_shop{display: block; width: 870px; height: 54px; float: left; background: url('../img/top_menu_bcg.jpg') left top no-repeat;}
#top_menu_shop ul{list-style-type: none; margin: 0px auto; padding: 0px; width: 865px; height: 40px; text-align: left;}
#top_menu_shop li{display: inline; padding: 0px;}
#top_menu_shop a{display: block; float: left; width: auto; font-size: 15px; height: 40px; font-weight: bold; color: #ffffff; text-decoration: none;}
#top_menu_shop a:hover{text-decoration: underline;}
#top_menu_shop span{display: block; height: 32px; background: url('../img/top_menu_item.gif') right top no-repeat; padding: 8px 40px 0px 20px;}
#top_menu_bottom_shop{display: block; width: 870px; height: 59px; background: url('../img/top_menu_bottom_shop_bcg.png') left bottom no-repeat;}

#nod{clear: both; display: block; width: 970px; overflow: auto; height: auto; margin-bottom: 10px; background: #ffffff url('../img/nod_all_bcg.png') left top repeat-y;}
#nod_content{clear: left; width: 720px; height: 100%; display: block; float: left; padding-bottom: 80px; margin-left: 5px; background: url('../img/nod_bcg.png') left top repeat-x;}

#nod_shop{clear: both; display: block; width: 970px; overflow: auto; height: auto; margin-bottom: 10px; background: #ffffff;}
#nod_shop_content{clear: left; width: 965px; height: 100%; display: block; float: left; padding-bottom: 80px; margin-left: 5px; background: url('../img/nod_bcg.png') left top repeat-x;}

#nod_main{display: block; padding-left: 14px;}

#drop_navigation{display: block; font-size: 12px;}
#drop_navigation a{color: #666666; text-decoration: underline;}
#drop_navigation a:hover{color: #333333;}

#right_column{background: #F4F2E7; width: 240px; padding-bottom: 100px; padding-top: 30px; float: right; display: block;}
#right_column ul{list-style-type: none; margin: 0px; padding: 0px;}
#right_column a{display: block; width: 240px; height: 32px; background: url('../img/nod_menu-bcg.png') left top no-repeat; color: #8D1D1D; font-size: 13px; font-weight: bold;}
#right_column a:hover{background-position: left bottom; color: #333333;}
#right_column span{display: block; padding: 7px 0px 0px 30px;}
#right_column span.title_top{display: block; padding: 10px 0px 0px 30px;}
#right_column a.title_top{background: url('../img/title_top.png') left bottom no-repeat;display: block; width: 240px; height: 39px;}
#right_column span.title{display: block; padding: 33px 0px 0px 30px;}
#right_column a.title{background: url('../img/title.png') left bottom no-repeat;display: block; width: 240px; height: 62px;}
#right_column .bottom_menu a{display: block; width: 240px; height: 32px; font-weight: normal; background: url('../img/nod_menu_bottom-bcg.png') left top no-repeat; color: #8D1D1D; font-size: 13px;}
#right_column .bottom_menu a:hover{background-position: left bottom; color: #333333;}
#right_column .bottom_menu span{display: block; padding: 5px 0px 0px 30px;}


#cart_button{background: #F4F2E7; width: 240px; display: block; float: right;}
#cart_button a{display: block; width: 240px; height: 100px; text-decoration: none;}
#cart_button a:hover{text-decoration: underline;}

#cart_button_fill{padding-left: 10px; height: 110px; background: url('../img/cart_button.png') left bottom no-repeat;}
#cart_button .label{display: block; padding-top: 25px; font-size: 17px; font-weight: bold;}
#cart_button .value{display: block; clear: both; padding: 5px 10px 0px 0px; font-size: 13px; font-weight: normal;}
#cart_button .cart_total_price{font-size: 15px; font-weight: bold;}


#action_menu{display: block; width: 690px; height: 30px; background: #E8E5CF url('../img/action_menu_bottom.png') left bottom no-repeat; margin: 10px 0px 10px 0px;}
#action_menu .link{display: block; float: left; cursor: pointer; color: #8D1D1D; font-size: 13px; font-weight: bold;}
#action_menu .link:hover{color: #333333;}
#action_menu .link span{display: block; padding: 6px 0px 0px 35px;}
.link{text-decoration: underline;}
#action_menu_top{display: block; width: 690px; height: 3px; background: #E8E5CF url('../img/action_menu_top.png') left top no-repeat;}

#link_contact_form{background: url('../img/message_nod.png') 5px center no-repeat; width: 150px; height: 30px;}
#link_send_to_friend{background: url('../img/comment_nod.png') 5px center no-repeat; width: 200px; height: 30px;}

.vnoreny_uzel{padding: 0px 0px 0px 5px; display: block; overflow: auto;}
.vnoreny_uzel ul{list-style-type: none; margin: 0px; clear: both;}
.vnoreny_uzel li{display: inline; float: left; width: 230px; height: 290px; background: url('../img/vnoreny_uzel-bcg.png') left top no-repeat;}
.vnoreny_uzel a{display: block; clear: none; width: 220px; height: 280px; text-decoration: none; color: #ffffff;}
.vnoreny_uzel a:hover .title, .vnoreny_uzel a:hover .abstract{text-decoration: underline;}
.vnoreny_uzel .fill{display: block; padding: 5px 5px 8px 5px;}
.vnoreny_uzel .img{display: block; clear: both; margin-right: 13px; width: 210px; height: 120px}
.vnoreny_uzel .title{display: block; font-size: 17px; font-weight: bold; color: #8D1D1D; padding: 5px}
.vnoreny_uzel .abstract span.p, .vnoreny_uzel .abstract p{font-size: 12px; display: block; color: #4B4B4B; padding: 0px 5px; line-height: 110%; width: 200px; text-align: left;}
.vnoreny_uzel .ul{font-size: 12px; color: #4b4b4b;}
.vnoreny_uzel .li{display: block; padding-left: 5px;}

.vnoreny_uzel_small{padding: 0px 0px 0px 5px; display: block; overflow: auto;}
.vnoreny_uzel_small ul{list-style-type: none; margin: 0px; clear: both;}
.vnoreny_uzel_small li{display: inline; float: left; width: 230px; height: 173px; background: url('../img/vnoreny_uzel-bcg-small.jpg') left top no-repeat; text-align: left;}
.vnoreny_uzel_small a{display: block; clear: none; width: 220px; height: 163px; text-decoration: none; color: #ffffff;}
.vnoreny_uzel_small a:hover .title, .vnoreny_uzel a:hover .abstract{text-decoration: underline;}
.vnoreny_uzel_small .fill{display: block; padding: 5px 5px 8px 5px;}
.vnoreny_uzel_small .img{display: block; clear: both; margin-right: 13px; width: 210px; height: 120px}
.vnoreny_uzel_small .title{display: block; font-size: 17px; font-weight: bold; color: #8D1D1D; padding: 8px 5px 5px 5px}
/* TEXT PAGE STYLES END */

/* GALLERY BEGIN */
#gallery{display: block; clear: both; text-align: center}
#gallery_top{}
#gallery_fill{display: block; clear: both; text-align: left; margin: 0px auto;}
#gallery_fill_bottom{}
#gallery_fill_top{}

#gallery_main_img{display: block; width: 460px; float: left; clear: left;}
#gallery_main_img .main_img{display: block; clear: both; padding-top: 10px; text-decoration: none; color: #333333; font-size: 11px;}
#gallery_main_img .loading{display: block; width: 460px; height: 292px; background-position: center center}
#gallery_main_img img{display: block; clear: both; width: 460px; height: 292px; text-align: left;}
#gallery_main_img .title{display: block; clear: both; padding-top: 10px; font-weight: bold;}

#gallery_navigation{display: block; width: 230px; float: left; clear: right;}
#gallery_navigation_fill{padding: 9px 2px 0px 10px}
#gallery_navigation #gallery_thumb{list-style-type: none; padding: 0px; margin: 0px; width: 225px; height: 295px;}
#gallery_navigation li{display: inline;}
#gallery_navigation li span{display: block; width: 75px; height: 75px; float: left; background-image: url('../img/gallery_item.png'); background-position: left top; background-repeat: no-repeat; cursor: pointer}
#gallery_navigation li span:hover{background-position: left bottom}
#gallery_navigation li img{display: block; width: 60px; height: 60px; clear: both; margin: 5px;}

#gallery_paginator{display: block; clear: both; width: 230px; height: 40px; position: relative; font-size: 12px; font-weight: bold}
#gallery_paginator .paginator_items{text-align: center; position: absolute; width: 70px; padding-top: 10px; left: 70px; top: 0px; z-index: 10}
#gallery_paginator a{color: #333333;}
#gallery_paginator a:hover{color: #000000;}
#gallery_paginator .paginator_items .unactive{display: inline; color: #666666; text-decoration: none}
#gallery_paginator .gallery_paginator_previous{display: block; width: 80px; padding-top: 10px; position: absolute; left: 0px; top: 0px; z-index: 11}
#gallery_paginator .gallery_paginator_previous a{display: block; width: auto;}
#gallery_paginator .gallery_paginator_next{display: block; width: 80px; padding-top: 10px; position: absolute; left: 150px; top: 0px; z-index: 12; text-align: right}
#gallery_paginator .gallery_paginator_next a{display: block; width: auto; padding-right: 12px}

#gallery .intro_img{display: block; clear: both; padding-top: 10px;}
#gallery .intro_img img{display: block; clear: both; width: 460px; height: 292px}
/* GALLERY END */

a.location{display: block; clear: both; width: 689px; height: 280px; margin-top: 10px; background: url('/img/location/mapa.png') left top no-repeat;}
span.location{display: none;}
.video{margin-top: 20px;}

.link-qe-login{
  padding: 30px 0;
  text-align: center;
  clear: both;
}
.link-qe-login:before, .link-qe-login:after{
  display: table;
  content: "";
}
.link-qe-login:after{
  clear: both;
}
.qe-login{
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
  font-family: sans-serif;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  padding: 4px 5px;
  border-radius: 3px;
  box-shadow: none;
  color: rgb(77,77,77) !important;
  background-color: rgba(255,255,255,0.55);
}
.qe-login:hover{
  text-decoration: none !important;
  border-radius: 20px;
  box-shadow: 0 0 7px rgba(0,0,0,0.7);
  color: rgb(77,77,77) !important;
  background-color: rgba(255,255,255,0.75);
}
@media(max-width: 1200px){
  .is-qe{
    margin-top: -41px !important;
  }
  .link-qe-login, #quickedit, #qe-ctree{
    display: none !important;
  }
}

#upozorneni{background-color: rgba(255,0,4,1.00); margin: 20px 0; padding: 20px}
#upozorneni *{font-weight: bold; color: rgb(255,255,255); font-size: 100%}
#upozorneni h3{padding: 0; font-size: 130%}
#upozorneni .download{padding-top: 20px}
#upozorneni .download h3{padding-top: 20px}