/** OBECNY STYL PRO chybovou hlasku 404 - by David Alexa */
#error404 .graphics { border: 1px solid #ccc; -moz-box-shadow: 0px 0px 6px #dddddd; -o-box-shadow: 0px 0px 6px #dddddd; -webkit-box-shadow: 0px 0px 6px #dddddd; box-shadow: 0px 0px 6px #dddddd; behavior: url("/repository/sass/pie/PIE.php"); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url("/repository/sass/pie/PIE.php"); padding: 30px 40px 30px 445px; background: url("/repository/Navigator/images/error-page/error404.png") 10px 50% no-repeat white; color: #777; margin-bottom: 40px; min-height: 85px; }
#error404 .graphics h1 { display: none; }
#error404 .graphics p { font-size: 14px; line-height: 1.5em; }
#error404 .graphics strong { font-size: 1.1em; }
#error404 .error-title { clear: both; display: block; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 30px; text-align: center; font-weight: bold; margin: 0px 0px 40px 0px; }
#error404 .error-choices .error-choice { width: 44%; float: left; padding: 20px 2%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url("/repository/sass/pie/PIE.php"); border: 1px solid #ccc; margin: 0px 0px 40px 0px; background-color: white; background-color: rgba(255, 255, 255, 0.4); position: relative; font-family: Arial, Verdana, Tahoma, sans-serif; }
#error404 .error-choices .error-choice.second, #error404 .error-choices .error-choice.fourth { float: right; }
#error404 .error-choices .error-choice.third { clear: both; }
#error404 .error-choices .error-choice.third, #error404 .error-choices .error-choice.fourth { min-height: 138px; }
#error404 .error-choices .error-choice > strong { display: block; font-size: 20px; margin: 0px 0px 5px 55px; font-weight: normal; }
#error404 .error-choices .error-choice > p { margin: 0px; padding: 0px; margin-left: 55px; text-align: left; }
#error404 .error-choices .error-choice .error-number { font-size: 50px; line-height: 50px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; font-family: Arial, Verdana, Tahoma, sans-serif; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; width: 40px; height: 30px; position: absolute; left: 20px; margin-top: -3px; }
#error404 .error-search { margin-top: 15px; position: relative; width: 100%; border: 1px solid #bbb; border-bottom: 1px solid #555; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url("/repository/sass/pie/PIE.php"); background: #fafafa; background: -moz-linear-gradient(white, #fafafa); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #fafafa)); background: -webkit-linear-gradient(white, #fafafa); background: -ms-linear-gradient(white, #fafafa); background: -o-linear-gradient(white, #fafafa); background: linear, white, #fafafa; -pie-background: linear, white, #fafafa; behavior: url("/repository/sass/pie/PIE.php"); overflow: hidden; }
#error404 .error-search fieldset { padding: 0px; border: 0px none; background: transparent; }
#error404 .error-search input, #error404 .error-search input[type="text"] { background: transparent; border: 0px none; }
#error404 .error-search .text { color: #444; display: block; width: 85%; margin-left: 3%; margin: 0px 12% 0px 3%; height: 30px; line-height: 30px; background: transparent; }
#error404 .error-search .search-submit { border: 0px none; padding: 0px; border-left: 1px solid #999; margin: 1px 0px 0px 0px; width: 36px; height: 32px; background: url("/repository/Navigator/images/error-page/search20.png") center center no-repeat #dddddd; position: absolute; right: 0px; top: -1px; }
#error404 .error-search .search-submit:hover { background-color: #bbb; }
#error404 #frontend-site-map { -webkit-columns: 3 8em; -moz-columns: 3 8em; columns: 3 8em; -webkit-column-rule: 1px solid #cccccc; -moz-column-rule: 1px solid #cccccc; column-rule: 1px solid #cccccc; }
#error404 #frontend-site-map > ul { list-style: none; }
#error404 #frontend-site-map > ul > li > a { font-size: 1.1em; font-weight: bold; }
#error404 #frontend-site-map > ul ul { list-style: decimal-leading-zero; }
#error404 #frontend-site-map > ul ul ul { list-style: decimal; }
#error404 #frontend-site-map > ul ul ul ul { list-style: lower-latin; }
#error404 #frontend-site-map > ul ul ul ul ul { list-style: lower-greek; }
#error404 ul, #error404 ol { margin: 0px 0px 15px 25px; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 700px) { #error404 .graphics { -webkit-background-size: 40%; -moz-background-size: 40%; -ms-background-size: 40%; -o-background-size: 40%; background-size: 40%; padding: 10px 20px 10px 50%; min-height: 100%; }
  #error404 .graphics p { text-align: left; }
  #error404 .error-title { margin-bottom: 15px; }
  #error404 .error-choices { margin-bottom: 15px; }
  #error404 .error-choices .error-choice { width: 100%; float: none; margin: 0px auto 10px auto; }
  #error404 .error-choices .error-choice.third, #error404 .error-choices .error-choice.fourth { min-height: 0px; }
  #error404 .error-choices .error-choice:nth-child(odd) { margin-left: auto; }
  #error404 .error-choices .error-choice > strong { margin-left: 25px; margin-top: 0px; }
  #error404 .error-choices .error-choice > p { margin-left: 25px; }
  #error404 .error-choices .error-choice .error-number { font-size: 30px; line-height: 30px; width: 25px; height: 20px; left: 10px; margin-top: -10px; }
  #error404 #frontend-site-map { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
  #error404 ul, #error404 ol { margin: 0px 0px 1em 15px; } }
