/*
Design by David B�hal. Changed and mixet few templates from Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* General */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #322d29 url('../img/pozadie.png');
	color: #333333;
}

h1, h2, h3 {
	margin: 0;
	color: #AD1112;
}

h3 {
	font-size: 1em;
}

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.65em;
	text-align: justify;
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	font-style: italic;
}

ul {
	margin-left: 3em;
}

ol {
	margin-left: 3em;
}

a {
	/*text-decoration: underline;*/
	color: #AD1112;
}

a:hover {
	text-decoration: none;
	color: #E58C24;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}

/* Main Design */

/* Header */

#header {
	width: 920px;
	height: 120px;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	background: #AD1011 url('../img/pozadie_top.png') no-repeat top;
}

/* Header > Logo */

#logo {
	float: left;
	width: 240px;
	height: 100px;
}

#logo h1 {
	float: left;
	margin: 0;
	padding: 0px 0 0 0;
	font-size: 2.6em;
}

#logo h2 {
	float: left;
	margin-top: -5px;
	font-size: 1em;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Header > Menu */

#menu {
	float: right;
	/*width: 640px;*/
	height: 40px;
	padding: 79px 0px 0px 0px;	
}

#menu ul {
	/*width: 636px;*/
	height: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
	/*border: 1px solid green;*/
}

#menu li {
	display: inline;
  float: right;
  background: #AD1011 url('../img/menu_button.png') repeat-x;	
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 8px 20px 0 19px;
	background: url('../img/menu_predel.png') no-repeat;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	/*border: 1px solid yellow;*/
}

/* Content */

#content {
	width: 920px;
	margin: 0 auto;
	padding: 10px;
  background: #322d29 url('../img/pozadie.png');
  /*border: 1px solid red;*/ 	
}

/* Content > Main */

#main {
	float: left;
	width: 490px;
	padding-bottom: 15px;
  margin: 0px 15px 0px 15px;  	
  /*background: #FFFFFF;*/
}

/* Content > Main > Middle */

.middle {
  margin-bottom: 10px;
  background: #FFFFFF;  
}

.middle .title {
	background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #AD1011;
}

.middle .title span {
	display: block;
	height: 28px;
	padding: 12px 0 0 20px;
}

.middle .meta {
	clear: both;
}

.middle .meta p {
	margin: 0;
	padding: 10px 20px 40px 20px;
	border-top: 1px dotted #CCCCCC;
	line-height: normal;
	font-size: x-small;
}

.middle .middle_content {
	padding: 20px;
	border-top: 1px solid #FFFFFF;
	/*background: url('../img/pozadie_box.gif') repeat-x;*/
}

/* Content > Left */

#left {
	float: left;
	width: 220px;
	/*margin-right: 10px;*/
	/*border: 1px solid blue;*/
	/*border: 1px solid blue;*/
}

#left a {
	color: #3699E4;
}

#left ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font-size: 92%;
}

#left ul li {
	padding: 5px 14px;
	background: url('../img/sipka.gif') no-repeat 0px 12px;
	border-top: 1px solid #0B0B0B;
}

#left ul li.first {
	border: none;
}

#left ul li h2 {
	margin: 0;
	font-size: 100%;
}

#left ul li h3 {
	margin: 0;
	font-size: 92%;
}

#left ul li p {
	margin: 0;
}

#left .box .title h2 {
	background: url('../img/pozadie_box_right.png') no-repeat;
}

#left .box {
	background: #000000 url('../img/pozadie_box_bottom_left.png') no-repeat left bottom;
}

/* Content > Right */

#right {
	float: right;
	width: 180px;
	/*border: 1px solid blue;*/
}

#right a {
	color: #3699E4;
}

#right .box .title h2 {
	background: url('../img/pozadie_box_left.png') no-repeat right top;
}

#right .box {
	background: #000000 url('../img/pozadie_box_bottom_right.png') no-repeat right bottom;
}

/* Box */

.box {
  margin-bottom: 10px;
	/*background: #000000 url('../img/pozadie_box_bottom.png') no-repeat left bottom;*/
}

.box .title {
	background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.box .title h2 {
	height: 28px;
	padding: 12px 0 0 20px;
	/*text-transform: uppercase;*/
	font-size: 1em;
	color: #000000;
}

.box .box_content {
	padding: 20px;
	/*color: #AD1112;*/
	color: #FFFFFF;
	/*background: #FFFFFF url('../img/pozadie_box.gif') repeat-x;*/
}

/* Footer */

#footer {
	clear: both;
	width: 960px;
	height: 40px;
	line-height: normal;
	font-size:0.8em;
	color: #FFFFFF;
	margin: 0 auto;
	padding: 10px 0;
	/*border: 1px solid pink;*/
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
	font-size: x-small;
}

#footer a {
	text-decoration: underline;
	color: #666666;
}

#footer a:hover {
	text-decoration: none;
}

/* Clear */

#clear{
  clear: both;
  height: 0px;
}

/*
 *  Parts
 */
 
 /* Messages */

 .red {
     color: #AD1112;
}

.message {
  background: #FFFFFF;
  padding:10px;
}

.error {
  font-size:0.9em;
	font-weight:bold;
}	

.message-important {
  font-size:0.9em;
	font-weight:bold;
}	
					
.message {
  font-size:0.9em;
	font-family:verdana;
	padding-top:3px;
	padding-bottom:2px;
}

/* Applet */
#applet {
  padding: 10px;
  text-align: center;
}

/* Thesis */

.thesis .title_thesis {
	text-align: justify;
	color: black;
	font-size: 14px;
	text-decoration: none;
  font-weight: bold;					 	
}

.thesis .text_thesis {
	text-align: justify;
	color: #AD1112;
	font-size: 16px;
	text-decoration: none;
  font-weight: bold;					 	
}

.presentation {
  border: thin solid gray;
  font-size: 12px;
}

.presentation td {
  border: thin solid gray;
  padding: 3px 3px 3px 3px;
}

/* Projekty */

/* Projekty -> Weby*/

.web {
  border: thin solid gray;
  width: 440px;
  margin-bottom: 5px;
}

.web td {
  border: thin solid gray;
  padding: 3px 5px 3px 5px;
}


/* Projekty -> Skola*/

.project {
  border: thin solid gray;
  width: 440px;
}

.project td{
  border: thin solid gray;
  padding: 3px 3px 3px 5px;
}

.project_title {
  border: thin solid gray;
  width: 30%;
}

.project_label {
  border: thin solid gray;
  width: 40%;
}

.project_size {
  border: thin solid gray;
  width: 15%;
}

.project_more {
  border: thin solid gray;
  width: 15%;
}

.project_text {
  border: thin solid gray;
  width: 70%;
}

.project_download {
  border: thin solid gray;
  width: 30%;
  text-align: center;
}

/* Forum */

.prispevok_pridaj {
  width: 440px;
}

.tema_pridaj {
  width: 440px;
}

.prispevok_zmaz {
  width: 440px;
}

.kategorie
{
  border-bottom: dotted 1px black;
  width:440px;
}

.prispevok_strom {
  width: 440px;
}

.prispevky {
	display:block;
	margin-bottom: 10px; 
}

/* Forum -> Strom*/

.strom
{
  border-bottom: dotted 1px black;
  width: 440px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 10px;
}

.strom_nadpis {
  /*background-color:#0f4602;*/
  background: #AD1011 url('../img/forum_nadpis.png') repeat-x;
  color:#fff; 
	font-weight:bold;
	width:440px;
	padding: 3px;
}

/* Forum -> Strom -> Prispevky*/

.strom_prispevok {
	width: 440px;
	/*background-color: #3C74E6;*/
	background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.strom_podprispevok {
	width: 440px;
}

.strom_prispevok td.nazov0 {
	width: 250px;
}

.strom_podprispevok td.sipka1 {
	width: 20px;
}

.strom_podprispevok td.nazov1 {
	width: 230px;
	padding: 0px 2px 0px 2px;
}

.strom_podprispevok td.sipka2 {
	width: 30px;
}

.strom_podprispevok td.nazov2 {
	width: 220px;
	padding: 0px 2px 0px 2px;
}

.strom_podprispevok td.sipka3 {
	width: 40px;
}

.strom_podprispevok td.nazov3 {
	width: 210px;
	padding: 0px 2px 0px 2px;
}

.strom_podprispevok td.sipka4 {
	width: 50px;
}

.strom_podprispevok td.nazov4 {
	width: 200px;
	padding: 0px 2px 0px 2px;
}

.strom_podprispevok td.sipka5 {
	width: 60px;
}

.strom_podprispevok td.nazov5 {
	width: 190px;
	padding: 0px 2px 0px 2px;
}

td.meno {
	width: 70px;
	padding: 0px 2px 0px 2px;
}

td.datum {
	width: 70px;
	padding: 0px 2px 0px 2px;
}

td.rozbal {
	width: 50px;
	padding: 0px 2px 0px 2px;
}

/* Forum -> Prispevok*/

.prispevok {
	margin-top:10px;
	margin-bottom:5px;
	border:1px solid #0f4602;
	width:440px;
	padding: 0px;
}

/* Forum -> Prispevky -> Podprispevky*/

.forum_podprispevok_obal {
  width: 440px;
  padding: 0px;
  margin: 0px;
}

.forum_podprispevok_obal td {
  padding: 0px;
  margin: 0px;
}

.forum_prispevok_obal {
  float: right;
}

.forum_odrazka_obal1 {
  width: 20px;
}

.forum_odrazka_obal2 {
  width: 30px;
  padding: 0px;
}

.forum_odrazka_obal3 {
  width: 40px;
  padding: 0px;
}

.forum_odrazka_obal4 {
  width: 50px;
  padding: 0px;
}

.forum_odrazka_obal5 {
  width: 60px;
  padding: 0px;
}

.forum_prispevok {
  width: 440px;
  border: solid 1px black;
}

.forum_podprispevok1 {
  width: 420px;
  border: solid 1px black;
}

.forum_podprispevok2 {
  width: 410px;
  border: solid 1px black;
}

.forum_podprispevok3 {
  width: 400px;
  border: solid 1px black;
}

.forum_podprispevok4 {
  width: 390px;
  border: solid 1px black;
}

.forum_podprispevok5 {
  width: 380px;
  border: solid 1px black;
}

.forum_prispevok td {
  padding: 0px 2px 0px 2px;
}

.forum_podprispevok1 td {
  padding: 0px 2px 0px 2px;
}

.forum_podprispevok2 td {
  padding: 0px 2px 0px 2px;
}

.forum_podprispevok3 td {
  padding: 0px 2px 0px 2px;
}

.forum_podprispevok4 td {
  padding: 0px 2px 0px 2px;
}

.forum_podprispevok5 td {
  padding: 0px 2px 0px 2px;
}

.forum_top {
  /*background: blue;*/
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_nazov {
  width: 270px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_nazov1 {
  width: 250px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_nazov2 {
  width: 240px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_nazov3 {
  width: 230px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_nazov4 {
  width: 220px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_nazov5 {
  width: 210px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_meno {
  width: 80px;
  padding: 0px 3px 0px 3px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;
}

.forum_datum {
  color: #AD1011;
  font-weight: bold;
  font-size: 9px;
  width: 90px;
  padding: 0px 3px 0px 3px;
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x;  
}

/* Comment */

.comment {
  margin: 10px;
}

.add_comment {
  border-top: solid 1px black;
  padding-top: 5px;
}

.comments {
  width: 440px;
  margin-top: 10px;
  border: solid 1px black;
}

.all_comments .title_comment {
  text-transform: uppercase;
}

.comment_title1 td {
  background: #AD1011 url('../img/forum_nadpis.png') repeat-x; 
  color: #FFFFFF;
}

.comment_title2 td {
  background: #3C74E6 url('../img/pozadie_box_title.png') repeat-x; 
  color: #000000;
}

/* Ads */

.google_adsense {
  width: 180px;
  text-align: center;
  
}

.other_ads {
  width: 180px;
  text-align: center;
  padding: 5px;
  padding-top: 20px;
}

/* Back */

.back {
  padding: 3px 3px 3px 3px;
  text-align: right;
  margin: 5px 0px 5px 0px;
}

/* School > Class */

.text_school {
  text-align: justify;
  padding: 10px 5px 5px 5px;
}

.timetable {
  width: 200px;
}

.timetable td{
  padding: 3px 3px 3px 3px;
}

.class {
  width: 400px;
  border: thin solid gray;
}

.class td{
  padding: 3px 3px 3px 3px;
  border: thin solid gray;
}

table.dipl {
    text-align: left;
    vertical-align: top;
}

table.dipl td{
    padding: 3px 3px 3px 3px;
    vertical-align: top;
}

.done {
  color:#cccccc;
}

/**/
