/* cmsms stylesheet: prettyphoto modified: pátek 23. října 2026 11:37:44 */
/* PRETTYPHOTO  -  version 3.1.5 */

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(http://dvorec.cermakweb.cz/modules/Gallery/templates/prettyphoto/images/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* cmsms stylesheet: responsive modified: neděle 25. října 2026 15:56:05 */
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	nav{width:100%;}
}

@media only screen and (max-width: 767px) {

    header {
        height: auto;
        min-height: 0;
        padding-bottom: 10px;
        box-sizing: border-box;
    }

    header #logo {
        margin: 0 auto;
        height: auto;
        text-align: center;
    }

    header #search-box {
        width: 300px;
        max-width: 100%;
        margin: 20px auto 0;
        box-sizing: border-box;
    }

    header #search-box .cms_form {
        box-sizing: border-box;
        width: 100%;
    }

    nav {
        display: block;
        position: relative;
        float: none;
        clear: both;

        width: 100%;
        height: auto;
        min-height: 0;

        margin: 0 0 20px 0;
        padding: 0;

        box-sizing: border-box;
        background-color: #392E2B;
        border: 1px solid #423531;

        overflow: visible;
        z-index: auto;
    }

    nav ul {
        display: block;

        width: 100%;
        height: auto;

        margin: 0;
        padding: 0;

        position: static;
        float: none;

        box-sizing: border-box;
        list-style: none;
        text-align: center;

        background-color: #392E2B;
    }

    nav ul li {
        display: block;

        position: static;
        float: none;

        width: 100%;
        height: auto;
        min-height: 0;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
        text-align: center;

        background-color: #392E2B;
        border: 0;
        border-bottom: 1px solid #423531;
    }

    nav ul li:last-child {
        border-bottom: 0;
    }

    nav ul li a {
        display: block;

        position: static;
        float: none;

        width: 100%;
        height: auto;

        margin: 0;
        padding: 10px 8px;

        box-sizing: border-box;

        font-size: 16px;
        line-height: 20px;
        text-align: center;

        overflow-wrap: break-word;
    }

    nav ul li:hover,
    nav ul li.active {
        background-color: #201A1A;
    }

    #content {
        position: relative;
        clear: both;
        width: 100%;
        box-sizing: border-box;
        background-color: #ffffff;
    }

    .block {
        width: 100%;
        box-sizing: border-box;
    }

    .main-content article {
        box-sizing: border-box;
        max-width: 100%;
    }

    footer {
        box-sizing: border-box;
        width: 100%;
    }

    nav {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    nav ul {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    nav ul li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    nav ul li a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 5px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    nav {
        display: flow-root !important;
        position: relative !important;
        float: none !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 0 20px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
        overflow: visible !important;
        z-index: auto !important;
    }

    nav ul {
        display: block !important;
        position: static !important;
        float: none !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    nav ul li {
        display: block !important;
        position: static !important;
        float: none !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    nav ul li a {
        display: block !important;
        position: static !important;
        float: none !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 10px 5px !important;

        box-sizing: border-box !important;
        text-align: center !important;
        line-height: 20px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
/* cmsms stylesheet: responsiveslides modified: pátek 23. října 2026 11:38:58 */
/*! http://responsiveslides.com v1.32 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
 
 .rslides {
  margin: 0 auto;
  }

.rslides_container {
  
  position: relative;
  }

.centered-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("http://dvorec.cermakweb.cz/layout/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("http://dvorec.cermakweb.cz/layout/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
/* cmsms stylesheet: style modified: neděle 25. října 2026 16:11:34 */
/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #23120B url(http://dvorec.cermakweb.cz/layout/bg.jpg) no-repeat top center;color: #555555;font: 14px/25px Arial,Tahoma,Century gothic, sans-serif;}

/*-------------------------*/
a{color: #392E2B;text-decoration: none;}
a:hover {text-decoration: none;}

a.button, input.button {cursor: pointer;color: #808080;	line-height: 12px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;background: #E4E4E4;border:1px solid #DFDFDF; text-decoration: none}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {background: #392E2B;color:#ffffff;}

/*-------------header */
header {height: 105px;width:100%; background-color:#23120B}

header #logo {margin-top:00px; height: 60px}

header #search-box {position: relative;width: 300px;margin-top:30px;}
header #search-box .cms_form {/*height: 25px;*/border:3px solid #423531;;background-color: #fff;overflow: hidden;}
header #search-text {font-size: 14px;color: #ddd;background: transparent;}
header #search-box input[type="text"] {width: 80%;padding: 5px 0 5px 1em;color: #333;outline: none;}
header #search-button {position: absolute;top: 0;right: 0;height: 30px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 26px;background-color: #423531;cursor: pointer;border:0px;}

/*------------menu */
nav {width:100%;height: 37px;margin-bottom: 50px;padding: 0px 10px;background-color:#392E2B;border:1px solid #423531;box-sizing: border-box;}
nav ul { width:960px; list-style: none;margin: 0 auto;padding: 0;}
nav ul li {position: relative;float: left;padding: 6px 5px 0px 5px; margin-left: 0}
nav ul li:hover, nav ul li.active {background: #201A1A}
nav ul li a {font-size: 16px; font-family: 'PT Sans Narrow'; line-height:14px;color: #C9B5AF;display: block;padding: 6px 10px 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;}
nav ul li:hover a, nav ul li.active a {color:#ffffff;}

/*-------------content */
.block {padding: 5px 0px;background:#ffffff;}

.main-content{}
.main-content article{margin: 20px 0;overflow:hidden; position:relative; background-color:#FAFAFA;padding:10px;border:1px solid #DDDDDD;}
.main-content article p {padding-bottom: 15px}
.main-content article a, .main-content  a {color:#808080; text-decoration: underline}
.main-content a.button {text-decoration: none}
.main-content article a:hover, .main-content a:hover {text-decoration: none}
.main-content .heading h2, .main-content h1{font-family: 'PT Sans Narrow'; color: #392E2B; font-size:25px; line-height:25px; text-transform:uppercase; font-weight: normal;}
.main-content h2 {font-family: 'PT Sans Narrow'; color: #392E2B; font-size:25px; line-height:25px; font-weight: normal; padding-bottom: 15px}
.main-content h2 a {color: #392E2B; text-decoration: none}
.main-content h3 {font-family: 'PT Sans Narrow'; color: #392E2B; font-size:20px; line-height:25px; font-weight: normal; padding-bottom: 10px; padding-top: 10px}
.main-content h4 {font-family: 'PT Sans Narrow'; color: #392E2B; font-size:16px; line-height:21px; font-weight: bold; padding-bottom: 10px; padding-top: 10px}
.main-content h1 {font-weight: bold}
.main-content .heading .info{font-size:12px; padding:0px 10px; border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD; margin-bottom: 10px}
.main-content .content{}
.main-content .content img{float:left; margin:7px 30px 0px 0; border:#BDBDBD 5px solid;}
.main-content .content .gallery a:hover img {border-color: #ddd}
.main-content .footer{}
.main-content .footer .more{float:right;}
.main-content .footer .more a{ text-decoration:none;}
.main-content ul {padding-bottom:  15px; list-style-type: circle;}
.main-content ol {padding-bottom:  15px; list-style-type: decimal}
.main-content ul li, .main-content ol li {margin-left: 25px}

.sidebar section{margin-bottom: 20px;}
.sidebar .heading{font-family: 'PT Sans Narrow';color:#ffffff; background:#392E2B; font-size:22px; text-transform:uppercase; padding: 12px 20px 9px 20px;}
.sidebar .content{padding:15px;background-color:#FAFAFA; border:1px solid #DDDDDD;}
.sidebar .content img{float:left; margin:5px; border:#BDBDBD 5px solid;}
.sidebar .ytplayer {padding: 5px 0; max-width: 280px;}

.featured{width:100%; margin-bottom: 20px;}

/*ul {margin:0; padding:0;list-style-image:none; list-style-type: none}*/
ul.list li {padding:0px 0 5px 12px; margin-left: 0; line-height:25px; background:url(http://dvorec.cermakweb.cz/layout/marker-1.gif) 0 11px no-repeat; list-style-type: none}
ul.list li a { font-size:14px; color:#555555; line-height:25px;}
ul.list li a:hover {color:#C9B5AF; text-decoration:none;}

.embdvideo {max-width: 100%; margin: auto}

/*------------footer */ 
footer {padding: 20px 10px; background:#392E2B;margin-top:50px;border:1px solid #423531;}
footer .heading{font-family: 'PT Sans Narrow';color:#ffffff; padding-bottom:5px;font-size:25px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#ffffff;}
footer .content img{float:left; margin:5px; border:#ffffff 5px solid;}
footer a{color:#C9B5AF;text-decoration:underline;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:circle;margin-left:20px;}
footer ul li a { font-size:14px; color:#ffffff;text-decoration:none;}
footer ul li a:hover {color:#C9B5AF; text-decoration:none; cursor:pointer;}
footer .logo_jk {text-align: left; margin-top: 10px; width: 130px; height: 62px; padding: 5px}
footer .logo_jk img {border: none; float: none}

/*-------------copyright*/
#copyright{display:inline-block; width:100%; text-align: center; background:#23120B;padding:8px 0px;color:#ffffff;}
#copyright a{color:#C9B5AF; text-decoration:underline;}
#copyright a:hover{text-decoration:none;}
/* cmsms stylesheet: zerogrid modified: neděle 25. října 2026 13:48:22 */
/*
* Zerogrid V1.0
* Copyright 2012, Kimmy | wwww.zerotheme.com
*/


/*--------------Table of Contents
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
*/
/*--------------Base 960 Grid*/

    .zerogrid                                  { position: relative; width: 960px; margin: 0 auto; padding: 0;}
    .zerogrid .row                             { margin-bottom: 10px;}
	
	.zerogrid .offleft					   	   { margin-left: 0px!important;}
	.zerogrid .offright					       { margin-right: 0px!important;}
	.zerogrid .offtop						   { margin-top: 0px!important;}
	.zerogrid .offbottom					   { margin-bottom: 0px!important;}
	

	.zerogrid .col01,.zerogrid .col02,.zerogrid .col03,.zerogrid .col04,.zerogrid .col05,.zerogrid .col06,.zerogrid .col07,.zerogrid .col08,
	.zerogrid .col09,.zerogrid .col10,.zerogrid .col11,.zerogrid .col12,.zerogrid .col13 ,.zerogrid .col14,.zerogrid .col15 ,.zerogrid .col16,
	.zerogrid .col-1-3,.zerogrid .col-2-3 { float: left; display: inline; margin:10px;}
	
    /* Base Grid */
	.zerogrid .col01                    { width: 40px;  }
    .zerogrid .col02                    { width: 100px; }
    .zerogrid .col03                    { width: 160px; }
    .zerogrid .col04                    { width: 220px; }
    .zerogrid .col05                    { width: 280px; }
    .zerogrid .col06                    { width: 340px; }
    .zerogrid .col07                    { width: 400px; }
    .zerogrid .col08                    { width: 460px; }
    .zerogrid .col09                    { width: 520px; }
    .zerogrid .col10                    { width: 580px; }
    .zerogrid .col11                    { width: 640px; }
    .zerogrid .col12                    { width: 700px; }
    .zerogrid .col13                    { width: 760px; }
    .zerogrid .col14                    { width: 820px; }
    .zerogrid .col15                    { width: 880px; }
    .zerogrid .col16                    { width: 940px; }

    .zerogrid .col-1-3                  { width: 300px; }
    .zerogrid .col-2-3                  { width: 620px; }

    /* Offsets */
    .zerogrid .offset01                   { margin-left: 60px;  }
    .zerogrid .offset02                   { margin-left: 120px; }
    .zerogrid .offset03                   { margin-left: 180px; }
    .zerogrid .offset04                   { margin-left: 240px; }
    .zerogrid .offset05                   { margin-left: 300px; }
    .zerogrid .offset06                   { margin-left: 360px; }
    .zerogrid .offset07                   { margin-left: 420px; }
    .zerogrid .offset08                   { margin-left: 480px; }
    .zerogrid .offset09                   { margin-left: 540px; }
    .zerogrid .offset10                   { margin-left: 600px; }
    .zerogrid .offset11                   { margin-left: 660px; }
    .zerogrid .offset12                   { margin-left: 720px; }
    .zerogrid .offset13                   { margin-left: 780px; }
    .zerogrid .offset14                   { margin-left: 840px; }
    .zerogrid .offset15                   { margin-left: 900px; }



/*--------------Tablet (Portrait)*/

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .zerogrid                          { width: 768px; }

		.zerogrid .col01,.zerogrid .col02,.zerogrid .col03,.zerogrid .col04,.zerogrid .col05,.zerogrid .col06,.zerogrid .col07,.zerogrid .col08,
		.zerogrid .col09,.zerogrid .col10,.zerogrid .col11,.zerogrid .col12,.zerogrid .col13 ,.zerogrid .col14,.zerogrid .col15 ,.zerogrid .col16,
		.zerogrid .col-1-3,.zerogrid .col-2-3 { margin: 10px;  }
		
        .zerogrid .col01                   { width: 28px; }
        .zerogrid .col02                   { width: 76px; }
        .zerogrid .col03                   { width: 124px; }
        .zerogrid .col04                   { width: 172px; }
        .zerogrid .col05                   { width: 220px; }
        .zerogrid .col06                   { width: 268px; }
        .zerogrid .col07                   { width: 316px; }
        .zerogrid .col08                   { width: 364px; }
        .zerogrid .col09                   { width: 412px; }
        .zerogrid .col10                   { width: 460px; }
        .zerogrid .col11                   { width: 508px; }
        .zerogrid .col12                   { width: 556px; }
        .zerogrid .col13                   { width: 604px; }
        .zerogrid .col14                   { width: 652px; }
        .zerogrid .col15                   { width: 700px; }
        .zerogrid .col16                   { width: 748px; }

        .zerogrid .col-1-3                { width: 236px; }
        .zerogrid .col-2-3                { width: 492px; }

        /* Offsets */ 
        .zerogrid .offset01                 { margin-left: 48px; }
        .zerogrid .offset02                 { margin-left: 96px; }
        .zerogrid .offset03                 { margin-left: 144px; }
        .zerogrid .offset04                 { margin-left: 192px; }
        .zerogrid .offset05                 { margin-left: 240px; }
        .zerogrid .offset06                 { margin-left: 288px; }
        .zerogrid .offset07                 { margin-left: 336px; }
        .zerogrid .offset08                 { margin-left: 384px; }
        .zerogrid .offset09                 { margin-left: 432px; }
        .zerogrid .offset10                 { margin-left: 480px; }
        .zerogrid .offset11                 { margin-left: 528px; }
        .zerogrid .offset12                 { margin-left: 576px; }
        .zerogrid .offset13                 { margin-left: 624px; }
        .zerogrid .offset14                 { margin-left: 672px; }
        .zerogrid .offset15                 { margin-left: 720px; }
    }


/*--------------Mobile (Portrait)*/

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .zerogrid { width: 90%; }

		.zerogrid .col01,.zerogrid .col02,.zerogrid .col03,.zerogrid .col04,.zerogrid .col05,.zerogrid .col06,.zerogrid .col07,.zerogrid .col08,
		.zerogrid .col09,.zerogrid .col10,.zerogrid .col11,.zerogrid .col12,.zerogrid .col13 ,.zerogrid .col14,.zerogrid .col15 ,.zerogrid .col16,
		.zerogrid .col-1-3,.zerogrid .col-2-3 {margin: 10px 0; }
		
        .zerogrid .col01,
        .zerogrid .col02,
        .zerogrid .col03,
        .zerogrid .col04,
        .zerogrid .col05,
        .zerogrid .col06,
        .zerogrid .col07,
        .zerogrid .col08,
        .zerogrid .col09,
        .zerogrid .col10,
        .zerogrid .col11,
        .zerogrid .col12,
        .zerogrid .col13,
        .zerogrid .col14,
        .zerogrid .col15,
        .zerogrid .col16,
        .zerogrid .col-1-3,
        .zerogrid .col-2-3  { width: 95%; }

        /* Offsets */
        .zerogrid .offset01,
        .zerogrid .offset02,
        .zerogrid .offset03,
        .zerogrid .offset04,
        .zerogrid .offset05,
        .zerogrid .offset06,
        .zerogrid .offset07,
        .zerogrid .offset08,
        .zerogrid .offset09,
        .zerogrid .offset10,
        .zerogrid .offset11,
        .zerogrid .offset12,
        .zerogrid .offset13,
        .zerogrid .offset14,
        .zerogrid .offset15 { margin-left: 0; }
        .zerogrid .col05 .nomobil {display:none}
        .zerogrid .col06 {margin-top: 27px}
        article {width: 100%}
    }


/*--------------Mobile (Landscape)*/

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .zerogrid { width: 90%; }
		
        .zerogrid .col01,.zerogrid .col02,.zerogrid .col03,.zerogrid .col04,.zerogrid .col05,.zerogrid .col06,.zerogrid .col07,.zerogrid .col08,
		.zerogrid .col09,.zerogrid .col10,.zerogrid .col11,.zerogrid .col12,.zerogrid .col13 ,.zerogrid .col14,.zerogrid .col15 ,.zerogrid .col16,
		.zerogrid .col-1-3,.zerogrid .col-2-3 {margin: 10px 0; }

        .zerogrid .col01,
        .zerogrid .col02,
        .zerogrid .col03,
        .zerogrid .col04,
        .zerogrid .col05,
        .zerogrid .col06,
        .zerogrid .col07,
        .zerogrid .col08,
        .zerogrid .col09,
        .zerogrid .col10,
        .zerogrid .col11,
        .zerogrid .col12,
        .zerogrid .col13,
        .zerogrid .col14,
        .zerogrid .col15,
        .zerogrid .col16,
        .zerogrid .col-1-3,
        .zerogrid .col-2-3 { width: 98%; }
        .zerogrid .col05 .nomobil {display:none}
        .zerogrid .col06 {margin-top: 27px}
        article {width: 100%}
    }
	

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
