/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body{
  background: #999999;
  font-size:11px;
  font-family: verdana,arial,sans-serif;
  padding:0;
  margin:0;
  border:0;
  line-height:1.4;
}
div#page{
  margin: 0px auto;
  width: 1020px;
}

div#header{
  margin: 10px auto 0px auto;
  width: 1000px;
  border: 10px solid white;
  background: #ffffff;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}
div#head-img{
  width: 1000px;
  position: absolute;
  height: 150px;
  background: url('/pictures/img_logo.png') no-repeat;
  margin: 0px;
  @background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pictures/img_logo.png', sizingMethod='scale');
}
div#head-portret{
  width: 100px;
  position: absolute;
  height: 150px;
  background: url('/pictures/students/valeni.png') no-repeat;
  background-position: 98% 0%;
  margin-left: 880px;
  @background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pictures/students/valeni.png', sizingMethod='scale');
}
div#head{
  width: 1000px;
  height: 150px;
  background: #000000;
}
div#container{
  margin: 0px auto;
  clear: both;
  padding: 0px;
  width: 800px;
}
div#containerinside{
  background: #ffffff;
  width: 800px;
  border: 10px solid #fff;
  margin: 0px;
  padding: 0px;
  float: left;
  margin-left: -20px;}
div#text{
  min-height: 150px;  padding: 15px;
  _padding: 20px 40px;
}

h1, h2, h3, h4{
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 5px 5px 5px 0px;
  margin: 5px 0px;
  line-height: 1.0em;
  font-weight: bolder;
}
h1{
  color: #000000;
  font-size: 2.1em;
  margin-top: -15px;
  border: 1px solid #000000;
  border-top: 0px;
  border-right: 0px;
  padding: 5px 0px 10px 10px;
}
h2{
  color: #000000;
  font-size: 1.7em;
}
h3{
  color: #000000;
  font-size: 1.4em;
  font-family: arial, helvetica, sans-serif;
}
h4{
  color: #000000;
  font-size: 1.2em;
  font-family: arial, helvetica, sans-serif;
}
p{
  margin: 5px 0px;
}
.center{
  text-align: center;
  margin: 0 auto;
}
.bigger{
  font-size: 1.3em;
}
.indent{
  text-indent: 2.0em;
}

hr{
  width: 99%;
  color: #ff8c00;
}

div#loginmenu{
  display: none;
  width: 100px;
  background: #fff;
  float: left;
  padding: 20px;
  margin-top: 20px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topright: 15px;
}
div#loginmenu h3{
  margin: -5px -15px;
  line-height: 22px;
  padding: 5px;
  border: 1px solid #000000;
  border-top: 0px;
  border-right: 0px;
}
#loginmenu ul{
  margin: 15px 0px 0px 0px;
  padding: 0px;
}
#loginmenu li{
  margin: 20px 0px;
  list-style-image: none;
}
#loginmenu li.active{
  list-style-image: url("/pictures/img_liststyle.png");
}
#loginmenu a.active:link, #loginmenu a.active:visited{
  font-weight: bolder;
  text-decoration: none;
  color: #ff8c00;
}
#loginmenu a.active:hover{
  text-decoration: underline;
  color: #000000;
}

div#footer{
  clear: both;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
  font-family: arial;
  height: 10px;
  padding: 0px;
}
div#bottom{
  width: 800px;
  margin: 0px auto;
}

div.tool{
  background: #ffffff;
  float: right;
  margin-right: 15px;
  padding-top: 5px;
  line-height: 1em;
  border: 10px solid #ffffff;
  border-top: 0px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}

a.link:link, a.link:visited{
  font-weight: bolder;
  text-decoration: none;
  color: #000000;
}
a.link:hover{
  text-decoration: underline;
  color: #ff8c00;
}

ul{
  margin: 15px 0px 15px 30px;
}
li{
  list-style-type: none;
}

p img{
  margin-bottom: -10px;
}

p.form{
  margin: 6px 0px 0px 0px;
  line-height: 17px;
  padding: 0px;
  font-weight: bolder;
}

/* Informace uživateli */
div.error{
  background: url('/pictures/div_triangle.png') no-repeat;
}
div.info{
  background: url('/pictures/div_info.png') no-repeat;
}
div.help{
  background: url('/pictures/div_help.png') no-repeat;
}
div.error, div.info, div.help{
  width: 90%;
  clear: both;
  line-height: 15px;
  font-weight: bolder;
  padding: 5px 35px;
  background-position: center left;
  margin: 10px auto;
}

/* Popup okna */
div#fade{
  position: absolute;
  width: 100%;
  z-index: 75;
  height: 100px;
  background: #000;
  opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; // first!
	filter: alpha(opacity=75);
  top: 0px;
  left: 0px;
  display: none;
}
#space{
  margin: 10px;
  clear: both;
  width: 1px;
  height: 1px;
}
div.popup{
  position:absolute;
   left: 450px; top:215px;
  width: 500px;
  margin: 0 auto;
  background: #fff;
  color: #000;
  z-index:1000;
  border: 3px solid #000000;
  display: none;
}
div.headPopup{
  height: 20px;
  background: #000000;
  color: #ffffff;
  font-weight: bolder;
  padding: 5px;
}
div.textPopup{
  padding: 10px 20px;
}
a.cancelLink:link, a.cancelLink:visited{
  width: 20px;
  height: 20px;
  float: right;
  background: url('/pictures/div_cancel.png') no-repeat;
}
a.cancelLink:hover{
  background: url('/pictures/div_cancel_hover.png') no-repeat;
}

div.mouseUp{
  border: 3px solid #000000;
  min-width: 275px;
  max-width: 500px;
  position: absolute;
  background: #fff;
  display: none;
}
div.mouseUp .head{
  background: #ff8c00;
  color: #ffffff;
  padding: 2px 10px;
  font-style: normal;
  font-weight: bolder;
  clear: both;
}
div.mouseUp p{
  font-style: italic;
  font-weight: normal;
  padding: 2px 10px;
}
div.mouseUp span.date{
  float: right;
  font-weight: normal;
}
div.mouseUp span.type{
}
div.mouseUp span.autor{
  font-style: normal;
  font-weight: bolder;
}

/* Nastavení barev - čtverečky */
div.colorChange{
  margin: 10px 0px 0px 3px;
  float: left;
}
div.colorBlue{background: #3B5998;}
div.colorRed{background: #CD3736;}
div.colorGreen{background: #005300;}
div.colorYellow{background: #B67C33;}
div.colorPurple{background: #8C5997;}
a.colorChange{
  height: 10px;
  width: 10px;
  display: block;
}

div.colorSquare{
  width: 10px;
  height: 10px;
  margin: 0px 2px;
  padding: 0px;
}
.spanWarning{
  font-weight: bolder;
  font-size: 0.8em;
}

/* Malý rozcestník */
ul.smallMenu{
  margin: 10px 0px 10px 60px;
}
ul.smallMenu li{
  padding: 2px;
  line-height: 20px;
  border: 1px solid #000000;
  width: 20em;
  text-align: center;
  margin: 4px;
}

ul.smallMenu a{
  display: block;
}

/*  Formy - CSS Framework 0.8   */
fieldset{margin: 0 0 0.5em 0; padding: 0.5em 1.4em;}
legend{padding: 0 .4em; font-size:1.2em;}
label{float:left; width:12em; display:block; clear:left; margin-right:1em; text-align:left; cursor:hand; line-height: 17px;}
textarea, input, select, label, button, optgroup{margin-top:5px; line-height: 18px;}
input[type="checkbox"] ,input[type="radio"]{margin:10px 0px;}

fieldset{border:1px solid #ff8c00;}
legend{background-color: #ff8c00; color: #ffffff;}
label{text-align:right; color:#333;}
textarea{border: 1px solid #000000; width: 18em; height: 7em;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {border: 1px solid 000000; background: #ff8c00; color: #ffffff;}
select{background-color: #fff; color: #000;}
input[type="text"], input[type="password"]{border: 1px solid #000000;}
input[type="submit"], input[type="button"]{background-color: #ff8c00; color: #ffffff;}
input[type="checkbox"]{color: #000;}
input[type="radio"]{background-color: #fff; color: #000;}
option{background-color:#fff; color:#000;}
optgroup{background-color:#000000; color:#ffffff;}
button{background-color: #ccc; color: #333;}

/* Literární témata */
.temaText{
  text-align: justify;
  font-size: 1em;
  margin: 10px 0px 5px 50px;
}
.temaAutor{
  text-align: right;
  font-style: italic;
  font-size: 1em;
  margin-right: 15px;
}

/* Fotogalerie */
#smallPhotos{text-align: center;}
div.smallPhotosDisplayed{display: block;}
div.smallPhotosHidden{display: none;}

#smallPhotos img{
  float: none;
  height: 90px;
  margin: 2px 10px;
  border: 4px solid #000000;
}
#smallPhotos img:link, #smallPhotos img:visited{
  line-height: 10px;
  display: block;  float: none;
  border: 4px solid #000000;
}
#smallPhotos img:hover{
  border: 4px solid #ff8c00;
}
#smallPhotos img.active:link, #smallPhotos img.active{
  border: 4px solid #ff8c00;
}
#smallPhotos img.active:hover{
  border: 4px solid #000000;
}

div#photoBig, div#loading{
  text-align: center;
  margin: 0px auto;
  padding: 10px;
  color: white;
}
div#photoBig img{
  border: 5px solid #000;
  margin: 0px auto;
  max-height: 480px;
}

div#photosNavigation{
  text-align: right;
  font-weight: bolder;
  margin: 0px 5em 10px 0px;
}
div#photosNavigation span.pages{
  float: left;
  margin-left: 5em;
}
#photosNavigation a.active:link, #photosNavigation a.active:visited{
  color: #000;
  text-decoration: underline;
  font-size: 1.25em;
}
#photosNavigation a.active:hover{
  color: #000000;
  text-decoration: none;
}

#photosNavigation a:link, #photosNavigation a:visited{
  color: #000000;
  text-decoration: none;
}
#photosNavigation a:hover{
  color: #ff8c00;
  text-decoration: underline;
}

/* Tabulky */

table{
  margin: 10px auto;
  border-collapse: collapse;
}
th{
}
td{
}


table#timeTable{
  width: 95%;
}
table#timeTable th{
  background: #000000;
  color: #ffffff;
  font-weight: bolder;
  text-align: center;
  height: 25px;
  padding: 5px;
  border: 1px solid #ff8c00;
}
table#timeTable td{
  text-align: center;
  padding: 5px;
  border: 1px solid #ff8c00;
}
table#timeTable td.highlight{
  color: #ffffff;
  background: #ff8c00;
}
table#changes{
}
table#changes th{
  background: #000000;
  color: #ffffff;
  font-weight: bolder;
  text-align: center;
  padding: 5px;
  border: 1px solid #fff;
}
table#changes td{
  text-align: center;
  background: #ddd;
  width: 25px;
  height: 25px;
  border: 1px solid #fff;
}
table#changes td.anotherMonth{
  color: #000000;
}
table#changes td.weekend{
  color: #000000;
  background: #bbb;
}
table#changes td.holydays{
  color: #000000;
  background: #aaa;
}
table#changes td.instruktaz{
  padding: 5px;
}
table#changes td.today{
  padding: 0px;
  border: 2px solid black;
  background: white;
  font-weight: bolder;
}
table#changes a:link, table#changes a:visited{
  background: #ff8c00;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 5px;
}
table#changes a:hover{
  background: #000000;
  color: #ffffff;
}

table#changes td.today a:link, table#changes td.today a:visited{
  background: #fff;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 5px;
}
table#changes td.today a:hover{
  background: #000000;
  color: #ffffff;
}

table#changes th a.zmenaMesice:link, table#changes th a.zmenaMesice:visited{
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  display: inline;
  padding: 5px;
}
table#changes th a.zmenaMesice:hover{
  background: #ff8c00;
  color: #ffffff;
}

table#upload{
  width: 100%;
}
table#upload th{
  background: #000000;
  color: #ffffff;
  font-weight: bolder;
  text-align: center;
  padding: 5px;
}
table#upload tr{
  border-bottom: 1px solid #000000;
}
table#upload td{
  margin: 5px;
  padding: 2px;
  line-height: 20px;
}
table#upload td img{
  height: 64px;
  margin-top: 5px;
}
table#upload a:link, table#upload a:visited{
  color: #000;
  display: block;
  text-decoration: underline;
  padding: 10px 5px 5px 15px;
}
table#upload a:hover{
  color: #ffffff;
  background: #ff8c00;
  font-style: italic;
}
table#upload tr.jsactive{
  background: #ff8c00;
  color: #ffffff;
  cursor: pointer;
}
table#upload .jsactive a:link, table#upload .jsactive a:visited{
  color: #ffffff;
}
table#upload p{
  padding: 0px 5px 5px 15px;
  font-size: 0.9em;
  font-style: italic;
  width: 350px;
  margin: 0px;
  text-align: justify;
}
table#upload p span{
  font-weight: bolder;
  font-style: normal;
}

table#stats{
  width: 100%;
}
table#stats tr{
  background: #000000;
  color: #ffffff;
//  background: #ff8c00;
//  color: #ffffff;
}
table#stats tr.st{
  background: none;
  color: black;
}
table#stats th{
  font-weight: bolder;
  width: 50%;
  text-align: left;
  padding: 10px 2em;
}
table#stats td{
  width: 50%;
  text-align: center;
}


/* Guestbook */
.gReply{
  margin: 10px;
  padding: 5px;
  border: 1px solid #000000;
}

.gReply .rHead{
  padding: 2px 10px 2px 10px;
}
.odsadit{margin-left: 42px;}
.rHeadNormal{
  background: #000000;
  color: #ffffff;
}
.rHeadActive{
  background: #ff8c00;
  color: #ffffff;
}
.gReply .rHead span.nick{
  font-weight: bolder;
}
.gReply .rHead span.web{
  font-style: italic;
  font-size: 0.78em;
}

.gReply .rHeadNormal .web a:link, .gReply .rHeadNormal .web a:visited{
  color: #ffffff;
  text-decoration: none;
}
.gReply .rHeadNormal .web a:hover{
  text-decoration: underline;
}

.gReply .rHeadActive .web a:link, .gReply .rHeadActive .web a:visited{
  color: #ffffff;
  text-decoration: none;
}
.gReply .rHeadActive .web a:hover{
  text-decoration: underline;
}

.gReply .rHead span.date{
  float: right;
  font-style: italic;
}

.gReply .rText{
  padding: 5px;
  overflow: auto;
  line-height: 2em;
}
.gReply .rText img{
  margin-bottom: -7px;
}
.gReply .comment{
  text-align: right;
  margin: -10px 0px -5px 0px;
  font-size: 0.9em;
  padding: 1px;
}

.gReply .comment a:link, .gReply .comment a:visited{
  color: #ff8c00;
  text-decoration: none;
}

.gReply .comment a:hover{
  color: #000000;
  text-decoration: underline;
}

.replyArea{
  margin: 10px 20px;
  padding: 5px;
  border: 1px solid #ff8c00;
  overflow: auto;
}
.replyArea span{
  font-weight: bolder;
}

.gReply .photo{
  float: left;

  padding: 3px;
  margin: -3px 5px 0px -3px;
}
.gReply .photo img{
  height: 50px;
}
#smileys{
  margin: 10px auto;
  width: 350px;
}
#smileys1, #smileys2{
  float: right;
  width: 300px;
}
#smileys, #smileys2{
  display: none;
}
#smileysLink{
  float: left;
  line-height: 30px;
  width: 50px;
  text-align: center;
}

/* News */
div.news, div.jsNewsActive{
  border: 1px solid black;
  padding:5px;
  margin: 10px 0px;
  min-height: 60px;
}
div.news div.photo, div.jsNewsActive div.photo{float: left;}
div.news div.photo img, div.jsNewsActive div.photo img{height: 60px;}

div.news div.head, div.jsNewsActive div.head{
  background: black;
  color: white;
  font-style: italic;
  font-weight: normal;
  margin-left: 48px;
  padding: 2px 10px;
}
div.news div.head span.nick, div.jsNewsActive div.head span.nick{
  font-weight: bolder;
  font-style: normal;
}
div.news div.head .date, div.jsNewsActive div.head .date{
  float: right;
}
div.news p, div.jsNewsActive p{padding: 2px 10px 2px 55px;}




div.news{border: 1px solid #000000;}
div.news div.head{
  background: #000000;
  color: #ffffff;
}
div.news p{color: black;}
div.jsNewsActive{
  background: #000000;
  border: 1px solid #000000;
  cursor: pointer;
}
div.jsNewsActive div.head{
  background: #ff8c00;
  color: #ffffff;
}
div.jsNewsActive p{color: #ffffff;}