@charset "utf-8";
/* CSS Document */

/* font declarations (CSS3) */
@font-face { font-family: saucy; src: url('/parts/fonts/osifont.ttf'),url('/parts/fonts/saucy.otf'); /* IE9+ */ }
@font-face { font-family: TeX; src: url('/parts/fonts/texgyreadventor-regular.otf'); }
@font-face { font-family: TeX; font-weight: bold; src: url('/parts/fonts/texgyreadventor-bold.otf'); }
@font-face { font-family: Xenippa; src: url('/parts/fonts/xenippa1.ttf'); }
@font-face { font-family: spraypaint; font-weight: bold; src: url('/parts/fonts/spraypaint.ttf'); }

/* body */
body { margin: 0; padding: 0; color: white; background-color: #000; font-family: Arial; font-size: 12px; }
body, html {height: 100%;}

/* html marks global styling */
p { font-family: Georgia; }
img { border: 0; }

#outer {overflow: hidden; position: relative; width: 100%; height: 100%; }
#outer[id] {display: table; position: static;}
#middle { position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner { box-shadow: 0px 0px 30px white; position: relative; top: -50%; text-align: left;} /* for explorer only */
#inner { padding-top: 50px; background-position: center center; background-image: url("/images/background.jpg"); background-repeat: no-repeat; margin-left: auto; width: 950px; height: 570px; margin-right: auto; border-radius: 20px; } /* for all browsers*/

/* left and right shadow */
#shadow { position: fixed; width: 100%; height: 2000px; left: 0; top: 0; z-index: -101; box-shadow: inset 1px -50px 50px lightgrey; }

/* menu */
#menu { position: relative; opacity: 0.5; background-color: black; padding-bottom: 10px; padding-top: 10px; text-align: right; padding-right: 20px; margin-bottom: 50px; box-shadow: 0 0 20px white; }
#menu h1 { text-shadow: 0 0 10px white; font-family: Xenippa; font-size: 33px; float: left; padding: 0; margin: 0; margin-left: 50px; margin-top: -6px; }
#menu h1 a { text-decoration: none; color: white; }
#menu h1 a:hover { color: lightgrey; }
#menu ul { display: inline; }
#menu ul li { display: inline; }
#menu ul li a { font-family: spraypaint; font-weight: bold; font-size: 23px; padding-left: 10px; padding-right: 10px; color: white; text-decoration: none; border-radius: 20px; margin-left: 4px; margin-right: 4px; }
#menu ul li a:hover, #menu ul li a.active { padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 6px; background-color: lightgrey; color: black; box-shadow: 0 0 20px white; } 

/* footer */
#footer { position: relative; opacity: 0.5; background-color: black; margin-top: 50px; padding-bottom: 10px; padding-top: 10px; text-align: right; padding-right: 50px; box-shadow: 0 0 20px white; padding-left: 30px; padding-right: 50px; }
#footer a { font-family: spraypaint; font-weight: bold; font-size: 17px; padding: 10px; color: white; text-decoration: none; border-radius: 20px; margin-left: 7px; margin-right: 7px; }
#footer a:hover, #footer a.active { padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 6px; background-color: lightgrey; color: black; box-shadow: 0 0 20px white; } 
#footer .footer .left { float: left; }
#footer .footer .right { float: right; }

#info { color: lightgrey; text-align: center; width: 100%; margin-top: 15px; font-size: 11px; }

/* wrap */
#wrap { box-shadow: 0 0 30px white; border-radius: 30px; overflow: hidden; height: 300px; opacity: 0.6; background-color: black; padding: 20px; width: 700px; margin-left: auto; margin-right: auto; z-index: 98; color: white; }
#wrap h2 { display: none; font-family: spraypaint; font-size: 30px; text-align: center; padding: 0; margin: 0; margin-top: 5px; color: #FFF; }
#wrap h2 a { color: #FFF; text-decoration: none; }
#wrap form.test h3 { font-family: spraypaint; font-size: 30px; text-align: center; padding: 0; margin: 0; margin-top: 5px; color: #FFF; margin-bottom: 15px; } 
#wrap form.test { text-align: center; }
#wrap form.test input[type=button] { background-color: transparent; border: 0; color: white; text-align: center; font-family: spraypaint; font-size: 20px; cursor: pointer; margin-bottom: 7px; }
#wrap form.test input[type=button]:hover { color: red; }
#wrap form.test table { width: 300px; margin-left: auto; margin-right: auto; }
#wrap form.test.kod input[type=text] { text-align: center; border-radius: 20px; background-color: white; opacity: 0.5; color: black; border: 2px solid black; font-size: 20px; padding-left: 10px; padding-right: 10px; width: 70px;font-family: spraypaint;}
#wrap form.test.kod input[type=text]:hover { opacity: 0.9; }
#wrap form.test.kod input[type=submit] { text-align: center; border-radius: 20px; background-color: white; opacity: 0.5; cursor: pointer; color: black; border: 2px solid black; font-size: 30px; font-weight: bold; padding-left: 20px; padding-right: 20px; margin-top: 7px; font-family: spraypaint; }
#wrap form.test.kod input[type=submit]:hover { opacity: 0.9; }
#wrap p { font-family: Tahoma; font-size: 13px; }
#wrap a { color: white; }
#wrap a:hover { text-decoration: none; }
#wrap.admin { overflow: auto; }
#wrap .start { text-decoration: none; color: white; }
#wrap .start .start_test { font-family:spraypaint; text-decoration: none; text-shadow: 0 0 10px lightgrey; }
#wrap .start .start_test:hover { text-shadow: 0 0 15px white; }
#wrap div.vysledek h2 { display: block; }
#wrap div.vysledek p { text-align: justify; }

/* you are here */
#youarehere { position: absolute; bottom: 0; right: 0; display: none; }


/* content 404 page with dead fly */
#page.other.error404 p { font-size: 17px; margin-right: 25px; }
#page.other.error404 table { margin-left: 200px; border-collapse: collapse; width: 500px; font-size: 10px; }
#page.other.error404 table th { width: 100px; color: lightgrey; /* border-bottom: 1px solid #F7EFEF; */}
#page.other.error404 table td {/* border-bottom: 1px solid #F7EFEF; */}
#page.other.error404 h2 { display: block; color: #FFF; }
#page.other.error404 h3 { margin-top: 15px; color: #FFF; }

/* tags (keywords) */
#tags { margin-left: auto; margin-right: auto; background-image: url('/images/background_text.png'); border-radius: 0px; box-shadow: 0 0 10px lightgrey; padding: 10px; width: 900px; text-align: justify; margin-bottom: 20px;display: none; }
#tags h3 { display: none; }

/* administration */
#page.main .right .box.admin { background-image: url("/images/contact_button_bg_admin_hover.png"); }
#page.main .right .box.admin h3 { color: red; }
#page.main .right .box.admin a { color: red; }
#page.main .right .box.admin a:hover { color: black; }

#wrap .left h2, #wrap .left h3 { color: red; margin-left: 10px; }
#wrap .left input[type=text], #wrap .left input[type=password] { border: 1px solid gray; padding: 3px; }
#wrap .left input[type=text]:hover, #wrap .left input[type=password]:hover { background-color: #E7FFD9; }
#wrap .left button, #wrap .left input[type=button], #wrap .left input[type=submit] { border: 1px solid gray; cursor: pointer; background-color: #DCFFC0; }
#wrap .left button:hover, #wrap .left input[type=button]:hover, #wrap .left input[type=submit]:hover { background-color: #9CC739; }
#wrap .left button.delete, #wrap .left input[type=button].delete { background-color: pink; }
#wrap .left button.delete:hover, #wrap .left input[type=button].delete:hover { background-color: red; color: black; }
#wrap .left button.disabled, #wrap .left input[type=button].disabled { background-color: lightgrey; color: gray; }
#wrap .left select { border: 1px solid gray; }
#wrap .left textarea { border: 1px solid gray; }

#share .top { position: absolute; right: 20px; top: 15px; }
#share .top .like { opacity: 0.5; }
#share .top .like:hover { opacity: 1; }
#share .top .like a { visibility: hidden; }
#share .left { position: absolute; left: 20px; top: 165px; }
#share .light_on img { opacity: 0.8; }
#share .right { position: absolute; right: 20px; top: 165px; }
#share .result_text { position: absolute; bottom: 93px; width: 100%; text-align: center; color: red; text-shadow: 0 0 3px red; font-size: 18px; background-color: black; opacity: 0.6; padding-top: 2px; padding-bottom: 2px; }
#share img { display: block; margin-bottom: 60px; opacity: 0.5; }
#share img:hover { opacity: 0.9; }
 
#wrap.admin table a { color: black; }
#wrap.admin table { color: black; }
#wrap.admin .menu { text-align: center; }
#wrap.admin h2 { display: block; }
.admin_table { border-collapse: collapse; width: 100%; }
.admin_table th { border-bottom: 1px solid gray; padding: 5px; text-align: left; }
.admin_table td { border-bottom: 1px solid gray; padding: 5px; }
.admin_table input[type=text], .admin_table input[type=password] { width: 300px; }
.admin_table .last { border-bottom: 0; text-align: right; }

.admin_table_list { border-collapse: collapse; width: 100%; }
.admin_table_list th { border: 1px solid gray; padding: 5px; text-align: center; }
.admin_table_list td { border: 1px solid gray; padding: 5px; }
.admin_table_list button { margin-top: 5px; margin-bottom: 5px; }

.admin_table_add { border-collapse: collapse; width: 100%; }
.admin_table_add th { border: 1px solid gray; padding: 5px; text-align: left; }
.admin_table_add td { border: 1px solid gray; padding: 5px; }
.admin_table_add textarea { width: 100%; height: 150px; }
.admin_table_add input[type=radio] { width: auto; }

.admin_table_noborder, .admin_table_noborder tr, .admin_table_noborder th, .admin_table_noborder td { border: 0; }

button.disabled { background-color: lightgrey; color: gray; }
button.disabled:hover { color: gray; }

/* mysql error styles */
#mysql { font-family: Arial; }
#mysql .header { display: block; text-align: center; color: #007184; text-decoration: none; }
#mysql .obsah { margin-left: auto; margin-right: auto; width: 700px; padding-left: 20px; padding-right: 20px; border: 1px solid gray; }
#mysql .obsah p { text-align: justify; }
#mysql .obsah h2 { text-align: center; color: #007184; }
#mysql .obsah th { text-align: left; color: #007184; }

/* other classes */
.clear { clear: both; }
.nodisplay { display: none; }
.color_red { color: red; }
.align_left { text-align: left; }
.align_right, #page .align_right { text-align: right; }
.align_center { text-align: center; }
.style_bold { font-weight: bold; }
.float_right { float: right; }

#box_iris { display: none; position: fixed; top: 0; left: 0; background-color: black; filter:alpha(opacity=60); opacity: 0.6; width: 100%; height: 100%; z-index: 98; }
#box { box-shadow: 0 0 20px white; opacity: 0.9; width: 500px; background-color: lightgrey; display: none; padding: 10px; border: 5px solid gray; border-radius: 20px; z-index: 99; }
#box_inline { position: relative; }
#box_inline .drag_handle { cursor: move; }
#box_inline .close { position: absolute; right: 0px; top: -5px; background-color: #FFF; background-image: url("/images/delete_comment.png"); height: 17px; cursor: pointer; font-size: 14px; border: 1px solid #FF9C00; padding: 1px; padding-left: 23px; padding-right: 7px; padding-top: 1px; color: black; -moz-border-radius: 20px; background-repeat: no-repeat; background-position: 4px 2px; filter:alpha(opacity=60); opacity: 0.6; }
#box_inline h3 { color: black; text-align: center; font-size: 30px; margin-top: 3px; padding: 0; margin-bottom: 0px; background-color: inherit; }
#box_inline .content { color: black; margin-top: 10px; margin-bottom: 10px; }
#box_inline table { width: 100%; color: black; border-collapse: collapse; }
#box_inline table th { text-align: right; font-weight: bold; font-size: 20px; color: gray; }
#box_inline table td { }
#box_inline table td input { border-radius: 10px; border: 1px solid gray; font-size: 20px; padding-left: 10px; padding-right: 10px; }
#box_inline table td.buttons { padding-top: 8px; text-align: center; }
#box_inline table td.buttons input { margin-right: 5px; margin-left: 5px; cursor: pointer; background-color: lightgrey; }
#box_inline table td.buttons input:hover { background-color: white; }