@media screen {
  /* siroke vizitky */
.bigcard { background: transparent url('bfw/user/bg-friend-big.jpg') no-repeat scroll 0 0; width: 288px; height: 173px; display: block; float: left; margin: 9px; position: relative; overflow: hidden; font-family: Arial,"Arial CE"!important; }
.bigcard a { font-family: Arial,"Arial CE"!important; }
.bigcard .userstatus { width: 220px; margin: 7px 7px 0 7px; height: 14px; position: relative; overflow: hidden; }
.bigcard .userstatus .icos.status { position: absolute; left: 0; top: 2px; cursor: help; }
.bigcard .userstatus .name { position: absolute; top: 0; left: 12px; color: #333333!important; font-weight: bold; font-size: 11px; height: 13px;  /*font-family: Verdana,"Verdana CE"!important;*/ }
.bigcard .userstatus .name.nameshare { left: 35px; }
.bigcard .userstatus .icon70 { position: absolute; top: 3px; left: 13px; cursor: help; }
.bigcard .userstatus .name strong { float: left; }
.bigcard .userstatus .name .icos { margin: 3px 0 0 5px;  }
.bigcard .mesage { position: absolute; right: 8px; top: 8px; text-decoration: none; height: 20px; display: inline-block; cursor: pointer; width: 20px; }
.bigcard .mesage .icos { float: right; }
.bigcard .avatar-shadow { float: left; margin: 8px 0 0 13px; }
.bigcard .avatar-shadow-red { float: left; margin: 0 0 0 13px; }
.bigcard .data { float: right; text-align: left; width: 140px; position: relative; height: 160px; }
.bigcard .data .pexexinfo { margin: 10px 0 0 10px; line-height: 18px; font-size: 12px;  }
.bigcard .data .pexexinfo a { text-decoration: none }
.bigcard .data .pexexinfo strong { color: #333333; font-weight: normal; }
.bigcard .data .pexexinfo em { color: #999999; font-weight: normal; }
.bigcard .data .editstatus { padding-left: 10px; position: absolute;  background: transparent url('bfw/linky.gif') repeat-y scroll 0 0; color: #333333; line-height: 18px; font-size: 13px;   }
.bigcard .data .editstatus a { color: #333333!important; }
.bigcard .data .editstatus p { margin: 0; font-size: 1em; }
.bigcard .data .editstatus .chertopbig { margin-top: 0; }
.bigcard .data .editstatus .chertopbig input { position: relative; top: 1px; left: -4px; }
.bigcard .data .editstatus .chertopbig label { position: relative; left: -4px; }
.bigcard .access { position: relative; top: 25px; left: 8px; }
.bigcard .access a { display: inline-block; float: left; font-size:11px; line-height: 13px; color: #006699; margin-left: 5px; width: 120px; }
.bigcard .access .iconone { margin-right: 7px; position: relative; top: 3px; }
.bigcard #send { font-size: 11px!important; font-family: Verdana!important; }

}
@media screen {
  /* male vizitky */
.smallcard { display: block; width: 157px; height: 87px; background: transparent url('bfw/user/bg-friend-small.jpg') no-repeat scroll 0 0; margin: 2px; float: left; }
.smallcard em { font-weight: normal; }
.smallcard .tophead { margin: 8px 5px 0 6px; height: 17px; display: block; }
.smallcard .tophead span { float: left; margin: 3px 5px 0 0; cursor: help; }
.smallcard .tophead a { float: left; color: #333333; font-weight: bold; font-size: 11px; width: 130px; height: 13px; overflow: hidden; }
.smallcard .tophead a:hover { text-decoration: none; }
.smallcard .strongavatar { float: left; margin: 2px 0 0 7px; height: 52px; }
.smallcard .strongavatar a { height: 50px; }
.smallcard .info, .smallcard .manipul { float: right; width: 88px; margin-right: 5px; line-height: 18px; font-size: 11px; }
.smallcard .info strong { color: #333333; font-weight: normal; }
.smallcard .info em { color: #999999;  }
.smallcard .info em a { color: #999999; text-decoration: none; margin-top: 0!important; float: none; }
.smallcard .info em a:hover { text-decoration: underline; }
.smallcard .info a { text-decoration: none; float: left; margin-top: 7px; }
.smallcard .info a .icos,.smallcard .manipul a .icos { float: left; }
.smallcard .manipul, .smallcard .manipul a { color: #FF0000!important; }

}
@media screen {
  /* male vizitky dashboard */
#fdash .smallcard { width: 149px;background: transparent url('gfx/bg-friend-dashboard.jpg') no-repeat scroll 0 0; position: relative; }
#fdash .smallcard .tophead a { width: 115px; white-space: nowrap; }
#fdash .smallcard .tophead a.delegatstud { width: 101px; }
#fdash .smallcard .tophead a strong { float: left; }
#fdash .smallcard .tophead a .icos { margin-left: 5px; }
#fdash .smallcard .info,#fdash .smallcard .manipul { width: 80px; }
#fdash .smallcard .message { position: absolute; top: 70px; }

}
@media screen {
  /* edu male vizitky dashboard */
.edu .smallcard .info a { margin-top: 26px; }

}
@media screen {
  /* siroke male vizitky */
.bigcardsmall { background: transparent url('bfw/user/bg-friend-big-small.jpg') no-repeat scroll 0 0; width: 287px; height: 87px; display: inline-block; float: left; margin: 9px; position: relative; }
.bigcardsmall .col1 { float: left; width: 144px; margin-left: 3px; }
.bigcardsmall .col1 .icon70 { float: left; margin: 9px 0px 0px 5px; cursor: help; }
.bigcardsmall .col1 .status { float: left; display: inline-block; margin: 10px 0 0 5px; }
.bigcardsmall .col1 .name { float: left; display: inline-block; overflow: hidden; width: 125px; height: 13px; color: #333333!important; font-weight: bold; font-size: 11px; margin: 6px 0 0 5px; }
.bigcardsmall .col1 .name.sharenames { width: 103px; }
.bigcardsmall .col1 .name strong { float: left; }
.bigcardsmall .col1 .name .icos { margin: 2px 0 0 5px; }
.bigcardsmall .col1 .strongavatar { float: left; margin: 5px 0 0 5px ; }
.bigcardsmall .col1 .pexexinfo { margin: 3px 0 0 65px; line-height: 20px; font-size: 12px;  }
.bigcardsmall .col1 .pexexinfo strong { color: #333333!important; font-weight: normal; }
.bigcardsmall .col1 .pexexinfo em { color: #999999!important; font-style: normal; font-weight: normal; }
.bigcardsmall .col1 .pexexinfo .mesage { text-decoration: none; position: relative; bottom: 22px; display: inline-block; }
.bigcardsmall .col2 { background: transparent url('bfw/linky.gif') repeat-y scroll 0 0; float: right; width: 140px; height: 55px; top: 20px; position: relative; }
.bigcardsmall .col2 .editstatus { margin-left: 10px; position: absolute; top: -8px; color: #333333; line-height: 16px!important; font-size:13px!important;  }
.bigcardsmall .col2 .editstatus a { color: #333333!important; }
.bigcardsmall .col2 .editstatus p { margin: 0; }
.bigcardsmall .col2 .editstatus input { margin-top: 3px; }
.bigcardsmall .col2 .editstatus label { margin-left: 5px; }
.bigcardsmall .access { position: relative; display: inline-block; bottom: 22px; }
.bigcardsmall .chertop { margin-top: 5px; }
.bigcardsmall .chertop input { position: relative; left: -3px; top: 2px; }
.bigcardsmall .chertop label { position: relative; left: -8px;}
.bigcardsmall #send { font-size: 11px!important; font-family: Verdana!important; }

}
@media screen {
  /* horni pruh */
.line-top { min-width: 980px; width: 100%; height:42px; display: block; position: absolute; top: 0; left: 0; background: transparent url('bfw/top_line.jpg') repeat-x scroll 0 0; z-index: 40; }
.line-top.homepage { position:static;background: transparent;}
.line-top .centhack { width: 980px; margin: 0 auto; position: relative; z-index: 42; }
.line-top .banner {background: url("bfw/home/bg-main.jpg") repeat scroll 50% 0 #E0E0E0;}

}
@media screen {
  /* menu */
#menus { font-family: "Trebuchet MS",Trebuchet,sans-serif,"Arial CE","Lucida Grande CE"; color: #666666; margin: 0; position: relative; right: 0; }
#menus li { float: left; list-style-position: outside; list-style-type: none; list-style-image: none; font-size: 0.9em; font-weight: bold;}
#menus li a { padding: 0 4px; line-height: 40px; height: 40px; display: block; color: #666; font-weight:normal; text-decoration: none; font-family:Arial; font-size:14px;}
#menus li a.big { width:82px;}
#menus li a.small {width:50px;}
#menus li .aktuals {color:#333; font-weight:bold;}
#menus li a:hover {color:#333; font-weight:bold;}
#menus-home-edu { width: 258px; display: block; height: 51px; z-index: 52; margin-right:15px;}
#menus-home-edu a { display: block; width: 258px!important; height: 51px!important; padding: 0!important; z-index: 54; }
#menus-home-edu a:hover { background: none!important; z-index: 54;  }
#menus-home { width: 197px; display: block; height: 51px; }
#menus-home a { display: block; width: 258px; height: 51px; padding: 0!important; }
#menus-home a:hover { background: none!important;  }
#menus .federated-login {float:right;}
#menus .federated-login ul li {float:right;}
#menus li .menuUser {float:right; padding-top:6px; width:114px;}
#menus li .mainmenu { display:block;background:url("bfw/sipka.png") no-repeat scroll 0 0 transparent; float: right;height: 5px;margin-left: 7px;margin-top: 12px;width: 10px; cursor:pointer;}
#menus li .menuUser img { float:right; width:28px; height:28px; cursor:pointer;}
#menus li .menuUser .links {display:none; background: none repeat scroll 0 0 #FFFFFF;color: #FFFFFF !important;height: 49px;right: -1px;position: absolute;text-align: right;top: 34px; width: 114px; }
#menus li .menuUser .links a { background: none repeat scroll 0 0 #f2f2f2; border-bottom: 1px solid #ccc;color: #333333;font-size: 12px;height: 12px;line-height: 12px;padding: 6px;width: 102px;}
#menus li .menuUser .links a:hover { background:#FFFFFF;}
#menus li .menuUser .links a.log { border:0px;}

}
@media screen {
  /* submenu v top menu */
#menus li.explore { position: relative; background: transparent url('bfw/munuroll.png') no-repeat scroll 100% 50%; padding-right: 18px; z-index: 50; }
#menus li.explore:hover { background: transparent url('bfw/munurollhover.png') no-repeat scroll 0 1px; height: 42px; }
#menus li.explore a:hover { background: none; }
#menus li.explore ul { position: absolute; top: 32px; left: -30px; z-index: 52; }
#menus li.explore ul li { background:transparent url('bfw/munurolldown.png') repeat-y scroll -1px 0; display: block; width: 220px; text-align: left; float: none; z-index: 54; }
#menus li.explore ul li a { border-bottom: 1px #E4E4E4 solid; margin-left: 10px; background: none; height: 42px; text-decoration: underline; font-size: 17px; font-weight: normal; width: 172px; display: block; z-index: 56; }
#menus li.explore ul li a:hover { background: none; text-decoration: none; }
#menus li.explore ul li.last { background:transparent url('bfw/munurolllast.png') repeat-y scroll 0 0; border: none; height: 47px; z-index: 58; }
#menus li.explore ul li.last a { border: none; z-index: 60; }
#menus li.explore ul  { display: none; z-index: 62; }
#menus li.explore:hover ul  { display: block; z-index: 64; }

}
@media screen {
  /* vyhledavani v menu */
#search-spot { display: none; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 1px solid #E0E0E0; width: 320px; height: 90px; text-align: left; z-index: 15; }
#search-spot form fieldset { border: 0 solid #E0E0E0; }
#search-spot form fieldset legend { display: none; }
#search-spot .prechod { border: none; }
#search-spot .exact { color: #999999; background-color: #EAEAEA; height: 24px; line-height: 24px; display: inline-block; font-size: 11px; padding: 0px 5px 0 5px; margin-left: 5px; }
#search-spot .exline { margin: 10px 5px 5px 5px; }
#search-spot .exline input { width: 243px; background: transparent url('bfw/elements.png') no-repeat scroll -5px -877px; height: 27px; line-height: 27px; font-size: 11px; display: inline-block; padding: 0 5px; color: #999999; float: left; }
#search-spot .exline button { background: transparent url('bfw/elements.png') no-repeat scroll -5px -877px; height: 27px; line-height: 27px; border-right: 1px solid #C0C0C0; font-size: 11px; padding: 0 5px; color: #8E8D8D; float: left; &width: 56px; }
#search-spot .exact input { position: relative; top: 2px;  }
#search-spot .close { position: absolute; bottom: 5px; right: 5px; cursor: pointer; }

}
@media screen {
  /* ikona pro vyhledavani */
#menu-search {  cursor: pointer; }
#menu-search a:hover { background: none!important; }
#menu-search a { padding: 0 0 3px 28px!important; float: left; }
#menu-search span { background: transparent url('bfw/elements.png') no-repeat scroll -12px -793px!important; width: 2px; height: 40px; display:block; margin-left: 3px; margin-top:0px; float:right;}

}
@media screen {
  /* pro neprihlasene */
#register-or-login { float: right; position: absolute; right: 0; font-weight: lighter!important; color: #000000; }
#register-or-login a { color: #FF0066!important; padding: 0!important; font-weight: bold; }
#register-or-login a:hover { background: none!important; }

}
@media screen {
  /* pro neprihlasene */
#register-or-login.edu { float: right; position: absolute; right: 0; font-weight: lighter!important; color: #000000; }
#register-or-login.edu a { color: #FF0066!important; padding: 0!important; font-weight: bold;  display:inline-block;}
#register-or-login.edu a:hover { background: none!important; text-decoration: underline; }
#register-or-login.edu .reg strong { background: transparent url('bfw/creat-account.png') no-repeat scroll 0 7px; display: inline-block; color: #333333!important; text-shadow: 0 1px 0 #ffffff; padding-left: 10px; }
#register-or-login.edu .reg span { background: transparent url('bfw/creat-account.png') no-repeat scroll 100% 7px; display: inline-block; width: 10px; height: 40px; line-height: 40px; }
#register-or-login.edu .reg:hover { text-decoration: none; }
#register-or-login.edu .reg:hover strong { background-position: 0 -36px; }
#register-or-login.edu .reg:hover span { background-position: 100% -36px; }

}
@media screen {
  /* info po prihlaseni */
#user-details ul { clear: none; margin: 0; position: static; right: 0; }
#user-details ul li { height: 20px; line-height: 20px; text-align: right; }
#user-details ul li a { height: 20px; line-height: 20px; padding: 0;  }
#user-details ul li a:hover { background: none; }
#user-details ul li.avat { float: right; margin: 3px 0 0 5px; width: 35px; height: 35px; font-weight: normal; padding-top: 3px; }
#user-details ul li.avat img {width:28px; height:28px;}
#user-details ul li.name { width: 125px; }
#user-details ul li.name a { text-decoration: none; color: #006699; display: inline-block; position: absolute; top: 1px; right: 95px; overflow: hidden; text-align: right;  }
#user-details ul li.name a em { font-weight: normal; margin-right: 3px; text-decoration: none!important; color: #000000; float: left; }
#user-details ul li.name a span { text-decoration: underline; display: inline-block; position: relative; top: 0; right: 0; overflow: hidden; max-width: 130px; height: 20px; }
#user-details ul li.name a:hover span { text-decoration: underline; color: #000000; }
#user-details ul li.exit { width: 50px; float: right; }
#user-details ul li.exit a { font-weight: normal; text-decoration: underline; }
#user-details ul li.exit a:hover { text-decoration: none; }
#user-details ul li.creat { width: 125px; clear: left; }
#user-details ul li.creat a { color: #FF0063; text-decoration: underline; }
#user-details ul li.creat a:hover { text-decoration: underline; color: #000000; }
#user-details ul li.creat.settings { color: #006599; }
#user-details ul li.mesage { width: 50px; float: right; font-size: 0.95em; }
#user-details ul li.mesage a span { float: right; margin: 4px 0 0 2px; }

}
@media screen {
  
.smallcard.boss { background: transparent url('bfw/user/bg-friend-dashboard-ad.jpg') no-repeat scroll 0 0!important; }
.bigcardsmall.boss { background: transparent url('bfw/user/bg-friend-big-small-ad.jpg') no-repeat scroll 0 0!important; }
.bigcard.boss { background: transparent url('bfw/user/bg-edu-friend-dashboard-ad.jpg') no-repeat scroll 0 0!important; }

}
@media screen {
  
.worsglog { height: 387px; position: relative; }
.worsglog h3 { font-size: 22px; color:#FF0063; margin: 0 0 0 25px; padding-top: 30px; }
.worsglog h3 span { font-size: 12px; color: #666666; font-weight: normal; margin-left: 10px; }
.worsglog .edubest { width: 870px; margin: 40px auto 50px auto;  }
.worsglog .edubest #flashBrowser { height: 254px; }
.worsglog .edubest .showall { float: right; margin-right: -15px; }
.worsglog .edubest .showall a { color: #000000; text-decoration: underline; font-size: 11px; font-weight: bold; }
.worsglog .edubest .showall a:hover { text-decoration: none; }
.worsglog .creat { position: absolute; top: 10px; right: 95px; text-align: center; }
.worsglog .creat .infos { font-size: 11px; font-weight: bold; color: #666666; }

}
@media screen {
  
.save-treees { text-align: left; padding: 20px 0 0 20px; }
.save-treees img { border: none; }
.blog-banner img { border: none; margin:30px 0 15px 50px;}

}
@media screen {
  
.top-tweets .twitters { height: 80px; text-align: center; width: 202px; display: inline-block; float: left; font-size: 11px; color: #a0a0a0; margin-left: 25px; }
.top-tweets .twitters a { background: transparent url('bfw/butt-twitter.jpg') no-repeat scroll 0 0; height: 57px; display: block; width: 200px; }
.top-tweets .twitters a span { display: none; }
.top-tweets .twitters a:hover { background: transparent url('bfw/butt-twitter.jpg') no-repeat scroll 0 -58px; }
.top-tweets .or { height: 80px; line-height: 80px; float: left; display: inline-block; margin: 0 10px; font-weight: bold; font-size: 19px; }
.top-tweets .face { height: 80px; text-align: center; display: inline-block; width: 217px; margin-top: 27px; font-size: 11px; color: #a0a0a0; }
.top-tweets .face a { background: transparent url('bfw/butt-face.jpg') no-repeat scroll 0 0; display: block; height: 32px; width: 215px; }
.top-tweets .face a span { display: none; }
.top-tweets .face a:hover { background: transparent url('bfw/butt-face.jpg') no-repeat scroll 0 -32px; }

}
@media screen {
  /* twitter */
#tweet_hp .item { clear: both; padding-top: 10px; }
#tweet_hp .item .imgag { width: 61px; height: 61px; display: block; float: left; background: transparent url('bfw/twit_images.png') no-repeat scroll 0 0; margin-left: 25px; }
#tweet_hp .item .imgag a img { width: 51px; height: 51px; margin: 5px; }
#tweet_hp .item .comment { float: right; width: 405px; background: transparent url('bfw/twit_comment_all.jpg') repeat-y scroll 0 0; margin-right: 20px; }
#tweet_hp .item .comment .prech { min-height: 55px; position: relative; background: transparent url('bfw/twit_comment_top.jpg') no-repeat scroll 0 0; padding-bottom: 15px; width: 405px; overflow: hidden; }
#tweet_hp .item .comment .prech p { padding: 10px 10px 10px 27px; font-family: verdana; font-size: 12px; }
#tweet_hp .item .comment .prech p a { text-decoration: none; color: #2490BA;}
#tweet_hp .item .comment .prech p a:hover { text-decoration: underline; color: #2490BA;}
#tweet_hp .item .comment .prech p .date { color: #999999; font-size: 12px; }
#tweet_hp .item .comment .prech .bottom { position: absolute; bottom: 0; right: 0; background: transparent url('bfw/twit_comment_bottom.jpg') no-repeat scroll 0 0; width: 405px; height: 15px; display: block; }
#tweet_hp .item .comment .prech p .tw_link_autor { color: #2490BA; font-size: 14px; font-weight: bold; font-family: arial; text-decoration: none; }
#tweet_hp .item .comment .prech p .tw_link_autor:hover { text-decoration: underline; }
#tweet_hp #clan_1.item .imgag { width: 79px; height: 79px; background: transparent url('bfw/twit_images_one.png') no-repeat scroll 0 0; }
#tweet_hp #clan_1.item .imgag a img { width: 69px; height: 69px; margin: 5px; }
#tweet_hp #clan_1.item .comment { margin-right: 5px; }

}
@media screen {
  
.contribute iframe { background-color: #ffffff; margin-top: 40px; width: 630px!important; }

}
@media screen {
  /* zalozky */
.tabss { width: 480px; margin: 0; position: static; right: 0; font-family: arial; }
.tabss li { float: left; display: block; width: 240px; height: 44px; list-style-type: none; text-align: center; }
.tabss li a { display: block; height: 44px; line-height: 44px; font-size: 20px; color: #333333; text-decoration: none; cursor: pointer;}
.tabss li a:hover { color: #FF0066; }
.tabss .first a { background: transparent url('bfw/dubletabs.png') no-repeat scroll 0 -44px; }
.tabss .last a { background: transparent url('bfw/dubletabs.png') no-repeat scroll -240px 0; }
.tabss .first .active { background: transparent url('bfw/dubletabs.png') no-repeat scroll 0 0; color: #FF0066; font-weight: bold; cursor: pointer; }
.tabss .last .active { background: transparent url('bfw/dubletabs.png') no-repeat scroll -240px -44px; color: #FF0066; font-weight: bold; cursor: pointer; }

}
@media screen {
  /* presenatation glog */
.presenatation-dash {width:485px;padding:0;margin:0 0 7px 0;float:right;position:relative;right:15px; }
.presenatation-dash .inter p { clear: left; margin: 5px 50px 0 30px; }
.presenatation-dash .inter p a { color: #006699; text-decoration: underline; font-size: 15px; font-weight: bold; }
.presenatation-dash .inter p a:hover { text-decoration: none; color: #005680; }
.presenatation-dash .inter p strong { color: #666666; margin-left: 5px;  }
.presenatation-dash .showall { position: absolute; bottom: 15px; right: 20px; font-size: 13px;  }
.presenatation-dash .showall a { font-size: 11px; }
.touto { border: 1px #E0E0E0 solid; border-top: none; width: 459px; position: relative; top: -6px; padding: 20px 9px 30px 9px; }
.presentation .touto h3 { padding: 5px 5px 5px 30px; text-align: left; color: #ff0066; }
.portfolio .touto h3 { padding: 5px 5px 10px 5px; text-align: center; color: #ff0066; }
.portfolio .touto .inter { padding-left: 10px; }
.presenatation-dash .nones h3 { text-align: center; margin: 0;  }
.presenatation-dash .nones .inter p, .portfolio .nones .items p, .infosnone { margin: 0; text-align: center; }
.presenatation-dash .nones .inter p strong, .portfolio .nones .items p strong, .infosnone strong { color: #009900; }
#manager-dashboard { margin: 10px 0; }
.presenatation-dash .portfolio { display: none; }
.info_small { text-align: center; font-size: 13px; font-family: arial; }
.infosnone { margin: 50px 0 10px 0; }
.new-futures { float: right; padding: 0; margin: 0; position: relative; right: 15px; width: 485px; }

}
@media screen {
  /* presentace */
.prn-all #tab-text .item { background: transparent url('bfw/presentation/items.jpg') no-repeat scroll 0 0; display: block; width: 922px; height: 258px; clear: both; margin: 22px 18px 0 18px; position: relative; }
.prn-all #tab-text .item .thumbs { float: left; width: 205px; }
.prn-all #tab-text .item .thumbs  p { position: relative; }
.prn-all #tab-text .item .thumbs img { border: 1px #B6B6B6 solid; }
.prn-all #tab-text .item .thumbs .glog3 { position: absolute; top: 20px; left: 20px; }
.prn-all #tab-text .item .thumbs .glog2 { position: absolute; top: 30px; left: 30px;}
.prn-all #tab-text .item .thumbs .glog1 { position: absolute; top: 40px; left: 40px;}
.prn-all #tab-text .item .info { float: right; text-align: left; width: 717px; }
.prn-all #tab-text .item .info h2 { font-size: 16px; left: 0!important; margin: 20px 0 15px 0; overflow:hidden; width:600px;}
.prn-all #tab-text .item .info h2 span { color: #999999; }
.prn-all #tab-text .item .info h2 a { font-weight: bold; }
.prn-all #tab-text .item .info .links .link { margin-top: 6px; border-left: 1px #E1E1E1 solid; display: block; height: 20px; }
.prn-all #tab-text .item .info .links .link .type { font-size: 10px; color: #666666; font-weight: bold; background-color: #ebebeb; display: inline-block; height: 18px; line-height: 18px; float: left; width: 47px; padding-left: 4px; border-bottom: 1px #E1E1E1 solid; border-top: 1px #E1E1E1 solid;   }
.prn-all #tab-text .item .info .links .link input { width: 350px; height: 18px; line-height: 18px; font-size: 11px; font-family: arial; color: #999999; display: inline-block; float: left; border-bottom: 1px #E1E1E1 solid; border-top: 1px #E1E1E1 solid; border-right: 1px #E1E1E1 solid; border-left: none; padding: 0 0 0 6px; margin: 0;  }
.prn-all #tab-text .item .info .links .link .flash { display: inline-block; height: 18px; line-height: 18px; float: left; margin-left: 6px; }
.prn-all #tab-text .item .info .edit a { font-size: 11px; color: #666666; text-decoration: underline; font-weight: bold; line-height: 13px; }
.prn-all #tab-text .item .info .edit a:hover { text-decoration: none; }
.prn-all #tab-text .item .info .edit a .icos { margin: 1px 8px 0 0; }
.prn-all #tab-text .item .info .shares { margin: 10px 0;}

}
@media screen {
  /* style ikony */
.version  { position: absolute; top: 10px; right: 10px; }

}
@media screen {
  
.editwie a { color: #666666; font-weight: bold; text-decoration: underline; font-size: 11px; line-height: 13px; }
.editwie a:hover { text-decoration: none; }
.editwie a .icos { margin: 2px 8px 0 0 }

}
@media screen {
  
.short-options { background: transparent url('gfx/bg-sort.jpg') no-repeat scroll 0 0; display: block; width: 922px; height: 39px; margin: 0 auto; }
.short-options p { line-height: 37px; font-family: verdana; font-size: 12px; color: #666666; margin: 0 5px 0 10px; display: inline-block; float: left; }
.short-options .nabl { display: inline-block; float: left; }
.short-options .nabl a, .short-options .nabl span { float: left; margin-top: 9px; }
.short-options .nabl a span { margin-top: 0; }
.short-options .bigsmall { float: right; margin-right: 10px;}

}
@media screen {
  
.sharepresen { position: relative; margin: 11px 0; display: block; width: 498px; background: #E9E9E9 url('bfw/boxy/pres-all.png') repeat-x scroll 0 0; border-left: 1px #DFDFDF solid; border-right: 1px #DFDFDF solid; height: 210px; }
.sharepresen .top { position: absolute; top: -11px; left: -1px; display: block; width: 500px; height: 11px; background: transparent url('bfw/boxy/pres-top.png') no-repeat scroll 0 0; }
.sharepresen .bottom { position: absolute; bottom: -11px; left: -1px; display: block; width: 500px; height: 11px; background: transparent url('bfw/boxy/pres-bottom.png') no-repeat scroll 0 0; }

}
@media screen {
  
.presentags { float: right; margin: 15px 20px 0 0; text-align: left; width: 360px; }
.presentags h2 { position: static!important; left: 0; margin: 0;  padding: 0; }
.presentags p { font-size: 12px; margin: 10px 0 10px 0; }

}
@media screen {
  
#swingpresen { margin-left: 20px; float: left; margin-top: 30px; margin-bottom: 25px; }
#swingpresen h2 { position: static!important; left: 0; font-size: 20px; color: #000000; padding: 0 0 10px 30px;  margin: 0;  line-height: 30px; height: 30px; }
#swingpresen h2 span { float: left; position: relative; }
#swingpresen h2 span img { position: absolute; top: -3px; left: -30px; }
#swingpresen .inter { padding: 0 20px; }
#swingpresen .inter p { width: 360px; float: left; }
#swingpresen .inter p strong { margin: 3px  0 2px 0; font-size: 11px; }
#swingpresen .inter input  { width: 360px; display: block; border: 1px #a8a8a8 solid;  height: 18px; line-height: 18px; font-size: 13px; }
#swingpresen .inter textarea { width: 360px; display: block; border: 1px #a8a8a8 solid; height: 36px; line-height: 18px; font-size: 13px; overflow-x: hidden; overflow-y: scroll; }
#swingpresen .inter .flash { float: right; width: 90px; text-align: left; margin-top: 17px; }
#swingpresen .inter .shares { margin: 0px 0;}
}
@media screen {
  /* prezentace v thickboxu */
#glogster-com.presetthick { width: 600px; height: 412px; overflow: hidden; }
#glogster-com.presetthick .line-top,
#glogster-com.presetthick #footer,
#glogster-com.presetthick .sharepresen,
#glogster-com.presetthick .presentags,
#glogster-com.presetthick .short-options,
#glogster-com.presetthick .back-to-dashboard,
#glogster-com.presetthick .kitpresright,
#glogster-com.presetthick .kitportright,
#glogster-com.presetthick h1 { display: none!important; }
#glogster-com.presetthick #previewglog { width: 600px; }
#glogster-com.presetthick #content { padding-top: 20px; }
#glogster-com.presen #previewglog { width: 920px; margin: 20px 20px 0 20px; }
#glogster-com.prn-swing #previewglog, #glogster-com.prn-puzzle #previewglog { height: 393px; }
#glogster-com.prn-big-swing #previewglogswin { height: 129px; }

}
@media screen {
  
#previewglogswin { margin-left: 20px; }

}
@media screen {
  
#nameglogf { color: #000000; font-size: 22px; font-weight: bold; margin: 5px 0 15px 20px; font-family: arial; }

}
@media screen {
  
.blankglog { background: url('gfx/blank-glog.jpg') no-repeat scroll 0 0 #FFFFFF; width: 514px; height: 743px; display: block;  margin: 0 auto; }
.blankglog p { color: #ffffff; font-size: 40px; text-transform: uppercase; line-height: 740px; font-weight: bold; text-align: center;  }

}
@media screen {
  /* vipis glogu v prezentaci */
.prn-pres .bigeer { margin-top: 20px; }
.prn-pres .bigeer .item { width: 234px; margin: 10px 43px 0 43px; overflow: hidden; height: 395px; float: left; }
.prn-pres .bigeer .item h2 { font-size: 13px; position: static!important; line-height: 30px; height: 30px; overflow: hidden;  }
.prn-pres .bigeer .item h2 a { font-weight: bold; color: #006699; text-decoration: underline; }
.prn-pres .bigeer .item h2 a:hover { text-decoration: none; color: #005680; }
.prn-pres .bigeer .item .thumb a { display: block; }
.prn-pres .bigeer .item .thumb a img { max-width: 234px; max-height: 318px; }
.prn-pres .bigeer .item .username { display: block; padding-left: 5px; }
.prn-pres .bigeer .item .username a { color: #006699; text-decoration: underline; font-size: 12px; }
.prn-pres .bigeer .item .username a:hover {  text-decoration: none; color: #005680; }
.prn-pres .smalls { width: 870px; margin: 25px auto 0 auto; }
.prn-pres .smalls .item { width: 135px; margin: 10px 5px 0 5px; overflow: hidden; background: transparent url('gfx/bg-gradient.gif') repeat-x scroll 0 215px; height: 260px; float: left; }
.prn-pres .smalls .item h2 { font-size: 13px; position: static!important; line-height: 15px; height: 15px; overflow: hidden;  }
.prn-pres .smalls .item h2 a { font-weight: bold; color: #006699; text-decoration: underline; }
.prn-pres .smalls .item h2 a:hover { text-decoration: none; color: #005680; }
.prn-pres .smalls .item .thumb a { display: block; margin-top: 3px; }
.prn-pres .smalls .item .thumb a img { width: 135px; height: 183px; }
.prn-pres .smalls .item .username { display: block; }
.prn-pres .smalls .item .username a { color: #006699; text-decoration: underline; font-size: 12px; }
.prn-pres .smalls .item .username a:hover {  text-decoration: none; color: #005680; }

}
@media screen {
  
.websalehtm { background: transparent url('bfw/html-bg-web.gif') repeat scroll 0 0; }

}
@media screen {
  
.what-is-glogster-edu .gotop { border: none; position: absolute; bottom: 5px;  font-family: Verdana, Arial, Tahoma, Sans-serif!important; font-size: 12px; right: 0;  }
#one .gotop, #three .gotop, #five .gotop { right: 28px; }
.hp-loan { padding-top: 140px; font-weight: bold; font-size: 12px; color: #999999; position: absolute; right: 270px;  }
#prezentace01 { width: 920px; margin: 15px auto 0 auto; }
.see-mesage .back-to-dashboard { right: 20px; }
.see-mesage .back-to-down { margin: 30px 20px; font-family: arial; font-size: 12px; font-weight: bold; }
.see-mesage .back-to-down a { color: #006699; }
.see-mesage .back-to-down a:hover { color: #000000; }
.see-mesage h2 { margin-top: 40px; }
.see-mesage .odsaz { margin: 5px 0 10px 15px; }
.see-mesage .data { margin: 20px; }
.mesage-user .limono { list-style-type: none; }
.see-mesage .mesage-user li ol li { padding-bottom: 10px; }

}
@media screen {
  /* payment form*/
.payment form p { position: relative; }
.payment form p #email-err { position: absolute; right: -52px; top: -50px; background: transparent url('gfx/error-bubble-5.gif') no-repeat scroll 0 0; display: block; width: 148px; height: 65px; }
.payment form p #email-err .error { margin: 0!important; padding: 8px 5px 0px 13px !important; font-size: 11px; color: #ffffff; font-weight: bold; line-height: 15px; display: inline-block; }

}
@media screen {
  
div#status-glog span.icos { float: left; cursor: help; margin: 5px 5px 0 0; }
#present.back-to-dashboard { right: 20px; font-size: 14px; top:98px; }

}
@media screen {
  
.dash-portfolio { display: block; clear: right; width: 889px; margin: 10px 20px 5px 20px; }
.dash-portfolio h2 { left: 0!important; }
.dash-portfolio h2 a { font-weight: bold; }
.dash-portfolio p.showall { text-align: right; }
.dash-portfolio p.showall a { font-weight: bold; font-size: 13px; }
.dash-portfolio.notport p { margin: 10px 0 10px 0; &margin-top:15px; text-align: center; }

}
@media screen {
  /* dashboard info transfare */
#seealltransfer { cursor: pointer;}
#seeallless { cursor: pointer; display: none; }
#seeall { display: none; }

}
@media screen {
  
.presportf { background: transparent url('bfw/bg-pres_port.gif') repeat scroll 0 0; }

}
@media screen {
  
.kitpresright { background: transparent url('bfw/presentation/presentationkit.png') no-repeat scroll 0 0; width: 63px; height: 222px; display: block; overflow: hidden; text-indent: 500px; position: absolute; right: -63px; top: 160px;  }
.kitportright { background: transparent url('bfw/presentation/portfolioskit.png') no-repeat scroll 0 0; width: 63px; height: 162px; display: block; overflow: hidden; text-indent: 500px; position: absolute; right: -63px; top: 160px; }

}
@media screen {
  /* prezentace portfolia paly/pause */
.icplay, .icpause { float: left; padding: 0; margin: 7px 0 0 0; overflow: hidden; cursor: pointer; }
.video P { margin-left: 100px; }
.video p strong { float: left; width: 132px; }

}
@media screen {
  
.howtoinfo { margin: 20px; width:510px;}
.howtoinfo .paper { background: transparent url('bfw/presentation/pressentations-create.png') no-repeat scroll 0 0;padding:15px; height:280px; position:relative;}
.howtoinfo .paper ul { list-style-type: none; margin-left:15px; margin-top: 0px;}
.howtoinfo .paper ul li{margin:5px 0 5px;font-size: 0.875em; height:31px; display:block; }
.howtoinfo .paper ul li img{vertical-align:middle; margin-bottom:7px; float:left; margin-right: 10px;}
.howtoinfo p{margin-left:10px;}
.howtoinfo .paper .spendlik{background:url('bfw/presentation/pressentations-create-spendlik.png') no-repeat scroll 0 0 transparent;display:block;height:39px;position:absolute;top:-12px;width:44px; }
.howtoinfo .paper ul li .left-align{margin-left:35px;}

}
@media screen {
  
#probasic { text-transform: uppercase; }
.create-portfolio h3, .create-presentation h3 { font-size: 1.375em; color:#ff0063; font-weight: bold; padding:10px; margin-top:5px; font-family: arial; padding-bottom:0px; }
.portfoliostab { position: absolute; top: 7px; right: 33px; }

}
@media screen {
  /* bublyny cerna */
.bublered { cursor: help; height: 20px; line-height: 20px; }
.bublered strong { float: left; font-weight: normal; display: inline-block; background: transparent url('bfw/redbuble.png') no-repeat scroll 0 0; height: 18px; line-height: 13px; padding: 2px 0 0 10px; color: #ffffff; font-size: 11px; }
.bublered span { float: left; display: inline-block; background: transparent url('bfw/redbuble.png') no-repeat scroll 100% 0; height: 20px; width: 10px; line-height: 20px; }

}
@media screen {
  
#dashb.bublered { position: absolute; top: 7px; right: 7px; }
#glogss.bublered { position: absolute; top: 8px; right: 10px; }

}
@media screen {
  
.boxsmistnons { display: block; clear: both; height: 50px; }

}
@media screen {
  
#glogster-com.create-presentation,
#glogster-com.prn-big-swing,
#glogster-com.prn-puzzle,
#glogster-com.prn-swing,
#glogster-com.prn-pres,
#glogster-com.create-portfolio { background:url('gfx/usershadow.png') 50% 0 repeat-y transparent; }

}
@media screen {
  
.tagsbanner { display: block; width: 300px; height: 250px; float: right; clear: right; margin: 30px 50px 0 0; }
#skyscraper.hapresport { top: 405px!important; }

}
@media screen {
  /* glogy */
.glogpreviewdoss { width: 135px; overflow: hidden;  position: relative; float: left; margin: 0 5px 20px 5px; }
.glogpreviewdoss .name { text-decoration: underline; color: #006699; font-family: 12px; line-height: 16px; overflow: hidden; height: 16px; font-weight: bold; display: block; white-space: nowrap; }
.glogpreviewdoss .name:hover { text-decoration: none; color: #005680; }
.glogpreviewdoss .autor { text-decoration: underline; color: #5D5D5D; font-size: 12px; line-height: 16px; white-space: normal; display: block; height: 16px; overflow: hidden; }
.glogpreviewdoss .autor:hover { text-decoration: none; color: #000000; }
.glogpreviewdoss .glog {  display: table-cell;height: 185px;margin-top: 5px;text-align: center;text-decoration: none;vertical-align: bottom;width: 135px;}
.glogpreviewdoss .glog img { max-width: 135px; max-height: 150px; }
.glogpreviewdoss .status { position: absolute; top: 204px; display: block; width: 135px; text-align: center; font-weight: bold; font-size: 11px; color: #ffffff; line-height: 16px; height: 16px;  }
.glogpreviewdoss .status.unfin { background-color: #FF3300;  }
.glogpreviewdoss .status.fin { background-color: #FF9900; }
.glogpreviewdoss .status.publik  { background-color: #00CC00; }
.glogpreviewdoss .down { height: 50px; display: block; }

}
@media screen {
  
.inpremdash { font-size: 10px!important; color: #979797; text-align: right; margin: 5px 5px 0 0!important; }
#student-mane-form { display: none; }
.student-mane-form-in h3 { color: #ff0063; width: 560px; font-size: 17px; }

}
@media screen {
  
#unologstud { margin: 20px 0 0 0; }
#unologstud legend { display: none; }
#unologstud fieldset { border: 0; }
#unologstud .cenbut { width: 300px; margin: 30px auto 0 auto!important;  }
#unologstud #gonext { float: left; }
#unologstud #cancel { float: right; }
#unologstud p.txtf { line-height: 17px; height: 17px; color: #999999; margin-left: 180px; }
#unologstud p.txtf input { line-height: 17px; height: 17px; }

}
@media screen {
  /* alternativní glog */
#dataglogno { display: block; width: 960px; height: 1300px; overflow: hidden; }
#dataglogno h2 { position: static!important; padding: 0 0 10px 0!important; font-size: 17px; }
#dataglogno .glogthumb { position: absolute; left: 10px; top: 35px; }
#dataglogno #datas .alltext { border-bottom: 1px #000000 solid; }
#dataglogno #datas .alltext .text { display: block; width: 670px; float: right; height: 500px; overflow-y: scroll; overflow-x: hidden; padding: 10px; }
#dataglogno #datas .alltext .text p { padding: 10px 0; }
#dataglogno #datas .alltext .thumb { padding-top: 350px; width: 254px; height: 19px; }
#dataglogno #datas .alltext .thumb h2 { position: absolute!important; top: 8px; left: 10px; }
#dataglogno #datas .alltext .hudba { width: 244px; float: left; height: 195px;  overflow-y: scroll; overflow-x: hidden; padding: 5px; }
#dataglogno #datas .toping { color: #000000; text-align: right; padding: 10px; width: 670px; overflow: hidden; height: 34px; font-size: 12px; float: right;  }
#dataglogno #datas .allcontent { height: 725px; overflow-x: hidden; overflow-y: scroll; }

}
@media screen {
  
#dataglogno #datas .allcontent .youtube { border-bottom: 1px #000000 solid; }
#dataglogno #datas .allcontent .nadpis { padding: 10px!important;  }
#dataglogno #datas .allcontent .videoyou { display: none; }
#dataglogno #datas .allcontent .youtube .video { float: left; margin: 5px; width: 223px; display: block; }
#dataglogno #datas .allcontent .youtube .video h2 {  width: 223px; overflow-x: hidden; white-space: nowrap; display: inline-block; cursor: help; font-size: 16px; font-weight: bold; }
#dataglogno #datas .allcontent .youtube .video h2 a { font-size: 16px; font-weight: bold; }
#dataglogno #datas .allcontent .youtube .video .desc { font-size: 10px; width: 223px; overflow: hidden; height: 38px; display: inline-block; margin-left: 0;  }
#dataglogno #datas .allcontent .youtube .video .desc strong { width: auto; float: left; }
#dataglogno #datas .allcontent .youtube .videopad { display: none; }
#dataglogno #datas .allcontent .foto { border-bottom: 1px #000000 solid; }
#dataglogno #datas .allcontent .foto a { display: inline-block; float: left; padding: 5px; }
#dataglogno #datas .allcontent .foto a img { display: inline-block; float: left;  height: 130px; }
#dataglogno #datas .allcontent .ost { padding: 10px;  }
#dataglogno #datas .allcontent .ost img { display: inline-block; float: left; height: 130px; padding: 5px; }

}
@media screen {
  
.blockie { text-align: center; display: block!important; width: 700px; margin: 50px auto; }
.blockie p { font-size: 14px; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; background-color: #000000; color: #ffffff; padding: 20px;  }

}
@media screen {
  /* boxy s rohy za pomoci js */
.doubleborder240, .doubleborder350, .doubleborder500, .doubleborder800 { background-color: #f5f5f5; padding: 6px; }
.doubleborder240 .inter { padding: 20px; background: #ffffff url('bfw/boxs/silver-prech-240.jpg') repeat-x scroll 0 100%; border: 1px #e1e1e1 solid; }
.doubleborder350 .inter { padding: 20px; background: #ffffff url('bfw/boxs/silver-prech-350.jpg') repeat-x scroll 0 100%; border: 1px #e1e1e1 solid; }
.doubleborder500 .inter { padding: 20px; background: #ffffff url('bfw/boxs/silver-prech-500.jpg') repeat-x scroll 0 100%; border: 1px #e1e1e1 solid; }
.doubleborder800 .inter { padding: 20px; background: #ffffff url('bfw/boxs/silver-prech-800.jpg') repeat-x scroll 0 100%; border: 1px #e1e1e1 solid; }
.reglog { border: 1px #E7E7E7 solid; padding: 15px 20px 20px 20px; background: #ffffff url('bfw/boxs/silver-prech-240.jpg') repeat-x scroll 0 100%; }
.silver { background-color: #F7F7F7; border: 1px #ededed solid; padding: 5px; }
.blue { background-color: #F4FDFF; border: 1px #D3EBFE solid; padding: 5px; }
#creat-class { width: 680px; margin: 20px 0 0 20px; }

}
@media screen {
  
#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }

}
@media screen {
  /*sort option*/
#sort-option {background: #e3e3e3 url('gfx/sort-option-bg.jpg') repeat-x scroll 100% 0; padding:0 10px 0 0;font-size:90%; min-height:40px; border:1px solid #d2d2d2; clear:both;}
#sort-option .sorting  { width: 195px; float: left; padding-top: 10px; position: relative; }
#sort-option .sorting ul {clear:none;margin:0 0 0 75px;position:relative;}
#sort-option .sorting span  { float:left; margin-left:10px;}
#sort-option .sorting li { display: block; list-style-type:none;}
#sort-option .sorting li ul { display: none;  border: 1px #B4B4B4 solid; border-top: 0; padding: 0 0 12px 0; position: absolute; right: 18px; top: 22px; background: #e3e3e3 url('gfx/bg-sorting-submenu.jpg') repeat-x 0 100%; width: 97px; overflow: hidden; z-index: 1000; }
#sort-option .sorting li.first a { display: block; width: 120px; height: 23px; background: url('gfx/bg-sorting-select.gif') no-repeat 0 0; color: #999; font-size: 80%; line-height: 20px; text-indent: 5px; text-decoration: none; }
#sort-option .sorting li.first ul li a { background: none; color: #000; width: auto; height: 20px; }
#sort-option .sorting li.first ul li a:hover { background: #DBDBDB url('gfx/bg-sorting-submenu-hover.jpg') repeat-x 0 0; }
#sort-option .sorting li ul#class-by-options {right:31px;}

}
@media screen {
  /*search*/
#sort-option #search {background:url("gfx/bg-search-input-sorting.gif") no-repeat scroll 0 0 transparent;height:24px;right:10px;overflow:hidden;position:relative;top:8px;width:185px;float:right;}
#sort-option #search button {background:url("gfx/bg-search-button-sorting.gif") no-repeat scroll 0 0 #E3E3E3;color:#555555;height:24px;line-height:22px;overflow:hidden;position:absolute;right:0;top:0;width:80px;}
#sort-option #search label {display:none;}
#sort-option #search input {background-color:transparent;border:0 none;color:#999999;font-size:95%;left:25px;position:absolute;top:3px;width:74px;}

}
@media screen {
  /*view*/
#sort-option .view { float:right;}
#sort-option .view span { float:left; margin:10px 0px;}
#sort-option .view ul  { width: 44px;  padding: 0; clear:none;float:left; margin:7px;margin-right:0px; right:0px;}
#sort-option .view li  { width: 22px; height: 22px; float: left; overflow: hidden; font-size: 70%; margin-right: 0; }
#sort-option .view li a  { display: block; width: 22px; height: 22px; position: relative; background-color: #E3E3E3; }
#sort-option .view li a em { position: absolute; left: 0; top: 0; width: 22px; height: 22px; cursor: hand; cursor: pointer; }
#sort-option .view li.first a em { background: transparent url('gfx/icons/ico-small-thumbs.gif') no-repeat 0 0; }
#sort-option .view li.first#active a em  { background-position: 0 100%; }
#sort-option .view li.second a em { background: transparent url('gfx/icons/ico-big-thumbs.gif') no-repeat 0 0; }
#sort-option .view li.second#active a em  { background-position: 0 100%; }
#sort-option .view span.nabl{margin:0px;}

}
@media screen {
  
.shadow {-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;}
.radius {-webkit-border-radius: 8px;-moz-border-radius: 8px;  border-radius: 8px;}
.radius-small {-webkit-border-radius: 8px 8px 8px 0;-moz-border-radius: 8px 8px 8px 0;border-radius: 8px 8px 8px 0; }
.quote{display:block; width:380px;padding:20px;position:relative;font-size:12px; z-index:20;}
.quote p{padding-top:10px;}
.quote-small{display:block;width:150px; padding:10px;position:relative; z-index:20;}

}
@media screen {
  /* nakupni proces */
.aside { font-size: 12px; }
.aside .col1 { float: left; width: 670px; margin-left: 25px; display: block; z-index: 45; margin-top:20px;}
.aside .col1 h1 { padding:40px 0 5px 0!important; }
.aside .col2 { float: right; width: 265px; display: block; z-index: 9; }
.aside .prepis { line-height: 25px; }

}
@media screen {
  /* statusnakupniho procesu */
#status-proces { padding: 50px 0 40px 0; =padding: 50px 0 260px 0;}
#status-proces .cols { display: inline-block; float: left; width: 79px; text-align: center; font-size: 10px; overflow: hidden; }
#status-proces .cols span { color: #cccccc; padding-top: 70px; display: block; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-image: url('bfw/shop/status.png'); }
#status-proces .cols a span { text-decoration: underline; color: #000000; padding-top: 70px; }
#status-proces .cols a:hover span { text-decoration: none; }
#status-proces .cols a { outline: none;  }
#status-proces .cols a:hover { text-decoration: none; }

}
@media screen {
  /* stavy jednotlivich stavu */
#puno span { background-position: 10px 0; }
#pdoss span { background-position: -60px 0; }
#ptress span { background-position: -140px 0; }
#puno.ok span { background-position: -225px 0; color: #00CC66; font-weight: bold;}
#puno.ko span { background-position: -473px 0; }
#puno a:hover span { background-position: -556px 0; }
#pdoss.ok span { background-position: -306px 0; color: #00CC66; font-weight: bold;}
#ptress.ok span { background-position: -385px 0; color: #00CC66; font-weight: bold; }

}
@media screen {
  /* papirek v pravo */
.infopaper { display: block; width: 243px; background: transparent url('bfw/shop/infos-y.png') repeat-y scroll 0 0; z-index: 10; =margin-left:20px;}
.infopaper .in { background: transparent url('bfw/shop/infos.png') no-repeat scroll 0 100%; padding: 20px 20px 40px 20px; color: #666666; font-size: 11px; position: relative; z-index: 11; }
.infopaper .in strong { font-size: 13px; color: #000000; font-family: arial; padding-bottom: 10px; display: block; }
.infopaper .in .left { float: left; padding: 0  10px 0 10px; }
.infopaper .in .ozdoba { background: transparent url('bfw/shop/spendlik.png') no-repeat scroll 0 0; width: 32px; height: 28px; display: block; position: absolute; top: -15px; left: 90px; }
.infopaper .in a { padding-bottom: 20px; }
.infopaper .in a:hover { text-decoration: none; }
.posun { display: block; clear: both; &margin-left:30px; }

}
@media screen {
  /* tabulka zeleny horejsek */
.tab-stin { background: transparent url('bfw/shop/tablebottom.png') no-repeat scroll 0 100%; padding: 0 4px 13px 4px; margin: 0 0 0 -4px; }
.greenline { border: 1px solid #99BCA3; font-size: 12px;  }
.greenline .tops { background: transparent url('bfw/shop/top-table-green.jpg') repeat-x scroll 0 0; color: #ffffff; height: 36px; font-family:arial; font-size:18px; font-weight:bold; }
.greenline .druhy {line-height:36px;}
.greenline .left { padding-left: 20px;}
.greenline .right { border-left: 1px #42A773 solid; padding-left: 20px; font-size:13px;}
.greenline .how { color: #00CC66; font-size: 15px; font-family: arial; font-weight: bold; padding: 5px 0 10px 20px; }
.greenline .how span {font-family:arial; font-size: 13px; color: #333; font-weight:normal;}
.greenline .bottom { border-top: 1px #D9E6DF solid; height: 40px; line-height: 40px; text-align: right; padding: 0 10px; font-size: 14px; }
.greenline #reseller .how { padding-top:5px; line-height:10px; font-weight:bold; }
.greenline #reseller .option {text-align:left; font-weight:bold;}
.greenline tr.info {font-size:14px; color:#666; text-align:left; }
.greenline tr.info td {font-size: 15px;font-weight: normal;padding: 10px 20px; text-align: left; color: #666;}
.greenline tr.info.top td { padding-top: 25px;}
.greenline tr.info .one {font-family:arial; display:block; background:#18A459; color:#fff; width:177px; height:23px; text-align:center; font-size:16px; float:left; padding:5px;padding-top:7px; margin-left:40px; margin-bottom:10px;}
.greenline tr.info .two {font-family:arial; display:block; background:#01582B; color:#fff;padding:0px 10px; height:35px; text-align:center; font-size:28px; float:left;}
.greenline tr.popis td {padding:15px; font-family:arial; color:#333333; font-size:22px; font-weight:bold; border-bottom: 1px solid #CCCCCC;padding-left:20px;}
.greenline tr.slide td {border-top: 1px solid #99BCA3;}
.greenline tr.slide td.bleft {text-align:center;}
#number-license {font-size:20px!important;}

}
@media screen {
  
#how-students #reseller .bottom{line-height:10px; height:40px;}
#how-students .res-code{text-align:right; padding:10px; padding-top:0px;}
input#reseller_code, input#search_stud { background: url("bfw/shop/input-bg.jpg") repeat-x scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; display: inline-block; height: 36px; line-height: 36px; padding: 0 5px; width: 135px; text-align:center; margin-left:0px;}
input#reseller_code:focus, input#search_stud:focus {border-width:2px; margin:0;}
.greenline .milk, .greenline .milkTeach { background: none repeat scroll 0 0 #fff;opacity: 0.7; filter: alpha(opacity = 70); position: absolute; top:305px; height:1054px; width:675px;left:0; z-index:50;}
.greenline .milkTeach {height:104px; top:217px; display:none;}
#studentAcount {position:absolute; z-index:100; left:177px; top:345px;}
.greenline .change_acount, .greenline .change_acount_stud {display:none; position:relative;z-index:200; text-decoration:underline; cursor:pointer;}
.greenline .dolar {visibility:hidden;font-weight:bold;}

}
@media screen {
  
#how-students .bottom { height: 55px; line-height: 55px; }
.greenline #price { display: inline-block; line-height: 53px; text-align: left; font-weight: bold; padding-left: 0px; overflow:visible !important; }
.bleft { border-left: 1px #D9E6DF solid;}
.bbot { border-bottom: 1px #D9E6DF solid; }
.nambe { color: #206D36; font-weight: bold; font-size: 10px; padding: 8px 10px 10px 10px; margin-left:10px; }
.nambe.one {width:362px;}
.nambe.two {width:443px;}
.nambe .una_student, .nambe .una_teacher { float: left; }
.nambe .dosa_student, .nambe .dosa_teacher { float: right;}
.stud, .studentnum, .teachernum, .teachx, .teachnum { text-align: center; }
.stud { color: #00CC66; font-size: 11px; font-weight: bold; height: 35px; line-height: 35px; width: 116px; }
.teachernum, .studentnum { color: #00CC66; font-size: 29px; height: 80px; line-height: 80px; width: 116px;  }
.teachx { color: #666666; font-size: 11px; font-weight: bold; height: 35px; line-height: 35px; }
.teachnum {  color: #666666; font-size: 15px; width: 101px; }
.teachnum strong { font-size: 22px; line-height: 19px; }

}
@media screen {
  
#schoolbot.bottom p.minimum, #schoolbot.bottom p.maximum { background-color: #D31414; color: #ffffff; font-weight: bold; display: none; height: 30px; line-height: 30px; text-align: center;  }

}
@media screen {
  
#how-students .bigform.napover input {font-family:arial; width: 138px;  padding: 5px; text-align: center; font-size: 35px; color: #333; display:block; margin-top:5px;}
#how-students .bigform.napover input:focus { border: 1px solid #CCCCCC; }
#how-students .infodowm { padding: 0 220px 20px 25px; }
#how-students .teacher { background: transparent url('bfw/shop/teacher.png') no-repeat scroll 0 0; display:block; padding-left: 10px; color: #00B75B; font-size:14px; font-weight: bold; text-align: left;}
#how-students .student { background: transparent url('bfw/shop/student.png') no-repeat scroll 0 0; display:block; padding-left: 15px; color: #00B75B; font-size:14px; font-weight: bold; text-align: left;}
#how-students .err { color:#999; font-size: 10px; padding-left: 7px;}
#how-students .total { position: relative; background: none repeat scroll 0 0 #FCFCFC;border-radius: 5px 5px 5px 5px;box-shadow: 1px 1px 5px #DDDDDD;color: #999999;float: right;font-family: arial;font-size: 11px;margin: 10px 10px 10px 0;min-width: 230px;padding: 10px;}
#how-students .total.claculate { opacity:0.3 }
#how-students .total strong { font-size: 20px; color: #000; font-weight: bold; }
#how-students .total .price { font-size: 40px; font-weight: bold; color: #00B75B; }
#how-students .total .price img { margin: 0 10px;}
#how-students .total .price .small {font-size: 20px; font-weight:normal;}
#how-students .total .account {position: absolute; top:10px;}
#how-students .fofrnik {background: url("../images/loading.gif") no-repeat scroll 0 0 transparent;left: 500px;top: 183px; }
#schoolbot span.text1 {font-family:arial; font-size:26px; display:block; border-right: 1px solid #CCCCCC; width:297px; height:50px;color:#333;float:left; text-align:left;padding:27px 20px;}
#schoolbot span.text2 {font-family:arial; font-size:30px; display:block; height:50px;  color:#333; text-align:center;padding:27px 20px;}
#schoolbot span.text2 #price {color:#00CC66; display:inline;}

}
@media screen {
  
.napover { position: relative; padding: 15px 0 15px 20px;}
.napover .info, #infotable .info { cursor: pointer; background: url('bfw/product-information/info.png') no-repeat scroll 0 0 transparent; display: inline-block; width: 17px; height: 17px; position: absolute; top: 40px; left:174px; z-index: 48; }
#infotable .info.default {left: 0;position: relative;top: -3px;}
#infotable .info.premium {left: 0;position: relative;top: -3px;}
#infotable .info.student {left: 0;position: relative;top: -3px;}

}
@media screen {
  
.napover .info > span, #infotable .info > span { display: none; width: 327px; height: 114px; background: transparent url('bfw/shop/school-lic-info.png') no-repeat scroll 0 0; z-index: 50; position: absolute; top: -48px; left: 14px; }
.napover .info:hover > span, #infotable .info:hover > span { display: block; }
.napover .info > span > span,  #infotable .info > span > span { z-index: 52; padding: 25px 20px 20px 34px; display: block; font-size: 12px; line-height: 16px; color: #003399; }

}
@media screen {
  /* papirovy box na formy */
.paperform510 { background: transparent url('bfw/shop/paperforall.png') repeat-y scroll 0 0; position: relative; margin: 10px 0; width: 510px;  }
.paperform510 .top { background: transparent url('bfw/shop/paperfortop.png') no-repeat scroll 0 0; position: absolute; top: -10px; left: 0; display: block; height: 10px; width: 510px; }
.paperform510 .bottom { background: transparent url('bfw/shop/paperforbot.png') no-repeat scroll 0 0; position: absolute; bottom: -10px; left: 0; display: block; height: 20px; width: 510px; }
.paperform510 .paperformin { padding: 10px;}

}
@media screen {
  
.paperform650 { background: transparent url('bfw/shop/paper650forall.png') repeat-y scroll 0 0; position: relative; margin: 10px 0; width: 632px; }
.paperform650 .top { background: transparent url('bfw/shop/paper650fortop.png') no-repeat scroll 0 0; position: absolute; top: -10px; left: 0; display: block; height: 10px; width: 659px; }
.paperform650 .bottom { background: transparent url('bfw/shop/paper650forbot.png') no-repeat scroll 0 0; position: absolute; bottom: -10px; left: 0; display: block; height: 20px; width: 659px; }
.paperform650 .paperformin { padding: 10px 10px 0 10px;}

}
@media screen {
  
.bigform { border: 0; }
.bigform fieldset { border:0; }
.bigform input.error { border: 2px solid #FF0063;}
.bigform p { height: 50px; display: block; font-size: 12px; position:relative;}
.bigform p#p_reason{line-height:21px;}
.bigform label { width: 138px; display: inline-block; color: #666666; text-shadow: 0 1px 0 #ffffff; text-align:left!important;}
#paycard .bigform label {width:108px;}
.bigform select { color: #000000;  width: 330px; border: 1px #cccccc solid; height: 41px;  display: inline-block; }
.bigform #login { clear: both;margin-left: 15px; display:none;}
.bigform option { color: #000000; }
.bigform .sel { position: relative; }
.bigform input { border: 1px #cccccc solid; height: 36px; line-height: 36px; display: inline-block; background: #ffffff url('bfw/shop/input-bg.jpg') repeat-x scroll 0 0; width: 320px; padding: 0 5px; }
#billingDate { margin-top:30px;}
.bigform p span.type, #input-widget span.type, #input-widget-student span.type { color:#999; left: 145px;position: absolute;top: 12px; white-space:nowrap; -moz-user-select:none; }
.bigform p span.type.last, #input-widget span.type.last,  #input-widget-student span.type.last {top:103px; left:166px;}
.bigform p span.type.sel, #input-widget span.type.sel, #input-widget-student span.type.sel { color:#ccc;}
.bigform .floated {float: left;}
.bigform .check .reg-two {width: 120px; margin-top: 5px}
.bigform .checkbox, .reg-g2 .radio {background: url("bfw/form/checkbox.png") no-repeat scroll 0 0 transparent; clear: left; display: block; float: left; height: 18px; padding: 0 5px 0 0; width: 17px; margin-right: 3px}
.bigform .check label {margin-top: 2px}
.bigform .radio {background: url("bfw/form/radio.png") no-repeat scroll 0 0 transparent;height: 14px}

}
@media screen {
  
.checkbox, .radio {	width: 19px;height: 25px;	padding: 0 5px 0 0;	background: url('bfw/form/checkbox.gif') no-repeat; display: block; clear: left;	float: left;}
.radio { background: url('bfw/form/radio.gif') no-repeat;}
.select {	position: absolute;	width: 330px; margin-left: -3px; height: 27px; line-height: 36px; padding: 7px 5px 0 9px; color: #000000;	font: 12px/21px Verdana,sans-serif;	background: url('bfw/form/select.gif') no-repeat; overflow: hidden;}
#credit-card .select {width: 146px; margin-left: 0px; background: url('bfw/form/select-160.gif') no-repeat; }
#credit-card select.styled {width:160px; margin-right:5px; top:3px;}
#credit-card .select.error {border: 2px solid #FF0063}

}
@media screen {
  
.intable { border: 1px #cccccc solid; height: 36px; display: inline-block; background: #ffffff url('bfw/shop/input-bg.jpg') repeat-x scroll 0 0; width: 40px; padding: 0 5px; margin-left: 10px; line-height: 36px; }
.blbost-lidu { border: none; background: transparent; display: inline-block; width: 40px; overflow: hidden; padding: 0 5px; height: 36px; line-height: 36px; margin-left: 20px; text-align: center;   }

}
@media screen {
  
.option { padding: 5px 0 7px 10px;  }
.option span { color: #999999; font-size: 11px; padding-left: 25px; }
.option input { position: relative; top: 3px; }
#formschool, #formsmmulti { margin: 10px 0 100px -5px; padding: 10px 15px; }
.bigform .line, #verificationform .line { height: 0; line-height: 0; display: block; width: 100%; border-top: 1px #dfdfdf solid; border-bottom: 1px #ffffff solid; position: relative; left: -19px; width: 648px; margin: 20px 0;}
.bigform .login.btn { float:right; margin-top: 14px;}
.twbootstrap .bigform .row { margin:0px;}
#formsmmulti .bigform h2 {   color: #999999; font-size: 20px;text-shadow: 0 1px 0 #FFFFFF;}
.bigform .alert { font-size:13px; line-height:24px; padding: 7px 5px 8px 10px; }
.bigform .alert .popis { display: inline-block;line-height: 30px;width: 170px;}
.bigform .alert .small { font-size:11px; }
.bigform .login i{ margin-top:5px!important;}
.bigform .controls { margin-left: 180px;}
.bigform .twbootstrap legend { display:block;}
.bigform #login .form-horizontal { margin-left:38px; width:515px;}
.bigform #billingDate .form-horizontal { margin-left:45px;}
.bigform #login.twbootstrap .form-horizontal .control-label { width:95px;}
.bigform .twbootstrap .form-horizontal .controls { margin-left:110px;}
.bigform #billingDate.twbootstrap .form-horizontal .control-label { text-align:left;}

}
@media screen {
  
.tab-stin { position: relative; }
.tab-stin .picbott { background: url("bfw/shop/sipbottB.png") no-repeat scroll 0 0 transparent; display: block; width: 26px; height: 18px; position: absolute; bottom: -2px; left: 40px; }

}
@media screen {
  
#schoolstep1 { margin: 15px 0 0 135px; }
#formsmmulti .select { width: 316px; }
#formsmmulti .error, #formsmmulti input.err, #formsmmulti select.err {border:2px solid #FF0063;}
#formsmmulti select { width: 330px;  color: #999; vertical-align:top; margin-left:-3px;}
.podpis em.err {top:90px !important;}

}
@media screen {
  
#billing-multi-step1 { border: 0; clear:both;}
#billing-multi-step1 fieldset { border: 0; }

}
@media screen {
  
#payment .bleft p { padding-left: 15px; }
#payment .bottom p  { text-align: left; padding: 10px 0 0 10px; }
.infovei { line-height: 15px; }
.infovei span { color: #666666; font-size: 12px; padding-right: 10px; }
.infovei strong { color: #000000; font-size: 12px; }
.infoveib { font-size: 10px; line-height: 15px; padding: 12px 0 20px 10px !important; color: #666666; }
.infoveib em { font-weight: normal; }

}
@media screen {
  
#verificationform { margin: 10px 0 100px -5px; padding: 10px 15px; }
#verificationform h2 { left: 0!important; font-size: 22px; }
#verificationform h3 { font-size: 22px; color: #ff0063; font-family: arial; padding-top: 30px; }
.relbilinf { font-size: 12px; line-height: 22px; }
.relbilinf td p{width:300px; display:inline-block; overflow:hidden;margin-right:10px;}

}
@media screen {
  
#edshop { margin: 20px 0 30px 0; }
#how-students, #verification { width: 650px; z-index: 42; background:none repeat scroll 0 0 #E6FFF1;}
#how-students .big { color:#00B75B; font-size:28px; font-family: arial; font-weight: bold; }
#how-students .top { color:#33CC00;}
.topbluebuble { color: #6286C4; background: transparent url('bfw/shop/blu-srac.png') no-repeat scroll 0 0; display: block; width: 662px; height: 53px; padding: 24px 0 0 28px; margin: 20px 0 0 0; }

}
@media screen {
  
#sumary { padding: 10px; margin: 10px 0 50px 0; width: 640px; }
#sumary h2 { left: 0!important; }
h2.sumary { padding: 20px 0; }
h2.topsum { padding: 0 0 20px 0; }
#sumary .line { height: 0; line-height: 0; display: block; width: 100%; border-top: 1px #dfdfdf solid; border-bottom: 1px #ffffff solid; position: relative; left: -14px; width: 648px; }
#sumary .bottext { font-family: arial; font-size: 22px; text-shadow: 0 2px 0 #ffffff; color: #00CC66; text-align: center; padding: 20px 0 0 0; font-weight: bold;  }
#sumary .sumarybil { color: #666666; overflow-x: hidden; }
#sumary .sumarybil td { padding: 5px 0; }
#sumary .sumarybil .biger { color: #00cc66; font-size: 18px; font-weight: bold; font-family: arial; }
#sumary .sumarybil .biger em { font-size: 13px; display: block; width: 250px; }
#sumary .sumarybil .black { color: #000000; }
#righttab.sumarybil { color: #000000; display: block; width: 280px; overflow: hidden; padding-bottom: 20px; }
.sump h3 { padding-bottom: 10px; }

}
@media screen {
  
#codeslicence { border: 1px #CCCCCC solid; }
#codeslicence { background-color: #ffffff; }
#codeslicence tr { height: 35px; }
#codeslicence tr td { height: 35px;  padding-left: 20px;  border-top: 1px #ffffff solid; border-bottom: 1px #cccccc solid; width:0px;}
#codeslicence tr td strong { color: #000000; }
#codeslicence .qsc { background-color: #F9F9F9; }
#codeslicence a {color: #006699; }
#codeslicence a:hover { text-decoration: none; }

}
@media screen {
  
.sump .coll1 { float: left; width: 325px; overflow-x: hidden; }
.sump .coll2 { float: right; width: 280px; overflow-x: hidden; }

}
@media screen {
  
#sigleprice { text-align: left; padding-left: 37px;}
#infotable.bottom { text-align: left; padding-left: 20px; }
#infotable.bottom p, #schoolbot.bottom p { color: #00B655; font-weight: bold; font-size: 12px; text-align: left; font-family: arial; padding-left: 13px; }

}
@media screen {
  
#sigleprice.bottom p { width: 217px; overflow: hidden; line-height:20px;font-size: 16px;}
#sigleprice.bottom {padding-top:10px;}

}
@media screen {
  
#paymetod  { margin: 20px 0 10px 90px; }
#paymetod.nopaybychaec { margin: 20px 0 10px 140px; }
#paymetod li { cursor: pointer; display: block; float: left; width: 155px; height: 45px; text-align: center; color: #666666; font-size: 12px; padding-top: 73px; font-weight: bold; background-attachment: scroll; background-color: transparent; background-repeat: no-repeat; background-image: url('bfw/shop/pay-visa-check.png'); }
#paymetod li:hover { color: #000000; }
#paymetod .paypal {  background-position: -14px 11px; }
#paymetod .paypal:hover {  background-position: -14px -114px; }
#paymetod .paypal.selec {  background-position: -14px -114px; }
#paymetod .cards {  background-position: -177px 11px; }
#paymetod .cards:hover {  background-position: -177px -114px; }
#paymetod .cards.selec {  background-position: -177px -114px; }
#paymetod .paycheck {  background-position: -340px 11px; }
#paymetod .paycheck:hover {  background-position: -340px -114px; }
#paymetod .paycheck.selec {  background-position: -340px -114px; }
#paypaledunow { margin: 21px 0 -3px 175px; }
#showerrbilling { margin: 20px; width: 528px; text-align: center; }
#showerrbilling p { padding: 0; margin: 0; }

}
@media screen {
  
.paybox { display: none; }
.paybox .pretex { line-height: 25px; font-size: 12px; padding: 0 20px 10px 0; }
.paybox.active { display: block!important; }

}
@media screen {
  
#paysend, #checksend, #licmegtop, #licmegbot { display: block!important; text-align: center!important; clear: both!important;  &position: relative; width: 610px; margin-top: 20px; }
#licmegtop, #licmegbot { margin-bottom: 15px; }
.paperformin .topinfo { font-size: 13px; font-weight: bold;  padding: 10px 0 10px 0; }

}
@media screen {
  /*messages*/
.shadow {-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;}
.radius {-webkit-border-radius: 8px;-moz-border-radius: 8px;  border-radius: 8px;}
.radius-small {-webkit-border-radius: 8px 8px 8px 0;-moz-border-radius: 8px 8px 8px 0;border-radius: 8px 8px 8px 0; }
.quote{display:block; width:380px;padding:20px;position:relative;font-size:12px; z-index:20;}
.quote p{padding-bottom:10px;}
.quote-small{display:block;width:150px; padding:10px;position:relative; z-index:20;}

}
@media screen {
  
.quote-orange {color:#F23100;border: 1px solid #f23100;background: #FFECD9;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFECD9), to(#FFB87F));background: -moz-linear-gradient(#FFECD9, #FFB87F);background: linear-gradient(#FFECD9, #FFB87F);-pie-background: linear-gradient(#FFECD9, #FFB87F);}
.quote-blue{color:#003399;border: 1px solid #5aacff;background: #F0FAFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0FAFF), to(#E0F5FF));background: -moz-linear-gradient(#F0FAFF, #E0F5FF);background: linear-gradient(#F0FAFF, #E0F5FF);-pie-background: linear-gradient(#F0FAFF, #E0F5FF);}
.quote-blue-light,.quote-blue-light .bubble1,.quote-blue-light .bubble2{color:#6386C4;border: 1px solid #A2C0DF;background: #F0FAFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0FAFF), to(#E0F5FF));background: -moz-linear-gradient(#F0FAFF, #E0F5FF);background: linear-gradient(#F0FAFF, #E0F5FF);-pie-background: linear-gradient(#F0FAFF, #E0F5FF);}
.quote-blue .sipka{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll -27px 0; position:absolute; z-index:20; width:13px; height:26px; display:block; left:-13px; z-index:30; }
.quote-orange .sipka-shadow{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll -76px -29px; position:absolute; z-index:20; width:21px; height:26px; display:block; left:-21px; z-index:30; }
.quote-orange .sipka{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll -53px -29px; position:absolute; z-index:20; width:21px; height:21px; display:block; left:-20px; z-index:30; }
.quote-yelow .sipka-shadow{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll -25px -29px; position:absolute; z-index:20; width:21px; height:26px; display:block; left:-21px; z-index:30; }
.quote-yelow .sipka{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll 0 -29px; position:absolute; z-index:20; width:21px; height:21px; display:block; left:-21px; z-index:30; }
.quote-blue-light .sipka-dole{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll 0px 0; position:absolute; z-index:20; width:26px; height:13px; display:block; left:23px; bottom:-13px; z-index:30; }
.quote-blue .sipka-small{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll -45px 0; position:absolute; z-index:20; width:15px; height:15px; display:block; left:-2px; bottom:-15px; z-index:30; }
.quote-green .sipka-dole{ background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll -77px 0; position:absolute; z-index:20; width:22px; height:13px; display:block; left:23px; bottom:-13px; z-index:30;}
.quote-green,.quote-green .bubble1,.quote-green .bubble2 {color:#019747;border: 1px solid #b7cfb1;background: #E3ffdd;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3ffdd), to(#BFFFAF));background: -moz-linear-gradient(#E3ffdd, #BFFFAF);background: linear-gradient(#E3ffdd, #BFFFAF);-pie-background: linear-gradient(#E3ffdd, #BFFFAF);}
.quote-yelow {color:#000;border: 1px solid #B6AD84;background: #FFFF99;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFF99), to(#F7e577));background: -moz-linear-gradient(#FFFF99, #F7e577);background: linear-gradient(#FFFF99, #F7e577);-pie-background: linear-gradient(#FFFF99, #F7e577);}
.quote-green .bubble1 { width:14px; height:14px; position:absolute; left:-7px; bottom:-20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;padding:0px;z-index:30;}
.quote-green .bubble2 { width:8px; height:8px; position:absolute;  left:-18px; bottom:-35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:0px;z-index:30;}
.quote-blue-light .bubble1 { width:14px; height:14px; position:absolute; left:-7px; bottom:-20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;padding:0px;z-index:30;}
.quote-blue-light .bubble2 { width:8px; height:8px; position:absolute;  left:-18px; bottom:-35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:0px;z-index:30;}

}
@media screen {
  
.roh5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; /*behavior: url(/css/pie/PIE.htc);*/}
.roh8 {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; /*behavior: url(/css/pie/PIE.htc);*/}
.roh10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;/*behavior: url(/css/pie/PIE.htc);*/}
.roh15 {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;/*behavior: url(/css/pie/PIE.htc);*/}
.roh20 {-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;/*behavior: url(/css/pie/PIE.htc);*/}

}
@media screen {
  
.nejakabublina { margin: 20px 20px 0 20px; }
.nejakabublina .quote-green .sipka-dole { height: 12px; bottom: -12px; }
.nejakabublina .quote-green p { padding: 0 0 10px 0; margin: 0; }
.glogpediasoet { margin-top: 16px!important; }
.glogpediasoet .sorting span { padding: 3px 2px 0 0; }
.mar20 { margin: 0 20px; }
h1.glogpedia { padding: 30px 0 0px 20px; }
#glogpediasort { padding: 15px 15px 5px 15px; width: auto; display: inline-block !important; }

}
@media screen {
  
span.question {background: transparent url('bfw/product-information/quote-sipky.png') no-repeat scroll -60px 0; width:17px; height:20px; display:inline-block; float:left;}

}
@media screen {
  
#paycard { border: none; color: #666666;}
#paycard fieldset { border: none;  }
#paycard legend { display: none; }
#paycard .carvie { font-size: 13px; line-height: 30px; padding-bottom: 20px; color:#000; font-weight:bold; }
#paycard .carvie img { margin-right: 10px; }
#paycard .prestrtxt { font-size: 13px; color: #000000; padding-bottom: 10px;}
#paycard .dotrig { padding-left: 10px; font-size: 11px; position: relative;top: 8px; }
#paycard #send-card {margin-bottom: 10px;text-align: center;width: 100%; }
#paycard .line { margin-top: 20px; }
#paycard .card-checkbox { padding-left: 110px; height: 40px; line-height: 40px; font-size: 12px; }
#paycard .dig { background-color: #ebebeb; display: block; width: 380px; height: 110px; }
#paycard .dubleopt { position: relative; height: 50px; line-height: 50px; font-size: 12px; }
#paycard .dubleopt label { width: 110px; display: block; }
#paycard #opts01 { width: 195px; position: absolute; top: 4px;  left: 114px; display: block; height: 36px;}
#paycard #selectopts01 { width: 195px; left: 117px; background: url('bfw/form/select-195.gif') no-repeat scroll 0 0 transparent; }
#paycard #opts02 { width: 125px; position: absolute; top: 4px;  left: 320px; display: block; height: 36px; }
#paycard #selectopts02 { width: 125px; left: 323px; background: url('bfw/form/select-125.gif') no-repeat scroll 0 0 transparent; }
#paycard .secure { font-size: 12px; margin: 10px 0 30px 0; }
#paycard .secure .col1 { float: left; width: 110px; margin-left:0px; }
#paycard .secure .col2 { float: left; width: 360px; background-color: #ebebeb; padding: 10px 10px 5px 10px; position:relative;}
.paperformin  #paycard .secure .col2 em.err {left:105px; top:-7px;}
#paycard .symbcard { display: block; float: right; width: 123px; height: 60px; font-size: 10px; }
#paycard .symbcard img { float: left; margin-right: 13px; }
#paycard .symbcard strong { font-size: 11px; display: block; padding: 3px 0 8px 0; font-weight: normal; }
#paycard #card-dig { width: 90px; margin-right: 7px; }
#paycard table.card {width:585px;margin-left:35px; margin-bottom:15px;}
#paycard table.card input {vertical-align:super;}
#cards .errorpay { background: none repeat scroll 0 0 #D31414;color: #FFFFFF;display: none;font-weight: bold;margin-top: 20px;margin-bottom: 20px;padding: 5px;text-align: center;}

}
@media screen {
  /*shop error hlasky*/
.paperformin em.err  { background: url('/css/gfx/error-bubble-inline.gif') no-repeat 0 0; height: 31px; position: absolute;top:0px; left: 445px; color:#fff; margin-left:0 !important; }
.paperformin em.err span { white-space: nowrap; height: 26px; line-height: 26px; display:block; padding:0 7px 0 0; font-size:1em; font-weight:bold; line-height:26px !important; background: url('/css/gfx/error-bubble-inline.gif') no-repeat right 0; position:relative; left:15px;}

}
@media screen {
  
.paper em.err  { background: url('/css/gfx/error-bubble-inline.gif') no-repeat 0 0; height: 31px; position: absolute;left: 204px; color:#fff; margin-left:0 !important; top:0px;}
.paper em.err span {  white-space: nowrap; height: 26px; display:block; padding:0 7px 0 0; font-size:1em; font-weight:bold; line-height:26px !important; background: url('/css/gfx/error-bubble-inline.gif') no-repeat right 0; position:relative; left:15px;}

}
@media screen {
  
.abbox { border-top: 1px solid #DFDFDF; padding-top: 15px; margin-bottom: 0!important; font-size: 12px; margin-top: 15px; }
.abbox a { margin: 0 30px 0 0; color: #006699; }
.abbox a:hover { text-decoration: none; }

}
@media screen {
  
.ambassdas {margin-left: -7px; overflow: hidden; position: fixed; top: 43px;  display: block; width: 487px; height: 121px; right: 34px;  background: transparent url('bfw/boxy/ambassador-program.jpg') no-repeat scroll 0 0; z-index: 100000;}
.ambassdas .cols, .ambassdas .cold { float: left; display: inline-block; position: static; margin: 10px 0 0 0; padding: 0; clear: none; list-style-type: none; }
.ambassdas .cols { width: 175px; }
.ambassdas .cols li { font-family: arial; font-size: 13px; background: transparent url('bfw/li-bg.png') no-repeat scroll 0 50%; padding-left: 15px; line-height: 24px; height: 24px; }
.ambassdas .cols li a { text-decoration: underline; color: #007D00; }
.ambassdas .cols li a:hover { text-decoration: none; }
.ambassdas .cold { width: 180px; margin-left: 25px; }
.ambassdas .cold li { font-family: arial; font-size: 14px; background: transparent url('bfw/li-bg.png') no-repeat scroll 0 50%; padding-left: 15px; line-height: 24px; height: 24px; font-weight: bold; }
.ambassdas .cold li a { text-decoration: underline; color: #007D00; }
.ambassdas .cold li a:hover { text-decoration: none; }
.ambassdas .cold li.unicate { margin-top: 25px; background: transparent url('bfw/li-2bg.png') no-repeat scroll 0 50%; }
.ambassdas .cold li.unicate a { color: #223A3C; }
.ambassdas .ambimg { width: 115px; float: right; }
.ambassdas .pecet { float: right; margin: 10px 20px 0 0; }

}
@media screen {
  
#ambassador-map { display: none; }
.close-popup-ammbasmap { float: right; margin-top: 3px; }

}
@media screen {
  
.distributed { vertical-align: top; margin: 0 auto; font-size: 12px; margin: 0 auto; border: 1px #DEDEDE solid; border-collapse:collapse; }
.distributed tr td { height: 55px; line-height: 18px; vertical-align: top; border-top: 1px #DEDEDE solid; padding: 10px; overflow: hidden; }
.distributed .purchase p { position: relative; }
.distributed .purchase p img { padding-left: 15px; position: absolute; right: 10px; top: 0; }
.distributed .top td { line-height: 23px; height: 23px; padding: 5px 10px; background: transparent url('bfw/table.jpg') repeat-x scroll 0 0; color: #333333; font-weight: bold; }
.distributed a { color: #006699; text-decoration: underline; }
.distributed a:hover { color: #006699; text-decoration: none; }
.distributed .reciever p { width:160px;}
.distributed .activator p { width:170px;}
.distributed .avatar div, .distributed .avatar p { width: 52px; }
.distributed .nikname p { width:90px;}
.distributed .country p { width:90px;}
.distributed .send p { width:66px;}
.distributed .activation p { width:66px;}
.distributed .remains p { width:65px;}
.distributed .expiration p { width:67px;}
.distributed .purchase p { width:102px;}

}
@media screen {
  
.stat-ambassador h2 { color: #00B756; font-family: arial; font-size: 14px; font-weight: bold; padding: 0 0 20px 5px; }

}
@media screen {
  
.ammmenu { list-style-type: none; padding-bottom: 40px; }
.ammmenu li { float: left; font-weight: bold; padding-right: 40px; }
.ammmenu li a { color: #006699; font-size: 14px; font-family: arial;  }
.ammmenu li a:hover { text-decoration: none;  }
.ammmenu li span { color: #666666; }

}
@media screen {
  
#formreport { display: none; }
#specialstachla { width: auto; display: inline-block; margin: 20px 10px 20px 20px; padding: 15px; display:inline-block !important;}

}
@media screen {
  /* odesilani reportu  */
.popupform h3 { color: #ff0066; font-size: 16px; margin: 5px 0 10px 0; }
.popupform form textarea { display: block; width: 555px; margin: 10px; padding: 5px; }

}
@media screen {
  /* formular pro odesilani licenci  */
.special-trial { width: 585px; margin: 0 auto; padding-top: 30px; }
.special-trial p { height: 25px; line-height: 25px; width: 242px; margin-left: 25px; float: left; }
.special-trial label { display: block; width: 70px; float: left; }
.special-trial input { display: block; width: 150px; float: left; margin-right: 10px; padding: 5px; }
#but-thix-send-long { &left: 230px!important; margin-left: 230px; }

}
@media screen {
  
.reportToManagerMsg { text-align: center; font-weight: bold; color: #ffffff; background-color: #009900; height: 20px; line-height: 20px; position: absolute; width: 570px; display: block; margin-left: 10px; }
.reportToManagerMsg.eror { background-color: #ff0000; }
.reportToManagerForm { margin-top: 30px; }

}
@media screen {
  /* abassador message na dashboarde   */
.amb-mess-info-thick { overflow-y: scroll; overflow-x: hidden; height: 220px; margin:20px 10px 5px 20px !important; }
.amb-mess-info-thick h3 { font-size: 16px; color: #ff0066; font-family: arial;  }
.amb-mess-info-thick p { padding-bottom: 10px; }
.amb-mess-info-thick div { padding-bottom: 20px; }

}
@media screen {
  
#ambas-back-dashboard {font-size:100%; margin-right:10px;}

}
@media screen {
  /*iframe*/
body.iframe #content{width:580px; display:block;padding-top:10px;}
body.iframe #opacity{width:580px;}
body.iframe #glog-top {width:580px;}
body.iframe #glog-top h1 {width:570px;}
body.iframe #glog-top .shares {left:380px; width:200px;}
body.iframe #content.glog {height:auto; padding-top:0px; top:80px;}
body.iframe .item.large p.thumb {width:170px; background:url("gfx/bg-gradient.gif") repeat-x scroll 0 230px transparent; height:280px;}
body.iframe .item.large p.thumb a img {width:170px;}
body.iframe .item.large {width:170px;}
body.iframe .item.large p.rating {top: 257px;}
body.iframe .item.large p.username {top: 257px;}
body.iframe .item.large {margin:0 23px 0 0;}
body.iframe .item {margin:0px;}
body.iframe #content .item.large h2 {width:170px;}
body.iframe .item{margin:0; padding:0 50px 0 0; }
body.iframe p.paging {width:550px; padding:10px 0 0 !important;}

}
@media screen {
  
.calen-amba { margin: 0 20px; }

}
@media screen {
  
.blogs p.showall a {color:#000000;display:block;float:right;font-size:11px;font-weight:bold;margin:6px 0 0 0;text-align:left;width:70px;}
.create {display:none;}

}
@media screen {
  
.feed-dash-command { width: 900px; margin: 0 auto; display: block; background-color: #FEFC95; padding: 5px 10px; border: 2px #F7CC2C solid; font-size: 20px;  height: 44px; line-height: 44px; }
.feed-dash-command p { display: inline; color: #ff0063; font-weight: bold; margin-right: 10px; }
.feed-dash-command img { position: relative; top: 5px; margin-right: 10px; height: 32px; line-height: 32px; }
#herefeed { float: right; =position: relative; =top: -45px; margin-right: 50px; }

}
@media screen {
  
.gformpage { background: url('gfx/usershadow-body.png') 50% 0 repeat-y transparent; padding: 0;  }
.gformpage #content { padding-top: 70px; background-color: #ffffff; }

}
@media screen {
  
#gofeed { display: block!important; width: 272px; margin: 0 auto; }
.feed-promo { padding-top: 30px; text-align: left; color: #ff0063; }
.feed-promo p { font-size: 18px; line-height: 22px; font-family: arial; font-weight: bold; padding-bottom: 25px!important; }
.feed-promo .bottt { text-align: center; }

}
@media screen {
  
#feed-dash {margin:20px; margin-bottom:0px;  }
#old-dash {border: 1px solid #E8E8E8; border-top:0px; padding: 40px 0px 0;  margin-left:20px; margin-right:20px;}
#info-dash-feed{display:block; height:31px; position:absolute; background: url(gfx/info-dash-feed.png) no-repeat 0 0; left:510px; top:-2px; padding:12px 0 0px 32px; color:#fff; font-weight:bold;font-size:14px;  text-align: center;}
#info-dash-feed .bottom {    background: url("gfx/info-dash-feed.png") no-repeat scroll -347px 0 transparent;display: block; float: right; height: 44px;left: auto; position: absolute;  right: -17px; top: 0; width: 19px; }
#feed {border: 1px solid #E8E8E8; border-top:0px;  padding: 0px 0px 20px 0;  min-height: 95px;}
#feed-dash .tabs li strong {font-size:100%;}
#old-dash #glog-alerts {right:0px;}
#old-dash #messages{left:5px; top:-19px;}
#old-dash .chaty{left: 194px ;}
#old-dash #my-friends {right:5px;}
#old-dash .myglog{width:880px;}
#old-dash .comments{width:395px;}
#old-dash p#favourite-glogs {left:0px;}
#old-dash #favs h2{padding-left:5px;}
#old-dash #my-glogs {background: url(gfx/profil-lista-old-dash.gif) no-repeat;}
#old-dash .feedcontent {margin:20px 0 ;}
#old-dash .asidefeed {margin-right:0px;}
.users-list .tabs li.last {border-bottom: 1px solid #E8E8E8; width:460px;}
.users-list .tabs li.last.no-bill {width:459px;}
.users-list .das-pulse li.taby {   background: url("gfx/bg-friends-fans-tabs.gif") no-repeat scroll 0 -43px #E7E7E7;    color: #333333;    display: block;   font-family: Arial,Tahoma,sans-serif; font-size: 140%; font-weight: normal; height: 43px; line-height: 43px; text-align: center; text-decoration: none; cursor:pointer; }
.users-list .das-pulse li.active { background: url("gfx/bg-friends-fans-tabs.gif") no-repeat scroll 0 0 #FFFFFF; color: #FF0066;display: block; font-family: Arial,Tahoma,sans-serif; font-size: 140%; height: 43px; line-height: 43px; text-align: center;}
.users-list .das-pulse li.taby sup {font-weight:bold; font-size:11px; color:#a2a2a2;}
#noPulse{padding:69px 44px 20px 248px;}
.error-feed { background: url("gfx/big-smile.gif") no-repeat scroll 10px 50% #FFFFFF; border: 1px solid #EBEBEB; margin: 0; padding: 20px 20px 20px 90px; position: relative; text-align: left; width: 300px;}
.error-feed h1 { font-size: 110%; margin: 0 0 5px;padding: 0;}
.error-feed p {    color: #666666;    font-weight: bold;}
#pulsdashBack { margin-right:40px;}
.messag #messages {margin-left:26px;}
#feed img#moodAjaxLoader {display:block; margin:0px; position:relative; left: 419px;margin: 0;top: 45px;}

}
@media screen {
  /*licence management */
.css-panes .doubleborder350 .inter {border-top:0px;}
.css-panes .roh10{ border-radius: 0 0 10px 10px;}
.css-panes .doubleborder350{padding:0px;}

}
@media screen {
  
.bigform #state select.styled, .bigform #country select.styled{top:-10px;}
#state .select, #country .select {margin-left:0px;}
#question input{vertical-align:top;}
#question label {line-height:15px;}
table#carty { margin-bottom:20px; width:100%;}

}
@media screen {
  /* tabs na dashboarde*/
div.friends{display:block;}
div.teacher{display:none;}
div.classes{display:none;}
div.teacher{display:none;}
div.fans{display:none;}
div.colleagues{display:none;}

}
@media screen {
  /* credit card platebni brana*/
.reload {display:none; width:640px; height:1033px; opacity:0.4;  filter: alpha(opacity = 40); left:10px; position:absolute; z-index:20;background:#000;top:-1px; }
.fofrnik {background: url("../images/ajax-loader-credit.gif") no-repeat scroll transparent; color: #FFFFFF; display: none; font-size: 16px; font-weight: bold; height: 66px; left: 226px;    padding-left: 68px; padding-top: 12px; position: absolute; top: 707px; width: 166px; z-index: 20;}

}
@media screen {
  /* nova info stranka product, link newsletter*/
#eduLite .information-EDUlite {height:178px;}
#eduLite .information-EDUlite .premium {top:0px; &top:20px;}
#eduLite .information-EDUlite .premium .middle {min-height:85px;}
#eduLite .information-EDUlite .basic {top:61px; &top:85px;}
#eduLite .information-EDUlite .basic .dark {height:97px;}
#eduLite .information-EDUlite .premium .bottom, #eduLite .information-EDUlite .premium .bottom-lights {height:13px;}
#eduLite #product .teach {left:314px; width:204px;}
#eduLite #product .basic {left:182px; width:123px;}
#eduLite #product .school {left:740px; width:205px;}
#eduLite #product .premium .middle {width:204px;}
#eduLite #product .school .middle {width:205px;}
#eduLite #product .premium .bottom {width:204px; background-position: -20px 0;}
#eduLite #product .school .bottom {width:205px;}
 #eduLite #product .premium .bottom-lights  {width:201px; background-position: -20px 0;}
#eduLite .information-EDUlite .basic .bottom,#eduLite .information-EDUlite .basic .middle {height:10px;}
#eduLite #product .premium .count {font-size:30px; margin-left:36px;}
#eduLite #product .premium .time {font-size:16px; }
#eduLite #product .light {left:527px; width:204px;}
#eduLite #product .light .middle {width:205px;}
#eduLite #product .light .bottom {width:204px;}
#eduLite table.product-info {margin-top:-8px; border:0px; background:#fff;}
#eduLite table.product-info tr th,#eduLite table.product-info td.left,#eduLite table.product-info td.middle{  background:#fff;}
#eduLite table.product-info tr.paticka td.left {border:0px;}
#eduLite table tr td {border-top:0px;}
#eduLite #product .premium .time {padding-top:0px;}
#eduLite #product .light .time {padding-top:0px;}
#eduLite .info {height:45px;margin-top:10px;}
#eduLite #product .basic .title-basic{background: url("gfx/singl_free.png") no-repeat scroll 0 0 transparent;width:110px;}
#eduLite #product .premium .title-prem {background: url("gfx/teacher_light.png") no-repeat scroll 0 0 transparent;width:171px; height:30px;}
#eduLite #product .light .title-prem {background: url("gfx/teacher_prem.png") no-repeat scroll 0 0 transparent;width:183px; height:30px;}
#eduLite #product .school .title-prem {background: url("gfx/shool_prem.png") no-repeat scroll 0 0 transparent;width:170px;  height:30px;}
#eduLite .basicprev {  color: #C8EFDA;display: block;margin-top: -7px;}
#product .school {background: url("bfw/product-information/premium-top.png") no-repeat scroll 0 0 #03B758}
#product .school .middle {background:url("bfw/product-information/premium-middle.png") repeat-y scroll 0 0 transparent;}
#eduLite .information-EDUlite .school .middle, #eduLite .information-EDUlite .light .middle{min-height:85px;}
#eduLite #product .basic .free  {background: url("gfx/itsfree.png") no-repeat scroll 0 0 transparent; width:57px;}
#eduLite table.product-info td.left {width:163px;}
#eduLite #product .teach .count{margin-left:20px;}
#eduLite #product .light .count{margin-left:12px;}
#eduLite #product .teach .title-prem {margin-top:22px;}
#eduLite #product .light .title-prem {margin-top:22px;}
body.edulite h1{left:0;padding-left:20px;}
body.edulite h2{left:0; margin:0 20px 20px 6px;}
body.edulite h2#top{margin-top:30px;margin-bottom:0px;}
body.edulite h3{left:0;color:#FF0066; margin:0 20px 20px 20px;}
body.edulite #content p{margin:5px 20px 10px 20px;font-size:13px;}
body.edulite #content p.first{margin-left:37px;}
body.edulite #content{padding-bottom:100px;}
body.edulite table{margin:15px;font-size:90%;border:1px solid #D3EBFE;border-collapse:collapse;}
body.edulite table tr th{padding:4px 10px;background:#D3EBFE;}
body.edulite table tr td{padding:4px 10px;background:#EEFBFF;color:#010101;border:1px solid #D3EBFE;border-width:1px 0 0 0;}
body.edulite #content ul{position:relative;right:0;clear:left;margin:0px 0 0 30px;font-size:16px;}
body.edulite #content ul li{list-style-image:url("gfx/list-point.gif");}
body.edulite #content ul li p{margin:5px 15px 10px 0;}
body.edulite #content p.dear {font-size:16px;}
#eduLite #product .school .middle{background:none;}
#eduLite #product .teach .middle {background:none;}
#eduLite table tr.paticka td {height:20px; }
#eduLite table tr.paticka .bottom {background: none repeat scroll 0 0; background-color:#C3EFDA!important;}
#eduLite table tr.paticka .bottom-grey {background: none repeat scroll 0 0; background-color:#F0F0F0!important;}
#eduLite .new {position:relative; }
#eduLite .yelow{    left: 82px;    position: absolute;    top: 2px;}
#eduLite table.product-info td span{height:25px;}
#eduLite .resp {   color: #888888;float: right;font-size: 10px;line-height: 12px;position:relative;right: 56px;width: 23px;}
#eduLite img.response {left: 11px;position: relative;}

}
@media screen {
  
#amba-join {left: 47px;position: absolute;top: 435px;}
#refound-popup {display:none; width:600px; height:500px; position:absolute; top:200px;left:100px; border:1px solid #c2c2c2; background:#fff;}
#rekurence-popup {display:none; width:600px; height:500px; position:absolute; top:200px;left:100px; border:1px solid #c2c2c2; background:#fff;}

}
@media screen {
  
#licenceinfo .paymant-credit, .paymant-credit {width:90%;margin-left:30px; margin-bottom:20px;}
#licenceinfo table.paymant-credit tr td, .paymant-credit tr td {padding:10px!important; border:0px; background:none;}
#licenceinfo table.paymant-credit tr td.select_card, .paymant-credit tr td.select_card { background:url("bfw/cards/back-card.png") no-repeat scroll 0 0 transparent;}
#licenceinfo .paymant-credit tr td input, .paymant-credit tr td input { margin: 0; vertical-align: super; margin-right:5px;}

}
@media screen {
  
.adress-foot{float:left;text-align:left;top:20px !important;}

}
@media screen {
  
.info-pay{width:596px; height:31px; padding: 10px 5px 5px; text-align:center; font-weight:bold; font-size:17px; color:#fff; background:#d31414; display:none; margin-top:20px; margin-bottom:20px;}
H2#privacy, H2#gdpr, H2#refund {color:#FF0066!important; font-weight:bold!important; font-size:160% !important;}
.refund-info, .stop-recurrence-info, .start-recurrence-info  {margin:10px; font-weight:bold; color:#FF0066; font-size:16px; display:block; width:566px; text-align:center;}
#refund #modify-captcha, #recurency #modify-captcha {margin-left:83px;}
#refund #captcha-refund, #recurency #captcha-stop-recurrence, #recurency #captcha-start-recurrence  {height: 16px;margin-left: 120px;width: 171px;}
#refund #submit {margin-left:115px;}
#recurency #submit {margin-left:47px;}

}
@media screen {
  
 .refund-text {margin:10px; font-weight:bold;font-size: 14px; line-height: 24px;text-align:center;}

}
@media screen {
  
ol.terms-refund {list-style-type: upper-alpha;}

}
@media screen {
  
#ouskochat{    color: white;    cursor: pointer; height: 162px;    right: 0;    margin-left: -7px;    overflow: hidden;    position: fixed;    text-indent: -100000px;    top: 203px;    width: 35px;    z-index: 100000;}
a#fdbk_tab{top:364px !important;}
#ouskochat img{display:block;}
a#ouskochat:hover{width:40px;}

}
@media screen {
  
#ambassadorOusko{ cursor: pointer; height: 162px; right: 0; margin-left: -7px; overflow: hidden; position: fixed; text-indent: -100000px; top: 42px; width: 35px; z-index: 100000;}
#ambassadorOusko img{display:block;}
a#ambassadorOusko:hover{width:40px;}
a#ambassadorOusko.open{width:40px;}

}
@media screen {
  /*product information*/
#bottom-text{ top:1400px;}
#info-product .paper {background: url("bfw/product-information/bg-paper.png") no-repeat 0 0; width:400px; height:272px; margin-bottom:30px; padding:30px 25px; position:relative; color:#fff;}
#info-product .paper .spendlik {top:-15px; left: 200px;}
#info-product .paper h2{padding-bottom:10px;}
#info-product .paper .prextsx {font-weight:bold; color:#666; }
#info-product .paper textarea.product-form {background: url("bfw/product-information/text-product.png") no-repeat 0 0; width:379px; height:92px; border:0px; padding:10px;position:relative; font-size:12px;font-family:Verdana, Arial;}
#info-product .paper p.butnorm strong {padding-bottom:0px; }
#info-product .paper #full-student-access-button {font-size:13px !important;}
#info-product .paper #full-student-access-button .kr { =margin-top:-5px;}
#info-product .paper input.product-form.error { border: 2px solid #FF0063;}
#info-product .paper input.product-form { border: 1px #cccccc solid; height: 36px; line-height: 36px; display: inline-block; background: #ffffff url('bfw/shop/input-bg.jpg') repeat-x scroll 0 0; width: 223px; padding: 0 10px; color:#818181; font-size:12px;font-family:Verdana, Arial;}
#info-product .paper input.product-form:focus {border-width: 2px; }
#info-product .paper p {display:block;font-size:12px;height:20px;line-height:50px;position:relative;margin-top:10px;}

}
@media screen {
  /*paper*/
#product-info {background: url("bfw/product-information/bg-what-is.png") no-repeat 0 0; margin-top:30px; width:960px; }
#product-info .paper {background: url("bfw/product-information/bg-paper.png") no-repeat 0 0; width:400px; height:272px; margin-bottom:30px; padding:30px 25px; position:relative; color:#fff;}
#product-info .paper .spendlik {top:-15px; left: 200px;}
#product-info .paper h2{padding-bottom:10px;}
#product-info .paper .prextsx {font-weight:bold; color:#666; }
#product-info .paper textarea.product-form {background: url("bfw/product-information/text-product.png") no-repeat 0 0; width:379px; height:92px; border:0px; padding:10px;position:relative; font-size:12px;font-family:Verdana, Arial;}
#product-info .paper p.butnorm strong {padding-bottom:0px; }
#product-info .feature {padding-right:30px;}
#product-info .paper #full-student-access-button {font-size:13px !important;}
#product-info .paper #full-student-access-button .kr { =margin-top:-5px;}
#product-info .paper input.product-form.error { border: 2px solid #FF0063;}
#product-info .paper input.product-form { border: 1px #cccccc solid; height: 36px; line-height: 36px; display: inline-block; background: #ffffff url('bfw/shop/input-bg.jpg') repeat-x scroll 0 0; width: 223px; padding: 0 10px; color:#818181; font-size:12px;font-family:Verdana, Arial;}
#product-info .paper input.product-form:focus {border-width: 2px; }
#product-info .paper p {display:block;font-size:12px;height:20px;line-height:50px;position:relative;margin-top:10px;}
.tree {margin-left:80px; border:0px;margin-top:30px;}
.hlaska .quote{display:none;position:absolute; left:40px; font-weight:normal;cursor:pointer; overflow:visible !important;  z-index: 1000;text-align:left; }

}
@media screen {
  /* titbox produktu velky*/
.titbox #product {margin:10px 20px 0 15px;}
#basic-popup, #light-popup{display:none;}
.titbox #close-butt {border: 2px solid #666;display: block;float: right;height: 15px;padding: 2px;position: relative;right: -14px;text-align: center;text-decoration: none;top: -11px;width: 15px;background: #c2c2c2; font-weight:bold;}
.titbox h2{margin:10px; }
.titbox p{margin-left:10px; }
.titbox #product {&width:94%;}
.titbox #product .count {margin-top:10px; display:inline-table;}
.titbox #product-button { margin-left: 34px; margin-top:20px;}
.titbox #product .info-cost {&line-height:27px;}
.titbox #product tr.first td.td5{ border-radius:8px 8px 8px 8px; height:340px; }
.titbox #product tr.first td.td7{ border-radius:8px 8px 8px 8px; }
.titbox #product tr.first td.td9{ border-radius:8px 8px 8px 8px; }

}
@media screen {
  /* titbox produktu maly*/
.titbox.light #product {width:422px; margin:10px 20px 0 54px; height:333px;}
.titbox.light #product-button {margin-left:16px;}
.titbox.light #product tr.first td.td6 {width:30px;}
.titbox.light #product .info-cost {margin-left:25px;&margin-left:22px;}
.titbox.light #product tr.first img.single {margin-top:13px; &margin-left:40px;}
.titbox.light #product tr.first .students {&margin-left:42px;}
.titbox.light #product span.text {&margin-left:46px;}
.titbox.light #product a.subscribe {&margin-left:35px;}
.titbox.light #product .info-cost {&line-height:27px;}
.titbox.light #product .name-product {&margin-left:25px;}
.titbox #product .new-product {left:16px;}

}
@media screen {
  
#futurefullportfolioion.titbox.light .inwrap{width:528px;background:#ddd;}
#futurefullportfolioion.titbox .inwrap{width:560px;background:#ddd;}
#klik-dash-t.sipka-popup{top:222px;}

}
@media screen {
  
#projects #graybox{height:88px;width:890px;}
#graybox.friends{width:928px; height:90px;}
#graybox.friends.portfolio {height:85px;}
#graybox.friends.teachers, #graybox.friends.yes{width:928px; height:150px;}
table#product .info-box{display:inline;  position:relative; left:11px; z-index:15;}
table#product .info {display:inline-block; background: transparent no-repeat 0 0; margin-left:6px;position:relative; cursor:pointer; width:16px; height:17px;top:4px; }
table#product .information{filter:alpha(opacity=0); opacity:0;width:318px; position:absolute; z-index:10; padding:20px;z-index:20;border:1px solid #8dc3f9; margin-left:10px; min-height:20px;left:-14px; cursor:pointer;color:#6085c4;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: #666 2px 2px 2px;-moz-box-shadow: #666 2px 2px 2px;box-shadow: #666 2px 2px 2px;background: #f0faff;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0faff), to(#d9f3ff));background: -moz-linear-gradient(#f0faff, #d9f3ff);background: linear-gradient(#f0faff, #d9f3ff);-pie-background: linear-gradient(#f0faff, #d9f3ff);}
table#product .information .nadpis {font-weight:bold; margin-bottom:10px; font-size:12px; font-family: Verdana;}
table#product .information p{font-weight:lighter; font-size:11px; font-family: Verdana; padding-bottom:5px;}
table#product td span.hlaska {position:relative; display:block;}
table#product td.pozn {text-align:left; width:13px;border-bottom: 1px solid #DEDEDE; vertical-align:bottom;}
.presentation, .project {position: relative; clear: both;}

}
@media screen {
  
#graybox { background: none repeat scroll 0 0 #fff;opacity: 0.7; filter: alpha(opacity = 70); position: absolute; top:1px; height: 242px; width:940px;left:0; z-index:50;}
#glog-alerts #graybox {height:220px; width:890px;}
#my-friends #graybox{height:640px;}
#projects {width:418px; }
#futurefullportfolioion{width:100%; height:100%;}
#underglog #graybox{ border-radius: 0 0 0 0;height: 100px;opacity: 0.8;  filter: alpha(opacity = 80);top: 112px;width: 342px;&top:-76px; &left:-295px; &width:300px; &height:112px;}
#underglog #teacher-menu #graybox { height: 423px; left: 1px; top: 0; width: 404px;  border-radius: 8px; }

}
@media screen {
  
span#infobox {display:none;   left: 218px;  top: -79px;   width: 199px;}
span#infobox.quote p{ padding-bottom:0px; padding-top:0px;}
span#infoboxStudent {display:none;   left: 206px;  top: -105px;   width: 199px;}
span#infoboxStudent span.sipka {top:32px;  z-index:1000;}
span#infoboxStudent.quote p{ padding-bottom:0px; padding-top:0px;}
p.changecode{ display:none;}
#form-change-code { display:none; }

}
@media screen {
  
span#infobox.quote .sipka {top:31px; z-index:1000;}
.basic-student .change-cod {cursor:pointer;}

}
@media screen {
  /*mezistranka po loginu*/
#downgrade {padding:20px;}
#downgrade p {margin-bottom:10px;}
#downgrade table#product {width:61%;margin-left:180px;}
#downgrade .titbox #product-button{margin-left:288px;}
#downgrade .titbox #product .new-product{left:201px;}
#downgrade table#product tr.first td.td6, #downgrade table#product tr.first td.td8 {width:30px;}
#downgrade h1{padding-left:0px;}
#downgrade .titbox #product .count{margin-top:0px;}
#downgrade #pay-by-credit {float:left;}

}
@media screen {
  
span.info-product em {margin:0px; padding:0px;display:inline; font-size:14px;}
.basic em {margin:0px; padding:0px;display:inline; font-size:14px;}

}
@media screen {
  /* register založky*/
.register-new {border:1px solid #e8e8e8; border-top:0px; margin:0px 20px 20px 20px; }
.register-new #new { width: 478px; height:824px;}
.register-new h2.google{font-size:16px; margin-top:20px;}
body.reg #feed-dash{ margin-top:50px; &margin-top:80px; }
body.reg #side {left:-10px;}
form#register p.emailTrial { height: 10px; line-height: 10px;}
form#register p.emailTrial span {font-size: 11px;margin-left: 155px;}

}
@media screen {
  /* inactiv student*/
#manage-students a strong, #manage-students button strong {padding-left:12px; padding-right:3px;}
#edu-my-friends #graybox {border-radius: 5px;height: 197px;left: -148px;position: absolute;top: -20px;width:286px;}
#edu-my-friends #graybox.one {height: 44px;left: 0px;position: absolute;top: 0px;width: 890px;}
#edu-my-friends #graybox.two { height: 338px;top: 171px;}
#edu-my-friends #graybox.two.default { height: 332px;top: 60px; width:895px; left:0px;}
#edu-my-friends #graybox.two.default.banners {height:255px;}
#edu-my-friends #graybox.two.default.portfolio {top:67px;height:210px;width:895px;}
#edu-my-friends #graybox.two.default.portfolio.single {top:109px;}
#edu-my-friends .bigcardsmall #graybox {border-radius: 5px 5px 5px 5px;height: 81px;left: 2px;position: absolute;top: 3px;width: 283px;}
.bigcard.inactive .access a {opacity:0.4;  filter: alpha(opacity = 40);}
.fofrnikconfirm { background: url("../images/loading.gif") left center no-repeat transparent;color: #FFFFFF;display: block;font-size: 26px;font-weight: bold;padding-left: 30px;width: 166px;margin: 150px auto 0 auto;}
#menu-for-banner {position:static;}

}
@media screen {
  
#header {top:0px; }
#menus-home {height:41px;}

}
@media screen {
  
.paymant-credit em.err {top:484px; background-image:none; background-color:#d31414; left:110px;}
.paymant-credit em.err span { background-image:none; background-color:#d31414; position:absolute; border-radius: 8px;  padding:3px 10px; }

}
@media screen {
  
#extendsStudents {display:none;}
#extends-student p {margin-left:20px; margin-bottom:10px;}
#extends-student label { margin-left: 47px;}
#extends-student input { width: 150px; height:20px;}
#extends-student #status { color:#d31414; font-size:16px; font-weight:bold; text-align:center; margin-bottom:20px;}
#extends-student #send-extendStudents {margin-left:243px; margin-top:5px;}

}
@media screen {
  
#subscriber-text .paperform650 {background:none; margin-left:0px;margin-bottom:0px;width:870px;}
#subscriber-text .paperform650 .paperformin .buton-bottom{font-size:16px; font-weight:bold;color:#676767; margin-left:160px; display:none;}
#subscriber-text #licenceinfo table tr td {padding:7px 8px;}
#subscriber-text #licenceinfo table tr td.country, #subscriber-text #licenceinfo table tr td.usstate {padding:20px 15px;color:	#6D6D6D;}
#subscriber-text .paperform650 .paperformin{padding:0px;}
#subscriber-text #formschool,#subscriber-text #formsmmulti{padding:0; margin:0;}
#subscriber-text h2 { margin-left: 15px; margin-top: 15px; padding-bottom:0px;}
#card-text #paycard { margin-left: 135px; margin-right: 135px; }
#card-text .top_info {  background-color: #EBEBEB;padding:15px;position: relative; left:105px;width: 636px;}
#card-text .top_info p.red {color:#FF0066; font-size:14px;}
#card-text .paymant-credit em.err {left:284px; top:445px;}
#card-text .reload {left: 3px;top: 46px;width: 914px; height:933px;}
.css-panes #card-text .roh10 {border-radius: 0 0 10px 10px;}
.css-panes #card-text .info-pay.roh10 {border-radius:10px;}
#card-text .info-pay {margin:0px;margin-left:131px;}
#card-text .fofrnik {top:430px; left:344px;}

}
@media screen {
  
.bigform input.none {background:#fff; border:0px;}
td.country-sel, td.usstate-sel {display:none;}
#subscriber-text .paperformin em.err {position:relative; left:0px; top:-15px; display:inline-block;}
#changeIt {left: 260px; position: absolute; top: 8px;}
a#changeIt:hover{text-decoration:none;}
.default-msg .close{float: left; left: 0px; width: 16px; height: 16px; display:inline;  background: url("gfx/buttons/close.gif") no-repeat scroll 0 0 transparent;}
#notices.licence {left:369px; }

}
@media screen {
  /*optimization on dashboard*/
#dash-tabs { width:980px; margin: 10px auto 0;}
#dash-tabs table { width:100%; margin-bottom:-8px; position:relative; z-index:1; overflow:hidden;}
#dash-tabs table td{ background: url("gfx/dashboard/horizontal.jpg") no-repeat 0 30px transparent; height:54px;}
#dash-tabs table td a { display:block; margin-bottom:-1px; color:#333; font-family:arial; font-size:18px; text-decoration:none; padding:15px 10px 15px 10px; margin-left: 1px; position:relative; text-align:center;}
#dash-tabs table td a:hover { color:#999; }
#dash-tabs table td span.counts { color: #fff;display: block;font-size: 10px;font-weight: bold;padding: 1px 3px;position: absolute;right: 2px;top: 5px; background:#d2d2d2;  min-width: 12px;}
#dash-tabs table td.selected, #dash-tabs table td.nextSel{ background: url("gfx/dashboard/horizontal.jpg") no-repeat 0 0 transparent;}
#dash-tabs table td.selected a {background:#fff; }
#dash-tabs table td a .lineTop {display:none;}
#dash-tabs table td.selected a .lineTop { background: url("gfx/dashboard/vertical.jpg") repeat 0 0 transparent;  display: block;height: 2px;left: 0;position: absolute;top: 0;width: 111%;}

}
@media screen {
  
#tab-text {margin: -2px 10px 20px 10px; padding-bottom:20px;padding-top:20px;position:relative; margin:0 auto; width:980px; text-align:left; min-height:400px;}
#tab-text ul.navig {height:20px;}
#tab-text ul.navig li{float:left; list-style-type:none; padding-right: 5px;}
#tab-text ul.navig li a:hover {text-decoration:none;}
#dash-tabs ul li.last.count {color: #FF0066!important;}
#tab-text h1#top {overflow:visible; padding-top:0px;}
#tab-text.prn-all .item {width:986px; }
#tab-text #edu-my-friends,#tab-text #edu-all-class,#tab-text #projects-detail,#tab-text #glogs-alert {width:890px;}
#tab-text #sorting {width:928px;}
#tab-text #edu-my-friends .fix-pos-2 {margin:5px 10px 0;}
#tab-text #glog-alerts {float: left;padding: 0;position: relative; right:0; width: 980px; margin-top:20px!important; margin-left:20px;}
#content #tab-text #flasher {margin-left:20px;}
#tab-text .glogs {margin-left:30px; position:relative;}
#tab-text .glogs  #graybox{height:200px;}
#tab-text .myglog .comments {width:407px;}
#tab-text p#favourite-glogs {width:928px;left:0px; }
#tab-text .dashboard-class{width:430px; border:1px solid #e0e0e0;}
#tab-text #edu-all-class .prestok {width:890px; left:0px;}
#tab-text .dashboard-class-small {margin-left:0px;}
#tab-text .bigcardsmall {margin:4px;}
.peojects-all #tab-text #projects .inner .one-project-small {width:273px; border:1px solid #e0e0e0;height:188px;}
.peojects-all #tab-text #projects .inner .one-project-small table {width:168px;}
#tab-text .noglogs {left:13px;}
#tab-text .bottom-links {margin-left:30px; margin-right:12px;}
.peojects-all #graybox{height:326px; width:980px;}
.prn-all #tab-text .item {width:894px; border:1px solid #e0e0e0;}
.prn-all #tab-text .item .info {width:690px;}
.prn-all #tab-text .item .autosave-thumbnail {  left: 41px;top: 92px;}

}
@media screen {
  
.download_pdf {display:block;padding:10px; background:#f3f3f3; height:62px; width:270px; margin-top:30px;border:1px solid #e1e1e1;}
.download_pdf img {margin-right:20px; float:left;}
.download_pdf a {color:#006699;display: block; margin-top: 10px; margin-right:30px;}
.download_pdf a:hover {text-decoration:none;}
.loader {background: url("gfx/district/loader.gif") no-repeat scroll 230px 21px #FFFFFF;color:#000;display: none;font-size: 16px;height: 30px;filter:alpha(opacity=80);opacity: 0.8;padding-bottom: 18px;padding-top:0px;position: absolute;text-align: center;width: 621px;z-index: 10;}
.promo-code .napover {display:-moz-inline-box !important; width:133%;}
.promo-code .napover .info {position:relative; display:inline-table; top:0px; left:0px;}
.promo-code .napover .info > span {top:-25px; left:92px;}

}
@media screen {
  
#submit_code {width:150px;position:absolute; font-size:15px!important; line-height: 32px !important; font-weight:normal!important; margin-top:11px;}
.navigace {background: url("gfx/district/navigace.png") no-repeat scroll 0 0 transparent; display:none; position:absolute; width:115px; height:109px; padding:10px; padding-left:20px; left:0px; margin-left: 161px;margin-top: -55px;z-index:10;color:#fff;}
.navigace ul {line-height:21px; padding-left:0px; margin-left:10px; margin-top:2px;}
.navigace ul li {list-style-type:none;}
.navigace ul a {color:#fff;}
.navigace ul a:hover {text-decoration:none;}

}
@media screen {
  
body.layout980 { background: transparent; }
body.glog #content { background: transparent; text-align:center; }
body.glog .wrapglog { width: 960px; display: block; margin: 0 auto; }

}
@media screen {
  
#user-details ul li.creat {width:180px;}

}
@media screen {
  /* scholadmin dashboard in district license */
#district-admin-box {display:none;}
.district-show {cursor:pointer; }
#district-admin-form label {font-size:12px; font-family:arial;font-weight: bold; color:	#304D2F; }
#district-admin-code {margin-bottom:0px;}
#district-admin-message {font-size:13px; font-family:arial;font-weight: bold; color:	#304D2F; margin-top:-20px;}

}
@media screen {
  
.special { background:url("bfw/product-information/special-price.png") no-repeat scroll 0 0 transparent;  color: #FFFFFF;display: block;font-weight: bold;height: 25px;margin-left: 24px;margin-top: 20px;padding: 5px;width: 144px;  position: absolute; left:0px;}
#sleva {font-size:12px; float:left; font-weight:normal; color: #00CC66; font-family:arial;}
#schoolbot #sleva { display: block; line-height: 10px;text-align: center;width: 279px;}

}
@media screen {
  
.log-in-bel .federated-login{ margin-top:40px; &margin-top:70px;}
.log-in-bel h1 {padding-top:10px!important;}
.register-new .user-info {margin-left:20px;}
.ActivateTrial {  font-size: 17px;font-weight: bold;margin-top: 70px!important; text-align: center;width: 100%;line-height:28px;}
.ActivateTrial img {  margin-right: 10px;vertical-align: middle;}

}
@media screen {
  
.setup {font-weight:bold; padding:5px 5px 0px 20px; margin: 10px 0 0px 0; display:block; }
p.googleText {font-size:12px; margin-left:20px; margin-bottom:20px;}
.boxText {padding:15px; margin:20px; background:#97f965; }
.boxText ul {padding-left:0px; line-height:25px;}
.teacher-container {float:left; width:245px; position:relative; margin:20px 70px 20px 20px; text-align:left;}
.teacher-container.last {margin-right:0px;}
.teacher-container textarea {width:240px; height:136px; margin: 5px 0 5px 0;  border: 1px solid #CCCCCC;  padding: 10px; text-align:left;}
.teacher-container input{margin: 5px 0 5px 0;  background: url("bfw/shop/input-bg.jpg") repeat-x scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; height:20px;  padding: 10px; width:237px;}
.teacher-container .type.teacher {position:absolute; color:#818181 !important; font-style:italic; top:35px; left:15px;text-align:left;}
.teacher-container .type.teacher.error {color: #D31414!important;}
.teacher-container .type.student {display:block; margin-top:-154px;  color:#818181 !important; font-style:italic; margin-left:15px; height:160px; text-align:left;}
.teacher-container .teacherDefault {display:block; width:240px; overflow:hidden; padding: 17px 0;}
.teacher-container .studentDefault {display:block; width:240px; overflow:hidden; padding: 5px 0;}
.teacher-container input.teacher.error {border:2px solid #D31414; }
hr.line {border: 1px solid #CCCCCC; width:960px; position:static; margin:10px;}
#save-id-containers {float:right; margin-right:20px;}
#teachers {text-align:center;}
#teachers .save { text-align:center; background:#27a40e; padding:5px 10px 5px 10px; font-weight:bold; color:#fff; text-align:center;}
#teachers .errors {background:#D31414;padding:5px 10px 5px 10px; font-weight:bold; color:#fff; text-align:center; text-align:center; display:none;}
#teachers .errors.bottom {margin-right: 40px; float:right; }
#teachers .save.bottom {margin-right: 40px; float:right; }

}
@media screen {
  
.student-add-form-in #importTool {float:right;}
.student-add-form-in strong.text {font-size:16px; font-weight:bold; }
.student-add-form-in .cast1 strong.text {display:inline-table; padding-top:20px; float:left;}
.student-add-form-in .cast2, .student-add-form-in .cast3 {padding-top:20px!important;}
.student-add-form-in .pinktext {color:#F06; }
.student-add-form-in .box {background:#eee; color:#000; padding:5px 5px 5px 10px; border: 1px solid #CCCCCC; position:relative; margin-bottom:10px!important; width:563px;  clear: left;}
.student-add-form-in .box #addStudent {float:left;}
.student-add-form-in .unused {float:right; text-align:center; background:#27a40e; padding:5px 10px 5px 10px; font-weight:bold; color:#fff; position:absolute; top:15px; right:50px;}
.student-add-form-in h3 {  display: inline;font-size: 23px;margin-left: 6px;width: 383px;}
.student-add-form-in .underhead {  display: inline-table; font-size: 14px;margin-left: 6px; margin-bottom:15px; }
.student-add-form-in .type { position:absolute; color:#999; right: 218px;  top: 65px;}
.student-add-form-in #addbutthix {margin-left:0px; margin-top: -7px; margin-right:20px;}
.student-add-form-in .center { display: block;margin-left: 20px;margin-top: 20px;}
.student-add-form-in .center p { color:#000;}
.student-add-form-in .cast3 .noAdd {margin-left:20px; color:#000;}
.student-add-form-in .cast3 .noAdd #registerLink {padding: 2px 5px;width: 333px; margin-left: 100px;}
.student-add-form-in #actual { padding-left:5px; }
.student-add-form-in #actual.error { border:2px solid #D31414; }
.student-add-form-in .errorText {color:#D31414; font-weight:bold;}

}
@media screen {
  
.edit-top-menu .googlelogin {float:right; margin:8px 30px 0px 0px;}
.edit-top-menu .googlelogin .btn-auth a {color:#fff!important; }
.edit-top-menu .googlelogin li a:link, .edit-top-menu .googlelogin li a:visited {color:#fff!important; }
.edit-top-menu .googlelogin .pair { color:#006699; font-size:14px; display:block; padding: 5px 0;}

}
@media screen {
  /* videopage */
#videopage .newfeature { float:right;   margin: 43px 30px 20px;}
#videopage h1 {width:500px; float:left;}
#videopage .newfeature .left {display:block; float:left; padding:10px; border-right:1px solid #ccc;  text-align: right;}
#videopage .newfeature .left h2 { font-weight:bold; font-size:20px; font-family:Arial; color:#469911; left:0px;}
#videopage .newfeature img {margin:5px; margin-left:10px;}
#videopage .categories {height:200px;}
#videopage .categories .menu {right:0px; margin-left:10px;}
#videopage .categories .menu li {list-style-type:none; float:left; width:172px; margin: 0px 10px; }
#videopage .categories .menu li a {display:block; width:152px; height:122px;background: url("bfw/videoPage/grey-category.png") no-repeat scroll 0 0 #FFFFFF; padding:10px; text-decoration:none; color:#666; font-weight:bold; font-size:13px; text-align:center; position:relative;}
#videopage .categories .menu li a.active, #videopage .categories .menu li a:hover {background: url("bfw/videoPage/green-category.png") no-repeat scroll 0 0 #FFFFFF;}
#videopage .categories .menu li a .CountVideo { border: 0 none;bottom: 33px;display: block;font-size: 12px;position: absolute;text-align: center;width: 154px;}
#videopage .video {display:block; width:420px; float:left; margin-right:80px; margin-left: 20px; margin-top:50px; position:relative;}
#videopage .video .previev { cursor:pointer; }
#videopage .video.right{margin-right:10px;}
#videopage .video .iframe {display:none; background:#000; width:420px; height:236px;}
#videopage .video img {cursor:pointer;}
#videopage .video .name {color:#333; font-size:14px; display:block; margin-bottom:10px; }
#videopage .bottom {background: url("bfw/videoPage/bg.jpg") repeat-x scroll 0 0 #FFFFFF; height:20px; padding:10px; margin:20px;}
#videopage .bottom a{color:#006699; }
#videopage .bottom .next {font-weight:bold; float:right;}
#videopage .bottom .next a {font-weight:normal;}
#videopage .playicon {display:block; width:58px; height:41px; background: url("bfw/videoPage/play.png") no-repeat scroll 0 0; position:absolute; top:125px; left:175px;}

}
@media screen {
  /*google product schop*/
#dont-want-google {width:232px; padding:15px 5px;margin-top:20px; font-family:arial; font-size:13px; background:#eee;text-align:center;}
#dont-want-google #dont-want {margin-top:10px; display:inline-block; color:#000;}
#dont-want-google a:hover {text-decoration:none;}

}
@media screen {
  /* new HP */
.line-top #menus li.loginhp a {font-family: arial; font-size:12px; color:#333; text-decoration:underline;float:right; line-height:32px;}
.line-top #menus li.loginhp a:hover {text-decoration:none;font-weight:normal; }
.line-top #menus li.loginhp a.login {background: url("bfw/home/login-button.png") no-repeat scroll 0 0 transparent; display:block; width:56px!important; height:31px!important;}
.line-top #menus li.loginhp a.login:hover {background-position: 0 -31px; }
.line-top #menus li.loginhp {float:right; margin-top:20px;}
.line-top #menus li.loginhp .federated-login ul{margin-top:0px; }

}
@media screen {
  /* menu homepage */
#menus-home-edu a { display: block; width: 0px!important; height: 59px!important;}
#menus-home-edu { width: 244px; height: 59px;}

}
@media screen {
  
.newglog {background:#ed9929; display:block; float:left; padding:8px; font-size:11px; margin-right:10px; margin-top:19px; font-weight:bold;}
.newglog a { color:#fcf42e; }

}
@media screen {
  
#boxroll {background: url("bfw/boxroll.jpg") repeat scroll 0 0; margin:0 auto; width:980px; padding:2px; margin-top:21px; display:none;}
#boxroll .inside { background:#f9f9f9; position:relative; min-height:50px;  margin-top: 1px; display:block;}
#boxroll .inside .sipka {background: url("gfx/dashboard/sipka.jpg") no-repeat scroll 0 0; width:40px; height:21px; display:block; position:absolute; top:-21px; left:577px; }
#boxroll .inside.info .sipka { left:845px; }
#boxroll .inside .clasic { float:right; background:#e7e7e7; width:150px; padding:5px;height:265px; padding-top:25px; position:relative; z-index:1;}
#boxroll .inside .clasic .thumb{ background:#fff;height: 147px;width: 109px; display:block;}
#boxroll .inside .isglog img{ background:#fff; max-height:155px; max-width:130px;}
.glog-embed-wrapper .closeembed, #boxroll .inside .closeBoxroll { background: url("gfx/dashboard/close.png") no-repeat scroll 0 0; width:12px; height:12px; display:block; font-size:16px; position:absolute; top:5px; right:5px; color:#333; cursor:pointer; z-index:10;}
#boxroll .inside .clasic .name {color:#333; font-size:18px; font-weight:bold;  margin-bottom: 15px; display:block;}
#boxroll .inside .clasic a { color:#1F5284; font-size:12px; text-decoration:underline; padding:3px; width:109px; display:block;  margin-left:18px;}
#boxroll .inside .clasic a.nameGlog { margin-top:8px;}
#boxroll .inside .clasic a:hover { text-decoration:none;}
#boxroll .inside .clasic a.thumbGlog {background:url("bfw/boxroll.jpg") repeat scroll 0 0 transparent;  display: block;height: 148px;padding: 1px;width: 109px; margin-left:18px;}

}
@media screen {
  
.loaderBox { vertical-align:middle; font-weight:bold; background:url("../images/loading.gif") no-repeat scroll 409px 9px transparent;display:block; height: 32px;padding: 15px 0 0 40px;vertical-align: middle; }
.next-gen { background:#28C7FF; color:#fff; font-size:16px; font-family:arial; font-weight:bold; padding: 2px; width: 261px; display:block; margin:20px 30px 0 0px;}
.myglog .info p.basic-info .next-gen { margin:0px; margin-top:10px; width:72px;}
#boxroll .info-kode {padding:10px;}

}
@media screen {
  /* create glog popup */
#popupCreate { display:none; }
#boxroll2 {background: url("bfw/boxroll.jpg") repeat scroll 0 0; margin:0 auto; width:980px; padding:2px; margin-top:21px; display:block;}
#boxroll2 .inside { background:#f9f9f9; position:relative; min-height:50px;  margin-top: 1px; display:block;}
#boxroll2 .inside .sipka {background: url("gfx/dashboard/sipka.jpg") no-repeat scroll 0 0; width:40px; height:21px; display:block; position:absolute; top:-21px; left:577px; }
#boxroll2 .inside.info .sipka { left:845px; }
#boxroll2 .inside .clasic { float:right; background:#e7e7e7; width:150px; padding:5px;height:255px; padding-top:35px; position:relative; z-index:1; text-align: center;}
#boxroll2 .inside .clasic .thumb{ background:#fff;height: 147px;width: 109px; display:block;}
#boxroll2 .inside .isglog img{ background:#fff; max-height:145px; max-width:130px; display:inline;}
#boxroll2 .inside ul { right:0px;}
#boxroll2 .inside .closeBoxroll { background: url("gfx/dashboard/close.png") no-repeat scroll 0 0; width:12px; height:12px; display:block; font-size:16px; position:absolute; top:5px; right:5px; color:#333; cursor:pointer; z-index:0;}
#boxroll2 .inside .clasic .name {color:#333; font-size:18px; font-weight:bold;  margin-bottom: 15px; display:block;}
#boxroll2 .inside .clasic a { color:#1F5284; font-size:12px; text-decoration:underline; padding:3px; width:109px; display:block;  margin-left:18px;}
#boxroll2 .inside .clasic a.nameGlog { margin-top:8px;}
#boxroll2 .inside .clasic a:hover { text-decoration:none;}
#boxroll2 .inside .clasic a.thumbGlog {background:url("bfw/boxroll.jpg") repeat scroll 0 0 transparent;  display: block;height: 148px;padding: 1px;width: 109px; margin-left:18px;}
#boxroll2 .next-gen { width:245px;}
#boxroll2 .loaderBox{font-size: 16px; font-weight: normal; height: 24px; padding-bottom: 0; padding-left: 40px; padding-right: 0; padding-top: 15px !important; text-align: center; vertical-align: middle;}

}
@media screen {
  /* template glog*/
.createGlog {display:block;}
#postnewglogselect { padding: 0 15px;position: relative;width: 950px;overflow: hidden;overflow-x: hidden;overflow-y: hidden;}
#postnewglogselect ul { margin:0px; margin-top:7px;}
#postnewglogselect .pager.left {left: 20px;bottom: 107px;}
#postnewglogselect .pager {display: inline-block;position: absolute;}
#postnewglogselect .list { float:left; text-align: center;}
.mediumglogicon ul li a{color:#1F5284; font-size:12px; text-decoration:underline; display:inline-block; width:130px;}
.mediumglogicon ul li a.isglog{ display: block;height: 160px;padding: 1px;height:155px;  display:table-cell; vertical-align:bottom; text-align:center;}
.mediumglogicon ul li {color:#1F5284;font-size:12px;font-family:arial;}
.mediumglogicon ul li .iglog { width:193px; vertical-align: middle;}
#postnewglog {float:left;}
a.moretemplates { float:right; display:block; width:210px; height:39px; background:url("gfx/dashboard/more-template.png") repeat scroll 0 0 transparent; position:absolute; right: 36px;top: 10px;}
a.moretemplates:hover {  background:url("gfx/dashboard/more-template-hover.png") repeat scroll 0 0 transparent;}
.mediumglogicon ul li {list-style: none;list-style: none;}
.mediumglogicon ul li.name {margin-top:10px; min-height: 40px;}
.info_teacher_code {display:none;}
#main-text p, #main-text div { padding: 15px;}
#main-text a { color: #000000; text-decoration:underline; }
#main-text a:hover { color: #000000; text-decoration:none; }
#main-text em.text-success {  display: block;font-size: 16px;font-weight: bold;padding: 10px; }
#main-text a.btn {color: #ffffff; text-decoration:none;}
#main-text a.seeFree { display:block; margin-top:10px;}
#postnewglog {float:left;}
#main-text #invitation_licence {margin-top:10px;}
#main-text em {font-size:12px; font-weight:normal;}
.mediumglogicon ul li {list-style: none;list-style: none;}
.mediumglogicon ul li.name {margin-top:10px;}
#promschool {text-align:left; padding:20px; font-size:12px; color:#333;}
#promschool strong { font-size:14px;}
#promschool #seeallless, #promschool #seealltransfer {font-size:75%; font-family:arial;}
#promschool #seealltransfer img {display: block; margin-left: 26px;}
#promschool #seeallless img { display: block;margin-left: 27px; -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

}
@media screen {
  /* glogpedia  */
.glogpedia-library #content { width: 100%; }
.glogpedia-library .headline { background-color: #F1F1F1; }
.glogpedia-library .headline h1 { padding: 35px 0 16px 0; font-size: 36px; display: inline-block; float: left; color: #333333; font-weight: lighter; }
.glogpedia-library .headline .submittemp { float: right; margin: 34px 250px 0 0; }
.glogpedia-library .headline .submittemp a { display: block; width: 190px; height: 39px; background: transparent url('bfw/glogpedia/submit-template.png') scroll 0 0 no-repeat; }
.glogpedia-library .headline .submittemp a:hover { background-position: 0 -40px; }
.glogpedia-library .headline .submittemp span { display: none; }
.glogpedia-library .headline form { float: right;  }
.glogpedia-library .centerdata { display: block; width: 980px; margin: 0 auto; }
.glogpedia-library .formssub { background-color: #F7F7F7; position: relative; }
.glogpedia-library .formssub .centerdata { padding: 10px 0 0 0; }
.glogpedia-library .formssub form { display: block; position: relative; width: 100%; }
.glogpedia-library .formssub #p_subject,
.glogpedia-library .formssub #p_topic { display: inline-block; float: left; margin:  0 20px 0 0; }
.glogpedia-library .formssub #p_topic.deactive { filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
.glogpedia-library .formssub #p_subject { margin:  0 20px 0 65px; }
.glogpedia-library .formssub #subject,
.glogpedia-library .formssub #topic { height: 35px; }
.glogpedia-library .formssub .sort-by { display: inline-block; position: absolute;top: 120px; left: 0; z-index: 50; font-size: 12px; }
.glogpedia-library .formssub .temlateinput { position: absolute; top: -71px; right: 0; font-size: 13px; }
.glogpedia-library .formssub .temlateinput img { cursor: pointer; }
.glogpedia-library #content .setline {  z-index: 30; height: 102px; }
.glogpedia-library #content .setline h2 { font-size: 26px; padding: 20px 0 30px 0; color: #333333; left: 0; font-weight: lighter; display: inline-block;  }
.glogpedia-library #content .data { position: relative; }
.glogpedia-library #content .data .icon { background: #ffffff url('bfw/glogpedia/sipka.png') scroll 50% 0 no-repeat; display: block; width: 42px; height: 23px; position: absolute;top: -2px; left: 50%; }
.glogpedia-library #content .buttonsend button { display: block; float: left; width: 150px; height: 39px; background: transparent url('bfw/glogpedia/show-glogs-silver.png') scroll 0 0 no-repeat; position: relative; top: -3px; }
.glogpedia-library #content .buttonsend button span { display: none; }
.glogpedia-library #content #notices { position: absolute; top: -10000px; }
.glogpedia-library .input-glogpedia { position: absolute; top: -45px; right: 0;  }
.glogpedia-library .pagerprew { display: block; width: 482px; margin: 0 auto 20px auto; clear: both; }
.glogpedia-library .pagerprew a { color: #287FAC; text-decoration: underline; font-size: 20px; text-decoration: none; }
.glogpedia-library .pagerprew a:hover { text-decoration: underline; }
.glogpedia-library .pagerprew .prev { float: left; }
.glogpedia-library .pagerprew .next { float: right; }

}
@media screen {
  /* seznam glogu */
.biglistglog { width: 980px; overflow: hidden; margin: 0 auto;  }
.biglistglog .in { width: 1000px; }
.biglistglog .item { width: 234px; float: left; overflow: hidden;  margin: 0 14px 25px 0; position: relative; }
.biglistglog .item .top { display: block; line-height: 21px; }
.biglistglog .item .top .dis { display: block; color: #F05854; font-size: 15px; font-weight: normal; white-space: nowrap; }
.biglistglog .item .top .dis a { color: #F05854; text-decoration: none; }
.biglistglog .item .top .dis a:hover { text-decoration: underline; }
.biglistglog .item .top .sub { display: block; color: #333333; font-size: 15px; font-weight: normal; white-space: nowrap; }
.biglistglog .item .top .sub a { color: #333333; text-decoration: none; }
.biglistglog .item .top .sub a:hover { text-decoration: underline; }
.biglistglog .item .top .grd { display: block; color: #333333; font-size: 16px; white-space: nowrap; }
.biglistglog .item .image { padding: 5px 0 0 0; position: relative; display: block; width: 234px; height: 250px; }
.biglistglog .item .image a.main { display: table-cell; height: 250px;position: static;vertical-align: bottom;}
.biglistglog .item .image a.main img { display: block; max-height: 250px;max-width: 234px;}
.biglistglog .item .image a.main .autosave-thumbnail  { display:none;}
.biglistglog .item .reg { visibility:hidden; margin-left: 4px; font-size: 11px; }
.biglistglog .item.template .reg { visibility: visible; }
.biglistglog .item .bot { display: block; float: left; }
.biglistglog .item .bot .name { float: left; height: 24px; line-height: 24px; display: block; white-space: nowrap; font-size: 14px; font-weight: bold; color: #333333; }
.biglistglog .item .bot .name .gen {  float: left; display: inline-block; background-color: #28C7FF; color: #ffffff; font-weight: bold; height: 24px; line-height: 24px; padding: 0 2px; font-family: arial, sans-serif; margin: 0 5px 0 0; }
.biglistglog .item .bot .by { float: left; clear: both; font-size: 12px; color: #333333; white-space: nowrap; }
.biglistglog .item .bot .by a { color: #287FAC; text-decoration: underline;  white-space: nowrap; }
.biglistglog .item .bot .by a:hover { text-decoration: none; }
.biglistglog .item .adminbox { height: 85px; }
.biglistglog .item .image a .hover-mask { border-radius: 3px 3px 0 0;bottom: 0;box-shadow: none;left: 0;position: absolute;right: 0;top: 0;z-index: 100;}
.biglistglog .item .image a .hover-mask:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); }
.biglistglog .item .sendButtonWrapper { display:none; position: absolute; bottom: 65px; z-index: 101; }
.biglistglog .item:hover .sendButtonWrapper { display:block; }

.twbootstrap.reglog-button .icon-reglog {  background: url("gfx/edu/ico-make-copy-small-butt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;float: left;height: 17px;width: 14px;   margin-right: 3px; margin-top: 2px; }
.twbootstrap.reglog-button .reg .icon-reglog { margin-top: 2px;}

}
@media screen {
  /* end seznam glogu */
#promschool #seeallless img { display: block;margin-left: 27px; -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

}
@media screen {
  /* my glogs */
.embed .glog-embed-widget { background:url("gfx/my-glogs/embed-glog.png") no-repeat scroll 0 0 transparent; display:block; width:135px; height:36px; }
.glog-embed-content {background: url("bfw/boxroll.jpg") repeat scroll 0 0; margin:0 auto; width:480px; padding:2px; margin-top:21px; display:none; margin-bottom:20px;}
.glog-embed-content .glog-embed-wrapper { background:#f9f9f9; padding:20px; position:relative; color:#666;}
.glog-embed-content .glog-embed-wrapper .sipka {background: url("gfx/dashboard/sipka.jpg") no-repeat scroll 0 0; width:40px; height:21px; display:block; position:absolute; top:-21px; left:49px; }
.glog-embed-content .glog-embed-wrapper .name {font-size:16px; }
.glog-embed-content .glog-embed-wrapper ul {margin: 20px 0 0 10px; }
.glog-embed-content .glog-embed-wrapper ul li {list-style-type:none; height:35px;}
.glog-embed-content .glog-embed-wrapper ul li.custom .width,  .glog-embed-content .glog-embed-wrapper ul li.custom .height{width:41px; height:21px; border:1px solid #ccc; background:#fff; color:#ccc; text-align:center; font-size:12px;}
.glog-embed-content .glog-embed-wrapper ul li .iframe,  .glog-embed-content .glog-embed-wrapper ul li.custom .customiframe{ width:147px; height:21px; font-size:12px; color:#666; border:1px solid #ccc; float:right;}
.glog-embed-content .glog-embed-wrapper ul li.custom .customiframe{color:#ccc;}
.glog-embed-content .glog-embed-wrapper .copy-button { background: url("gfx/dashboard/copy-clip.png") no-repeat scroll 0 0; float:right;  width:54px; height:24px; display:block;margin-left: 10px; margin-top: 0px; font-size: 12px; padding-bottom:3px; border: 1px solid #ADADAD;}
.glog-embed-content .glog-embed-wrapper .copy-ready {background: none repeat scroll 0 0 #00CC00;color: #FFFFFF;display: none;float: right;font-size: 12px;font-weight: bold;margin-right: 107px;padding: 5px;text-align: center;width: 57px;}
.glog-embed-content .glog-embed-wrapper label { display: inline-block; padding-top: 3px; float:left;}
.glog-embed-content .glog-embed-wrapper .labelCustom {float:left;}

}
@media screen {
  /* view */
#sidebar .glog-embed-content {margin:0px; width:534px; padding:2px; display:none; }
#sidebar .glog-embed-content .glog-embed-wrapper {padding:40px; height:276px;}
#glog-top .next-gen {float:left; width: 72px; margin: 6px 0 0 0; padding: 2px;}
#glog-top .quest {margin-top:10px;position: relative;top: -6px; cursor:pointer;}
#glog-top .reglog-button {margin-top:3px; width:163px;}
#glog-top .subject, #glog-top .grade, #glog-top .core-subject {position: relative; line-height: 20px; display:inline-block; text-align:left;font-size:12px; overflow:hidden; height:43px;}
#glog-top .subject a, #glog-top .grade a, #glog-top .core-subject a {color:#205384!important; font-family:arial; font-size:12px; text-decoration:underline;}
#glog-top .core-subject {width:200px; margin-left:20px;}
#glog-top .subject {width:200px;}
#glog-top .grade {width:76px;}

#glog-top .zoom{width:30px; height:30px; float:right; cursor: pointer; margin-top:0px; background-color:#FFFFFF; padding:5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; border:1px solid #AAAAAA; }
#glog-top .zoom:hover{ background-color:#EBEBEB}

#glog-top .print-glog-img{width:30px; height:30px; float:right; cursor: pointer; margin:0px 10px 0 0; background-color:#FFFFFF; padding:5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; border:1px solid #AAAAAA; }
#glog-top .print-glog-img:hover{ background-color:#EBEBEB}

}
@media screen {
  /* product */
body.product {background:#fff;}
body.product .main{ background: url("bfw/home/bg-main.jpg") repeat scroll 0 0 #FFFFFF; }
body.product #product_main.main { background: #eeeeee; }
body.product .insideprod { margin:0 auto; width:980px; position:relative; }
body.product .multi {display:none;}
body.product h1 {font-size:36px; font-family:arial; color:#333; padding: 70px 0 15px 0; font-weight:normal;}
body.product .members { background: url("bfw/product-page-new/members2.jpg") no-repeat scroll 0 0 transparent; width:193px; height:195px; display:block; position:absolute; z-index:100; top:0px; left:0px;}
body.product .multi .members { background: url("bfw/product-page-new/mebermulti.png") no-repeat scroll 0 0 transparent;width:241px; height:242px; }
body.product .sipka {background: url("bfw/home/sipky.jpg") no-repeat scroll 0 0 transparent;display: block;height: 20px;position: relative;top: -2px;width: 40px;z-index: 100; left:47%; }
body.product .sipka.grey {background: url("bfw/product-page-new/sipka-box-licence.jpg") no-repeat scroll 0 0 transparent;height: 24px;margin-left: 216px; top: -22px;width: 42px; position: absolute;}
body.product .multi .sipka.grey {margin-left:28px;}
body.product .box {text-align:left; color:#333; font-family:arial; }
body.product .box img.singletext {float:left; }
body.product .multilink {float:right; font-size:14px; font-weight:bold;}
body.product .multilink span { display:inline-block; padding-top:10px; padding-right:10px; float:right;}
body.product .multilink a { background: url("bfw/product-page-new/button-multi.jpg") no-repeat scroll 0 0; width:205px; height:37px; display:block; float:right;}
body.product .multilink a:hover { background: url("bfw/product-page-new/button-multi.jpg") no-repeat scroll 0 -37px; }
body.product .multilink a.singlelink { background: url("bfw/product-page-new/button-single.jpg") no-repeat scroll 0 0; width:205px; height:37px; display:block; float:right;}
body.product .multilink a.singlelink:hover { background: url("bfw/product-page-new/button-single-hover.jpg") no-repeat scroll 0 0; }
body.product .licence-box { background: url("bfw/product-page-new/back-licence.jpg") repeat scroll 0 0px; position:relative; width:960px; display:block; margin-top:20px;padding-right:20px;z-index:10; margin-bottom: 20px;}
body.product .name-licence { float:right; }
body.product .name-licence .free {  margin-right: 102px;margin-top: 21px; background: url("bfw/product-page-new/edu-free.jpg") repeat scroll 0 0px;  display:block; width:129px; height:67px; float:left;}
body.product .name-licence .light { margin-right: 42px; margin-top: 19px; background: url("bfw/product-page-new/edu-light.jpg") repeat scroll 0 0px;  display:block; width:152px; height:74px;  float:left;}
body.product .name-licence .prem {margin-right: 13px; background: url("bfw/product-page-new/edu-prem.jpg") repeat scroll 0 0px;  display:block; width:232px; height:93px;  float:left;}
body.product .name-licence .school {margin-right: 110px; margin-top:20px; background: url("bfw/product-page-new/edu-school.jpg") repeat scroll 0 0px;  display:block; width:183px; height:57px;  float:left;}
body.product .name-licence .district {margin-right: 110px; margin-top:14px; background: url("bfw/product-page-new/edu-district.jpg") repeat scroll 0 0px;  display:block; width:178px; height:76px;  float:left;}
body.product .boxLeft {  display: block;float: left;margin-left: 18px;margin-top: 215px;width: 180px;}
body.product .multi .boxLeft {width:180px;}
body.product .boxLeft .colum { font-size:17px; text-align:right;}
body.product .colum .smaller {font-size:14px; font-weight:bold; }
body.product .boxLeft .colum.first {height:72px;}
body.product .boxLeft .colum.first span { background:#666; color:#fff; display:block; padding:10px;}
body.product .boxLeft .colum.first span.qtipdata { display:none; }
body.product .boxInfo { margin-top: 10px; width:738px; display:block; padding:2px; background:url("bfw/boxroll.jpg") repeat scroll 0 0 transparent; float: right; }
body.product .multi .boxInfo { float: left;margin-left: 23px;width: 591px;}
body.product .insidelic { background: #fbfbfb; display:block; padding:10px; padding-right:0px;}
body.product .insidelic .line { margin:0 10px; width:2px; background:url("bfw/boxroll.jpg") repeat scroll 0 0 transparent; display:block; height:527px; float:left;}
body.product .multi .line { height:479px;}
body.product .insidelic .free-box { float:left; background:#f0f0f0;   position: relative; text-align:center;}
body.product .insidelic .free-box .top { text-shadow: 0pt -1pt #999; background:url("bfw/product-page-new/box-free-bg.jpg") repeat scroll 0 0 transparent; display:block; padding:10px 0; text-align:center; width:221px; height:60px; border:1px solid #999; margin-bottom:20px;color:#fff; font-size:50px; font-weight:bold; text-decoration:none;}
body.product .insidelic .light-box { float:left; background:#f0f0f0;   position: relative; text-align:center;}
body.product .insidelic .light-box .top { text-shadow: 0pt -1pt #5595B3; background:url("bfw/product-page-new/box-light-bg.jpg") repeat scroll 0 0 transparent; display:block; padding:0 32px; height:80px; border:1px solid #5595B3;  margin-bottom:20px; font-size:18px; font-weight:bold; color:#fff; position:relative;text-align:left; text-decoration:none;}
body.product .insidelic .light-box .top:hover { background:url("bfw/product-page-new/box-light-bg-hover.jpg") repeat scroll 0 0 transparent; display:block; padding:0 32px; height:80px; border:1px solid #4484a2;}
body.product .insidelic .light-box .top .dolar {font-size:30px; display:block; margin-top:3px; margin-right:5px;float:left;}
body.product .insidelic .light-box .top .big {font-size:60px; font-weight:bold; float:left; margin-top:-6px;  }
body.product .insidelic .light-box .top .small {display: block;font-size: 14px;font-weight: normal;left: 42px;position: absolute;top: 55px;}
body.product .insidelic .light-box .top .info {margin-top:3px; display:block; line-height: 24px; margin-left: 58px;}
body.product .insidelic .prem-box { text-shadow: 0pt -1pt #55B392; float:left;background:#f0f0f0;   position: relative; text-align:center;}
body.product .insidelic .prem-box .top { margin-bottom:20px; background:url("bfw/product-page-new/box-prem-bg.jpg") repeat scroll 0 0 transparent; display:block; padding:0 18px; width:187px; height:80px; border:1px solid #55B392; font-size:18px; font-weight:bold; color:#fff; position:relative;text-align:left;text-decoration:none;}
body.product .insidelic .prem-box .top:hover {background:url("bfw/product-page-new/box-prem-bg-hover.jpg") repeat scroll 0 0 transparent; border:1px solid #44a281; font-size:18px; font-weight:bold; color:#fff; position:relative;text-align:left;text-decoration:none;}
body.product .insidelic .prem-box .top .dolar {font-size:30px; display:block; margin-top:3px; margin-right:5px;float:left;}
body.product .insidelic .prem-box .top .big {font-size:60px; font-weight:bold; float:left; margin-top:-6px; }
body.product .insidelic .prem-box .top .small {display: block;font-size: 14px;font-weight: normal;left: 42px;position: absolute;top: 55px;}
body.product .insidelic .prem-box .top .info {margin-top:3px; display:block; line-height: 24px; margin-left: 58px;}
body.product .insidelic .prem-box .promo, body.product .insidelic .school-box .promo { background:url("bfw/product-page-new/promo-price.png") repeat scroll 0 0 transparent; display:block; width:221px; height:26px;  margin-top: -26px; position: absolute; display:none; right:0px;}
body.product .insidelic .school-box .promo { margin-top:-34px;  background:url("bfw/product-page-new/promo-price2.png") no-repeat scroll 0 0 transparent; width:273px;}
body.product .insidelic .school-box { float:left;background:#f0f0f0;   position: relative; text-align:center;}
body.product .insidelic .school-box .top { text-shadow: 0pt -1pt #099E40; background:url("bfw/product-page-new/box-school-bg.jpg") repeat scroll 0 0 transparent;   border: 1px solid #099E40; color: #FFFFFF;display: block;font-size: 18px;font-weight: bold;height: 74px;margin-bottom: 27px; padding: 5px 27px 0 44px;position: relative;width: 201px;text-align:left;text-decoration:none;}
body.product .insidelic .school-box .top .dolar {font-size:30px; display:block; margin-top:3px; margin-right:5px;float:left;}
body.product .insidelic .school-box .top .big {font-size:60px; font-weight:bold; float:left; margin-top:-6px; }
body.product .insidelic .school-box .top .small  {display: block;font-size: 14px;font-weight: normal;left: 42px;position: absolute;top: 55px;}
body.product .insidelic .school-box .top .info {margin-top:3px; display:block; line-height: 24px; margin-left: 58px;}
body.product .insidelic .school-box .top .cost {   display: block;float: right; line-height: 20px;margin-top: -14px;}
body.product .insidelic .school-box .top .cost.nopromo {margin-left: 13px; float:left; }
body.product .insidelic .district-box { float:left;background:#f0f0f0;   position: relative; text-align:center;}
body.product .insidelic .district-box .top { text-shadow: 0pt -1pt #CBA402; background:url("bfw/product-page-new/box-district-bg.jpg") repeat scroll 0 0 transparent;   border: 1px solid #CBA402;color: #FFFFFF;display: block;font-size: 18px;font-weight: bold;height: 72px;margin-bottom: 27px;padding: 8px 32px 0 38px;position: relative;width: 202px; text-align:left;text-decoration:none;}
body.product .insidelic .district-box .top .dolar {font-size:30px; display:block; margin-top:3px; margin-right:5px;float:left;}
body.product .insidelic .district-box .top .big {font-size:60px; font-weight:bold; float:left; margin-top:-6px; }
body.product .insidelic .district-box .top .small {display: block;font-size: 14px;font-weight: normal;left: 42px;position: absolute;top: 55px;}
body.product .insidelic .district-box .top .info {margin-top:3px; display:block; line-height: 24px; margin-left: 58px;}
body.product .insidelic .district-box .top .cost {   display: block;float: right; line-height: 20px;margin-top: -14px;}
body.product .colum { height:40px; padding:10px; display:block; font-size:30px; text-align:center; position:relative;}
body.product .colum strong.middle { display:block; margin-top:10px;}
body.product .lineColum { background:url("bfw/boxroll.jpg") repeat scroll 0 0 transparent; display:block; height:2px; width:191px; margin-left: 15px;}
body.product .multi .lineColum {width:242px;}
body.product .boxLeft .lineColum {background:url("bfw/product-page-new/line.png") repeat scroll 0 0 transparent;  margin-left: 2px; width:162px;}
body.product .multi .boxLeft {margin-left:120px; margin-top:190px;}
body.product .multi .boxLeft .lineColum{width:167px;}
body.product .boxLeft .kodInfo {position:absolute; right: -15px;top: 25px; cursor:pointer;}
body.product .boxLeft .first .kodInfo {top:47px;}
body.product .insidelic .sipka-down { background:url("bfw/product-page-new/sipka-down.png") repeat scroll 0 0 transparent; width:42px; height:24px; display:block; position:absolute;  bottom: -35px; &bottom:-42px; left:90px; }
body.product .multi .sipka-down { left:113px;}
body.product .button {  display: block;margin-left: 220px;margin-top: 42px;}
body.product .button a{  margin:0 26px;}
body.product .multi .button {  margin-left:324px; }
body.product .multi .button a {  margin:0 52px;}
body.product .button a.buttonFree { background:url("bfw/product-page-new/buttons.jpg") repeat scroll 0 0 transparent; width:190px; height:90px; display:block; float:left;}
body.product .button a.buttonLight { background:url("bfw/product-page-new/buttons.jpg") repeat scroll -190px 0 transparent; width:190px; height:90px; display:block; float:left;}
body.product .button a.buttonPrem { background:url("bfw/product-page-new/buttons.jpg") repeat scroll -382px 0 transparent; width:190px; height:90px; display:block; float:left;}
body.product .button a.buttonSchool { background:url("bfw/product-page-new/buttons.jpg") repeat scroll -572px 0 transparent; width:190px; height:90px; display:block; float:left;}
body.product .button a.buttonDist { background:url("bfw/product-page-new/buttons.jpg") repeat scroll -762px 0 transparent; width:190px; height:90px; display:block; float:left;}
body.product .button a:hover.buttonFree {background-position: 0 -90px;}
body.product .button a:hover.buttonLight {background-position: -190px -90px;}
body.product .button a:hover.buttonPrem {background-position: -382px -90px;}
body.product .button a:hover.buttonSchool {background-position: -572px -90px;}
body.product .button a:hover.buttonDist {background-position: -762px -90px;}
body.product .button .student-reg { display: block;float: left;font-size: 16px;margin-left: 10px;}
body.product .button .student-reg a {color:#333; font-weight:bold; margin:0px;}
body.product .button .student-reg a:hover {text-decoration:none;}
body.product .button .trial { display:block; float:right; text-align:center;   margin-right: 56px;margin-top: -20px; margin-bottom:60px;}
body.product .button .trial a {color:#333; font-weight:bold; margin:0px; font-size:16px;}
body.product .button .trial a:hover {text-decoration:none;}
body.product .button .sales-support {display:block; float:right; text-align:center; margin-right: 10px;margin-top: -20px; margin-bottom:10px;font-size:17px;}
body.product .product-sipka {margin:0 auto; background:url("bfw/product-page-new/sipkywhite.jpg") no-repeat scroll 0 0 transparent; }
body.product .product-sipka.two { background:url("bfw/product-page-new/sipkywhite2.jpg") no-repeat scroll 0 0 transparent; }
body.product .what-is-glogster-edu { width:980px; margin:0 auto; text-align:left;}
.what-is-glogster-edu .benefeat {padding: 30px 0;}
.what-is-glogster-edu .benefeat a#free-info strong {color: #aaa;}
body.product .videoBox { margin:20px auto; width:980px; text-align: left;}
body.product .videoBox iframe { float:left;}
body.product .videoBox .twiter {width:320px; display:block; float:right; margin-top:-19px;}
body.product .videoBox .twiter .text { display:block; padding: 18px 0;}
body.product .videoBox .twiter a {font-weight:bold; text-decoration:none; color:#000;}
body.product .videoBox .twiter a:hover { text-decoration:underline;}
body.product .videoBox .lineColum {width:305px; margin-left:0px;}
#formular-dist {display:none;}
.formular { color:#333; font-size:24px; font-family:arial; text-align:center; }
.formular p {margin:10px; padding-top:20px!important; display:block;}
.formular span {display:block; margin-right:129px; margin-top:20px;  text-align:right;}
.formular input { border:1px solid #ccc; width:349px; height:32px; padding:5px; font-size:12px; margin-left:10px;}
.formular form {margin-top:30px;}
.formular button { display:block; width:190px; height:84px; background: url("bfw/product-page-new/sendf.jpg") no-repeat scroll 0 0px; margin-left:337px; margin-top:30px; float:left;}
.formular button:hover { background: url("bfw/product-page-new/sendf-hover.jpg") no-repeat scroll 0 0px; }
.formular .phone { font-size:12px; float:right;  margin-right: 124px;margin-top: 42px;}
.formular .phone span.call { width:137px; display:block; float:right; font-size:17px;margin:0px;}
.formular .phone span.or { display:block; float:left; margin-right: 5px;margin-top: 8px}

}
@media screen {
  /* pop up basic*/
#lightPopup, #basicPopup {text-align:center;  padding-top:20px;}
#lightPopup img, #basicPopup img { margin-bottom:20px;}
#lightPopup .text, #basicPopup .text {font-family:arial; font-size:14px; color:#333;}
#lightPopup  #boxroll, #basicPopup #boxroll {display:block; width:402px;}
#lightPopup #boxroll .inside, #basicPopup #boxroll .inside {background: url("bfw/product-page-new/bg-rol.jpg") repeat-x scroll 0 0px #f5f5f5; padding: 20px;}
#lightPopup #boxroll .inside .sipka, #basicPopup #boxroll .inside .sipka { bottom:-21px; left:181px; -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); top:110px; background: url("bfw/product-page-new/sipka.png") no-repeat scroll 0 0 transparent; z-index:100;}
#lightPopup #boxroll .inside .sipka.first { left:94px;}
#lightPopup #boxroll .inside .sipka.two { left:297px;}
#basicPopup #boxroll .inside .sipka {left:181px!important;}
#basicPopup .name-licence .light {  margin-right: 26px; margin-left: 15px; margin-top: 8px; background: url("bfw/product-page-new/lightname.png") no-repeat scroll 0 0px;  display:block; width:124px; height:60px; float:left;}
#basicPopup .name-licence .prem {  margin-right:0px; margin-top: 0px; background: url("bfw/product-page-new/premname.png") no-repeat scroll 0 0px;  display:block; width:187px; height:70px; float:left;}
#lightPopup .name-licence .prem {  margin-right:0px; margin-top: 0px; background: url("bfw/product-page-new/premname.png") no-repeat scroll 0 0px;  display:block; width:187px; height:70px; float:left;}
#lightPopup .name-licence .school {  margin-right:0px; margin-left: 29px;margin-top: 20px;background: url("bfw/product-page-new/schoolname.png") no-repeat scroll 0 0px;  display:block; width:143px; height:43px; float:left;}
#basicPopup .button {background: url("bfw/product-page-new/upgrade.jpg") no-repeat scroll 0 0px; display:block; margin-top:42px; width:190px; height:69px;  margin-left: 129px;  &margin-left: 0px; }
#basicPopup a:hover.button {background: url("bfw/product-page-new/upgrade-hov.jpg") no-repeat scroll 0 0px; }
#lightPopup a.single { background:url("bfw/product-page-new/upgrademulti.jpg") repeat scroll 0 0 transparent; width:191px; height:80px; display:block; float:left; margin-left:29px; margin-top:36px;}
#lightPopup a.multi { background:url("bfw/product-page-new/upgrademulti.jpg") repeat scroll -191px 0 transparent; width:191px; height:80px; display:block; float:left;  margin-left:27px; margin-top:36px;}
#lightPopup a:hover.single {background-position: 0 -82px;}
#lightPopup a:hover.multi {background-position: -191px -82px;}
.qtipdata {display:none; padding:5px;}
input#admin-inlibrary{ float:left; width:20px;}
.newwindow { background:url("gfx/newwindow.png") no-repeat; display:block; width:20px; height:20px; bottom: 7px; right: 4px; position:absolute;}
.newwindow:hover { background:url("gfx/newwindowhov.png") no-repeat;}

}
@media screen {
  /* slider */
#slider { border: 1px solid #C2C2C2;border-radius: 10px 10px 10px 10px; margin:10px 0; width:940px;}
#slider #alert {display: inline-table; height: 85px;}
#slider #alert li { height: 86px;position: relative;width: 60px; list-style:none; float:left; margin-right:10px;}
#slider #alert .newwindow {background: url("gfx/newwindow.png") no-repeat scroll 0 0 transparent;bottom: 7px;display: block;height: 20px;position: absolute;right: 4px;width: 20px;}
#slider #alert .hoverGlog {background: none repeat scroll 0 0 #FFFFFF;display: inline-table;padding: 5px;position: relative;text-align: left;top: -112px;}
#slider #alert .tooltip {display:none;}
#tab-text .glogs { margin-top:20px; display:none;}
.bottBlog { width:183px; display:block; clear:both;}
#glog-alerts { display:none; margin-left:10px;}
#glog-alerts .bottom-links { margin-left:0px;}
#glog-alerts .alertFeed { width:940px;}
.autosave-thumbnail { background: none repeat scroll 0 0 red;border-radius: 10px 10px 10px 10px;color: #FFFFFF;display: inline-block;font-size: 14px;font-weight: bold;left: 0;margin: 5px;padding: 0 6px;position: absolute;z-index: 100;}
.biglistglog .item .autosave-thumbnail { bottom:25px;}
p.moreglogs span.autosave-thumbnail { width:84px; background: url("../images/autosaved_glog_84x43.png") no-repeat scroll 0 0 transparent !important;   left: 0;top: 30px;width: 84px;}
p#favourite-glogs span.autosave-thumbnail { display:none;}
#moreglogs .large-item .autosave-thumbnail {background: url("../images/autosaved_glog_234x318.png") no-repeat scroll 0 0 transparent !important;height: 120px;position: absolute; top: 118px; width: 234px; z-index:100; display:block;}

}
@media screen {
  /* valerao vs email */
#support { padding:10px 40px; margin:20px 0;}
#support h1 { padding:0px 0px 20px 0px;}
#support .box {background:url("bfw/home/bg-main.jpg") repeat scroll 0 0 #FFFFFF; padding:20px;  }
#support .boxBorder { background:url("bfw/boxroll.jpg") repeat scroll 0 0 transparent; padding:2px; }
#support .control-group label { width:250px; float:left; margin-right:10px;}
#support .sendbutton {text-align:center;}
#support .or {  color: #666666;display: inline-block;font-family: arial;font-size: 20px;font-weight: bold;padding: 0 5px;text-shadow: 1px 1px 1px #AAAAAA;}
#support .control-group input[type=text] { width:305px;}
#support textarea { width:305px; height:150px}
#support .typeSet { height: 40px; margin-left: 265px;}
#support .typeSet input { float:left;}
#support .typeSet label { float:left;  margin: 0px 10px;}
#chatVelaro { display:none;}

}
@media screen {
  /* product page birthday */
#birthdayProduct { text-align:center; }
#birthdayProduct h1 { background: url("bfw/product_page_birthday/maps.png") no-repeat scroll 0 0 transparent;  height: 46px;padding: 0;width: 460px; margin:0 auto 30px auto; }
#birthdayProduct .info { margin-left:87px;}
#birthdayProduct .info li {list-style-type:none; float:left; background: url("bfw/product_page_birthday/maps.png") no-repeat scroll 0 0 transparent; }
#birthdayProduct .info li.item1 { background-position: -369px -153px; width:93px; height:44px; }
#birthdayProduct .info li.hvezda{ background-position: -355px -143px;height: 46px;margin: 0 22px;width: 13px;}
#birthdayProduct .info li.hvezda.right {margin: 0 15px;}
#birthdayProduct .info li.item2 { background-position: -460px -153px; width:88px; height:44px; }
#birthdayProduct .info li.item3 { background-position: -366px -203px;height: 53px;width: 240px; }
#birthdayProduct .info li.item4 { background-position: -369px -257px;height: 44px;width: 74px;}
#birthdayProduct .info li.item5 { background-position: -470px -256px; height: 44px;width: 70px;}
#birthdayProduct .info li.item6 { background-position: -359px -304px;height: 53px;width: 110px;}
#birthdayProduct .sipkaProd {  background: url("bfw/product_page_birthday/maps.png") no-repeat scroll -18px -89px transparent;display: block;height: 74px;width: 30px; position:absolute;left:230px; top:60px}
#birthdayProduct .dontmiss  {  background: url("bfw/product_page_birthday/maps.png") no-repeat scroll -60px -53px transparent;display: block;height: 98px;left: 270px;position: relative;top: 22px;width: 400px;}
#birthdayProduct .premium  {    background: url("bfw/product_page_birthday/maps.png") no-repeat scroll -11px -430px transparent;display: block;height: 30px; left: 330px;top: 113px;position: absolute; width: 253px;}
#birthdayProduct .ballons {  background: url("bfw/product_page_birthday/maps.png") no-repeat scroll 0 -169px transparent; display: block;height: 205px;position: absolute;right: 0;top: 0;width: 347px; }
#birthdayProduct .insidelic { box-shadow: 3px 3px 3px #C2C2C2;float: left;font-family: tahoma;margin-bottom: 38px;margin-left: 137px;margin-top: 55px;padding: 10px;width: 250px;}
#birthdayProduct .insidelic.second { font-size: 20px; color:#000000; font-family:Tahoma;  position: relative;z-index: 20;}
#birthdayProduct .insidelic.second .prem-box { padding-top:20px; padding-bottom:0px;}
#birthdayProduct .insidelic .light-box, #birthdayProduct .insidelic .prem-box { padding:10px; text-shadow:none;}
#birthdayProduct .insidelic .top { width:225px; padding:0px; font-weight:bold; font-size:19px; text-align:center;  margin-top:10px; text-shadow: 1px 1px 1px #666666;}
#birthdayProduct .insidelic .for { background: url("bfw/product_page_birthday/maps.png") no-repeat scroll -470px -64px transparent;display: block;height: 30px;margin-top: 15px;width: 137px;   margin-left: 45px; margin-bottom:5px; text-shadow: 1px 1px 1px #666666; }
#birthdayProduct .insidelic.second .for {  background: url("bfw/product_page_birthday/maps.png") no-repeat scroll -470px -110px transparent;display: block;height: 30px;margin-bottom: 5px;margin-left: 20px;margin-top: 15px;text-shadow: 1px 1px 1px #666666;width: 192px; }
#birthdayProduct .insidelic .was { font-size:22px; font-family:arial; font-weight:normal; color:#666; position:relative;}
#birthdayProduct .insidelic select { height:30px; margin:0px;}
#birthdayProduct .insidelic .infobox { background:#C4E8F7; font-size:20px; color:#2D5265; font-family:Tahoma; display:block; padding:10px; margin: 15px 0; text-shadow: 1px 1px #FFFFFF; font-weight:bold;}
#birthdayProduct .insidelic.second .infobox { background:#B1EDD7; font-size:20px; color:#2D604D; font-family:Tahoma; display:block;  padding: 10px; margin: 15px 0; text-shadow: 1px 1px #FFFFFF; font-weight:bold;}
#birthdayProduct .insidelic.second .infobox .black { color: #000000;display: block;font-family: arial;font-size: 12px;font-weight: normal;text-shadow: none;}
#birthdayProduct .insidelic.second .infobox .black.large { display: block;font-size: 15px;font-weight: bold;margin-bottom: 4px;margin-top: 15px;}
#birthdayProduct .insidelic.second .infobox .black strong {margin-bottom:10px; display:block; line-height:17px;}
#birthdayProduct .insidelic .big{ font-size:60px; line-height: 53px;}
#birthdayProduct .insidelic .now{ font-size:25px;}
#birthdayProduct .insidelic .final { color:#000; font-size:15px;}
#birthdayProduct .insidelic .cena { color: #2E5365;display: block;font-size: 60px;font-weight: bold; margin-bottom: 14px;margin-top: 10px;line-height:58px;}
#birthdayProduct .insidelic .skrt { background: url("bfw/product_page_birthday/maps.png") no-repeat scroll -468px -9px transparent; display: block;height: 10px;left: -30px;position: absolute;top: 8px;width: 191px;}
#birthdayProduct .insidelic.second .skrt { background: url("bfw/product_page_birthday/maps.png") no-repeat scroll -430px -51px transparent;left: -15px;width: 268px;}
#birthdayProduct .allinfo { display:inline-block; padding:12px 30px;; color: #666666; font-size:13px; font-family:tahoma; background:#E9E9E9; border:3px solid #fff; cursor:pointer; box-shadow: 0 0 4px 3px #D9D9D9;}
#birthdayProduct .allinfo:hover{ background:#c2c2c2; color:#fff; cursor:pointer;}
#birthdayProduct .green { color:#0BB94A; }
#birthdayProduct .licence-box p{  margin:10px 0; line-height:25px;}
#birthdayProduct p.green { display:block; margin-bottom:15px; font-weight:bold; font-size:20px; font-family:tahoma;}
#birthdayProduct .licence-box {background: url("bfw/product_page_birthday/back-licence.jpg") repeat scroll 0 0 transparent; text-align:center; padding-bottom:20px; color:#666666; font-family:arial; font-size:16px; width:953px;}
#birthdayProduct .layer {  left: 1px;position: absolute;top: -1px;z-index: 100; display:none;}
#birthdayProduct .butbigwhite a strong { background-position: 0 -97px;font-size: 11px;line-height: 43px !important;text-transform: none;}
#birthdayProduct .butbigwhite a .kr {  line-height: 43px !important;}
#birthdayProduct a:hover strong { background-position: 0 -144px;}
#birthdayProduct .loga {  background: url("bfw/product_page_birthday/maps.png") no-repeat scroll 0 -374px transparent;display:block;height: 40px;width: 657px; margin:20px 0 20px 150px;}
#birthdayProduct .licence-box p.small { font-size:11px; margin:0px; line-height: 0;}
#birthdayProduct .licence-box p a { text-decoration:none;}

}
@media screen {
  /*classic product page*/
#classic { padding-top:70px; text-align:center; }
#classic h1 { background: url("bfw/product-information-classic/maps.png") no-repeat scroll 0 0 transparent;  height: 46px; margin: 20px auto 30px;padding: 0;width: 685px;}
#classic .info {     background: url("bfw/product-information-classic/maps.png") no-repeat scroll 0 -321px transparent;display: block;height: 60px;margin-left: 87px;width: 873px;}

}
@media screen {
  
#classic .sipkaProd {  background: url("bfw/product-information-classic/maps.png") no-repeat scroll -692px -19px transparent; display: block;height: 74px;width: 30px; position:absolute;left:115px; top:60px}
#classic .dontmiss  { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -9px -53px transparent;display: block;height: 53px;left: 245px;position: relative;top: 36px;width: 499px;}
#classic .premium  { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -143px -108px transparent;display: block;height: 30px;left: 374px;position: absolute;top: 99px;width: 211px;}
#classic .light-box { background:#e1f2fb;}
#classic .prem-box { background:#d8f5eb;}
#classic .insidelic {    box-shadow: 3px 3px 3px #C2C2C2;float: left;font-family: tahoma;margin-bottom: 38px;margin-left: 137px;margin-top: 90px;padding: 10px;width: 250px;}
#classic .insidelic.second { font-size: 20px; color:#000000; font-family:Tahoma;  position: relative;z-index: 20;}
#classic .insidelic.second .prem-box { padding-top:5px; padding-bottom:10px;}
#classic .insidelic .text { color:#666666; font-family:arial; font-size:11px; line-height:12px;}
#classic .insidelic .light-box, #classic .insidelic .prem-box { padding:10px; text-shadow:none;}
#classic .insidelic .light-box .name {  background: url("bfw/product-information-classic/maps.png") no-repeat scroll -704px -265px transparent;display: block;height: 50px;margin: 15px 0;width: 225px;}
#classic .insidelic .prem-box .name {  background: url("bfw/product-information-classic/maps.png") no-repeat scroll -474px -265px transparent;display: block;height: 50px;margin: 11px 0;width: 225px;}
#classic .insidelic .top {     background: url("bfw/product-information-classic/maps.png") no-repeat scroll -475px -110px transparent;border: 0 none;display: block;height: 66px;margin: 11px 0;width: 159px;}
#classic .insidelic .top:hover { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -476px -177px transparent;}
#classic .insidelic .prem-box .top { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -700px -107px transparent;border: 0 none;display: block;height: 66px;margin: 11px 0 15px 0;width: 193px;}
#classic .insidelic .prem-box .top:hover {background: url("bfw/product-information-classic/maps.png") no-repeat scroll -700px -175px transparent;}
#classic .email { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -557px -66px transparent;display: inline-block;height: 14px;margin: 0 5px;width: 23px;}
#classic .tel { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -588px -63px transparent;display: inline-block;height: 17px;margin: 0 5px;width: 23px; position:relative; top:3px;}
#classic .insidelic .for { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -470px -64px transparent;display: block;height: 30px;margin-top: 15px;width: 137px;   margin-left: 45px; margin-bottom:5px; text-shadow: 1px 1px 1px #666666; }
#classic .insidelic.second .for {  background: url("bfw/product-information-classic/maps.png") no-repeat scroll -470px -110px transparent;display: block;height: 30px;margin-bottom: 5px;margin-left: 20px;margin-top: 15px;text-shadow: 1px 1px 1px #666666;width: 192px; }
#classic .insidelic .was { font-size:22px; font-family:arial; font-weight:normal; color:#666; position:relative;}
#classic .insidelic select { height:30px; margin:0px;}
#classic .insidelic .infobox { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -5px -144px transparent;color: #0BB94A;display: block;font-family: Tahoma;font-size: 16px;font-weight: normal;height: 134px;margin: 0;padding: 10px;text-shadow: 1px 1px #FFFFFF; padding-top:20px;}
#classic .insidelic.second .infobox { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -229px -144px transparent;color: #25946D;display: block;font-family: Tahoma;font-size: 20px;font-weight: bold;margin: 0; padding: 15px 10px 10px;text-shadow: 1px 1px #FFFFFF; height: 145px;}
#classic .insidelic.second .infobox .black { color: #000000;display: block;font-family: arial;font-size: 12px;font-weight: normal;text-shadow: none;}
#classic .insidelic.second .infobox .black.large { display: block;font-size: 15px;font-weight: bold;margin-bottom: 4px;margin-top: 15px;}
#classic .insidelic.second .infobox .black strong {margin-bottom:10px; display:block; line-height:17px;}
#classic .insidelic .big{ font-size:60px; line-height: 53px; font-weight:bold;}
#classic .twbootstrap form { margin:0px;}
#classic .insidelic .now{ font-size:25px; font-weight:bold;}
#classic .insidelic .final { color:#000; font-size:15px;}
#classic .insidelic .cena { color: #2E5365;display: block;font-size: 60px;font-weight: bold; margin-bottom: 14px;margin-top: 10px;line-height:58px;}
#classic .insidelic .skrt { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -468px -9px transparent; display: block;height: 10px;left: -30px;position: absolute;top: 8px;width: 191px;}
#classic .insidelic ul { text-align:left;}
#classic .insidelic ul li {    background: url("bfw/product-information-classic/ok.png") no-repeat scroll 0 0 transparent;font-family: arial;font-size: 16px;list-style-image: none;list-style-type: none;margin-top: 7px;padding-left: 25px;}
#classic .insidelic.second .skrt { background: url("bfw/product-information-classic/maps.png") no-repeat scroll -430px -51px transparent;left: -15px;width: 268px;}
#classic .allinfo { background: url("bfw/product-information-classic/links.png") no-repeat scroll 0px 0px transparent;width: 286px; display:block; height:36px; font-family:tahoma;  cursor:pointer; margin-left:340px;}
#classic .green { color:#0BB94A; }
#classic .licence-box p{  margin:10px 0; line-height:25px;}
#classic p.green { display:block; margin-bottom:15px; font-weight:bold; font-size:20px; font-family:tahoma;}
#classic .licence-box {background: url("bfw/product_page_birthday/back-licence.jpg") repeat scroll 0 0 transparent; text-align:center; padding-bottom:20px; color:#666666; font-family:arial; font-size:16px; width:953px;}
#classic .layer {  left: 1px;position: absolute;top: -1px;z-index: 100; display:none;}
#classic .butbigwhite a strong { background-position: 0 -97px;font-size: 11px;line-height: 43px !important;text-transform: none;}
#classic .butbigwhite a .kr {  line-height: 43px !important;}
#classic a:hover strong { background-position: 0 -144px;}
#classic .loga {  background: url("bfw/product-information-classic/maps.png") no-repeat scroll -24px -391px transparent;display:block;height: 40px;width: 657px; margin:20px 0 20px 150px;}
#classic .licence-box p.small { font-size:11px; margin:0px; line-height: 0;}
#classic p.small a { text-decoration:none; color:#666;}
._year_required_alert {display:none;}

}
@media screen {
  
#birthdayShop #how-students { background:#E6FFF1; position:relative; margin-top:15px;}
#birthdayShop .tab-stin .picbott {background: url("bfw/shop/sipbottB.png") no-repeat scroll 0 0 transparent; z-index:100;}
#birthdayShop .ballons {  background: url("bfw/shop/ballons_shop.jpg") no-repeat scroll 0 0 transparent;display: block;height: 155px;position: absolute;right: 0;top: -1px;width: 251px;}
#birthdayShop .great { background: url("bfw/shop/great.png") no-repeat scroll 0 0 transparent; width:97px; height:23px; position:absolute; display:block; top:100px; left:300px;}
#birthdayShop .sipka { background: url("bfw/shop/sipkaB.png") no-repeat scroll 0 0 transparent; width:19px; height:38px; position:absolute; display:block;  top:65px; left:9px; }
#birthdayShop .nadpis { color:#00B75A; font-family:Arial; font-size:30px; padding-top:10px;font-weight:bold;}
#birthdayShop .info { font-family:verdana; font-size:14px; color:#333333;}
#birthdayShop .cena { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C2C2C2;border-radius: 5px 5px 5px 5px;box-shadow: 3px 3px 3px #C2C2C2;color: #666666;display: block;font-size: 18px;margin: 0 0 11px;padding: 5px 10px 5px 20px;width: 225px; font-weight:bold;}
#birthdayShop .cena .price {color:#00B75A; font-size:35px;}
#birthdayShop .cena .name {    display: block;float: left;margin-right: 8px;margin-top: 10px;}
#birthdayShop td { padding:5px 30px;}
#birthdayShop .green { color:#00B75A; }

}
@media screen {
  
#faculty #how-students { background:#E6FFF1; position:relative; margin-top:15px;}
#faculty .tab-stin .picbott {background: url("bfw/shop/sipbottB.png") no-repeat scroll 0 0 transparent; z-index:100;}
#faculty .ballons {  background: url("bfw/shop/ballons_shop.jpg") no-repeat scroll 0 0 transparent;display: block;height: 155px;position: absolute;right: 0;top: -1px;width: 251px;}
#faculty .great { background: url("bfw/shop/greatFaculty.png") no-repeat scroll 0 -28px transparent; width:108px; height:50px; position:absolute; display:block; top:100px; left:337px;}
#faculty .great2 { background: url("bfw/shop/great_faculty.jpg") no-repeat scroll 0 0px transparent; width:124px; height:57px; position:absolute; display:block; top:82px; left:337px;}
#faculty .premPrelepka { background: url("bfw/shop/edu_prem.jpg") no-repeat scroll 0 0px transparent; width:169px; height:55px; position:absolute; display:block; top:10px; right:1px;}
#faculty .sipka { background: url("bfw/shop/sipkaB.png") no-repeat scroll 0 0 transparent; width:19px; height:38px; position:absolute; display:block;  top:65px; left:9px; }
#faculty .nadpis { color:#00B75A; font-family:Arial; font-size:25px; padding-top:10px;font-weight:bold;}
#faculty .info { font-family:verdana; font-size:14px; color:#333333;}
#faculty .cena { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C2C2C2;border-radius: 5px 5px 5px 5px;box-shadow: 3px 3px 3px #C2C2C2;color: #666666;display: block;font-size: 18px;margin: 0 0 11px;padding: 5px 10px 5px 20px;width: 266px; font-weight:bold;}
#faculty .cena .price {color:#00B75A; font-size:35px;}
#faculty .cena .name {    display: block;float: left;margin-right: 8px;margin-top: 10px;}
#faculty td { padding:5px 30px;}
#faculty .green { color:#00B75A; }
.greenline .box, #faculty .box {   background: none repeat scroll 0 0 #29854A;display: inline-block;padding: 10px 10px 10px 24px; float:right;   position: absolute;right: 13px;top: 69px; }
.greenline .box .lep, #faculty .box .lep { background: url("bfw/shop/lepka.jpg") no-repeat scroll 0 0 transparent; width:88px; height:14px; display:block; position:absolute; top:-7px; left: 63px;}
#faculty .box  ul {  margin:0px; }
#faculty .box  ul li { list-style-type:none;font-weight:bold; font-size:17px; color:#fff; font-family:arial;}
#faculty .box  ul li.first { color:#06e80c; }
#faculty .people { background: url("bfw/shop/people.jpg") no-repeat scroll 0 3px transparent; width:35px; height:25px; display:inline-block; padding-left:20px; }
#how-students.school {font-family: arial;}
#how-students.school .box{  color: #FFFFFF;font-size: 15px;font-weight: bold;padding: 10px;right: 32px;top: 23px;width: 180px; font-family: arial;}
#how-students.school .box .prc { color:#fff; font-weight: bold; font-size: 30px; display: block; float: left; background: #33CC00; padding: 2px 5px; border-radius:5px; margin-right: 10px; }
#how-students.school .box .prc .small {font-size: 15px;}
#how-students.school .home { background: url("bfw/shop/home.png") no-repeat scroll 0 0 transparent; display:block; float:left; width:54px; height:49px;   margin: 4px 18px 0 0px; }
#how-students.school .sipka { background: url("bfw/shop/sipka.png") no-repeat scroll 0 0 transparent; display:block; float:left; width:19px; height:37px; position:absolute; top:75px; left:6px;}
#how-students.school .bott {color:#33CC00 !important}
div[loader] {display:none;}
.user-top-menu.twbootstrap {float: right;}
.user-top-menu.twbootstrap .btn-toolbar {margin: 4px 0 0 0;}
.user-top-menu.twbootstrap .btn {font-size: 12px;}
.user-top-menu.twbootstrap .dropdown-menu {font-size:12px; width:180px;}
.user-top-menu.twbootstrap .dropdown-menu a.user-item span {display: block; line-height: 15px;}
.user-top-menu.twbootstrap .dropdown-menu a.user-item .user-name {margin-left: 5px; max-width:100px; overflow:hidden}

}
@media screen {
  
#ToTrial h1 { text-align:center; color:#666666; font-size:35px; font-family:arial;}
.product .greybox {  background: url("bfw/ToTrial/bgTrial.jpg") repeat scroll 0 0 transparent;  padding:40px 20px; margin:20px auto; width:980px; box-shadow:}
.product .greybox .inside {width:735px; margin:0 auto; background: url("bfw/ToTrial/bgInside.jpg") no-repeat scroll 0 0 transparent;  padding:30px 50px; text-align:left;position:relative; height:140px;}
.product .greybox .inside h2 { font-family:arial; color:#0BB84A; font-size:22px; margin-bottom:15px;}
.product .greybox .inside p {color:#666; font-size:16px; font-family:arial;}
.product .greybox .inside p a {color:#0BB94A; text-decoration:none; font-weight:bold;}
.product .greybox .inside p a .bottom { background: url("bfw/ToTrial/line.jpg") repeat scroll 0 0 transparent; width:261px; height:4px; display:block; position:absolute; left: 264px; }
.product .greybox .inside p a:hover .bottom { display:none;}
.product .greybox .section { margin:0px 90px; text-align:left; position:relative; }
.product .greybox .section h3 {color:#FF005F; font-size:18px; font-family:arial; }
.product .greybox .section p { color:#666666; font-family:arial; font-size:14px;}
.product .greybox .section .lineAll { margin:10px 0;}
.product .greybox .section .butt{ background:#F8F8F8; padding:10px 30px; color:#999; font-size:11px; text-decoration:none; border:1px solid #DDDDDD; margin:20px 0; float:left;}
.product .greybox .section .butt2 { float:right;}
.product .greybox .section .butt:hover { background:#fff;}
.product .greybox .section p.mail {   background: url("bfw/ToTrial/mail.jpg") no-repeat scroll 178px 5px transparent;clear: both;color: #0BB84A;display: block;font-family: arial;font-size: 16px;margin: 20px 0;padding: 10px;text-align: center;}
.product .greybox .sipka { display:block;  background: url("bfw/ToTrial/sipka.png") no-repeat scroll 0px 0px transparent; width:26px; height:32px; position:absolute; left: 282px;top: -26px;}

}
@media screen {
  
#patent-hp {color:#666666;font-size:12px; font-family:arial; }
#patent-hp h2 { color:#00B152; font-size:30px; font-family:arial; }
#patent-hp .bold { color:#666666; font-size:16px; font-weight:bold; font-family:arial;}
#patent-hp p { margin:10px 0px;}
#patent-hp .green {color:#00B152;}
#patent-hp hr {border-color: #C2C2C2 -moz-use-text-color #FFFFFF;border-style: solid none;border-width: 1px 0;clear: left;height: 1px;margin: 10px 0;position: relative;top: 0;width: 100%;}
#patent-hp input { width:318px; margin-top:8px;}

}
@media screen {
  
a.gotoDistrictForm { background: url("bfw/shop/district_go_to.png") no-repeat scroll 0 0 transparent; width:242px; height:96px; display:block; margin-top:30px;}
a.gotoDistrictForm:hover { background: url("bfw/shop/district_go_to.png") no-repeat scroll 0 -96px transparent;}
.greenline tr.info .one { margin-left:197px;}

}
@media screen {
  
#product_main .name { background: url("bfw/product-information-classic/nadpis.png") no-repeat scroll 0 0 transparent;display: block;height: 52px;margin: 90px 0 0 160px;text-align: center;width: 700px;}
#product_main .licence-box {  background: url("bfw/product-information-classic/bg.jpg") repeat scroll 0 0 transparent;  padding:20px; width:900px; margin-left:20px; position:relative;  box-shadow: 1px 2px 7px #C2C2C2;}
#product_main .licence-box .item {background:#246B3C; margin-right:20px; background: url("bfw/product-information-classic/bgItem.jpg") repeat scroll 0 0 transparent; float:left; width:210px; position:relative; height:385px; }
#product_main .licence-box .item:hover, #product_main .licence-box .item.sel { box-shadow: 0px 0px 20px #4FB6DD; }
#product_main .noslider .licence-box .item:hover { box-shadow: 0px 0px 20px #4FB6DD; }
#product_main .licence-box .item.last { margin-right:0px;}
#product_main .licence-box .item .nadpis { background: url("bfw/product-information-classic/bgItemTop.jpg") repeat scroll 0 0 transparent; text-align:center; color:#FFF; font-weight:bold; font-size:30px; padding:10px 0px; border-radius:5px 5px 0px 0px; text-shadow: 1px 1px #000000; font-family:arial;}
#product_main .licence-box .item .linka { background: url("bfw/product-information-classic/bott-linka.jpg") no-repeat scroll 0 0 transparent; width:210px; height:7px;  }
#product_main .licence-box .item .info { background:url("bfw/product-information-classic/bgInfo.png") repeat scroll 0 0 transparent;  margin:20px; padding:10px; }
#product_main .licence-box .item .info ul { margin:0px; padding:0px; margin-left:15px; width:156px;}
#product_main .licence-box .item .info ul li { list-style-type:none; background: url("bfw/product-information-classic/person.png") no-repeat scroll 0 4px transparent; padding-left:15px; color:#fff; font-size:20px; font-weight:bold;}
#product_main .licence-box .item .info ul li .count { width:45px; display:block; float:left;}
#product_main .licence-box .item .info ul li.first { color:#00FF00;}
#product_main .licence-box .item.free .info ul li.first { color:#333;}
#product_main .licence-box .item ul.text { color:#fff; font-family:tahoma; font-size:13px; margin-bottom: 30px;margin-left: 21px;margin-top: 20px;}
#product_main .licence-box .item ul.text li { background: url("bfw/product-information-classic/ok.png") no-repeat scroll 0 0 transparent; list-style-type:none; padding-left:20px; margin:2px 0;}
#product_main .licence-box .item.free ul.text li { color:#000;}
#product_main .licence-box #oneProduct.item .nadpis { background: url("bfw/product-information-classic/bgBlueTop.png") repeat scroll 0 0 transparent;}
#product_main .licence-box #oneProduct.item { background: url("bfw/product-information-classic/bgBlue.png") repeat scroll 0 0 transparent;}
#product_main .licence-box #threeProduct.item .nadpis { background: url("bfw/product-information-classic/bgGreyTop.png") repeat scroll 0 0 transparent;}
#product_main .licence-box #threeProduct.item { background: url("bfw/product-information-classic/bgGrey.png") repeat scroll 0 0 transparent;}
#product_main .licence-box #fourProduct.item { background: url("bfw/product-information-classic/bgSchoolDist.png") repeat scroll 0 0 transparent;}
#product_main .licence-box #fourProduct .schoolLink {  background: url("bfw/product-information-classic/schoolLink.png") no-repeat 10px 10px transparent; height: 205px; display: block; border-bottom: 1px solid #cccccc;}
#product_main .licence-box #fourProduct .districtLink {  background: url("bfw/product-information-classic/distLink.png") no-repeat 10px 20px transparent; height: 180px; display: block;}
#product_main .licence-box #fourProduct.item:hover { box-shadow: none; }
#product_main .licence-box #fourProduct .schoolLink:hover { background-color: #dddddd; }
#product_main .licence-box #fourProduct .districtLink:hover { background-color: #dddddd; }
#product_main .licence-box .dodatek { margin:38px 0 0 53px; float:left; }
#product_main .licence-box .dodatek .bg  { width:345px; height:92px; background: url("bfw/product-information-classic/bgSlider.png") no-repeat scroll 0 28px transparent; border:0px; padding-left:25px; padding-top:30px; position:relative;}
#product_main .licence-box .dodatek .slider {  background: none repeat scroll 0 0 transparent;border: 0 none;height: 82px;position: relative;top: -31px;width: 275px;}
#product_main .licence-box .dodatek .slider .ui-slider-handle {    background: url("bfw/product-information-classic/range.png") no-repeat scroll 23px 30px transparent;border: 0 none;height: 92px;margin-left: -28px;top: -3px;width: 72px;cursor:pointer;}
#product_main .licence-box .dodatek .slider .ui-slider-range { background:none;}
#product_main .licence-box .dodatek .slider .ui-state-active { width:23px; height:23px; background: url("bfw/product-information-classic/range-focus.png") no-repeat scroll 23px 30px transparent;border: 0 none;height: 92px;margin-left: -28px;top: -3px;width: 72px;}
#product_main .licence-box .dodatek .slider #active { background: url("bfw/product-information-classic/range_active.png") no-repeat scroll 0 0 transparent; display:block; width:72px; height:92px; position:absolute;  top:-3px; z-index:-1; left:154px; cursor:pointer; }
#product_main .licence-box .dodatek .slider #focus { background: url("bfw/product-information-classic/range_focus.png") no-repeat scroll 0 0 transparent; display:none; width:72px; height:92px;  position:absolute; top:-3px; z-index:-1; cursor:pointer; }
#product_main .licence-box .dodatek .slider #active .parse {  color: #FF0060;display: block;font-family: tahoma;font-size: 15px;left: -27px;position: absolute;text-align: center;top: 97px;width: 128px; line-height:12px;}
#product_main .licence-box .dodatek .slider #active .parse .small { font-size:12px;}
#product_main .licence-box .dodatek .slider #focus.type1, #product_main .licence-box .dodatek .slider #active.type1 { left:-32px;}
#product_main .licence-box .dodatek .slider #focus.type2, #product_main .licence-box .dodatek .slider #active.type2 { left:60px; }
#product_main .licence-box .dodatek .slider #focus.type3, #product_main .licence-box .dodatek .slider #active.type3 { left:154px;}
#product_main .licence-box .dodatek .slider #focus.type4, #product_main .licence-box .dodatek .slider #active.type4 { left:248px;}
#product_main .licence-box .dodatek .slider .left {    display: block;height: 84px;left: -26px;position: absolute;width: 33px;}
#product_main .licence-box .dodatek .slider .right {  display: block;height: 84px;position: absolute;right: -42px;width: 45px; }
#product_main .licence-box .price {  clear: both; color: #666666;font-family: Tahoma;font-size: 17px;position: absolute;top: 1px; left:-15px; }
#product_main .licence-box .time { clear: both; color: #666666;font-family: Tahoma;font-size: 17px;position: absolute;top: 54px; left:-15px; }
#product_main .licence-box .price span { display: inline-block; text-align: center;width: 87px;}
#product_main .licence-box .time span { display: inline-block;text-align: center;width: 90px; }
#product_main .licence-box .price span.prc2 { margin-left:7px; }
#product_main .licence-box .price span.prc3 { margin-left:6px; }
#product_main .licence-box .price span.prc4 { margin-left:8px; }
#product_main .licence-box .time span.time2 { margin-left:2px; }
#product_main .licence-box .time span.time3 { margin-left:2px; }
#product_main .licence-box .time span.time4 { margin-left:2px; }
#product_main .licence-box .time span.green { color:#0BB94A; font-weight:bold;}
#product_main .licence-box .price span.green { color:#0BB94A; font-weight:bold;}
#product_main .licence-box .item:hover .stin, #product_main .licence-box .item.sel .stin { display:none;}
#product_main .licence-box .vysledek { float:right; margin:34px 45px 0 0; position:relative;}
#product_main .licence-box .but { background: url("bfw/product-information-classic/bg_button.jpg") no-repeat scroll 0 0 transparent; display:block; width:333px; height:61px; color:#666666;font-family:tahoma; font-weight:bold; padding:10px 35px; cursor:pointer;}
#product_main .licence-box .but .green { font-family:arial; color:#0BB94A; font-weight:bold; font-size:25px; display:inline-block; margin-right:10px; position:relative; top:-6px;}
#product_main .licence-box .but .total { font-family:tahoma; color:#0BB94A; font-weight:normal; font-size:50px; display:inline-block; margin-left:10px;}
#product_main .licence-box .but .for { position:relative; top:-10px;}
#product_main .licence-box .vysledek .sipka {  background: url("bfw/product-information-classic/sipka.jpg") no-repeat scroll 0 0 transparent;height: 28px;left: 52px;position: absolute;top: 86px;width: 58px;  }
#product_main .licence-box .vysledek .pink {    color: #FF0060;font-family: Tahoma;font-size: 20px;font-weight: bold;left: 138px;position: absolute;top: 92px; }
#product_main .licence-box a { text-decoration:none;}
#product_main .licence-box .special {     background: url("bfw/product-information-classic/special-discount.png") no-repeat scroll 0 0 transparent;display: block;height: 80px;left: 118px;position: absolute;top: -170px;width: 80px;   }
#product_main .licence-box .special.soon {     background: url("bfw/product-information-classic/discount3.png") no-repeat scroll 0 0 transparent;}
#product_main .tit01 { color:#0BB84A; font-size:20px; font-family:arial; }
#product_main .tit02 { color:#FF0060; font-size:14px; font-family:arial; font-weight:bold;}
#product_main .licence-box .bestseler {   background: url("bfw/product-information-classic/best.png") no-repeat scroll 0 0 transparent;display: block;height: 18px;left: 522px;margin-bottom: 5px;position: relative;width: 79px;}
#product_main .dropdown-menu { width:182px;}
#product_main .learn {display:block; background: url("bfw/product-information-classic/learn2.png") no-repeat scroll 0 0 transparent; width:700px; height:31px; float:left;  margin-left:170px;  margin-bottom:47px;}
#product_main .district {display:block; background: url("bfw/product-information-classic/district.jpg") no-repeat scroll 0 0 transparent;  width:309px; height:117px; margin-left:55px;float:left; margin-top:-4px; margin-bottom:20px;}
#product_main .twbootstrap { margin:10px;}
#product_main .save { display:block; text-align:center;  margin: 5px 0 25px; color:#FFCC00; font-family:tahoma; font-size:20px; font-weight: bold; text-shadow: 1px 1px 0 #000000; }
#product_main .save .bPrice { font-size:35px; }
#product_main .free .save { color:#000;}
#product_main .want { margin:10px; display:block; background: url("bfw/product-information-classic/want.png") no-repeat scroll 0 0 transparent; display:block; width:184px; height:45px; cursor:pointer;}
#product_main .free .want { background: url("bfw/product-information-classic/want2.png") no-repeat scroll 0 0 transparent; }
#product_main .btn-large { width:149px;}
#product_main .btn-large.dropdown-toggle { width:35px;}
#product_main_two .email {background: url("bfw/product-information-classic/maps.png") no-repeat scroll -557px -66px transparent;display: inline-block;height: 14px;margin: 0 5px;width: 23px;}
#product_main_two .tel {background: url("bfw/product-information-classic/maps.png") no-repeat scroll -588px -63px transparent;display: inline-block;height: 17px;margin: 0 5px;position: relative;top: 3px;width: 23px;}
#product_main_two .trial {background: url("bfw/home/trial2.png") no-repeat scroll 0 0 transparent;clear: left;display: block;height: 45px;margin: 20px 0 10px 311px;text-align: center;width: 368px;}
#product_main_two .trial:hover {background: url("bfw/home/trial2-hover.png") no-repeat scroll 0 0 transparent;}
#product_main_two p.green {display: block;font-family: tahoma;font-size: 20px;font-weight: bold;margin-bottom: 15px; float:left; color: #0BB94A; margin-top:10px; margin-left:30px;}
#product_main_two p.contact {  float: left;margin-left: 17px;margin-top: 10px;}
#product_main_two .avards { background: url("bfw/product-information-classic/avards.jpg") no-repeat scroll 0 0 transparent; width:108px; height:33px; display:block;  margin: 100px 0 10px 435px;}
#product_main_two .loga { background: url("bfw/product-information-classic/loga.jpg") no-repeat scroll 0 0 transparent; width:605px; height:42px; display:block;  margin: 12px 0 0 214px;}
#product_main .comm  {   background: url("bfw/product-information-classic/comming.png") no-repeat scroll 0 0 transparent;display: block;height: 93px;margin-left: -2px;position: absolute;top: 120px;width: 218px;}
#product_main .noslider .comm  { top:183px; }
#product_main .comming {  filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#product_main .comm.commsec { right:12px; background: url("bfw/product-information-classic/comming2.png") no-repeat scroll 0 0 transparent;}
#product_main .showMore {  background: url("bfw/product-information-classic/layerShow.png") no-repeat scroll 0 0 transparent;display: block;height: 22px; width:243px; clear:both; margin-left:380px; margin-bottom:20px; cursor:pointer;}
#product_main .layer { position:absolute; left: 0;margin: 0 auto;position: absolute;top: 21px;z-index: 1000; display:none;}
#product_main .noslider .layer { position:absolute; left: 0;margin: 0 auto;position: absolute;top: 12px;z-index: 1000; display:none;}
#product_main_two .twbootstrap.buttonFree {text-align: center; margin: 20px 0;}
#product_main_two .buttonFree a {display: inline-block;}
body.product {background: url("bfw/home/bg-main.jpg") repeat scroll 0 0 #FFFFFF; }



}
@media screen {
  
.twbootstrap .popover.top.marginLeft { margin-left:50px;}
#formSchoolBirthdayShop { display:none;}
.formSchoolLicence #formSchoolBirthdayShop { display:block; display: block;margin: 50px;width: 486px;}
#SchoolBirthdayShop h2 { font-family:arial; color:#00B153; font-size:30px; margin-bottom:0px; font-weight:normal; margin-top:-10px;}
#SchoolBirthdayShop .thank { color: #00B153;font-size: 16px;line-height: 33px;margin: 20px 0;}
#SchoolBirthdayShop hr { border-color: #C2C2C2 -moz-use-text-color #FFFFFF;border-style: solid none;border-width: 1px 0;height: 1px;margin: 10px 0;position: relative;top: 0;width: 455px; clear:left;}
#SchoolBirthdayShop p.title {color:#666666; font-family:Verdana; font-size:18px;}
#SchoolBirthdayShop form label { font-size:12px; font-family:verdana; color:#666666; margin-bottom:1px;}
#SchoolBirthdayShop .controls { margin:0px!important;}
#SchoolBirthdayShop .control-group { float:left; height:55px;}
#SchoolBirthdayShop .control-group.line .controls {  float:left; margin-left:10px!important;}
#SchoolBirthdayShop .control-group.fr { margin-left:88px;}
#SchoolBirthdayShop .control-group.line label{ float:left; font-weight: bold;margin-top: 4px;}
#SchoolBirthdayShop .control-group.line input { width:90px;}
#SchoolBirthdayShop .control-group input {   color: #666666;font-family: arial;font-weight: normal;margin-bottom: 1px;text-align: left;}
#SchoolBirthdayShop textarea {width:440px;}
#SchoolBirthdayShop label.checkbox {font-size:12px; color:#666666;}
#SchoolBirthdayShop input.big { width:323px;}
#SchoolBirthdayShop input.small { width:88px;}
#SchoolBirthdayShop #sendShop { float:right; margin-right:27px; margin-bottom:0px;}
#SchoolBirthdayShop .help-inline {display:block;}

}
@media screen {
  /* faculty-dialog for DA*/
#faculty-dialog .nadpis { color:#0BB94A; font-size:16px; font-family:arial; font-weight:bold; margin-bottom:10px; display:block;}
#faculty-dialog li { background: url("bfw/ok.jpg") no-repeat scroll 0 5px transparent; list-style-type:none; padding-left: 15px;}
#faculty-dialog li a { color:#999; font-family:Tahoma; font-size:13px; text-decoration:none; padding:5px 10px; }
#faculty-dialog li a:hover { border-radius:5px; background:#0081c1; color:#fff; font-weight:bold; }
#faculty-dialog select{ width:400px; display:block; margin-left:20px; margin-bottom:5px;}
#faculty-dialog input { width:385px; display:block; margin-left:20px; margin-bottom:5px; }
#faculty-dialog .small { display:block; margin-bottom:25px; color:#999; font-size:11px; margin-left:30px; }
.bottLinks { text-align:center;}
#goVerification { margin-left:10px; margin-bottom:20px; margin-top:10px;}
#loginVerification { margin-left:10px; margin-bottom:20px; margin-top:10px;}
.home .prelepka { background: url("bfw/glogs.png") no-repeat scroll 0px 0px transparent; width:139px; height:112px; display:block; position:absolute; right:20px;}
#faculty .home .box { top:80px; right:170px;}
#faculty .home .title { font-family:arial; color:#00B75B; font-weight:bold; font-size:16px; position:absolute; right:140px; top:20px;display:block; width:200px;}
#faculty .home .cena { width:220px;}

}
@media screen {
  
.helps { margin: 20px 0px; }
.helps .popover {display:block; float: left;position: relative;width: 980px; margin-bottom:40px; z-index:1;}
.helps .popover p { margin:10px 0px;}
.helps .popover .popover-title { text-align:left; font-weight:bold;}
.helps .popover .popover-title .showhelp, .helps .popover .popover-title .hidehelp { float:right; cursor:pointer;}
.helps .popover .engaged { text-align:center; color:#666; font-weight:bold; margin: 20px 0px;}
.helps .popover .engaged a { position:relative; top:8px; }
.helps .popover .it {  background: url("gfx/dashboard/it.jpg") no-repeat; display:inline-block; width:25px; height:26px; margin:0px 0px;}
.helps .popover .facebook {  background: url("gfx/dashboard/facebook.jpg") no-repeat; display:inline-block; width:23px; height:26px; margin:0px 0px;}
.helps .popover .twitter {  background: url("gfx/dashboard/twitter.jpg") no-repeat; display:inline-block; width:25px; height:26px; margin:0px 0px;}
.helps .popover .edmondo {  background: url("gfx/dashboard/edmondo.jpg") no-repeat; display:inline-block; width:24px; height:26px; margin:0px 0px;}
.helps .popover .video {  float: left;margin-bottom: 10px;margin-right: 30px;}
.jp-video ul{ clear:none;  position: static; }
.helps .popover .popover-content {display:none;}

}
@media screen {
  
#active-info { color: #FF0000; font-weight: bold; margin-top: 55px; width: 484px; }
#poster { border-radius: 10px; background:#e6e6e6; padding: 5px; position: absolute; z-index: 500; display:none; top:-90px;}
#poster .inside { border-radius: 10px; background:#f7f7f7; height: 655px; }
#poster .inside .left { float:left; width:453px; border-right: 1px solid #bdbdbd; padding:15px;}
#poster .inside .right { float:right; width:453px; padding:15px; }
#poster .inside .head {    height: 150px;text-align: left; background: url("gfx/layer-product/head.jpg") no-repeat center bottom; }
#poster .inside .head h3 { color: #0BB94A;float: left;font-family: Verdana,Arial,"Times New Roman";font-size: 30px;font-style: italic;font-weight: normal;margin: 10px 0;width: 280px; }
#poster .inside .head .title { font-size: 15px; font-family: Verdana, Arial, "Times New Roman"; color:#0bb94a; width: 280px; float: left; }
#poster .inside .green { color:#0bb94a; display:block; }
#poster .inside .box {background: #0bb94a; float:right; color: #fff; font-size: 12px; padding: 5px; border-radius: 5px; box-shadow: 1px 1px 1px 1px #c2c2c2; width: 100px; text-align:center; margin: 10px 0;}
#poster .inside .right .box { width: 130px; }
#poster .inside .box .big { font-size: 26px; font-weight: bold; display:block; }
#poster .inside .right .box { background: #3fd19a;}
#poster .inside .group { background: url("gfx/layer-product/single.jpg") no-repeat 93% center #dedede; float: right; padding: 10px 35px 10px 10px; color: #333333; font-weight: bold; text-transform: uppercase;  text-shadow: 1px 1px #FFFFFF; border-radius: 5px; font-size: 12px; clear:both;}
#poster .inside .right .group { background: url("gfx/layer-product/multi.jpg") no-repeat 96% center #dedede; padding: 10px 40px 10px 10px; clear:both; }
#poster .inside ul {margin: 0px; right: 0px;}
#poster .inside ul li {  background: url("gfx/layer-product/line.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);display: block;font-size: 14px;height: 48px;list-style-type: none;padding: 10px 0;text-transform: uppercase;}
#poster .inside ul li.last { background: none;}
#poster .inside ul li span { display: block;float: left;font-size: 18px;margin-left: 50px;text-align: right;width: 167px; }
#poster .inside ul li span.support {   float: right;font-size: 14px;margin: 0;width: auto;}
#poster .inside ul li span.num {  float: right;font-size: 33px;margin: 0 62px 0 48px; width: auto; }
#poster .inside ul li span.small {  display: inline-block;font-size: 14px;margin: 12px 10px 0 0;width: auto; }
#poster .inside .right ul li span.num  { margin:0px 40px;}
#poster .inside .right ul li span.link { text-align: left; padding: 8px;}
#poster .inside .right ul li span a { color: #333333;font-size: 18px;font-weight: bold;text-align: left;text-decoration: none;}
#poster .inside .right ul li span a:hover { text-decoration: underline;}
#poster .inside ul li img { margin: 0 92px;}
#poster .inside ul li.three span {   margin-top: -16px;}
#poster .inside ul li.last img {  margin: 15px 65px 0;}
#poster .sipkabot { position: absolute; background: url("gfx/layer-product/sipka.jpg") no-repeat; display:block; height: 21px; width: 28px; left:48.5%; }

}
@media screen {
  
#product_main .licence-box .item.free { background: url("bfw/product-information-classic/bgItemTopGrey.jpg");}
#product_main .licence-box .item.free .nadpis  { background: url("bfw/product-information-classic/bgItemTopGrey2.jpg");}
#product_main .licence-box .item.free .info  { background: url("bfw/product-information-classic/bgItemTopGrey2.jpg");}
.sendMeilPaypal {  display: block;height: 51px;position: absolute;width: 124px; z-index: 100; cursor:pointer; }

}
@media screen {
  
#postnewglogselect .carousel-control.right {right: -10px;}
#postnewglogselect .carousel-control { position: absolute; }
#postnewglogselect .carousel-control.left { left: -10px; }
#postnewglogselect .carousel-inner { margin: 45px 12px 0 12px;width: 935px; }
#postnewglogselect .twbootstrap .carousel-control { top: 42%; }
#postnewglogselect .creat {position: relative;}
#postnewglogselect .creat .start {background: url("gfx/bgStarting.png") repeat scroll 0 0 rgba(0, 0, 0, 0);color: #FFFFFF;display: inline-block;float: left;font-size: 16px;font-weight: bold;height: 0;position: absolute;text-align: center;top: 0;z-index: 100;}
#postnewglogselect .creat .title {background: url("gfx/starting.png") no-repeat scroll center center rgba(0, 0, 0, 0);display: inline-block;height: 100%;width: 100%;}
.contest_arrowdown{width: 980px;height: 115px;background: url("../images/contest_arrowdown.png") no-repeat;text-align: center;padding-top: 10px;font-size: 40px;position: relative;left: -20px;color: #333333;}
footer { background: url("bfw/footer.jpg") no-repeat scroll 0 0 transparent; margin:0 auto; width: 973px; height:56px; cursor: pointer; margin-bottom: 25px; }
.social .fb-like { float:left; margin-right: 10px;}
.centerdata .list .item { margin: 13px 0; }
.centerdata .list .item a.btn { background: #fff; padding: 10px 13px; border: 1px solid #d6d6d6; }
.centerdata .list .item a.first:hover, .centerdata .list .item a.dropdown-toggle:hover { background-color: #e6e6e6; }
.centerdata .list form {  margin-bottom:10px; }
.centerdata .list .item a.templates { position: relative; padding-left: 38px; }
.centerdata .list .templates .icon { background: url("bfw/edu-templates.png") no-repeat; width: 20px; height: 23px; display: inline-block; margin-right: 5px;position: absolute; left: 11px; top: 9px; }

}
@media screen {
  
.setline .btn-group { float: right; margin-top: 40px;}
.ui-tooltip { box-shadow: none;}
}
@media screen {
  #country .top {
    background: #eee;
  }
  #country .top.first {
    border-top: 1px solid #999;
    margin-top: 5px;
  }
  #country .top.last {
    border-bottom: 1px solid #999;
    margin-bottom: 5px;
  }
}
.tags-block {
  float: left;
  margin: 0 0 25px 0;
  max-width: 400px;
}
.tags-block:after {
  content: "";
  clear: both;
  display: table;
}
.tags-block h2 {
  margin: 0 0 10px 0;
}
.tags-block a {
  color: white;
}
.tags-block .tag {
  display: inline-block;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  width: auto;
  padding: 5px 10px;
  background-color: #5bb75b;
  color: #fff;
  margin: 5px 3px;
  border-radius: 10%;
}