body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,a,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

h1 {font-size: 18pt;}

html,body {
	color:#373636;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #eae9e9;
	background-image: url(../images/pozadi-top.gif);
	background-position: top;
	background-repeat: repeat-x;
}

ol {line-height: 20px; list-style-position: inside; list-style-type: upper-roman}

a {
	color:#373636;
	text-decoration:underline;
	vertical-align:middle;
}

a:hover {
	text-decoration:underline;
}

p.cervena {color: #dd0000; text-align: center; font-weight: bold; vertical-align: middle;}
p.zluta {color: #ffaa00; text-align: center; font-weight: bold; vertical-align: middle;}
p.zelena {color: #009900; text-align: center; font-weight: bold; vertical-align: middle;}


#obal {
	width:980px;	
	margin:0 auto;
	padding:0;
}

#logo_uvod {
	margin-top:30px;
	width:459px;
	height:122px;
	float:right;
	display:inline;
}

#logo {
	margin-top:55px;
	width:325px;
	height:100px;
	float:right;
	display:inline;
	border: 0px solid black;
}


img.logo {
	border:0px;
}

.clear {
	clear:both;
}

/****** LOGIN ***********/

.login {		
	/*background: #DAD9D9 url(../images/uvod-sedy-box-corn-top-left.gif) no-repeat top left; 		*/
}

.login  
{
    /*float: left;    
    /*background: #DAD9D9 url(../images/uvod-sedy-box-corn-top-left.gif) no-repeat top left;*/
   /* background: url(../images/login-pozadi.png) no-repeat top left;
    width: 480px;
    height: 120px; 
    position: relative;
    margin-top: 55px;
	margin-bottom: 15px;
	padding: 15px;*/
}


.LoginNeprihlaseny 
{
	width: 445px;
	height: 115px;
	background :#eae9e9 url(../images/login-pozadi-neprihlasen.gif) no-repeat top left;
	margin-top: 55px;
	padding-top: 10px;
	display: inline;
	float: left;
	padding: 15px 0px 10px 25px;
	border: 0px solid black;
	}

.LoginNeprihlaseny h3 {font-size: 12pt; padding-bottom: 5px;}




.LoginPrihlaseny 
{
	width: 470px;
	height: 75px;
	background:#eae9e9 url(../images/login-pozadi-prihlasen.gif) no-repeat top left;
	margin-top: 55px;
	padding-top: 10px;
	display: inline;
	float: left;
	padding: 15px 10px 10px 10px;
}
	
.LoginPrihlaseny .sloupec 
{ 
	position: relative;
	float: left;
	width: auto;
	padding-left: 10px;
	border: 0px solid black;
}

.LoginPrihlaseny .sloupec2 
{
    position: relative;
    float: right;
    width: auto;
    right: 0px;
    /*padding-right: 10px;*/
    border: 0px solid black;
    margin-right: 25px;
}

.LoginPrihlaseny .zvyrazneni 
{ 
	color:#ca0503;
	font-size:120%;
	font-weight:bold;
}

.LoginPrihlaseny .zvyrazneniBarva {
	color:#ca0503;
}

.LoginPrihlaseny .logout 
{    
	height: 18px;
	width: 59px;
	overflow: hidden;
	display: block;
	text-indent: 400px;
	margin-left: 80px;
	margin-top: -18px;
}

a.logout  
{
	background: url(../images/odhlasit.png) no-repeat top left;
	height: 18px;
	width: 59px;
	overflow: hidden;
	/*display: block;
	float: right;*/
	text-indent: 500px;}
	
a.logout:hover { background-position: 0 -18px; _background-position: 0 -18px; &background-position: 0 -18px;}


.LoginPrihlaseny .profil 
{    
	height: 18px;
	width: 75px;
	overflow: hidden;
	display: block;
	text-indent: 500px;
	right: 20px;
	margin-left: 0px;
	margin-top: 0px;
}

a.profil  
{
	background: url(../images/btn-muj_profil.png) no-repeat top left;
	height: 18px;
	width: 75px;
	overflow: hidden;
	/*display: block;
	float: right;*/
	text-indent: 400px;}
	
a.profil:hover { background-position: 0 -18px; _background-position: 0 -18px; &background-position: 0 -18px;}


/********* AKCE ********************/

#akce {
	width: 220px;
	height: 70px;
	margin-top: 55px;
	margin-left: 0px;
	display: inline;
	float: left;
}

#akce .bgBefore 
{
	width: 185px;
	height: 70px;
	padding: 12px;
	background:#eae9e9 url(../images/akce-pozadi-1.gif) no-repeat top left;
	font-size: 8pt;
	}

#akce .bgAfter 
{
	width: 220px;
	height: 70px;
	padding: 10px;
	background:#eae9e9 url(../images/akce-pozadi-2.gif) no-repeat top left;
	font-size: 8pt;
	}	

#akce .obsah 
{
	padding-left: 10px;
	padding-right: 10px;	
	}

#akce .obsah input {width: 75px; margin-top: 3px}


input.button.aktivovat { margin-top: 3px; width: 75px; height: 18px; background: url(../images/btn-aktivovat.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer;}
input.button.aktivovat:hover { background-position: 0 -18px; }





/************* Info Neregistrovany **************/


#neregistrovany {
	width: 220px;
	height: 60px;
	margin-top: 25px;
	margin-left: 15px;
	display: inline;
	float: left;
}

#neregistrovany .zaregistrovat 
{
	width: 222px;
	height: 28px;
	padding: 7px;
	background:#eae9e9 url(../images/zaplatit-pozadi.gif) no-repeat top left;
	font-size: 8pt;
}

#neregistrovany .zaplatit
{
	width: 222px;
	height: 28px;
	padding: 7px;
	background:#eae9e9 url(../images/zaplatit-pozadi.gif) no-repeat top left;
	font-size: 8pt;
	margin-top: 7px;
}	

.zaregistrovat p.text {width: 130px; font-size: 9pt; font-weight: bold; margin: 0px}
.zaplatit p.text {width: 130px; font-size: 9pt; font-weight: bold; margin: 0px}

input.button.btnZaregistrovat { top: -26px; left: 133px; width: 85px; height: 24px; background: url(../images/btn-zaregistrovat.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; position: relative;}
input.button.btnZaregistrovat:hover { background-position: 0 -24px; }


input.button.btnZaplatit { top: -26px; left: 133px; width: 85px; height: 24px; background: url(../images/btn-zaplatit.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; position: relative;}
input.button.btnZaplatit:hover { background-position: 0 -24px; }


/********* UPOZORNENI ***************/

#upozorneni 
{
	width: 635px;
	height: 62px;
	padding: 8px 15px 10px 15px;
	background:#E0E0E0 url(../images/upozorneni-pozadi.gif) no-repeat top left;
	
}

#upozorneni .text {margin: 0px}

#upozorneni input.button.btnZaregistrovat {margin-top: -28px; position: static; float: right;}
#upozorneni input.button.btnZaplatit {margin-top: -27px; position: static; float: right;}



#upozorneni2
{
	width: 635px;
	height: 80px;
	padding: 0px 15px 0px 15px;
	background:#E0E0E0 url(../images/upozorneni-pozadi.gif) no-repeat top left;
	
}


#upozorneni2 .text {margin: 0px}

#upozorneni2 input.button.btnZaregistrovat {margin-top: -28px; position: static; float: right;}
#upozorneni2 input.button.btnZaplatit {margin-top: -27px; position: static; float: right;}



#upozorneni3 .text {font-size: 13pt}






/********* MENU ********************/
/*
#menu { 
    height: 36px;
    width: 100%;
    background: url(../images/menu-hlavni-pravy-roh.gif) no-repeat top right;
    font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}
#menu ul { list-style: none; background: url(../images/menu-hlavni-levy-roh.gif) no-repeat top left; height: 100%; width: 100%; padding: 0 20px; font-size: 12px; color: white; }
#menu a { text-decoration: none; color: white; }
#menu ul li { display: block; height: 100%; float: left; position: relative; background: url(../images/menu-oddelovac-n.gif) no-repeat top left; }
#menu ul li.prvni { background: none; }
#menu ul li a.uroven1 { display: block; height: 100%; line-height: 36px; padding: 0 15px; background: none; }
#menu ul li a.uroven1:hover { background: url(../images/menu-hlavni-item-over.gif) repeat-x top left; }
#menu ul li a.uroven1 span { display: block; height: 100%; padding-left: 20px; background: url(../dimages/menu-hlavni-ico-mujprofil.gif) no-repeat center left;  }
#menu ul li ul { display: block; height: 36px; position: absolute; top: 36px; left: 0; background: none; }
*/


#menu {
	padding-top: 23px;
	&margin-top: -30px;
	_margin-top: -20px;
	letter-spacing:0px;
	position: relative;
	z-index: 5;
}

#menu img {
	margin:0px;
	padding:0px;
	border:0px;
	display:inline;
	vertical-align:top;
}

#menu a {
	padding:0px;
	margin:0px;
	vertical-align:top;
}


#podmenu1 {
	display: none;
	position:absolute;
	top:59px;
	left: 12px;
	&top: 80px;
	_top: 59px;
}

#podmenu2 {
	display:none;
	position:absolute;
	top:59px;
	left: 121px;
	&top: 80px;
	_top: 59px;
}

#podmenu3 {
	display: none;
	position:absolute;
	top:59px;
	left: 218px;
	&top: 80px;
	_top: 59px;
	width: 138px;
}

#podmenu5 {
	display: none;
	position:absolute;
	top:59px;
	left: 519px;
	&top: 80px;
	_top: 59px;
	width: 110px;
}

.podmenu1 {
	background-color:#2f2f2f;
	color:#fafafa;
	font-size:80%;
	vertical-align:middle;
	line-height:29px;
	padding: 0 16px 10px; 	
}

.podmenu2 {
	background-color:#2f2f2f;
	color:#fafafa;
	font-size:80%;
	vertical-align:middle;
	line-height:29px;
	padding: 0 16px 10px; 	
}

.podmenu3 {
	background-color:#2f2f2f;
	color:#fafafa;
	font-size:80%;
	vertical-align:middle;
	line-height:29px;
	padding: 0 16px 10px; 	
}

.podmenu5 {
	background-color:#2f2f2f;
	color:#fafafa;
	font-size:80%;
	vertical-align:middle;
	line-height:29px;
	padding: 0 16px 10px; 	
}

.podmenu1 a {
    display: block; 
	color:#fafafa;
	text-decoration:underline;
}

.podmenu2 a {
    display: block; 
	color:#fafafa;
	text-decoration:underline;
}

.podmenu3 a {
    display: block; 
	color:#fafafa;
	text-decoration:underline;
}

.podmenu5 a {
    display: block; 
	color:#fafafa;
	text-decoration:underline;
}

.podmenu1 a:hover { text-decoration: none; }
.podmenu2 a:hover { text-decoration: none; }
.podmenu3 a:hover { text-decoration: none; }
.podmenu5 a:hover { text-decoration: none; }


#cesta {
	margin-left:24px;
	margin-top: 10px;
	font-size: 11px;
	vertical-align: middle;

}	


#cesta .aktualni {
	font-weight:bold;
}

/***** HLAVNI OBSAH *****/

#obsah {
	width:704px;
	float:left;
	padding-top: 8px;
	_width:700px;
}

.zelena-lista 
{
	position: relative;
	left: -12px;
	top: -14px;
	background: url(../images/zelena-lista.png) no-repeat top left;
	width: 700px;
	height: 10px;
}

.modra-lista 
{
	position: relative;
	left: -12px;
	top: -14px;
	background: url(../images/modra-lista.png) no-repeat top left;
	width: 700px;
	height: 10px;
}

.cervena-lista 
{
	position: relative;
	margin-left: -12px;
	margin-top: -14px;
	background: url(../images/cervena-lista.png) no-repeat top left;
	width: 700px;
	height: 10px;
}

.zluta-lista 
{
	position: relative;
	left: -12px;
	top: -14px;
	background: url(../images/zluta-lista.png) no-repeat top left;
	width: 700px;
	height: 10px;
}


/********* PRAVY SLOUPEC ***********/

#pravy {
	float:right;
	width:272px;
}

#pravy .boxik {
	margin-top:5px;
}

#pravy .boxik-horni {
	background:#eae9e9 url(../images/ramecek-pravy-horni.gif) no-repeat top left;
	width:278px;
	height:14px;
	margin-top:0px;
}

#pravy .boxik-hlavni {
	background:#eae9e9 url(../images/ramecek-pravy-pozadi.gif) repeat-y top left;
	width:278px;
	padding-left:20px;
	padding-right:20px;
}

#pravy .boxik-spodni {
	background:#eae9e9 url(../images/ramecek-pravy-spodni.gif) no-repeat top left;
	width:278px;
	height:14px;
}

#pravy .boxik-bily-horni {
	background:#eae9e9 url(../images/ramecek-bily-horni.gif) no-repeat top left;
	width:278px;
	height:14px;
	margin-top:0px;
}

#pravy .boxik-bily-hlavni {
	background:#eae9e9 url(../images/ramecek-bily-pozadi.gif) repeat-y top left;
	width:278px;
	padding-left:20px;
	padding-right:20px;
}

#pravy .boxik-bily-spodni {
	background:#eae9e9 url(../images/ramecek-bily-spodni.gif) no-repeat top left;
	width:278px;
	height:14px;
}

#pravy .boxik-nadpis {
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}

#pravy .boxik-zvyrazneni {
	font-weight:900;
	font-size:16px;
	vertical-align:middle;
}

#pravy .porovnani-fakulta {
	background:url(../images/porovnani-fakulta-pozadi.gif) no-repeat bottom left;
	width:238px;
	line-height:28px;
}

#pravy .porovnani-fakulta a {
	color:#2f2f2f;
	text-decoration:underline;
}

#pravy .porovnani-obor {
	padding-left:10px;
	color:#727070;
	font-size:90%;
}

#pravy .porovnani-check {
	float:right;
}

/************ PATICKA **********/

#paticka {
	height:100px;
	background:#eae9e9 url(../images/pozadi-bottom.gif) repeat-x top left;
	margin-top:20px;
}

#paticka-text {
	width:980px;
	margin:0 auto;
	padding-top:40px;
}

#paticka-text .beeonline {
	float:left;
	width:200px;
	color:#6a6969;
}

#paticka-text .navigatorka {
	float:right;
	width:200px;
	text-align:right;
	color:#2c2b2a;
}

#uschovna {display:none;}


/* ============================================================================
 == Pomocné třídy =====
 =========================================================================== */

.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.width25 { width: 25%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.printOnly, .hidden { display:none; }
.clearBoth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix {_height: 1%; &height: 1%; }
.clearfix { display: block; }

.img_replace, .img_replace span { position: relative; display: block; overflow: hidden; text-decoration: none; }
.img_replace span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.img_wrapper { margin: 0.5em; }

.hr hr { display: none; }

/* ============================================================================
 == Vyber fakulty =====
 =========================================================================== */

/*
<div class="ram-spacer-horni"><div class="ram-spacer-levy"><div class="ram-spacer-pravy"><div class="ram-spacer-dolni">
<div class="ram-roh-dolni-levy"><div class="ram-roh-dolni-pravy"><div class="ram-roh-horni-levy"><div class="ram-roh-horni-pravy">
*/
.ram-spacer-horni { background: #E0E0E0 url(../images/obsah-spacer-horni.png) repeat-x top left; }
.ram-spacer-levy { background: url(../images/obsah-spacer-levy.png) repeat-y top left; }
.ram-spacer-pravy { background: url(../images/obsah-spacer-pravy.png) repeat-y top right; }
.ram-spacer-dolni { background: url(../images/obsah-spacer-dolni.png) repeat-x bottom left; }
.ram-roh-dolni-levy { background: url(../images/obsah-roh-dolni-levy.png) no-repeat bottom left; }
.ram-roh-dolni-pravy { background: url(../images/obsah-roh-dolni-pravy.png) no-repeat bottom right; }
.ram-roh-horni-levy { background: url(../images/obsah-roh-horni-levy.png) no-repeat top left; }
.ram-roh-horni-pravy { background: url(../images/obsah-roh-horni-pravy.png) no-repeat top right; padding: 20px; _padding-right: 0;}

#obsah { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 13px; color: #2C2B2B; line-height: 1.7; }

#obsah h2, #obsah h3, #obsah h4, #obsah p { margin: auto 20px; }
#obsah h2 { font-size: 24px; font-weight: normal; color: #9B1D1C; margin-bottom: 12px; margin-top: 10px }
#obsah h3, #obsah h4 { margin-bottom: 16px; font-size: 16px; }
#obsah p, #obsah ul, #obsah ol { margin: 0 20px 16px; }
#obsah ul li, #obsah ol li { margin-left: 30px; }
#obsah h3 { color: #9B1D1C; font-weight: bold; }

.vybrane-fakulty { padding: 0 20px; }
.vybrane-fakulty li { display: block; float: left; width: 33%; margin-bottom: 10px }
.vybrane-fakulty b.nazev-fakulty { display: block; float: left; margin-right: 10px; color: black; font-weight: bold; }
.vybrane-fakulty li a.toggle-tlacitko { font-size: 12px; color: #9B1D1C; }

.prechod-pozadi { background: url(../images/obsah-sedy-prechod-pravy-roh.png) no-repeat bottom right; }
.prechod-pozadi2 { background: url(../images/obsah-sedy-prechod-levy-roh.png) no-repeat bottom left; padding: 3px 0 20px; &padding-bottom: 18px; margin-bottom: 20px }
 
p.pridat-do-vyberu { width: 119px; height: 23px; }
.pridat-do-vyberu a span { background: url(../images/pridat_do_vyberu.png) no-repeat top left; }
.pridat-do-vyberu a:hover span { background-position: 0 -23px; }

.vyber-nastaveni { list-style: none; line-height: 22px; padding-bottom: 15px; margin: 0 20px 15px; background: url(../images/obsah-hr.png) repeat-x bottom left;  }
.vyber-nastaveni li { clear: left; }
.vyber-nastaveni label { display: block; float: left; width: 300px; }
.vyber-nastaveni label input { float: left; margin-top: 6px; margin-right: 5px; }
.vyber-nastaveni li a.toggle-tlacitko { font-size: 12px; color: #9B1D1C;  }

#obsah .porovnani-tabulka ul, #obsah .porovnani-tabulka ul li, #obsah .porovnani-tabulka h3, #obsah .porovnani-tabulka h4 { margin: 0; padding: 0; list-style:none; }

#obsah .porovnani-tabulka { margin: 30px 0; position: relative; padding-top: 30px; }
#obsah .porovnani-tabulka .zahlavi-tabulky { width: 219px; float: left; overflow: hidden; }
#obsah .porovnani-tabulka .telo-tabulky { float: left; }
#obsah .porovnani-tabulka .telo-tabulky .sloupce { }
#obsah .porovnani-tabulka .telo-tabulky .sloupce .sloupec { display: block; width: 144px; height: 100%; float: left; }
#obsah .porovnani-tabulka .pata-tabulky { width: 10px; float: left; overflow: hidden; }
.scroll-pane {	width: 100%; height: 100%; float: left; padding: 0; }

#obsah .sloupce .sloupec .nadpis-sloupce { height: 60px; text-align: center; overflow: hidden; position: relative;}
#obsah .sloupce .sloupec .nadpis-sloupceDole { height: 30px; text-align: center; overflow: hidden; position: relative;}
#obsah .sloupce .sloupec h3 { font-size: 16px; font-weight: bold; color: #2F2F2F; position: absolute; bottom: 10px; width: 100%; left: 0;}

.sekce-hlava { background: #DCB4B4; height: 71px; margin-bottom: 3px; }
.zahlavi-tabulky, .pata-tabulky { position: relative; top: 60px; }
.zahlavi-tabulky .sekce-hlava { background: #DCB4B4 url(../images/porovnani-tabulka-hlava-levy.png) no-repeat top left; padding-left: 15px; padding-top: 15px; height: 56px; }
.pata-tabulky .sekce-hlava { background: #DCB4B4 url(../images/porovnani-tabulka-hlava-pravy.png) no-repeat top right; }
#obsah .zahlavi-tabulky .sekce-hlava h4 { color: #CA0503; font-size: 13px; font-weight: bold; letter-spacing: -1px; background: url(../images/zachranne_kolo.png) no-repeat left center; padding-left: 22px; height: 20px; line-height: 18px; letter-spacing: 0px; }  
#obsah .zahlavi-tabulky .sekce-hlava a { font-size: 12px; color: black; padding-left: 24px; }
#obsah .zahlavi-tabulky .sekce-hlava { position: relative; }
#obsah .zahlavi-tabulky .sekce-hlava a.odkaz-podrobnosti { font-size: 9px; position: absolute; bottom: 6px; left: 15px; } 
.sekce-pata { background: #C9C9C9; height: 20px; }
.zahlavi-tabulky .sekce-pata {  background: #C9C9C9 url(../images/porovnani-tabulka-paticka-levy.png) no-repeat bottom left;  }
.pata-tabulky .sekce-pata {  background: #C9C9C9 url(../images/porovnani-tabulka-paticka-pravy.png) no-repeat bottom right;  }
.telo-tabulky ul.podrobnosti, .zahlavi-tabulky ul.podrobnosti  { &margin-bottom: 3px !important; _margin-bottom: 3px !important;}
.telo-tabulky ul.podrobnosti li, .zahlavi-tabulky ul.podrobnosti li { &margin-bottom: 4px !important; _margin-bottom: 4px !important;}
ul.podrobnosti li { height: 70px; border-bottom: 1px solid black; }
ul.podrobnosti li.highRow1 { height: 110px; }
ul.podrobnosti li.highRow2 { height: 100px; }
ul.podrobnosti li.highRow3 { height: 220px; }
.zahlavi-tabulky ul.podrobnosti li { background: url(../images/zachranne_kolo.png) no-repeat 22px center; line-height: 70px; } 
.zahlavi-tabulky ul.podrobnosti li span { display: block; margin-left: 45px; }
.zahlavi-tabulky ul.podrobnosti li.twolines { line-height: 18px; }
.zahlavi-tabulky ul.podrobnosti li.twolines span { padding-top: 13px; }
.sekce { margin-bottom: 10px; }
#obsah .pata-tabulky ul.podrobnosti li span { display: block; float: left; }

.telo-tabulky .sekce .podrobnosti li.verticalCenter { line-height: 65px; }
/*.telo-tabulky .sekce .podrobnosti li.highRow { line-height: 18px;  }*/
.telo-tabulky .sekce .podrobnosti li.twolines span { display: block; padding-top: 10px; }

.sance-prijeti .tlacitko { width: 77px; height: 26px; top: 20px; left: 35px; &left: 0px; }
.sance-prijeti .tlacitko a span { background: url(../images/porovnani-tabulka-tlacitko-spocitej.png) no-repeat top left; }
/*.sance-prijeti a:hover span { background-position: 0 -23px; }*/

.telo-tabulky .sloupec { text-align: center; }

.pata-tabulky .sekce .podrobnosti li { margin-bottom: 0px !important;  }

#obsah .graf { text-align: left; padding: 2px 15px 0; font-family: Arial, sans-serif !important; font-size: 12px !important; }
.graf small { width: 100%; text-align: center; display: block; padding-top: 4px; _padding-top: 0px; }
#obsah .graf .linka-uzka { background: url(../images/porovnani-graf-cerveny.png) repeat-x top left; height: 5px; border: 1px solid black; }
.graf .linka-tlusta { background: white; height: 15px; border: 1px solid black; text-align: left;  clear: left;}
.graf .linka-tlusta .vnitrek { height: 100%; background: #B5B5B5; display: block; text-align: right; position: relative; }
.graf .linka-tlusta .vnitrek .aktualni-hodnota { position: absolute; display: block; right: 0; bottom: -21px; }
.graf .metr { width: 100%; text-align: right; }
.graf .metr .start { float: left; width: 50%; text-align: left; }
.graf .metr .konec {  }

/*
.ovladani-scrollbaru { position: absolute; right: 0; top: 0; padding-right: 20px; }
*/
/* ============================================================================
 == Kalendar =====
 =========================================================================== */

h3.kalendar-stav { float: left; }
h3.kalendar-stav span { color: black; }

#obsah p { margin-bottom: 0; }

.pridat-do-kalendare { text-align: center; font-size: 10px;  height: 24px; width: 180px; float: right; }
.pridat-do-kalendare a span { background: url(../images/pridat-do-kalendare.png) no-repeat top left; }
.pridat-do-kalendare a:hover span { background-position: 0 -24px;  }

.kalendar { background: #C6C5C5; width: 387px; float: left; color: black; }
.kalendar tr td{ width: auto; }
.kalendar tr td.den-cislo { width: 10px; border-right: 2px solid #8C8B8B;}
.kalendar tr td.den-nazev { border-right: 2px solid #8C8B8B; }
.kalendar tr td.udalosti { width: 100%; border-right: 2px solid #8C8B8B; }
.kalendar tr td.pridat { width: 20px; }
.kalendar abbr { border: none; }
.kalendar tbody tr td { padding: 3px 6px; }
.kalendar tbody tr.sudy { background-color: #8C8B8B; }
.kalendar tr td.pridat a.pridat-udalost { display: block; width: 12px; height: 16px; text-indent: -300px; overflow: hidden; background: url(../images/kalendar-pero-tlacitko.png) no-repeat top left; }
.kalendar tr td.pridat a.pridat-udalost:hover { background-position: 0 -16px; } 
.kalendar thead tr { background: url(../images/kalendar-hlava-pravy.gif) no-repeat top right; padding-left: 3px; }
.kalendar thead tr div { background: url(../images/kalendar-hlava-levy.gif) no-repeat top left; float: left; }
.kalendar thead tr a, .kalendar thead tr h3 { font-size: 18px; font-weight: bold; color: white !important; text-decoration: none; height: 31px; line-height: 31px; float: left; }
.kalendar thead tr a { width: 30px; text-align: center; height: 100%; }
.kalendar thead tr h3 { margin: 0 !important; }
.kalendar tfoot tr { background: url(../images/kalendar-pata-pravy.gif) no-repeat top right; }
.kalendar tfoot tr div { background: url(../images/kalendar-pata-levy.gif) no-repeat top left; height: 20px; }

.kalendar-maly-box { list-style: none; float: left; width: 250px; margin: 0 0 10px 20px !important; padding: 0; background-color: #BEBEBE; }
.kalendar-maly-box li.hlava { height: 31px; background: url(../images/kalendar-panel-hlava-pravy.gif) no-repeat top right; overflow: hidden; display: block; }
#obsah .kalendar-maly-box li.hlava h3 { height: 100%; background: url(../images/kalendar-panel-hlava-levy.gif) no-repeat top left; margin: 0; padding: 4px 0 0 15px; color: white; font-size: 13px; }
.kalendar-maly-box li.pata { height: 6px; width: 100%; background: url(../images/kalendar-panel-pata-pravy.gif) no-repeat bottom right; overflow: hidden; }
.kalendar-maly-box li.pata span { height: 100%; width: 100%; background: url(../images/kalendar-panel-pata-levy.gif) no-repeat bottom left; display: block; }
.kalendar-maly-box li { font-size: 11px; margin-left: 0 !important; }
.kalendar-maly-box .vevent { margin: 0px 10px !important; padding: 6px 0 6px; border-bottom: 1px dotted #333333; line-height: 1.3 }
.kalendar-maly-box .vevent .dtstart { color: #CA0503; border: none; display: block; }
.kalendar-maly-box .vevent .summary { color: #000; }
.kalendar-maly-box .upozorneni { padding: 5px 10px; }
.kalendar-maly-box .upozorneni label { display: block; float: left; width: 49%; }
.kalendar-maly-box .upozorneni input { margin-left: 4px; position: relative; top: 2px; }
.kalendar-maly-box .upozorneni b { display: block; clear: left; }
.kalendar-maly-box .upozorneni .hr { clear: left; border: none; border-bottom: 1px dotted black; margin: 5px 0; }
.kalendar-maly-box .button { &padding-top: 40px; _padding-top: 40px; text-indent: -2000px !important;  }
.kalendar-maly-box .button.ulozit { width: 45px; height: 18px; background: url(../images/tlacitko-ulozit.png) no-repeat top left; overflow: hidden; border: none; float: right; margin: 5px 0; cursor: pointer; }
.kalendar-maly-box .button.odeslat { width: 75px; height: 18px; background: url(../images/tlacitko-odeslat.png) no-repeat top left; overflow: hidden; border: none; float: right; margin: 5px 0; cursor: pointer; }
.kalendar-maly-box .button:hover { background-position: 0 -18px; }
.kalendar-maly-box .vlozit-udalost { padding: 5px 10px; }
.kalendar-maly-box .vlozit-udalost .width {width: auto;}
.kalendar-maly-box .vlozit-udalost label { display: block; margin: 0 0 4px 0; }
.kalendar-maly-box .vlozit-udalost span { width: 50px; display: block; float: left; }
.kalendar-maly-box .vlozit-udalost input { margin-left: 4px; position: relative; top: 2px; width: 170px; }

#obsah.full-width { width:100%; }
#obsah h3 small { font-size: 100%; font-weight: normal; color: #818181; }
#obsah h4 { font-size: 14px; color: #CA0503;  }
#obsah h5 { font-size: 14px; color: #CA0503; font-weight: normal;  }
fieldset { border: none; }

table.prospech tr td span, .udaje-stredni label span, h3 span.napoveda { margin-left: 5px; padding-left: 20px; color: #818181; font-size: 11px; font-weight: normal; background: url(../images/zachranne_kolo.png) no-repeat top left; }

.zakladni-udaje, .udaje-stredni, .prospech-udaje { padding: 0px 22px 22px; }
.zakladni-udaje fieldset, .udaje-stredni fieldset { width: 32.5%; float: left; }
.zakladni-udaje fieldset label, .udaje-stredni fieldset label  { width: 24%; float: left; clear: left; font-weight: normal; font-size: 13px; margin-top: 10px; }
.zakladni-udaje fieldset input, .udaje-stredni fieldset select, .prospech-udaje input, .prospech-udaje select { width: 64%; float: left; border: 1px solid #A4A4A4; padding: 2px; margin-top: 10px; }

.udaje-stredni fieldset { width: 40%; }
.udaje-stredni fieldset label { width: 37%; }
.udaje-stredni fieldset select { width: 60%; }
.udaje-stredni .mapa { border: 1px solid #A4A4A4; margin-left: 20px; /*float: left;*/ width: 65%; height: 360px; background: white; }



.prospech-udaje .pravy_sloupec { float: left; width: 530px; border-left: 1px solid #A4A4A4; margin-left: 20px; padding-left: 0px; }

.prospech-udaje table.prospech { width: 340px; text-align: center; vertical-align: middle; display: table; font-size: 12px; padding-bottom: 15px; float: left; }
.prospech-udaje table.prospech tr { }
.prospech-udaje table.prospech tr td { width: 80px;  padding: 5px 0; }
.prospech-udaje table.prospech tr td.zahlavi { width: 130px;  }
.prospech-udaje table.prospech thead tr td { padding: 0; }
.prospech-udaje table.prospech label { display: block; font-weight: bold; text-align: left; }
.prospech-udaje table.prospech input { width: 30px; display: inline; float: none; }
.prospech-udaje table.prospech .upper_border td { border-top: 1px dotted #A4A4A4;  }
.prospech-udaje fieldset { padding: 0px  0px 22px 22px;}
.prospech-udaje fieldset label { float: left; width: 28%; }
.olympiady select, .nsz select, .nsz input { width: 90%; font-size: 12px;  }
.nsz input { width: 80%; }
.prospech-udaje h5 { margin: 15px 0; }

.olympiady label { float: none !important; display: block; width: 100% !important; margin: 0 0 10px 0 !important; }
.olympiady label b { float: none !important; display: block !important; width: 100% !important; margin: 0; }
.olympiady label select { float: none !important; display: block !important; width: 100% !important; margin: 0 !important; }
.olympiady a.potvrdit { position: static !important; margin-top: 10px; }


a.potvrdit { width: 70px; height: 24px; display: block; overflow: hidden; text-indent: -2000px; background: url(../images/tlacitko-potvrdit.png) no-repeat top left; position: relative; top: 26px; }
a.potvrdit:hover { background-position: 0 -24px; }
.vyber table { width: 96.5%; margin: 0 10px;}
.vyber table td { padding: 4px 2px; text-align: left; border-bottom: 1px dotted #A4A4A4;  }
.vyber table .typ { width: 40%; }
.vyber table .nazev { width: 20%;  }
.vyber table .vysledek { width: 40%; padding-right: 20px; text-align: center; }
.vyber table .akce { }

a.odebrat { width: 70px; height: 24px; display: block; overflow: hidden; text-indent: -2000px; background: url(../images/tlacitko-odebrat.png) no-repeat top left;  }
a.odebrat:hover { background-position: 0 -24px; }

.absolvovat { text-align: center; padding: 10px 0 20px 24%; }
.absolvovat a { width: 180px; height: 24px; display: block; overflow: hidden; text-indent: -2000px; background-repeat: no-repeat; background-position: top left; float: left; margin-right: 60px; }
.absolvovat a:hover { background-position: 0 -24px; }
.absolvovat a.uplna { background-image: url(../images/tlacitko-absolvovat-uplnou.png) }
.absolvovat a.zkracena { background-image: url(../images/tlacitko-absolvovat-zkracenou.png) }

.test-osp ul { font-weight: bold; font-size: 16px; padding: 7px 0 0 30px; }

.ulozit-zaznamenane-zmeny { text-indent: -2000px !important; width: 255px; height: 37px; background: url(../images/tlacitko-zaznamenat-zmeny.png) no-repeat top left; overflow: hidden; border: none; cursor: pointer; float: right; margin: 0 20px 20px 0  }
.ulozit-zaznamenane-zmeny:hover { background-position: 0 -37px; }



/* ============================================================================
 == Muj profil =====
 =========================================================================== */

#obsah.full-width { width:100%; }
#obsah h3 small { font-size: 100%; font-weight: normal; color: #818181; }
#obsah h4 { font-size: 14px; color: #CA0503;  }
#obsah h5 { font-size: 14px; color: #CA0503; font-weight: normal;  }
#obsah p { margin-bottom: 10px; }
fieldset { border: none; }

table.prospech tr td span, .udaje-stredni label span, h3 span.napoveda { margin-left: 5px; padding-left: 20px; color: #818181; font-size: 11px; font-weight: normal; background: url(../images/zachranne_kolo.png) no-repeat top left; }

.zakladni-udaje, .udaje-stredni, .prospech-udaje { padding: 0px 22px 22px; }
.zakladni-udaje fieldset, .udaje-stredni fieldset { width: 32.5%; float: left; margin-left: 5px;}
.zakladni-udaje fieldset label, .udaje-stredni fieldset label  { width: 30%; float: left; clear: left; font-weight: bold; font-size: 13px; margin-top: 10px; padding-left: 5px}
.zakladni-udaje fieldset input, .udaje-stredni fieldset select, .prospech-udaje input, .prospech-udaje select { width: 64%; float: left; border: 1px solid #A4A4A4; padding: 2px; margin-top: 10px; }

.udaje-stredni fieldset { width: 40%; }
.udaje-stredni fieldset label { width: 37%; }
.udaje-stredni fieldset select { width: 60%; }
.udaje-stredni .mapa { border: 1px solid #A4A4A4; margin-left: 20px; /*float: left;*/ width: 65%; height: 360px; background: white; }

.prospech-udaje .pravy_sloupec { float: left; width: 530px; border-left: 1px solid #A4A4A4; margin-left: 20px; padding-left: 0px; }


.prospech-udaje table.prospech { width: 340px; text-align: center; vertical-align: middle; display: table; font-size: 12px; padding-bottom: 15px; float: left; }
.prospech-udaje table.prospech tr { }
.prospech-udaje table.prospech tr td { width: 80px;  padding: 5px 0; }
.prospech-udaje table.prospech tr td.zahlavi { width: 130px;  }
.prospech-udaje table.prospech thead tr td { padding: 0; }
.prospech-udaje table.prospech label { display: block; font-weight: bold; text-align: left; }
.prospech-udaje table.prospech input { width: 30px; display: inline; float: none; }
.prospech-udaje table.prospech .upper_border td { border-top: 1px dotted #A4A4A4;  }
.prospech-udaje fieldset { padding: 0px  0px 22px 22px;}
.prospech-udaje fieldset label { float: left; width: 28%; }
.olympiady select, .nsz select, .nsz input { width: 90%; font-size: 12px;  }
.nsz input { width: 80%; }
.prospech-udaje .pravy_sloupec h5 { margin: 15px 0; }

a.potvrdit { width: 70px; height: 24px; display: block; overflow: hidden; text-indent: -2000px; background: url(../images/tlacitko-potvrdit.png) no-repeat top left; position: relative; top: 26px; }
a.potvrdit:hover { background-position: 0 -24px; }
.vyber table { width: 96.5%; margin: 0 10px;}
.vyber table td { padding: 4px 2px; text-align: left; border-bottom: 1px dotted #A4A4A4;  }
.vyber table .typ { width: 40%; }
.vyber table .nazev { width: 20%;  }
.vyber table .vysledek { width: 40%; padding-right: 20px; text-align: center; }
.vyber table .akce { }

a.odebrat { width: 70px; height: 24px; display: block; overflow: hidden; text-indent: -2000px; background: url(../images/tlacitko-odebrat.png) no-repeat top left;  }
a.odebrat:hover { background-position: 0 -24px; }

.absolvovat { text-align: center; padding: 10px 0 20px 24%; }
.absolvovat a { width: 180px; height: 24px; display: block; overflow: hidden; text-indent: -2000px; background-repeat: no-repeat; background-position: top left; float: left; margin-right: 60px; }
.absolvovat a:hover { background-position: 0 -24px; }
.absolvovat a.uplna { background-image: url(../images/tlacitko-absolvovat-uplnou.png) }
.absolvovat a.zkracena { background-image: url(../images/tlacitko-absolvovat-zkracenou.png) }

#obsah .test-osp ul { font-weight: bold; font-size: 16px; padding: 7px 0 0 0px; margin-left: 60px; }

.ulozit-zaznamenane-zmeny { text-indent: -2000px !important; width: 255px; height: 37px; background: url(../images/tlacitko-zaznamenat-zmeny.png) no-repeat top left; overflow: hidden; border: none; cursor: pointer; float: right; margin: 0 20px 20px 0  }
.ulozit-zaznamenane-zmeny:hover { background-position: 0 -37px; }

/* ============================================================================
 == Pravy box =====
 =========================================================================== */

#pravy .box { width:278px; height: auto; margin-bottom: 7px; }
#pravy .box .inner2 { padding: 14px 18px;}
#pravy .box.sedy { background: url(../images/ramecek-pravy-pozadi.gif) repeat-y top left; }
#pravy .box.sedy .inner { background: url(../images/ramecek-pravy-horni.gif) no-repeat top left; height: 100%;}
#pravy .box.sedy .inner2 { background: url(../images/ramecek-pravy-spodni.gif) no-repeat bottom left; height: 100%; }
#pravy .box.bily { background: url(../images/ramecek-bily-pozadi.gif) repeat-y top left; }
#pravy .box.bily .inner { background: url(../images/ramecek-bily-horni.gif) no-repeat top left; height: 100%;}
#pravy .box.bily .inner2 { background: url(../images/ramecek-bily-spodni.gif) no-repeat bottom left; height: 100%; }
#pravy .box h3 { height: 40px; line-height: 40px; font-size: 12px; padding-left: 38px; overflow: hidden; }
#pravy .box h3 em { font-size: 16px; font-style: normal; padding-right: 0px; }
#pravy .box.napoveda h3 { background: url(../images/ico-napoveda.gif) no-repeat center left; }
#pravy .box.porovnani h3 { background: url(../images/ico-porovnani.gif) no-repeat center left; }
#pravy .box.fulltext h3 { background: url(../images/lupa.png) no-repeat center left; }
#pravy .box.seznam_fakult h3 { background: url(../images/desky.gif) no-repeat center left; }
#pravy .box.fulltext h3 a { text-decoration: none; }
#pravy .box.napoveda h3 a { text-decoration: none; }
#pravy .box.seznam_fakult h3 a { text-decoration: none; }
#pravy .box.feedback h3 { padding-left: 0px; }
#pravy .box p { margin-top: 10px; }
#pravy ul { list-style: none; }
#pravy .box.porovnani .fakulta label { display: block; color:#2f2f2f; padding: 6px 0; position: relative; background: url(../images/porovnani-fakulta-pozadi.gif) no-repeat bottom right; }
#pravy .box.porovnani .fakulta .obor label { display: block; color:#727070; font-size: 11px; background-image: none; padding-left: 15px;}
#pravy .box.porovnani input { position: absolute; top: 8px; right: 10px; }


#pravy .box.porovnani input.button.porovnat-vybrane { position: relative; width: 115px; height: 24px; background: url(../images/tlacitko-porovnat-vybrane.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; margin: 10px auto 0px; margin-left: 2px; top: -3px; _padding-top: 40px; &padding-top: 40px; }
#pravy .box.porovnani input.button.porovnat-vybrane:hover { background-position: 0 -24px; }

#pravy .box.porovnani input.button.odebrat-vybrane { position: relative; width: 115px; height: 24px; background: url(../images/tlacitko-odebrat-vybrane.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; margin: 10px auto 0px; margin-left: 6px; top: -3px; _padding-top: 40px; &padding-top: 40px; }
#pravy .box.porovnani input.button.odebrat-vybrane:hover { background-position: 0 -24px; }


#pravy .box.feedback form { padding: 0 10px 10px 0; }
#pravy .box.feedback input.text, #pravy .box.feedback textarea { display: block; border: 1px solid #A4A4A4; padding: 2px; width: 100%; }
#pravy .box.feedback input.text { width: 72%; float: right; }
#pravy .box.feedback textarea { height: 100px; width: 235px; }
#pravy .box.feedback label span { float: left; height: 20px; line-height: 20px; }
#pravy .box.feedback label { display: block; padding-top: 10px; clear: both; }

#pravy .box.feedback .button { text-indent: -2000px; &padding-top: 40px; _padding-top: 40px; }
#pravy .box.feedback .button.odeslat { width: 75px; height: 18px; background: url(../images/tlacitko-odeslat.png) no-repeat top left; overflow: hidden; border: none; float: right; margin: 5px 0; cursor: pointer; }
#pravy .box.feedback .button:hover { background-position: 0 -18px; }


/* ============================================================================
 == Otazky pro nerozhodnuté =====
 =========================================================================== */

/*.otazky-pro-nerozhodnute { padding: 0 20px 20px; text-align: left; }*/

/*.otazky-pro-nerozhodnute table { width: 100% !important;  border: 1px solid black;}*/


.ovladaniOtazekOtazkyProNerozhodnute { margin: 15px 0 20px; float: right; }
.stredoveCislaOtazkyProNerozhodnute { float: left; margin: 0 20px; } 
.stredoveCislaOtazkyProNerozhodnute span { display: block; padding: 10px; float: left; height: 20px; line-height: 20px; }
.cislaDalsiOtazkyProNerozhodnuteVybrane { background-color: #D7D7D7; border: 1px solid #BFBFBF; }
.tlacitkoDopreduOtazkyProNerozhodnute { padding: 9px 0 0; float: right; }
.tlacitkoZpetOtazkyProNerozhodnute { padding: 9px 0 0; float: left; }
.plochaOtazkyOtazkyProNerozhodnute table { width: 100%;  }
.plochaOtazkyOtazkyProNerozhodnute table tr td { padding: 2px 3px; border-bottom: 1px solid silver; width: 50%;  }

.nebo { float: left; margin: 0; font-weight: normal; margin: 0 4px 0 4px;}
.otazky-pro-nerozhodnute .otazkyPredmet {  background-color: red;font-weight: bold; }
.otazky-pro-nerozhodnute .levy {  }
.otazky-pro-nerozhodnute .levy label { margin-right: 10px; }
.otazky-pro-nerozhodnute .pravy label { margin-left: 10px; }
.otazky-pro-nerozhodnute .otazkyPredmet label { border-bottom: 1px dotted #E0E0E0; }
.otazky-pro-nerozhodnute label:hover { border-bottom: 1px dotted #333; }
.otazky-pro-nerozhodnute table {width: 100%; border: 0px solid black; font-weight: bold; }
.otazky-pro-nerozhodnute table tr {vertical-align: top; }
.bg_color_1 {vertical-align: top;/*background-color: #dfdddd*/}
.bg_color_2 {background-color: #cccccc}

.otazky_zaver { text-align: left; }
.otazky_zaver_radio { text-align: left}
.otazky_zaver_text { background-color: #cccccc; font-weight: bold}*/

/*.otazkaObal * { display: inline !important;  text-left: center !important;   }
.otazkaObal .odpoved { float: right; text-align: right; }

.otazka_text {text-align: left}

.otazky-pro-nerozhodnute .prvni .otazkaObal .odpoved { 
display: block; float: right; width: 40px; position: absolute; top: 0; right: -20px; }

.otazky-pro-nerozhodnute .otazkaObal .odpoved input { position: relative; top: 3px; }
.otazky-pro-nerozhodnute .otazkaObal .odpoved label { margin-left: 3px; }

.otazky-pro-nerozhodnute .prvni .otazkaObal .textOtazky { 
display: block; font-weight: bold; float: right;  position: relative; right: 20px; }

.otazky-pro-nerozhodnute .treti .odpoved { position: relative; left: -25px;  }*/



.plochaOtazkyOtazkyProNerozhodnute table .otazkyPredmet { padding-left: 5px; }
.plochaOtazkyOtazkyProNerozhodnute h3,
.plochaOtazkyOtazkyProNerozhodnute p { margin-left: 0 !important; }


/* ============================================================================
 == Klíčová slova =====
 =========================================================================== */


.vybranaKlicovaSlovaKlicovaSlova {margin-left: 10px}
.podtextKlicovaSlova, 
.spodniParametryFullText,
.seznamKategoriiKlicoveSlova { margin-left: 15px; padding: 0 20px 20px; font-weight: bold}
.seznamKategoriiKlicoveSlova label {padding: 0 15px 0 5px; }

#obsah .vybranaKlicovaSlovaKlicovaSlova h3 { margin-left: 0; }
.vybranaKlicovaSlovaKlicovaSlova table { margin-top: -20px;}

.seznamKategoriiKlicoveSlova span span input,
.oboryHledatStred span input,
.formuHledatStred span input { /*position: relative; top: 2px;*/ }
.seznamKategoriiKlicoveSlova span span label,
.oboryHledatStred span label, 
.formuHledatStred span label { /*margin: auto 15px auto 7px; font-weight: bold;*/ }

.plochaSRoletkamiKlicovaSlova { margin: 0px; }
.plochaSRoletkamiKlicovaSlova table tr { width: 60px; }
.plochaSRoletkamiKlicovaSlova table td {  }
.roletkaHlavickaKlicovaSlova { width: 160px; overflow: hidden;}
.roletkaStredKlicovaSlova { width: 148px; padding: 5px; padding-top: 25px; padding-bottom: 15px; margin: 5px 5px 0 0; border: 1px solid silver;}
.vnitrni-vypis-slov * { white-space: normal !important; vertical-align: top !important; }
.roletkaHlavickaKlicovaSlova { background: #DCB4B4 url(../images/porovnani-tabulka-hlava-levy.png) no-repeat top left; }
.roletkaHlavickaKlicovaSlova .inner { background: url(../images/porovnani-tabulka-hlava-pravy.png) no-repeat top right; font-size: 14px; padding: 5px 10px; margin: 0; font-weight: bold;  }
.plochaSRoletkamiKlicovaSlova { margin-bottom: 35px; }
.vnitrni-vypis-slov {margin-top: -25px;}
.vnitrni-vypis-slov table { display: block;  }
.vnitrni-vypis-slov table a { display: block; }
.vnitrni-vypis-slov table * { text-align: left; }
.vnitrni-vypis-slov table td { border-bottom: 1px dotted silver; }

.oboryHledatStred,
.formuHledatStred {padding-left: 35px } 
.oboryHledatStred label,
.formuHledatStred label {padding: 0 15px 0 5px }
/*.oboryHledatStred, .formuHledatStred { width: 40%; }
.oboryHledatStred { float: left;}
.formuHledatStred { float: left;}*/

.spodniParametryKlicovaSlova { height: 270px; position: relative; }
.vodotisk { position: absolute; bottom: 0; right: 0; width: 261px; height: 178px; background: url(../images/kompas_vodotisk.png) no-repeat bottom right; }
.vodotisk .tlacitkoHledat { position: absolute; bottom: 20px; right: 20px; }

/*.spodniParametryFullText { height: 100px; position: relative;}*/
.spodniParametryFullText .hledatBox { display: block; margin: 5px 0;  }
.spodniParametryFullText .hledatBox span { font-weight: bold; }
.spodniParametryFullText .hledatStred { position: relative; width: 370px; }
.spodniParametryFullText .hledatStred .hledatVolby { position: absolute; top: -2px; right: 0; padding-bottom: 20px }
.spodniParametryFullText .hledatStred .hledatVolby label { display: block; font-weight: bold; }
.spodniParametryFullText .hledatStred .hledatVolby input { position: relative; top: 2px; margin-right: 4px;}
/*.spodniParametryFullText .oboryHledatStred,
.spodniParametryFullText .formuHledatStred { position: relative; top: 50px; width: auto; margin-right: 30px; }
.spodniParametryFullText .oboryHledatStred label,
.spodniParametryFullText .formuHledatStred label { display: block; margin-left: 5px; }
.spodniParametryFullText .oboryHledatStred label span,
.spodniParametryFullText .formuHledatStred label span { margin-left: 2px; font-weight: bold; }


/* ============================================================================
 == Seznam fakult =====
 
 
.seznam-fakult .tlacitko-hledat input { text-indent: -2000px; width: 100px; height: 36px; background: url(../images/seznam-fakult-hledat.png) no-repeat top left; overflow: hidden; border: none; cursor: pointer; }
.seznam-fakult .tlacitko-hledat input:hover { background-position: 0 -18px; }

 =========================================================================== */


.seznam-fakult .typy-fakulty span {font-weight: bold; color: #000000; }
.seznam-fakult .kraj-fakulty span {font-weight: bold; color: #000000}
.seznam-fakult table label {position: relative; margin-top: -20px; padding-left: 20px; }
.seznam-fakult .hledaniBox { padding: 15px 20px; } 
.seznam-fakult .hledaniBox .typy-fakulty  { display: block; }
.seznam-fakult .hledaniBox .kraj-fakulty { display: block; }

.seznam-fakult .hledaniBox label span { display: block; font-weight: bold; }
.seznam-fakult .hledaniBox label { float: left; }
.seznam-fakult .hledaniBox .tlacitko-hledat { padding-top: 12px; text-align: right}

.vypis-fakult { }
.vypis-fakult .nadpis-vypisu { background: #DCB4B4 url(../images/porovnani-tabulka-hlava-levy.png) no-repeat top left; margin-top: 10px;}
#obsah  .vypis-fakult .nadpis-vypisu h3 { background: url(../images/porovnani-tabulka-hlava-pravy.png) no-repeat top right; font-size: 18px; padding: 10px 20px; margin: 0; font-weight: bold; }
.vypis-fakult .hlava { background: #CACACA; margin-top: 10px; margin: 10px 0px 0; }
.vypis-fakult .hlava .inner { font-size: 16px; font-weight: bold; color: black; padding: 8px 15px; }
.vypis-fakult .hlavaVOS { background: #A3A3A3; margin-top: 10px; margin: 10px 0px 0; }
.vypis-fakult .hlavaVOS .inner { font-size: 16px; font-weight: bold; color: black; padding: 8px 15px; }
.vypis-fakult .polozka { border-bottom: 1px dotted silver; padding: 10px 10px 4px; margin: 0 10px; font-size: 14px; font-weight: bold;  }
.vypis-fakult .polozka .nazev-fakulty { float: left; width: 360px; }
.vypis-fakult .polozka .ovladani { float: right; width: 115px; }

.hft-inner { background: #DCB4B4 url(../images/porovnani-tabulka-hlava-levy.png) no-repeat top left; margin-top: 10px; }
.hft-inner2 { background: url(../images/porovnani-tabulka-hlava-pravy.png) no-repeat top right; font-size: 15px; padding: 10px 20px; margin: 0; font-weight: bold; text-align: left; }
.hft-inner2 a { float: left; position: relative; top: 2px;  }
.hft-inner2 span { float: right; position: relative; top: 3px; } 

.vypisFakultPodhlavickaTabulky { background: #CACACA;}
.vypisFakultPodhlavickaTabulky th {  font-weight: bold; color: black; padding: 8px 15px; }
.vypisFakult td { text-align: center; padding: 10px auto !important; }
.vypisOboruPodhlavickaTabulky td { padding: 20px auto !important; text-align: center}
.program .obory .obor-hlava { background-color: #CACACA; padding: 10px; }
.program .obory .obor-hlava h5 { margin: 0; float: left; font-size: 16px; }

.vypisFakult .pridat a { margin: 5px 15px;  }
.vypisFakult span.univerzita { float: left; margin-left: 10px; font-weight: normal;  }

a.pridat-do-vyberu { display: block; width: 130px; height: 24px; background: url(../images/okno-pridat-do-vyberu.png) no-repeat top left; overflow: hidden; text-indent: -400px; float: right; }
a.pridat-do-vyberu:hover { background-position: 0 -24px; }


/* ============================================================================
 == Vyber fakult =====
 =========================================================================== */

.uvodni-menu-noflash { width: 660px; height: 370px; position: relative; background: url(../images/uvodni_menu_bez_flashe.png) no-repeat top left; z-index: 0; }
.uvodni-menu-noflash a { display: block; width: 170px; height: 77px; position: absolute; overflow: hidden; text-indent: -2000px; }
.uvodni-menu-noflash .nerozhodnuty { bottom: 120px; left: 5px;}
.uvodni-menu-noflash .castecne { top: 20px; left: 38px; }
.uvodni-menu-noflash .vi_presne { top: 20px; right: 5px;}
.uvodni-menu-noflash .chce_seznam { bottom: 130px; right: 3px;}

        
/* ============================================================================
 == HOMEPAGE =====
 =========================================================================== */



/*.login-box-neregistrovani { float: left; height: 90px; margin-top: 55px; background: #DAD9D9 url(../images/uvod-sedy-box-corn-top-left.gif) no-repeat top left; width: 470px; position: relative; }
.login-box-neregistrovani .i, .login-box .i2, .login-box .i3 { width: 100%; height: 100%; }
.login-box-neregistrovani .i { background: url(../images/uvod-sedy-box-corn-top-right.gif) no-repeat top right; }
.login-box-neregistrovani .i2 { background: url(../images/uvod-sedy-box-corn-bottom-right.gif) no-repeat bottom right; }
.login-box-neregistrovani .i3 { background: url(../images/uvod-sedy-box-corn-bottom-left.gif) no-repeat bottom left; padding: 20px;}
.login-box-neregistrovani .button.vstup { float: right; position: relative; overflow: none; top: -25px; width: 195px; height: 50px; background: url(../images/btn-uvod-vstup.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; }
.login-box-neregistrovani .button.vstup:hover { background-position: 0 -50px; }
*/

/*login-box-registrovani*/
/*#login { float: left; margin-top: 55px; background: #DAD9D9 url(../images/uvod-sedy-box-corn-top-left.gif) no-repeat top left; width: 470px; position: relative; }*/
/*.login .i, .login .i2, .login .i3 {width: 100%; height: 100%;}
.login .i { background: url(../images/uvod-sedy-box-corn-top-right.gif) no-repeat top right; padding: 0px;}
.login .i2 { background: url(../images/uvod-sedy-box-corn-bottom-right.gif) no-repeat bottom right; padding: 10px;}
.login .i3 { background: url(../images/uvod-sedy-box-corn-bottom-left.gif) no-repeat bottom left; padding: 20px;}*/


.LoginNeprihlaseny label { display: block; text-align: right; width: 206px; }
.LoginNeprihlaseny label input { border: none; background: url(../images/uvod-login-box-input-text.gif) no-repeat top left; width: 142px; height: 16px; padding: 4px; margin: 2px 6px; }
.LoginNeprihlaseny label input:focus, .login-box label input:hover { background-position: 0 -24px; }
.LoginNeprihlaseny h2 { margin: -2px 0 7px 0; color: black; }
/*.LoginNeprihlaseny .new-registration { display: block; width: 195px; height: 76px; margin-top: 25px; text-indent: -2000px; background: url(../images/btn-uvod-registrace.gif) no-repeat top left; position: absolute; top: 18px; right: 20px; }*/
.LoginNeprihlaseny .new-registration { display: block; width: 195px; height: 76px; top: -80px; text-indent: -2000px; background: url(../images/btn-uvod-registrace.gif) no-repeat top left; position: relative; right: -220px; }
.LoginNeprihlaseny .new-registration:hover { background-position: 0 -76px; }
.forgot-password { font-size: 10px; position: relative; top: -2px; }
.LoginNeprihlaseny .button { width: 70px; height: 24px; overflow: none; border: none; &padding-top: 40px; _padding-top: 40px; text-indent: -2000px; background: url(../images/uvod-tlacitko-prihlasit.gif) no-repeat top left; cursor: pointer; position: relative; right: -3px; top: 3px; }




.info-box { position: relative; float: right; margin-top: 36px; background: #DAD9D9 url(../images/uvod-sedy-box-corn-top-left.gif) no-repeat top left; width: 470px;}
.info-box  .i, .login-box .i2, .login-box .i3 { width: 100%; height: 100%; }
.info-box  .i { background: url(../images/uvod-sedy-box-corn-top-right.gif) no-repeat top right; }
.info-box  .i2 { background: url(../images/uvod-sedy-box-corn-bottom-right.gif) no-repeat bottom right; }
.info-box  .i3 { background: url(../images/uvod-sedy-box-corn-bottom-left.gif) no-repeat bottom left; padding: 10px;}
.info-box  label { display: block; text-align: right; width: 206px; }
p.text { font-size: 14pt; font-weight: bold; color: #000000; margin-top: 12px; margin-left: 15px; }
p.text span {color: #aa0000; font-size: 16pt}


.forgot-password-box { position: relative; /*float: left; margin-top: 15px;*/ /*background: #DAD9D9 url(../images/uvod-sedy-box-corn-top-left.gif) no-repeat top left; width: 650px;*/}
/*.forgot-password-box  .i, .login-box .i2, .login-box .i3 { width: 100%; height: 100%; }
.forgot-password-box  .i { background: url(../images/uvod-sedy-box-corn-top-right.gif) no-repeat top right; }
.forgot-password-box  .i2 { background: url(../images/uvod-sedy-box-corn-bottom-right.gif) no-repeat bottom right; }
.forgot-password-box  .i3 { background: url(../images/uvod-sedy-box-corn-bottom-left.gif) no-repeat bottom left; padding: 20px;}*/
.forgot-password-box  label { display: block; text-align: right; width: 206px; }
.forgot-password-box .button { width: 100px; height: 24px; overflow: none; border: none; &padding-top: 40px; _padding-top: 40px; text-indent: -2000px; background: url(../images/uvod-tlacitko-poslatHeslo.gif) no-repeat top left; cursor: pointer; position: relative; right: -3px; top: 3px; }



#uvod h2 { font-size: 18px; }
#uvod h3 { font-size: 14px; }

#uvod .head { margin: 0 3px 15px; }
#uvod .head #logo_uvod { position: relative; margin-top: 55px; right: 10px; height: 130px;}
#uvod .head #logo { position: relative; top: 40px; right: 20px; }

#uvod .action-button { display: block; background: url(../images/uvod-tlacitko-univerzal-big-right-corn.png) no-repeat top right; width: auto; height: 36px; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;  font-size: 17px; text-decoration: none; color: white; cursor: pointer;  float: left; padding-right: 12px; _width: 250px;} 
#uvod .action-button span { display: block; background: url(../images/uvod-tlacitko-univerzal-big-left-corn.png) no-repeat top left; width: 100%; height: 36px; margin-left: -12px; padding-left: 12px; text-align: center; line-height: 36px; _position: relative; _left: 0px; }
#uvod .action-button:hover { background-position: right -37px; }
#uvod .action-button:hover span { background-position: left -37px; }
#uvod .action-float { margin: 15px 10px; }  

#uvod .square { width: 421px; height: 356px; float: left; background-position: top left; background-repeat: no-repeat; background-color: none; margin: 0 0 20px 0; padding: 30px; position: relative; color: #222; }
#uvod .red { background-image: url(../images/blok_1.png);}
#uvod .green { background-image: url(../images/blok_2.png); margin-left: 18px}
#uvod .blue { background-image: url(../images/blok_3.png);}
#uvod .gold { background-image: url(../images/blok_4.png); position: relative; right: -20px; }
#uvod .square .action {}
#uvod .square-grid { position: relative;}
#uvod .compass { position: absolute; top: 290px; left: 360px; background: url(../images/kompas_stred.png) no-repeat top left; width: 262px; height: 270px; z-index: 20; }
#uvod .action { position: absolute; bottom: 0; left: 0; padding: 30px 40px; &bottom: 30px; _bottom: -5px; }
#uvod .green .action, #uvod .gold .action { right: 0; left: auto; padding-right: 30px; }
#uvod .square h2 { color: #850A09; margin-bottom: 15px; }
#uvod .square h3 { color: #222; margin-bottom: 10px; }
#uvod .square p, #uvod .square ul { margin-bottom: 10px; line-height: 1.7; padding-right: 10px; }
#uvod .square ul li { margin-left: 30px; margin-bottom: 5px; }
#uvod .green h2, #uvod .gold h2 { text-align: right; }
#uvod .ukazky img {border: 7px solid white; display: block; float: right; margin-bottom: 5px;}

#uvod .uvod-ram { width: 975px; }
#uvod .uvod-ram.red-box { background: #F4B495 url(../images/uvod-box-red-corn-top-left.gif) no-repeat top left; }
#uvod .uvod-ram.red-box .uvod-ram2 { background: url(../images/uvod-box-red-corn-top-right.gif) no-repeat top right; }
#uvod .uvod-ram.red-box .uvod-ram3 { background: url(../images/uvod-box-red-corn-bottom-left.gif) no-repeat bottom left; }
#uvod .uvod-ram.red-box .uvod-ram4 { background: url(../images/uvod-box-red-corn-bottom-right.gif) no-repeat bottom right; }
#uvod .uvod-ram.red-box .uvod-ram4 {padding-right: 260px; padding-bottom: 120px}

#uvod .uvod-ram.blue-box { background: #B5DCE1 url(../images/uvod-box-blue-corn-top-left.gif) no-repeat top left; }
#uvod .uvod-ram.blue-box .uvod-ram2 { background: url(../images/uvod-box-blue-corn-top-right.gif) no-repeat top right; }
#uvod .uvod-ram.blue-box .uvod-ram3 { background: url(../images/uvod-box-blue-corn-bottom-left.gif) no-repeat bottom left; }
#uvod .uvod-ram.blue-box .uvod-ram4 { background: url(../images/uvod-box-blue-corn-bottom-right.gif) no-repeat bottom right; }
#uvod .uvod-ram.blue-box .uvod-ram4 {padding-right: 260px; padding-bottom: 120px}

#uvod .uvod-ram.green-box { background: #CCDDCC url(../images/uvod-box-green-corn-top-left.gif) no-repeat top left; }
#uvod .uvod-ram.green-box .uvod-ram2 { background: url(../images/uvod-box-green-corn-top-right.gif) no-repeat top right; }
#uvod .uvod-ram.green-box .uvod-ram3 { background: url(../images/uvod-box-green-corn-bottom-left.gif) no-repeat bottom left; }
#uvod .uvod-ram.green-box .uvod-ram4 { background: url(../images/uvod-box-green-corn-bottom-right.gif) no-repeat bottom right; }
#uvod .uvod-ram.green-box .uvod-ram4 {padding-right: 260px; padding-bottom: 120px}

#uvod .uvod-ram.gold-box { background: #EAE1BD url(../images/uvod-box-gold-corn-top-left.gif) no-repeat top left; }
#uvod .uvod-ram.gold-box .uvod-ram2 { background: url(../images/uvod-box-gold-corn-top-right.gif) no-repeat top right; }
#uvod .uvod-ram.gold-box .uvod-ram3 { background: url(../images/uvod-box-gold-corn-bottom-left.gif) no-repeat bottom left; }
#uvod .uvod-ram.gold-box .uvod-ram4 { background: url(../images/uvod-box-gold-corn-bottom-right.gif) no-repeat bottom right; }
#uvod .uvod-ram.gold-box .uvod-ram4 {padding-right: 260px; padding-bottom: 120px}

#uvod .uvod-ram.clanek { background: #EAE1BD url(../images/uvod-box-gold-corn-top-left.gif) no-repeat top left; }
#uvod .uvod-ram.clanek .uvod-ram2 { background: url(../images/uvod-box-gold-corn-top-right.gif) no-repeat top right; }
#uvod .uvod-ram.clanek .uvod-ram3 { background: url(../images/uvod-box-gold-corn-bottom-left.gif) no-repeat bottom left; }
#uvod .uvod-ram.clanek .uvod-ram4 { background: url(../images/uvod-box-gold-corn-bottom-right.gif) no-repeat bottom right; }



#uvod .uvod-ram4, #uvod .ram-roh-horni-pravy { padding: 40px; }

#uvod .single-grid h2 { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 24px; font-weight: normal; color: #9B1D1C; margin: 0px 0px 25px; }
#uvod .single-grid h2 { color: #850A09; margin-bottom: 15px; }
#uvod .single-grid h3 { color: #222; margin-bottom: 10px; }
#uvod .single-grid p, #uvod .single-grid ul { margin-bottom: 10px; line-height: 1.7; padding-right: 10px; }
#uvod .single-grid ul li { margin-left: 30px; margin-bottom: 5px; line-height: 1.7; }

#uvod .uvod-ram4, #uvod .ram-roh-horni-pravy { position: relative; padding-right: 40px; padding-bottom: 30px; }
#uvod .ram-roh-horni-pravy { padding-right: 40px; padding-bottom: 40px; }
#uvod .uvod-nav-btn { position: absolute; right: 40px; width: 195px; height: 76px; text-indent: -2000px; overflow: hidden; }
#uvod .uvod-nav-btn.cojeto { top: 40px; background: url(../images/btn-navigatorka-cz.png) no-repeat top left; }
#uvod .uvod-nav-btn.ukazky { top: 126px; background: url(../images/btn-ukazky.png) no-repeat top left; }
#uvod .uvod-nav-btn.cenik { top: 212px; background: url(../images/btn-cena-a-zpusob-platby.png) no-repeat top left; }
#uvod .uvod-nav-btn.aktuality { top: 298px; background: url(../images/btn-aktuality-z-vs.png) no-repeat top left; }
#uvod .uvod-nav-btn:hover { background-position: 0 -76px; }

#uvod .single-grid p a.slide img { float: left; border: none; }
#uvod .single-grid p a.slide { border: 10px solid white; display: block; float: left; margin-bottom: 3px; margin-top: 10px; }
#uvod .single-grid p a.slide:hover { border: 10px solid #EAEAEA; }
#uvod .single-grid .image-title { display: block; clear: left; }

#uvod .single-grid .tlacitko-zaregistrovat { border: none; width: 170px; height: 36px; background: url(../images/uvod-tlacitko-zaregistrovat.png) no-repeat top left; cursor: pointer; &padding-top: 40px; _padding-top: 40px; overflow: hidden; text-indent: -2000px; &text-indent: 0px; _text-indent: 0px; }
#uvod .single-grid .tlacitko-zaregistrovat:hover { background-position: 0 -36px; }

#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
 	z-index: 9999;
}

.video {border: 8px solid #ffffff}



/* ========================================================================================
	==== POŠTA ====
=========================================================================================*/

#posta {padding: 0px 10px 15px 10px}

#posta #head {padding: 15px 15px 15px 20px}
#posta #zpravy {padding: 0px 15px 0px 15px}

#posta input.odeslat { position: relative; float: right; width: 85px; height: 24px; background: url(../images/posta-odeslat.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; margin: 10px auto 0px; margin-right: 15px; top: -3px; _padding-top: 40px; &padding-top: 40px; }
#posta input.odeslat:hover { background-position: 0 -24px; }

.cas {color: #777777}
.predmet {margin-left: 10px}


span.odeslana {color: #dd0000; font-size: 13pt;}
span.prijata {color: #0000dd; font-size: 13pt}

#posta h3 {font-size: 18px; padding-left: 0px; overflow: hidden; }
#posta h3 em { font-size: 28px; font-style: normal; padding-right: 0px; }



/*=========================================================================================
      ========= ŠKOLNÍ LICENCE ========
==========================================================================================*/

#skolni-licence {padding: 5px 5px 10px 5px}
#skolni-licence table {margin-left: 20px}
#skolni-licence table tr td input {width: 170px}
#skolni-licence table.nova-skola tr td input {width: 250px}
#skolni-licence .mapa {  margin-left: 20px; text-align: center; height: 360px; }
input.pocet-uchazecu {width: 50px}


#skolni-licence .zpet-uvod {position: absolute; right: 30px; top: 20px; width: 200px;}

input.button.dopredu { float: left; position: relative; width: 130px; height: 24px; background: url(../images/btn-pokracovat.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; /*margin: 10px auto 0px; margin-right: 6px; top: -3px; _padding-top: 40px; &padding-top: 40px;*/ }
input.button.dopredu:hover { background-position: 0 -24px; }

input.button.dozadu { float: left; position: relative; width: 130px; height: 24px; background: url(../images/btn-zpet.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; /*margin: 10px auto 0px; margin-right: 6px; top: -3px; _padding-top: 40px; &padding-top: 40px;*/ }
input.button.dozadu:hover { background-position: 0 -24px; }

input.button.ok { margin-left: 10px; width: 45px; height: 18px; background: url(../images/btn-ok.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; /*margin: 10px auto 0px; margin-right: 6px; top: -3px; _padding-top: 40px; &padding-top: 40px;*/ }
input.button.ok:hover { background-position: 0 -18px; }

input.button.ulozit { width: 45px; height: 18px; background: url(../images/btn-ulozit.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; /*margin: 10px auto 0px; margin-right: 6px; top: -3px; _padding-top: 40px; &padding-top: 40px;*/ }
input.button.ulozit:hover { background-position: 0 -18px; }


#skolni-licence a.button.cenik { float: left; width: 130px; height: 24px; background: url(../images/btn-cenik.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; /*margin: 10px auto 0px; margin-right: 6px; top: -3px; _padding-top: 40px; &padding-top: 40px;*/ }
#skolni-licence a.button.cenik:hover { background-position: 0 -24px; }


#skolni-licence a.button.uvod { float: left; width: 130px; height: 24px; background: url(../images/btn-uvod.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; /*margin: 10px auto 0px; margin-right: 6px; top: -3px; _padding-top: 40px; &padding-top: 40px;*/ }
#skolni-licence a.button.uvod:hover { background-position: 0 -24px; }


#skolni-licence #pnlKrok1 h3 { color: #9B1D1C; font-size: 12pt}
#skolni-licence #pnlKrok2 h3 { color: #9B1D1C; font-size: 12pt}
#skolni-licence #pnlKrok3 h3 { color: #9B1D1C; font-size: 12pt}
#skolni-licence #pnlKrok4 h3 { color: #9B1D1C; font-size: 12pt}
#skolni-licence h3 small { font-size: 12pt; font-weight: normal; color: #818181; }

#info-skola { position: absolute; width: 270px; height: auto; right: 10px; top: 20px;}




/* =============================================================================================================
                       ============ PRIHLASKA NA VS ================
=============================================================================================================*/

input.button.osp { width: 130px; height: 24px; background: url(../images/btn-osp.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; }
input.button.osp:hover { background-position: 0 -24px; }

.OP { width: 65px}
.RC1 {width: 45px}
.RC2 {width: 30px}
.CP {width: 60px }
.PSC { width: 45px}
.CisloDomu {width: 40px}
.KKOV { width: 70px}
.nazev-oboru {width: 250px}
.StredniSkola {width: 400px}

#PrihlaskaNaVS table {margin-left: 40px}

span.napoveda { margin-left: 25px}
span.napoveda { color: #777777; font-size: 12px; background: url(../images/zachranne_kolo.png) no-repeat left center; padding-left: 22px; height: 20px; line-height: 18px; letter-spacing: 0px; }

h3 span.napoveda { margin-left: 35px; color: #777777}

td.prospech input {width: 30px}
td.predmet input {width: 200px}

td.maturita { width: 70px; text-align: Center}
td.maturita input {width: 30px; text-align: center}




/* =============================================================================================================
						============= TEST OSP ========================
==============================================================================================================*/

#OSP table {margin-left: 30px}




/* ============================================================================================================
                     ============== Objednavka Pro VŠ =================
============================================================================================================== */

#objednavka-pro-vs {padding-left: 15px}

#objednavka-pro-vs .button.objednat { float: right; width: 85px; height: 24px; background: url(../images/btn-objednat.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; }
#objednavka-pro-vs .button.objednat:hover { background-position: 0 -24px; }




/* ===========================================================================================================
                 ================ Aktuality ======================
=============================================================================================================*/


#aktuality .button.archiv-aktuality { float: left; width: 130px; height: 24px; background: url(../images/btn-archiv-aktuality.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; }
#aktuality .button.archiv-aktuality:hover { background-position: 0 -24px; }

#aktuality .button.archiv-zajimavosti { float: left; width: 130px; height: 24px; background: url(../images/btn-archiv-zajimavosti.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; }
#aktuality .button.archiv-zajimavosti:hover { background-position: 0 -24px; }

#aktuality .button.archiv-o-nas { float: left; width: 130px; height: 24px; background: url(../images/btn-archiv-o-nas.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; }
#aktuality .button.archiv-o-nas:hover { background-position: 0 -24px; }

#aktuality .button.zpet { float: left; width: 130px; height: 24px; background: url(../images/btn-zpet.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; }
#aktuality .button.zpet:hover { background-position: 0 -24px; }


/* =========================================================================================================
                      ============ REGISTRACE 2 ===================
===========================================================================================================*/

#registrace2 .tlacitko-zaregistrovat { border: none; width: 170px; height: 36px; background: url(../images/uvod-tlacitko-zaregistrovat.png) no-repeat top left; cursor: pointer; &padding-top: 40px; _padding-top: 40px; overflow: hidden; text-indent: -2000px; &text-indent: 0px; _text-indent: 0px; }
#registrace2 .tlacitko-zaregistrovat:hover { background-position: 0 -36px; }

#registrace2 .tlacitko-odeslat-objednavku { border: none; width: 255px; height: 37px; background: url(../images/btn-odeslat-objednavku.gif) no-repeat top left; cursor: pointer; &padding-top: 40px; _padding-top: 40px; overflow: hidden; text-indent: -2000px; &text-indent: 0px; _text-indent: 0px; }
#registrace2 .tlacitko-odeslat-objednavku:hover { background-position: 0 -37px; }


#registrace2 .select {margin-top: 10px}


/* ========================================================================================================
                   ============ PLACENÍ ==============
==========================================================================================================*/

#registrace2 .typ-pristupu-napoveda 
{
	/*border: 1px solid black;*/
	margin-top: -80px;
	margin-left: 330px;
	width: 545px;
	height: 120px;
	padding: 7px 3px 25px 3px;
	background: url(../images/typ_pristupu_napoveda.gif) no-repeat bottom left;
	}
	
#registrace2 .cena p
{
	color: #aa0000;
	font-size: 28pt;
	margin-top: -70px;
	margin-left: 50px;
	}	
	
	
/*===============================================================================================
					============= SOUTEZ ==============
================================================================================================*/


.prispevek { float: right; width: 130px; height: 24px; background: url(../images/btn-pridat_prispevek.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; margin-right: 270px; }
.prispevek:hover { background-position: 0 -24px; }	
	
	
	
/*=================================================================================================
                    =========== Cenik ================
=================================================================================================*/

input.button.btnPlatit { top: -5px; left: 40px; width: 85px; height: 24px; background: url(../images/btn-zaplatit.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 0px; &text-indent: 0px; border: none; cursor: pointer; position: relative;}
input.button.btnPlatit:hover { background-position: 0 -24px; }


/*=============================================================================================
                  ========= Banners ===================
==============================================================================================*/

#banner_top 
{
	position:relative;
	top: 55px;
	margin-bottom: 25px;
	left: 270px;
	border: 1px solid black;
	width: 468px;
	height: 60px;
	z-index: 0;
}


.banner 
{	
	position:relative;
	top: 50px;
	text-align: center;
	}

.banners 
{
	margin-left: 5px;
	margin-bottom: 15px;
	z-index: -10;
}
	
.reklama {color: #777777; font-size: 8pt; margin-bottom: 3px}





#pres 
{
	left: 280px;
	padding:10px;
	position:absolute;
	top: 70px;
	z-index:20;
}


.zavrit { width: 75px; height: 18px; background: url(../images/btn-zavrit.png) no-repeat top left; overflow: hidden; text-indent: -2000px; _text-indent: 2000px; &text-indent: 2000px; border: none; cursor: pointer; position: absolute; bottom: 70px; right: 170px; z-index: 30; }
.zavrit:hover { background-position: 0 -18px; }