/* http://www.gvp.cz SCREEN, PROJECTION CSS Style */
/* Copyright Peter Urbancik */
/* Version 04-03-30 */

body { 
	margin:0;
	padding:0;
	background:url(layout/bodybglight.gif) repeat-y center #f8f8f8;
	text-align:center; /* IE 5 div centering */
	}
body hr { display:none; }
.nocss { display:none !important; }

/* Links */
a {
	text-decoration:none;
	border-bottom:1px solid #d03600;
	color:#d03600;
	}
a:visited {
  color:#954e3b;
	border-bottom:1px solid #954e3b;
  }
a:active, a:hover {
	border-color:#394E9D !important;
	color:#394E9D !important;
	}
a img, a img:visited, a img:active, a img:hover {
  border:1px solid #81b2d1;
  }
  
  
.arrow {
 	background:url(layout/arrow.gif) no-repeat left; 
 	padding-left:12px;
  }
.arrow:hover { background:url(layout/arrowhov.gif) no-repeat left; }

.no, .no:visited, .no:active, .no:hover { border-width:0px; }


/* #e03500 */



/* Basic layout containers */
h1 {
	margin:0;
	padding:0;
	height:46px;	
	text-align:center;
	overflow:hidden;
}
h1 a, h1 a:visited {
	width:768px;
	height:46px;
	border-top:8px solid white !important;
	border-bottom:1px solid white !important;
	display:block;
	margin:0 auto;
	padding:8px 0 0 0;
	font-weight:normal;
	text-align:center;
	color:white !important;
	background:#F6AE00 !important;
	text-decoration:none !important;
	overflow:hidden;
	}
h1 a:active, h1 a:hover {
	text-decoration:underline !important;
	}
#panel {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	}
#panel span {
	display:block;
	width:768px;
	height:37px;
	margin:0 auto;
	background:url(layout/panelint.gif) no-repeat top;
	border-top:8px solid white !important;
	border-bottom:1px solid white !important;
	}
#panel a, #panel a:visited, #panel a:active, #panel a:hover {
	width:768px;
	height:37px;	
	display:block;
	text-decoration:none !important;
	border:none !important;
	}
#page {
	text-align:left;
	width:768px;
	background:white;
	margin:0 auto 0;
	}
#nav, #content, #footer {
	margin:0 auto;
	width:768px;
	float:left;
	}
#nav {
	background:white;
	list-style:none;
	border-bottom:2px solid gray;
	padding:0;
	margin:1px 0;
	text-align:center;
	
	}
#content {
	background:url(layout/contentbg.gif) repeat-y;
	border-bottom:1px solid #c0c0c0;
	border-top:1px solid white;
	}
#leftcol {
	width:554px;
	float:left;
	color:#3a3a3a; 
	line-height:150%;
	}
#rightcol {
	width:205px;
	float:right;
	color:#3a3a3a;
	line-height:130%;
	}
#footer {
	border-top:7px solid white;
	background:url(layout/grline.gif) repeat-x top #e9e9e9;
	padding:2px 0 0 0;
	height:2.5em;
	color:#8b8b8b;
  }



	

/* Navigation */
#nav li {
	text-align:center !important;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	

#nav #gvpcz { width:109px; }
#nav #obedy { width:109px; }
#nav #plany { width:109px; }
#nav #rozvrhy { width:109px; }
#nav #supl { width:114px; }
#nav #znamky { width:109px; }
#nav #soubory { width:109px; }




#nav strong a {
	border-color:#d03600;
	color:#c03200;
	}
	#nav span {
	padding:0 2px 0;
	display:block;

	}
	
#nav a {
	padding:6px 0;
	padding-left:0px;
	border:0;
	border-top:5px solid #c0c0c0;
	color:black;
	display:block;
	width:100%;
	}

/*#nav .nolink {
	border-top:5px solid #d03600;
	color:#c03200;
	padding:6px 0;
	padding-left:0px;
	display:block;
	width:100%;
	}*/
/*#nav #gvpcz a { color:#404040; }*/
#nav a:hover, #nav #gvpcz a:hover {
	display:block;
	border-color:#d03600 !important;
	color:#c03200 !important;
	}

	


/* Rightcol */
#rightcoltext {	margin:0 1px 20px 1px; }
#rightcoltext h3 {
	background:#d03600;
	letter-spacing:0.2em;
	line-height:3em;
	margin:0 0 9px;
	padding:0 10px;
	color:white;
	}
#rightcoltext ul {
	margin:0 26px 9px;
	padding:0;
	}
#rightcoltext ul span { color:#3a3a3a; 	}
#rightcoltext ul li {
	color:black;
	margin-bottom:6px;
	}
#rightcoltext p { margin:0 11px 9px; }
#rightcoltext h4 {
  font-weight:bold;
  padding:0;
  margin:0 11px 1px;
  }
  
/* Search */
#rightcoltext #search label { display:block; }
#rightcoltext #search {
		padding:0;
		margin:0;
		}
#rightcoltext #searchin {
		margin:3px 0 4px;
		border:1px inset gray;
		background:white;
		color:#505050;
		display:block;
		padding:1px 3px;
		width:14em;
		}
#rightcoltext #searchbt {
		margin-bottom:4px;
		border:1px outset gray;
		background:#efefef;
		color:#505050;
		padding:0 6px;
		text-align:center;
		}
		
/* News */


/* Footer */
#footer p {
	margin:0;
	padding:4px 8px;
	text-align:right;
	float:right;
	}
#footer .left {
	float:left;
	background:url(layout/footera.gif) no-repeat 9px center;
	padding-left:20px
	}




#leftcoltext { margin:0 1px 20px 1px; }















#leftcoltext #arthead {
  line-height:1.3em;
	background:#f6f6f6;
	padding:0 0 8px;
	margin:0 0 10px;
	border-bottom:1px solid #ececec;
	}


#leftcoltext h2 {  /* Normalni nadpis */
	margin:0 0 9px;
	line-height:1.2em;
	border-top:3px solid #d4d4d4;
  padding:0.35em 20px;
	font-weight:normal;
	background:#f4f4f4;
	color:black;
	letter-spacing:0.06em;
	font-size:170%;
	border-bottom:1px solid #dcdcdc;
		}
#leftcoltext #arthead #artheading {
	margin:0;
	line-height:1.2em;
  padding:9px 15px 0;
	font-weight:normal;
	background:#f6f6f6;
	color:black;
	letter-spacing:0.02em;
	font-size:200%;
	border-bottom-width:0;
	}

#leftcoltext #arthead #artperex {
	color:#404040;
	font-size:100%;
	padding:0 0 8px;
  margin:8px 15px 2px;
  border-bottom:1px solid #c0c0c0;
}
#leftcoltext #arthead #artinfo {
	clear:both;
	color:#606060;
	font-size:100%;
  margin:6px 15px 0;
  padding:0 0 0 16px;
  background:url(layout/artindexinfoico.gif) left no-repeat;
	}
#leftcoltext #arthead img {
	float:left;
	background:url(layout/thumbbg.gif) 0 2px repeat-x;
	padding:5px 0 4px 0;
	border:10px solid #f6f6f6;
	border-width:0 10px 2px 0;
	}
#leftcoltext #arthead div {
	clear:both;
	}
#leftcoltext #artclosing {
	text-align:right;
	margin-bottom:0;
	}
#arthead a:visited {
  border-bottom:1px solid #d03600;
	color:#d03600;
  }












/* KOMENTARE */


#leftcoltext #discussion {
	margin:0;
	}
#leftcoltext #discussion h3 {
	background:url(layout/discusshead.gif) no-repeat left;
	margin:18px 0 12px 12px;
	padding:0 0 0 26px;
	font-size:180%;
	font-weight:normal;
	letter-spacing:0.06em;
	color:#d03600;
	}
#leftcoltext #discussion h4 {
	background:#f6f6f6;
	padding:10px 11px 10px;
	margin:8px 8px 0;
	font-weight:bold;
	font-size:105%;
	}
#leftcoltext #discussion h4 em {
	font-weight:normal;
	font-size:120%;
	font-style:normal;
	margin:0 7px 0 0;
	border-right:1px solid gray;
	padding:0 7px 0 0;
	}
#leftcoltext #discussion h4 em a {
	border:0;
	color:gray;
	}
#leftcoltext #discussion p {
	background:#f6f6f6;
	padding:0 11px 12px 14px;
	margin:0 8px 0;
	text-indent:1em;
	text-align:left;
	}
#leftcoltext #discussion #empty {
	background:white !important;
	text-indent:0;
	color:gray;
	padding:3px 11px 0 11px;
	font-style:italic;
	}

#leftcoltext #discussion #newcomment {
	background:url(layout/discussnew.gif) no-repeat 12px 14px #ededed;;
	padding:16px 0 12px 38px;
	margin:15px 8px 0 8px;
	color:black;
	font-size:140%;
	font-weight:bold;
	letter-spacing:0.03em;
	}

#leftcoltext #discussion form {
	color:black;
	background:#ededed;
	margin:0 8px 16px;
	padding:7px 0 13px;
	border-bottom:1px solid #c0c0c0;
	}
#leftcoltext #discussion form p {
	background:none;
	text-indent:0;
	}
#leftcoltext #discussion form label {
	width:4em;
	display:block;
	float:left;
	}
#leftcoltext #discussion form #cname {
	width:16em;
	border:1px inset gray;
	margin:0 0 5px 0;
	padding:1px 2px;
	}
#leftcoltext #discussion form #ccontact {
	width:16em;
	border:1px inset gray;
	margin:0 0 8px 0;
	padding:1px 2px;
	}
#leftcoltext #discussion form #ctext {
	display:block;
	float:left;
	width:480px;
	border:1px inset gray;
	padding:1px 3px;
	margin:2px 0 0 0;
	}
#leftcoltext #discussion form #howto {
	font-family:Verdana, "Geneva CE", lucida, sans-serif;
	clear:both;
	width:100%;
	margin:2px 0 8px;
	font-style:italic;
	color:#444444;
	letter-spacing:0.02em;
	}
#leftcoltext #discussion form #csubmit {
	border:1px outset gray;
	color:#2a2a2a;
	background:#fafafa;
	padding:1px 8px;
	text-align:center;
	}























/* Intranet Uvodni strana */
  
.index {
	background:url(layout/indexcontentbg.gif) repeat-y !important;
	}
.index #leftcol {
	width:464px;
	float:left;
	color:#505050;
	line-height:150%;
	}
.index #rightcol {
	width:295px;
	float:right;
	color:#505050;
	line-height:130%;
	}
.index #leftcoltext h2, .index #rightcoltext h3 {
	text-transform:none;
	margin:0 0 12px;
	line-height:1.1em;
  padding:7px 15px 7px;
	border-top:3px solid #d4d4d4;
	color:black;
	font-size:170%;
	font-weight:normal;
	background:#ebebeb;
	letter-spacing:0.08em;
	border-bottom:1px solid #dcdcdc;
	}
.index #leftcoltext h2 { margin:0; }
.index #leftcoltext h2 { background:#f2f2f2; }
.index #leftcoltext #artfooter {
	margin:11px 16px 24px 16px;
	padding:0;
	float:right;
	text-align:right;
	font-size:90%;
}
#indexline {
	height:1px;
	background:#808080;
	clear:both;
	}
	
	
	
	
#boxes {
  padding:0 0 6px 0;
	background:url(layout/boxbg.gif) repeat-y white;
	float:left;
	border-bottom:6px solid white;
	border-top:4px solid white;
	width:768px;
	font-size:95%;
	line-height:1.2em;
	}

#boxes #learn {
	border-top:2px solid #ead6aa;
	overflow:hidden;
		margin-left:8px;
	width:220px;
	float:left;
	background:#f3e8cc;
	}
#boxes #site {
		border-top:2px solid #e5decd;
		overflow:hidden;
	margin-left:8px;
	width:225px;
	float:left;
	background:#f0ede2;
	line-height:1.4em;
	}
#boxes #services {
		border-top:2px solid #e0e0de;
		overflow:hidden;
	margin-left:8px;
	width:152px;
	float:left;
	background:#eeeeed;
	}






#boxes h3 {
	text-transform:none;
	line-height:1.1em;
  margin:7px 15px 7px;
	font-size:150%;
	font-weight:normal;
	letter-spacing:0.05em;
	color:black;
	}
#boxes h4{
	margin:0 0 1px 17px;
	padding:0;
	font-size:100%;
	}	
#boxes ul {
	margin:0 0 5px 17px;
	padding:0;
	list-style:square;
	list-style-position:inside;
	}	
#boxes p {
  margin:7px 15px 7px;
	padding:0;
	}

	
	
	
#boxes form {
	margin:0 ;
	font-size:100%;
	padding:0 0 0 15px;
  }
#boxes form label {
	margin:0;
	padding:0;
	font-weight:bold;
  font-size:100%;
  }
#boxes form fieldset {
	margin:0;
	padding:0;
	border:0;
}
	
	#boxes #type {
		font-size:100%;
	}


/*#boxes #searchin, #boxes #namein, #boxes #passin {
	margin:2px 5px 0 0;
	padding:1px 0 2px 2px;
  border:1px inset #827e70;
	display:block;
	float:left;
  }
#boxes #passin {
	margin:0 0 5px 0;
	}	
#boxes #loginbt {
	margin:5px 0 0 0;
	}*/
	/*
#boxes form #searchbt {
	margin:2px 0 0 0;
	padding:0px;
	width:60px;
	background:#f9f7f1;
	border:1px outset #827e70;
	letter-spacing:0.02em;
	display:block;
	float:left;
	text-align:center;
  }
*/
  
#boxes #searchin, #boxes #passin, #boxes #namein  {
		border:1px inset gray;
		background:white;
		padding:1px 3px;
		}
#boxes select {

		border:1px inset gray;
		background:white;
		font-size:100%;
}
#boxes #searchbt, #boxes #loginbt, #learn input {

		border:1px outset gray;
		/*background:white;*/
font-family:sans-serif;
		text-align:center;
		}
#boxes #loginbt {
	margin-top:5px;			
}

#learn select {
	width:130px;
}


#boxes #basic {
	border-top:2px solid #f79c00;
	width:146px;
	float:left;
	background:#f5dca5;
	}	
#basic ul {
	list-style:none;
	margin:7px 0 0 0;
	padding:0;
	list-style-position:outside;
}
#basic ul li {
	margin:0;
	padding:0.3em 0;
	width:146px;
	font-size:120%;
	font-family:sans-serif;
	font-weight:bold;
	
}
#basic ul li span {
	padding:0 15px;
	
}
  
  
  
  
  
  
  
  
/* INDEX CLANKY */
  
    
.index .artindex {
  line-height:1.3em;
	padding:0 22px 15px;
	margin:0 0 1px;
	background:url(layout/artindexline.gif) no-repeat bottom;
	}
.index .artindex h3 {
	color:black;
	margin:0;
  padding:12px 0 2px;
	font-size:130%;
	line-height:1.3em;
	}
.index .artindex .artperex {
	color:#404040;
	font-size:100%;
	padding:0;
  margin:8px 0 2px;
}
.index .artindex .artinfo {
	color:#404040;
	font-size:100%;
  margin:9px 0 0;
  padding:0 0 0 14px;
  background:url(layout/artindexinfoico.gif) left no-repeat;
	clear:both;
	}
.index .artindex img {
	float:left;
	background:url(layout/thumbbg.gif) 0 2px repeat-x;
	padding:5px 0 4px 0;
	border:10px solid white;
	border-width:14px 10px 2px 0;
	}
  
  
  
  
  
  
  
  
  
  
  
.rightout {
  text-align:right !important;
  font-size:90%;
  padding-right:12px;
  }