/* CSS Document */
HTML, BODY {width:100%; height:100%}
HTML>BODY {font-size:small}
BODY {
	margin:0;
	padding:0;
	font-size:0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/hlavicka_back.jpg) 0 0 repeat-x;
}


.skryte{display:none!important}


/* ***************************************  */

DIV#layout {
	position:relative;
	width:100%;
	height:auto;
}


DIV#hlavicka {
	position:relative;
	top:0; left:0;
	width:100%;
	height:210px;
}

DIV#hlavicka .nadpis{
	position:relative;
	top:0; left:0;
	width:760px;
	height:165px;
	background:url(../images/hlavicka_nadpis.jpg) 0 0 no-repeat;
}


DIV#hlavicka .mapa-webu {
	position:absolute;
	top:80px;left:710px;	
	width:180px;
	height:40px;
	background:url(../images/ico_mapa_webu.gif) 0 50% no-repeat;
	overflow:hidden;
}

DIV#hlavicka .mapa-webu A{
	padding-left:45px;
	font:bold 110%/40px Verdana, Arial, Helvetica, sans-serif;	
	color:#333333;
	vertical-align:middle;	
}

DIV#hlavicka .jazyky-container{
	position:relative;
	width:900px;
	height:45px;
	background:url(../images/hlavicka_nadpis_spodek.jpg) 0 0 no-repeat;	
}

DIV#hlavicka .jazyky {
	position:absolute;
	top:0;left:230px;
	width:285px;
	height:30px;	
	overflow:hidden;
	text-align:center;
	color:#999999;
}

DIV#hlavicka .jazyky A {font-size:small ;color:#999999}
DIV#hlavicka .jazyky A.aktual {font-size:110% ;color:#666666; font-weight:bold; text-decoration:none}

DIV#hlavicka .hledani {
	position:absolute;
	top:-35px;left:650px;
	width:250px;
	height:70px;
	color:#999999;
	overflow:hidden;
}

DIV#hlavicka .hledani-nadpis {
	position:relative;
	width:100%;
	height:30px;
	padding-left:35px;
	background:url(../images/hledani_ico.gif) 0 50% no-repeat;		
	font:bold 120%/30px Verdana, Arial, Helvetica, sans-serif;	
	color:#333333;
	vertical-align:middle;	
	overflow:hidden;
}

FORM#google {
	display:block;
	position:relative;
	width:100%;
	height:30px;
	margin:5px 0 0 0;
	padding:0;
	overflow:hidden;
}

INPUT#search {
	display:block;
	position:relative;
	width:150px;
	margin:2px 5px 0 0;
	padding:2px 5px;
	border:1px solid #333333;
	background-color:#E8E0D9;
	font:1em "Courier New", Courier, monospace;
	float:left;
}

INPUT#search-btn {
	display:block;
	position:relative;
	width:28px;
	height:23px;
	margin:0;
	padding:0;
}

#navigace-container {
	position:relative;
	top:0; left:0;
	width:100%;
	height:50px;
	overflow:hidden;
}

#navigace-container .homepage {
	position:relative;
	top:0; left:0;
	width:220px;
	height:100%;
}

#navigace-container .homepage A {
	display:block;
	position:relative;
	height:45px;
	padding-left:60px;
	background:url(../images/ico_home.gif) 15px 50% no-repeat;
	font:bold 1.1em/40px Verdana, Arial, Helvetica, sans-serif;	
	color:#333333;
	float:left;
}
#navigace-container .homepage A:hover { color:#CC0000; text-decoration:none}

#navigace-container .start-ico {
	display:block;
	position:absolute;
	top:0px;right:0;
	width:31px;
	height:50px;
	background:url(../images/ico_start.gif) 0 75% no-repeat;
}

#navigace-container .navigace {
	position:absolute;
	top:0px; left:230px;
	width:650px;
	height:45px;
}

#navigace-container .navigace A{
	display:block;
	width:auto;
	height:45px;
	color:#999999;
	font:1em/45px Verdana, Arial, Helvetica, sans-serif;	
	float:left;
}
#navigace-container .navigace A:hover{color:black; text-decoration:none} 

#navigace-container .oddelovac {
	display:block;
	width:10px;
	height:45px;
	margin:0 3px;
	background:url(../images/navigace_sipka.gif) 0 50% no-repeat;
	float:left;
}

.loged-user-container {
	position:absolute;
	top:182px;left:10px;
	width:180px;
	height:27px;
	color:white;
	font:0.8em/27px Verdana, Arial, Helvetica, sans-serif;
}
.loged-user-container .loged-user-name {padding-left:3px;color:#FFFFCC; font-weight:bold}


/*****************************/

#telo {
	position:relative;
	top:0;left:0;	
	width:100%;
	min-height:400px;
	background:url(../images/menu_back.gif) 0 0 repeat-y;
	zoom:1;
	overflow:visible;
}

#menu {
	position:relative;
	top:0;left:0;	
	width:220px;
	float:left;
}

#menu UL{
	position:relative;
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

#menu LI{
	display:block;
	margin:5px 0 0 0;
	padding:0;
	width:215px;
}
#menu LI A{
	display:block;
	padding-left:30px;
	background:url(../images/menu_puntik.gif) 20px 50% no-repeat;	
	font:bold 1.3em/25px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#333333;
	border:1px solid #ECE5DF;
	text-decoration:none;
}

#menu LI A:hover{
	background-color:white;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	color:#FF6600	
	
}

.ssno-logo {
	display:block;
	top:0;left:0;
	position:relative;		
	width:215px;
	height:117px;
	background:url(../images/ssno_logo.gif) 50% no-repeat;	
	padding-bottom:20px;
}

#hlavni {
	position:relative;
	top:0px; left:0px;
	margin-left:220px;
	zoom:1;
	overflow:hidden;
}


.obsah-sekce {
	position:relative;
	top:0;left:0;
	width:auto;
	height:auto;
	padding:5px 10px 10px 10px;
	border-bottom:5px solid #cccccc;
}

.obsah-sekce TD {
	padding:3px 5px;
	color:#666666;
	font:bold 0.9em/20px Verdana, Arial, Helvetica, sans-serif;
}

.obsah-sekce UL {margin:0;padding:0; list-style-type:none}
.obsah-sekce LI {display:block;margin:0;padding:0}

.obsah-sekce UL LI A{
	display:block;
	color:#666666;
	font-size:0.9em;
	font-weight:normal;
	padding-left:3px;
}
UL.clanky-sekce LI A {background:url(../images/ico_clanek_sekce.gif) 0 50% no-repeat; padding-left:15px}
UL.clanky-sekce LI A.aktual { color:#FF6600; text-decoration:none; font-weight:bold}
UL.subadresare-sekce LI A {background:url(../images/ico_subadresar_sekce.gif) 0 50% no-repeat; padding-left:20px}
.obsah-sekce UL LI A:hover{ color:#0033CC; font-weight:bold; text-decoration:none}


#clanek {
	position:relative;
	padding-bottom:20px;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	
}
#clanek * {position:relative}


#clanek H1.nadpis {
	display:block;
	font:bold 1.6em/1em Arial, Helvetica, sans-serif;
	padding:10px 0 10px 10px;
	color:#7789B5;
	border-bottom:5px solid #cccccc;
	background-color:white;
}

#clanek .clanek-text {padding:10px}

#clanek #novinky {}

#novinky H1.novinky-nadpis {
	display:block;
	font:bold 1.6em/1em Arial, Helvetica, sans-serif;
	padding:10px 0 10px 10px;
	color:#7789B5;
	border-top:5px solid #cccccc;
	border-bottom:5px solid #cccccc;	
	background-color:white;
}

.novinka-container {	
	margin:0 10px;
	background-color:white;
	padding:5px 0 1px 0;
	border-bottom:1px solid #999999;
	font-size:0.8em;
}

HTML>BODY .novinka-container {	font-size:0.85em}

.novinka-nadpis A{ 
	display:block;
	font-weight:bold; 
	padding-left:15px;
	height:20px;
	background:url(../images/novinky_kolecko.gif) 0 50% no-repeat;
	text-decoration:none;
	line-height:20px;
	vertical-align:middle;
	float:left;
}
.novinka-spodni-lista {
	margin-top:5px;
	background-color:#f8f8f8;
	font-style:italic;
}
.novinka-spodni-lista A{ font-style:normal; color:#666666!important}


.novinka-text {clear:both}

#clanek .statistika {
	position:relative;
	display:block;
	padding-left:10px;
	height:16px;
	font:x-small Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:#f8f8f8;
	border-bottom:1px solid #dddddd
}

DIV#obrGalery  * { position:relative};

DIV#obrGalery {
	position:relative;
	display:block;
	margin:10px 0;
	border-top:5px solid #cccccc;
	background:white;	
}
DIV#obrGaleryObr {
	display:block;
	float:left;
	margin:10px;
	width:150px;
	text-align:center;
}
DIV#obrGaleryObr IMG{
	width:150px;
	margin:5px;
	cursor:hand;
	border:1px solid #000000;
}

#obrGaleryPopis {
	display:block;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}


.min-width {
	position:relative;
	width:900px;
	height:10px;
	font-size:1px;
	margin:0px; padding:0px;
	overflow:hidden;
	clear:both;
	background-color:#003399
}

/************************************/

#pata {
	position:relative;
	top:0;left:0;
	width:100%;
	height:75px;
	background:url(../images/pata_back.gif) 0 0 repeat-x;
	clear:both;
}

.pata-container {
	position:relative;
	top:0;left:0;
	width:auto;
	height:75px;
}

#pata .sikmina{
	display:block;
	position:absolute;
	top:0;left:215px;
	width:75px;
	height:54px;
	background:url(../images/pata_sikmina.gif) 0 0 no-repeat;
}

#pata .pata-login{
	position:absolute;
	top:0;left:0;
	width:215px;
	height:75px;
	background:url(../images/pata_login_back.gif) 0 0 repeat-x;
	z-index:10;
}

#pata FORM { 
	display:block; 
	position:absolute; 
	top:20px;left:0;
	height:50px;
	padding-left:50px;
	background:url(../images/ico_login.jpg) 5px 50% no-repeat;
}

#pata FORM INPUT {
	display:block;
	position:relative;
	width:100px;
	font:12px "Courier New", Courier, monospace;
	border:1px solid #666666;
	margin:0;
	background-color:#eeeeee
}
#pata FORM SPAN {
	display:block;
	position:relative;
	height:20px;
	padding-left:35px;
}

#pata A.ok-btn {
	display:block;
	position:absolute;
	bottom:5px;left:200px;
	width:28px;
	height:25px;
	background:url(../images/login_ok_btn.gif) 0 0 no-repeat;
}
SPAN.username {background:url(../images/ico_login.gif) 0 50% no-repeat}
SPAN.heslo {background:url(../images/ico_heslo.gif) 0 50% no-repeat}

.macik{
	position:absolute;
	top:-10px;right:25px;
	width:50px;
	height:44px;
	background:url(../images/ico_macik.gif) 50% 0 no-repeat;
}

.pata-text{
	display:block;
	position:relative;
	top:0;left:0;
	width:auto;
	padding-top:50px;
	padding-left:215px;
	text-align:center;
	font:0.8em/25px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
}

#pata .pocitadlo {
	display:block;
	position:absolute;
	top:53px;right:0px;
	width:100px;
	height:20px;
	text-align:center;
}

.chyba {
	width:400px;
	margin:20px;	
	font:bold 1.2em/2em Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600
}

/****************************************************/
/*moje studium*/

.moje-studium-menu { border-bottom:1px solid #666}
.moje-studium-menu UL{list-style-type:none; zoom:1; overflow:hidden; margin:0;padding:0}
.moje-studium-menu UL LI{ 
	display:block; 
	float:left; 
	margin:0 10px 0 0!important;
	padding:0!important;
	background:none!important;
}

.moje-studium-menu UL LI A {
	padding:5px; 
	margin:0;
	float:left;
	background-color:#CCC;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	text-decoration:none;
	color:#333!important;
	font-weight:bold
} 

.moje-studium-menu UL LI A:hover {
	background-color:#C00;
	border-top:1px solid #F00;
	border-left:1px solid #F00;
	border-right:1px solid #F00;
	color:white!important;
	font-weight:bold
} 

.moje-studium-menu LI.logout A{
		margin-left:20px ;
		background-color:#666;
		color:#FFF !important;
	}