/* reset */
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;
}

html,body {
color:#535353;
font:normal 12px Arial, Helvetica, sans-serif;
background:#dedede url(../images/bg.jpg) repeat-x top;
margin-bottom: 20px;
}

h1, h2, h3 {
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
	color:#0e2d58;
	padding-top:15px;
}

h1 {
font: normal 21px Verdana, Arial, Helvetica, sans-serif;
}

h2 {
font: normal 18px Arial, Helvetica, sans-serif;
}

h3 {
font: normal 14px Arial, Helvetica, sans-serif;
font-weight: bold;
}



p {
color:#535353;
line-height:17px;
padding-bottom: 5px;
}

a {
color:#4ea6d8;
line-height:17px;
}

a:hover {
color:#000;
}

a.externi {
background:url(../images/externi.png) no-repeat center right;
padding-right:20px;
}

img {
font:normal 10px Arial, Helvetica, sans-serif;
border:none;
}

img.naStred {
vertical-align:middle;
}


hr {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #c8c8c8;
	border-left: 0px;
	line-height: 0px;
	height: 1px;
}

.cl {
clear:both;
}

blockquote {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0;

}

ul, li {
margin:0;
padding:0;
list-style:square;
line-height:17px;
}

ul {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 15px;
}

ol {

	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

.vyrazny {
font-weight: bold;

}


/* 
------------------------------------------------
  >>>>>>  TABULKA - KONTAKTY  <<<<<
------------------------------------------------
*/

table {
width:100%;
height:auto;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #e7e7e7;
border-collapse:collapse;
margin:0 0 20px;
}

.blue-box table {
margin:0px; 
}

td {
vertical-align:top;
border-collapse:collapse;
border:1px solid #e7e7e7;
color:#262626;
padding:7px;
}

th {
background-color:#f3f3f3;
text-align:left;
color:#717171;
border-collapse:collapse;
border:1px solid #e7e7e7;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
padding:7px;
}

/* TABULKY BEZ RAMECKU */

table.nobrdr{
border-collapse: separate;
}


table.nobrdr, .nobrdr td{
border:0px solid #e7e7e7 !important;

}
table.nobrdr th{
border:0px solid #e7e7e7 !important;
vertical-align: middle;
text-align: center;
}

table.formatovaci{
border-collapse: separate;
}


table.formatovaci, .formatovaci td, .formatovaci th{
border:0px solid #e7e7e7 !important;
padding:0px;
margin:0px;

}

table .tabulkaMala {
width:100%;
height:auto;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #e7e7e7;
border-collapse:collapse;
margin:0 0 0 0;
}

table.tabulkaMala, .tabulkaMala td{
padding:2px;
}
table.tabulkaMala th{
vertical-align: middle;
text-align: center;
padding:2px;
}

table.tabulkaCentrovana td{
text-align:center;
}
table.tabulkaCentrovana th{
text-align: center;
}

table.tabulka4sloupecky td{
width:25%;
}
table.tabulka4sloupecky th{
width:25%;
}


table.tabulka5sloupecku td{
width:20%;
}
table.tabulka5sloupecku th{
width:20%;
}

.prehledRadek {
font-weight: bold;
font-size: 14px;
}

.submit {
margin: 0;
display: block;
padding: 5px;
border: 1px solid #ccc;
background: #717171;
color: white; 
cursor: pointer;
}
.submit:hover {
padding: 5px 5px;
border: 1px solid #010101;
background: #555555;
color: white; 
cursor: pointer;
}
.submit_disabled {
margin: 0;
display: block;
padding: 5px;
border: 1px solid #eee;
background: #aaaaaa;
color: white; 
cursor: pointer;
}

/* 
------------------------------------------------
  >>>>>>  LAYOUT  <<<<<
------------------------------------------------
*/

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

.obsah {
float:left;
width:955px;
background:#fff url(../images/bg_top.jpg) top no-repeat;
margin:0;
padding:0;
}

.obsah-padding {
float:left;
width:915px;
height:auto;
margin:0;
padding:40px 20px 0;
}

.top {
float:left;
width:915px;
height:70px;
margin:0;
padding:0;
}
/* LOGO */
.logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 214px;
	height: 73px;			
}
/* JAZYKY */
.lang {
float:right;
height:13px;
line-height:13px;
margin:5px 0;
padding:0;
}

.lang img {
height:13px;
margin:0;
padding:0;
}

.lang a {
float:left;
height:13px;
line-height:13px;
border:1px solid #4a82a3;
margin:0 0 0 5px;
padding:0;
}

.lang a:hover {
float:left;
line-height:13px;
border:1px solid #f8a519;
margin:0 0 0 5px;
padding:0;
}
/* HORNI MENU */
.topmenu {
float:right;
line-height:20px;
height:20px;
clear:right;
margin:20px 0px 0 0;
padding:0 20px 0 0;
}

.topmenu span {
font: normal 13px Arial, Helvetica, sans-serif;
float:left;
}

.topmenu span.pricka {
float:left;
width: 30px;
text-align: center;
color:#dadada;
}

.topmenu a:link, .topmenu a:visited  {
color:#818181;
text-decoration:none;
padding:10px 0;
}

.topmenu a:hover, .topmenu a:active {
color:#818181;
text-decoration:underline;
}

/* ZAHLAVI - PRO RUZNE KATEGORIE  */
.zahlavi {
float:left;
margin:0;
padding:0;
}

.zahlavi-homepage {
background:url(../images/zahlavi-hp4.jpg) no-repeat;
width:915px;
height:154px;
}

.zahlavi-studenti {
background:url(../images/zahlavi-studenti-hp.jpg) no-repeat;
width:915px;
height:154px;
}


.zahlavi-studenti-2ss {
background:url(../images/zahlavi-studenti-2ss.jpg) no-repeat;
width:915px;
height:154px;
}

.zahlavi-nsz {
background:url(../images/zahlavi-nsz.jpg) no-repeat;
width:915px;
height:154px;
}

.zahlavi-nsz-1 {
background:url(../images/zahlavi-nsz-1.jpg) no-repeat;
width:915px;
height:154px;
}

.zahlavi-nsz-2 {
background:url(../images/zahlavi-nsz-2.jpg) no-repeat;
width:915px;
height:154px;
}

.zahlavi-nsz-3 {
background:url(../images/zahlavi-nsz-3.jpg) no-repeat;
width:915px;
height:154px;
}

.zahlavi-skoly {
background:url(../images/zahlavi-skoly.jpg) no-repeat;
width:915px;
height:123px;
}

.zahlavi-skoly-majak {
background:url(../images/zahlavi-skoly-majak.jpg) no-repeat;
width:915px;
height:123px;
}

.zahlavi-skoly-pf {
background:url(../images/zahlavi-skoly-jarni.jpg) no-repeat;
width:915px;
height:123px;
}

.zahlavi-obecne {
background:url(../images/zahlavi-obecne.jpg) no-repeat;
width:915px;
height:123px;
}

.zahlavi-media {
background:url(../images/zahlavi-media.jpg) no-repeat;
width:915px;
height:123px;
}

.zahlavi-vyzkum {
background:url(../images/zahlavi-nsz-2.jpg) no-repeat;
width:915px;
height:123px;
}

.zahlavi-kontakt {
background:url(../images/zahlavi-kontakt.jpg) no-repeat;
width:915px;
height:123px;
}



.zahlavi-zahranicni {
background:url(../images/zahlavi-skoly.jpg) no-repeat;
width:915px;
height:123px;
}

.zahlavi-shop {
background:url(../images/zahlavi-shop.jpg) no-repeat;
width:915px;
height:154px;
}

.zahlavi-firmy {
background:url(../images/zahlavi-firmy.jpg) no-repeat;
width:915px;
height:154px;
}



/* KROK - SEDA LISTA V OBSAHU */
.krok {
background-color: #f0f0f0;
padding: 10px;
border: 1px solid #d9d9d9;
}

.krok-txt {
float: left;
width: 80%;
}

.krok .oznacit {
text-align: right; width: 20%;
color: #848484;
}

.krok .oznacit a {
color: #848484;
font-size: 11px;
}
.krok .oznacit a:hover {
color: #000;
}



/* VYHLADAVANI */
.search {
float:right;
height:28px;
width:210px;
padding:10px 0 0;
}


.search #vyhledavani {
width:140px;
background:#ffe5a8;
font:10px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #ffc061;
margin:0;
padding:2px 10px;
float:left;

}


.search #vyhledat {
float:left;
width:21px;
background:url(../images/search_button.gif) no-repeat center;
line-height:18px;
height:18px;
cursor:pointer;
border:none;
margin:0 0px 0 5px;
padding:0;

}

.zahlavi .search {
margin:0;
padding:20px 0 0;
}


/* PREBARVENI SEARCH INPUTU V ZAHLAVI */
.zahlavi-zahranicni .search #vyhledavani,
.zahlavi-skoly .search #vyhledavani,
.zahlavi-skoly-pf .search #vyhledavani,
.zahlavi-media .search #vyhledavani,
.zahlavi-vyzkum .search #vyhledavani,
.zahlavi-kontakt .search #vyhledavani,
.zahlavi-obecne .search #vyhledavani {

background:#e2e2e2;
border:1px solid #a7a7a7;
}


.zahlavi-nsz .search #vyhledavani,
.zahlavi-nsz-1 .search #vyhledavani,
.zahlavi-nsz-2 .search #vyhledavani,
.zahlavi-nsz-3 .search #vyhledavani {
width:140px;
background:#e4e4e4;
font:10px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #c8d4e2;
margin:0;
padding:2px 10px;
}



.zahlavi-studenti .search #vyhledat {
background:url(../images/search_button_orange.gif) no-repeat center;

}



.horizontal {
float:left;
background:url(../images/horizontal.png) repeat-x;
width:915px;
height:5px;
font-size:4px;
border-top:1px solid #FFF;
margin:0;
padding:0;
}

/* MAINMENU - ZLUTE MENU + HP BIG MENU */
.mainmenu {
float:left;
background:url(../images/bg_mainmenu.jpg) repeat-x top;
width:915px;
margin:0;
padding:0;
}

.mainmenu-hp a {
float:left;
height:172px;
text-decoration:none;
color:#000;
margin:0;
padding:10px 0 10px 50px;
}

a.nsz {
background:url(../images/nsz_hp.jpg) no-repeat top left;
width:164px;
}

a.studenti {
background:url(../images/studenti_hp.jpg) no-repeat top left;
width:141px;
}

a.skoly {
background:url(../images/skoly_hp.jpg) no-repeat top left;
width:145px;
}

a.eshop {
background:url(../images/eshop_hp.jpg) no-repeat top left;
width:145px;
}

a.nsz:hover,a.studenti:hover,a.skoly:hover,a.eshop:hover {
background-position:0 -193px;
}


/*UZKE MENU*/

.mainmenu-skoly a,.mainmenu-nsz a,.mainmenu-studenti a,.mainmenu-shop a {
float:left;
height:18px;
text-decoration:none;
color:#000;
margin:0;
padding:10px 0 10px 50px;

}



/* LAYOUT OBSAHU */

.obsah-main {
float:left;
width:915px;
height:auto;
background:#FFF;
margin:0;
padding:0 0 30px;
}

.obsah-levy {
float:left;
width:600px;
height:auto;
margin:0;
padding:0;
}

.obsah-levy .text {
border-top:1px solid #c6d6eb;
padding:40px 15px 0;
}

.obsah-levy .text h1 {
font-size:20px;
color:#f8a519;
margin:0;
padding:0 0 5px;
}

.vice {
background:url(../images/vice.png) no-repeat center right;
float:left;
padding-right:20px;
}

.obsah-levy .text .vice {
float:right;
padding-right:20px;
margin-right:20px;
}

.obsah-levy-obecne {
width: 230px;
float: left;
padding-top: 20px;
}


.obsah-pravy {
float:right;
width:308px;
height:auto;
background:#FFF;
position:relative;
right:7px;
margin:-270px 0 0;
padding:0;
}

.obsah-pravy .text {
margin:0;
padding:0 15px;
}

.obsah-pravy .text h2 {
font-size:18px;
color:#646464;
margin:0;
padding:2px 0 5px;
}


.pata {
float:left;
width:700px;
margin:0;
padding:10px 0 5px;
}

.pata a:link,.pata a:visited,.pata a:active {
color:#ccc;
font-size:11px;
margin:0;
padding:0;
}

.pata span,.pata p {
color:#ccc;
font-size:11px;
margin:0;
padding:0 10px;
}

.pata ul,.pata li {
color:#ccc;
display:inline;
font-size:11px;
margin:0;
padding:0;
}

.pata li {
padding-right:10px;
padding-left:10px;
border-left:1px solid #ccc;
}

.pata a:hover {
color:#000;
text-decoration:underline;
}

.logo_foot {
float:right;
padding-top:5px;
height:20px;
background:url(../images/bg_foot.gif) no-repeat top;
font:normal 5px Arial, Helvetica, sans-serif;
margin:0;
}

.foot {
float:left;
clear:both;
width:955px;
height:20px;
background:url(../images/bg_foot.gif) no-repeat top;
font:normal 5px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

.beeonline {
float:left;
width:925px;
height:20px;
font:normal 10px Arial, Helvetica, sans-serif;
text-align:right;
margin:0;
padding:0;
}

.beeonline a {
color:#535353;
text-decoration: none;
}

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


/* LEFT MENU */

.left-menu {
width:200px;
float:left;
padding-top:20px;
}

.menu2 {
line-height:15px;
cursor:pointer;
border-bottom:1px dotted #a2a090;
padding:5px;
}



/* AKTUALITY */

.aktuality-box {
float:left;
width:455px;
margin:0;
padding:0;
}

.obsah-stred-nsz .aktuality-box {
margin-top: 10px;

}



.aktuality-title, .obsah-stred h1.aktuality-title {
background:url(../images/bg_aktuality.gif) repeat-x;
clear: both;
float: left;
line-height: 24px;
width:435px;
display: block;
font: bold 13px Arial, Helvetica, sans-serif;
color:#383838;
margin: 5px 0px;
padding: 4px 4px 4px 10px;
cursor: pointer;
}

.obsah-stred .aktuality-title img {
margin: 0px;
padding: 0px;
border: none;
float: none;
}



.aktuality-title .accordprefix {
float: right;
}

.aktuality-title h2 {
float:left;
font-size:13px;
line-height:24px;
font-weight:700;
margin:0;
padding:0;
}

.aktuality-title a {
float:right;
line-height:24px;
color:#949494;
font-weight:700;
background:url(../images/menu-sipka.gif) no-repeat right center;
text-decoration:none;
margin:0;
padding:0 20px 0 0;
}

.aktuality-title a:hover {
color:#000;
background:url(../images/menu-sipka-orange.gif) no-repeat right center;
text-decoration:none;
}
.novinka {
float:left;
margin:0;
padding:10px 10px 0;
}

.novinka h3 {
font-size:12px;
font-weight: bold;
color:#3d81a6;
margin:0;
padding:0;
}

.novinka p, .obsah-stred .novinka p {
float:left;
font-size:12px;
font-family: Arial;
color:#949494;
margin:0;
padding:0;
}

.novinka a {
color:#949494;
}
.novinka a:hover {
color:#000;
}


.novinka .vice-txt {
float:right;
margin:0;
padding:0;
}

a.vice-txt:hover {
color:#000;
}
/* OBSAH PRAVY UZKY AKTUALITY */
/* OBSAH PRAVY UZKY */
.obsah-pravy-uzky {
width:208px;
background:none;
padding-top:10px;
float:right;
position:relative;
right:7px;
}

.obsah-pravy-uzky .aktuality-box {
background:url(../images/bg_gray_box_2.png) no-repeat 0 0;
float:left;
width:208px;
}

.obsah-pravy-uzky .aktuality-title {
width:178px;
background:none;
margin:0;
padding:10px 15px 0;
}

.obsah-pravy-uzky .novinka {
padding:5px 15px;

}

.obsah-pravy-uzky .novinka h3 {
font-size:12px;
color:#3d81a6;
margin:0;
padding:0;
}

.obsah-pravy-nsz .aktuality-box {
float:left;
width:208px;
}

.obsah-pravy-nsz .aktuality-title {
width:178px;
background:none;
margin:0;
padding:10px 0px 0;
}

.obsah-pravy-nsz .novinka {
padding:10px 30px 0px 0px;
}

.obsah-pravy-nsz .novinka h3 {
font-size:12px;

margin:0;
padding:0;
}


a.vice-txt {
color:orange;
}

.obsah-pravy-uzky-nahoru {
float:right;
width:168px;
position:relative;
right:7px;
background:url(../images/login_box_orange.gif) no-repeat 0 0;
margin:-100px 0 0;
padding:10px 20px 0;
}
/*
------------------------------------
OBECNE STYLY ----- KONEC
-----------------------------------
*/


/*
------------------------------------
STYLY PRO NSZ ----- zacatek
-----------------------------------
*/

.obsah-pravy-640 {
float:right;
width:640px;
padding:20px;
}

.obsah-pravy-670 {
float:right;
width:670px;
padding:20px;
margin: 0;
}



.breadcrumbs {
color:#C0C0C0;
padding:0 0 10px;
margin-left: -3px;
}

.breadcrumbs a {
color:#ABABAB;
text-decoration:none;
margin-right:3px;
margin-left:3px;
}

.breadcrumbs a:hover {
text-decoration:underline;
}

.obsah-pravy-640 .krok {
margin:5px 0;
padding:10px 10px 10px 0;
}

a.vydani {
background:url(../images/vydani.gif) no-repeat left center;
padding-left:15px;
margin-left:25px;
line-height:20px;
}

.obsah-pravy-640 h1 {
font:normal 21px Verdana, Arial, Helvetica, sans-serif;
color:#0e2d58;
margin:0 0 5px;
padding:0;
}

.obsah-pravy-640 p {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#262626;
padding:8px 0 8px 0;
}

/*
.zahlavi-nsz .search input,.zahlavi-nsz-1 .search input,.zahlavi-nsz-2 .search input,.zahlavi-nsz-3 .search input {
width:140px;
background:#e4e4e4;
font:10px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #c8d4e2;
margin:0;
padding:2px 10px;
}
*/

/* LEFT MENU */








.left-menu-gray .menu3 ul  {
background: transparent;
}




/* STRED */
.obsah-stred {
float:left;
width:470px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

.obsah-stred p {
padding-bottom:10px;
color:#262626;
}

.obrazek-vlevo{
border:1px solid #4d4d4d;
margin: 0 8px 8px 0px;
padding:5px;
float: left;
}

.obrazek-vpravo {
border:1px solid #4d4d4d;
margin: 0 0 8px 8px;
padding:5px;
float: right;
}

.obsah-stred h1 {
font:normal 21px Verdana, Arial, Helvetica, sans-serif;
color:#0e2d58;
margin:0 0 10px;
padding:0;
}

.kontakty h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#262626;
margin:30px 0 0;
padding:0;
}

.anotace {
font-style:italic;
margin-top:10px;
margin-bottom: 10px;
}


.dalsi-info, .do-kosiku, .dalsi-infoNBO, .do-kosikuCrosselling, .dalsi-infoCrosselling {
color:#3d81a6;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-left: 20px;
font-weight: bold;
}

.dalsi-info {
margin-left: 180px;
}

.dalsi-infoNSZ {
background-color:#4ea6d8;
color:white;
padding:5px;
height:20px;
margin-right:5px;
font-size:12px;
}


.obsah-stred .dot-box {
margin-bottom:10px;
width:435px;
padding:10px;
}

.gray-arrow {
line-height:30px;
background:url(../images/sipka-gray.gif) no-repeat center right;
margin-right:30px;
float:left;
display:inline;
white-space:nowrap;
padding-right:25px;
}

.kontakty .gray-arrow {
line-height: 18px;
float: none;
background-position:center left;
padding-left:20px;
}



.obsah-stred .text,.obsah-stred .kontakty {
padding:20px 10px 20px 25px;
}

/* CLANEK */
.uvod {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
border-bottom: 1px dotted #a2a090;
margin-bottom: 10px;
}

.uvod p {
color: #262626;

}

/* PRAVA STRANA */
.obsah-pravy-nsz {
float: left;
}

/* TERMINY ZKOUSEK */
.terminy {
float:left;
color:#8696ab;
padding:10px 0;

}

.terminy h3 {
color:#8696ab;
font:normal 16px Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
margin:0;
padding:0 0 5px;
}

.terminy ul {
list-style:none;
margin:10px 0;
padding:0;
}

.terminy li {
list-style:none;
margin:0;
padding:2px 0;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.terminy .aktualniTermin {
font-weight:bold;
}

.terminy .vice {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
float:right;
}





/* PRIHLASOVACI BOX NA PRAVE STRANE */
.dot-box {
float:left;
border-top:1px dotted #a2a090;
border-bottom:1px dotted #a2a090;
margin:0;
padding:0;
}
/* INFORMACE O NSZ */


.info-nsz {
 float:left;
margin-top:-40px;
padding:10px;
}

.info-nsz a {
background:url(../images/info.png) no-repeat center right;
padding-right:20px;
}
/* 
----------------------------------
STYLY PRO NSZ  ----- konec 
-------------------------------
*/

/* 
---------------------------------
STYLY PRO SKOLY ----- zacatek 
----------------------------------
*/
.zahlavi .kontakt {
float:right;
text-align:right;
color:#262626;
clear:right;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
padding:20px 15px 0;
}

.zahlavi .kontakt p {
line-height:13px;
}

.mainmenu-skoly {
float:left;
background:#64a1d5 url(../images/bg_mainmenu_blue.jpg) repeat-x top;
width:915px;
margin:0;
padding:0;
}

.mainmenu-skoly a {
color:#FFF !important;
background:#64a1d5 url(../images/bg_mainmenu_blue.jpg) repeat-x top;
}

.mainmenu-skoly a:hover {
color:#FFF;
}

.mainmenu-skoly a.nsz {
background:url(../images/nsz_menu_blue.jpg) no-repeat top left;
width:164px;
}

.mainmenu-skoly a.studenti {
background:url(../images/studenti_menu_blue.jpg) no-repeat top left;
width:141px;
}

.mainmenu-skoly a.skoly {
background:url(../images/skoly_menu_blue.jpg) no-repeat top left;
width:145px;
}

.mainmenu-lista {
float:left;
background:#64a1d5 url(../images/bg_mainmenu_blue_lista.jpg) repeat-x bottom;
width:915px;
height:14px;
margin:0;
padding:0;
}

.mainmenu-skoly a.nsz:hover,.mainmenu-skoly a.studenti:hover,.mainmenu-skoly a.skoly:hover {
background-position:0 -193px;
}
/* 
---------------------------------
STYLY PRO SKOLY ...  ----- konec 
--------------------------------
*/

/* 
---------------------------------
STYLY PRO STUDENTI ...  ----- zacatek
--------------------------------
*/

/* BANNER */
.banner-box {
clear:both;
text-align:center;
padding-top:20px;
margin:0 auto;
}

.banner {
width:160px;
height:190px;
text-align:center;
background:url(../images/banner.png) no-repeat;
margin:auto;
}

/* ICON BOX */
.icon-box {
width:100%;
float:left;
border-top:1px dotted #262626;
border-bottom:1px dotted #262626;
text-align:center;
margin:10px 0;
padding:10px 0;
}

.icon-menu a {
width:110px;
height:90px;
float:left;
line-height:12px;
text-decoration:none;
}

.icon-nsz {
background:url(../images/icon-nsz.jpg) no-repeat top center;
}

a.icon-nsz:hover {
background:url(../images/icon-nsz.jpg) no-repeat center 12px;
}

.icon-kurzy {
background:url(../images/icon-kurzy.jpg) no-repeat top center;
}

a.icon-kurzy:hover {
background:url(../images/icon-kurzy.jpg) no-repeat center 12px;
}

.icon-databaze {
background:url(../images/icon-databaze.jpg) no-repeat top center;
}

a.icon-databaze:hover {
background:url(../images/icon-databaze.jpg) no-repeat center 12px;
}

.icon-testy {
background:url(../images/icon-testy.jpg) no-repeat top center;
}

a.icon-testy:hover {
background:url(../images/icon-testy.jpg) no-repeat center 12px;
}

.icon-menu span {
text-align:left;
position:relative;
top:55px;
}

/* 
---------------------------------
STYLY PRO STUDENTI ...  ----- konec 
--------------------------------
*/



/* 
------------------------------------
STYLY ESHOPU + FORMULARE začátek
-----------------------------------
*/
.gray-box {
background:url(../images/bg_gray_box_1.png) no-repeat top;
width:208px;
margin:0;
}

.gray-box-1 {
background:url(../images/bg_gray_box_1.png) no-repeat top;
padding:15px;
}

.gray-box-2 {
background:url(../images/bg_gray_box_2.png) no-repeat top;
padding:15px;
}

.gray-box h3, .gray-box h3 a {
clear:both;
font-size:14px;
color:#959595;
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
margin:0;
text-decoration: none;
}

.gray-box h3 a:hover {
text-decoration: underline;
}



.gray-box-4 {
background:url(../images/bg_gray_box_1.png) no-repeat left -50px;
padding:15px;
}
.gray-box-4 .polozka {
padding-top: 0px;
}


/* polozka */
.polozka {
padding-top:20px;
}


.polozka ul {
margin:0;
padding:0;
}

.polozka li {
color:#8696ab;
list-style:none;
border-bottom:1px dotted #8696ab;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:3px 20px;
}

.polozka li a {
color:#8696ab;
text-decoration:none;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.polozka li a:hover {
color:#000;
}

/* LOGIN BOX */
.login-box {
float:right;
width:170px;
}

.zahlavi .login-box {
float:right;
width:170px;
padding-right:30px;
}

/* FORMULARE */
form {
border:0;
text-align:left;
margin:0;
padding:0;
}

fieldset {
border:0;
margin:0;
padding:0;
}

form h3 {
clear:both;
color:#959595;
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
margin:0;
padding:0px 0 10px;
}

.zahlavi form h3 {
padding-top:30px;
}

form input {
display:inline;
float:none;
margin:0;
padding:0;
}

form input.check {
clear:both;
float:left;
margin:0;
padding:0;
}

form label.pole-check {
display:block;
width:180px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 10px 25px;
padding:0;
}



#rocnik {
width:220px;
}



.tretina {
width:220px;
float:left;
}

#rocnik, #predmet, #typ {
border:1px solid #323539;
margin:0;
padding:0;
}



/* PRIHLASENI V PRAVEM SLOUPCI */
input#jmeno,input#heslo {
display:block;
width:145px;
background:none;
border:1px solid #323539;
color:#646a71;
font:10px Verdana, Arial, Helvetica, sans-serif;
float:left;
margin:0 0 3px;
padding:4px 10px;
}

input#prihlasit {
display:block;
color:#515151;
border:none;
float:right;
width:65px;
line-height:16px;
height:16px;
background:url(../images/prihlasit.gif) right 6px no-repeat;
font:10px Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
margin:4px;
padding:0;
}

input#prihlasit:hover, 
input#odhlasit:hover  {
color:#FE9900 !important;
}

.button {
float:right;
line-height:10px;
height:10px;
border-right:1px solid #515151;
margin:4px 0 0;
padding:2px 10px;
}

.button a {
color:#515151;
font:10px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0;
padding:0;
}

.button a:hover {
color:#FE9900;
}

/* PRIHLASENI V PRAVEM SLOUPCI SVETLEJSI BARVA ALE TEMER NECITELNE */
 .obsah-pravy-uzky-nahoru .login-box input#jmeno,
.obsah-pravy-uzky-nahoru .login-box input#heslo {
border: 1px solid #c8d4e2;
	color: #818181;
} 

.obsah-pravy-uzky-nahoru .button {
	border-right:1px solid #a1a1a1;
}

.obsah-pravy-uzky-nahoru .button a {
	color: #a1a1a1;
}


.obsah-pravy-uzky-nahoru .button a:hover {
color: #fe9900;
}

.obsah-pravy-uzky-nahoru input#prihlasit {
	color: #a1a1a1;
}

.obsah-pravy-uzky-nahoru h3 {

	color: #8696ab;
}



/* LOGED BOX */
.loged-box {
float:left;
margin:5px 0;
}

.loged-box-gray {
float:left;
background:#e7eaee;
margin:5px 0;
padding:10px;
}

.loged-box-gray .profil {
width:150px;
}



input#odhlasit {
display:block;
color:#515151;
border:none;
float:right;
width:150px;
text-align:right;
line-height:16px;
height:16px;
background:url(../images/prihlasit.gif) right 6px no-repeat;
font:10px Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
margin:4px 0;
padding:0 10px;
}








/* VSTUP DO ESHOPU */
.shop-vstup {
background:#d7f1f8;
border:1px solid #92d7ec;
line-height:64px;
margin:2px;
}

.shop-vstup a {
color:#00aeef;
line-height:24px;
background:url(../images/shop-vstup.gif) 15px center no-repeat;
padding:20px 20px 20px 70px;
}

.shop-vstup a:hover {
color:#000;
}

/* PRIHLASENY ZAKAZNIK */
.profil {
width:170px;
display:block;
background:#4589ae url(../images/profil.png) center right no-repeat;
line-height:23px;
margin:5px 0;
}

.zakaznik {
color:#3d81a6;
margin:3px 0 8px;
}

a.profil {
color:#FFF;
text-indent:15px;
text-decoration:none;
}

a.profil:hover {
color:#000;
}


/* 
------------------------------------
STYLY ESHOPU + FORMULARE  konec
-----------------------------------
*/




.zahlavi .loged-box {
float:right;
clear: both;
padding: 0px;
margin: 0px;
padding-right: 20px;
padding-top: 10px;
}

.zahlavi .loged-box p {
text-align:right;
color: #a1a1a1;
padding: 0px;
margin: 0px;
}

.zahlavi .loged-box .zakaznik {
text-align:right;
padding: 0px;
margin: 0px;
color: #959595;
}

.zahlavi .loged-box .profil {
float: right;
text-align: right;
clear: both;
margin: 0;
padding-right: 10px;
color: #6699ff;
text-decoration: underline;
background:url(../images/prihlasit_light.gif) right center no-repeat;
font:10px Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
}

.zahlavi .loged-box a.profil:hover {
color: #fe9900;
}


.zahlavi .loged-box input#odhlasit {
clear: both;

}

/*--- VLASTNI -----*/

.datum {
	float: right;
padding: 12px;
color: #000;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.vyrazny a{
font-weight: bold !important;
}

.chyba {
	display:block;
	background-color:#ffeeee;
	font-weight:bold;
	color:#ff0000;
	border:1px solid red;
	padding:10px;
	margin-top:5px;
	margin-bottom:10px;
}

.uspech {
	display:block;
	background-color:#ddffdd;
	font-weight:bold;
	color:#004400;
	border:1px solid green;
	padding:10px;
	margin-top:5px;
	margin-bottom:10px;
}
.silaHesla {
	width:80px;
	background-color:#cccccc;
	border:1px solid #666666;
	padding-top:2px;
	padding-bottom:3px;
	margin-bottom:2px;
	margin:0px;
	display:block;
	float:right;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	font-weight:bold;
}
.povinneUdaje, tr.povinneUdaje td {
	font-weight:bold;
}

.nepovinneUdaje, tr.nepovinneUdaje td {
	font-weight:lighter;
}

#working {
	position:absolute;
	z-index:1;
	border:1px solid #63686e;
	background-color:#e5f1ff;
	padding:30px;
	display:none;
	width:300px;
	text-align:center;
	color:black;
}

.loader-pravy {
	top:30px;
	left:70px;
	position:relative;
}

/* INFORMACNI TOOLTIP */

.infoToolTipSymbol {
	vertical-align: middle; 
	cursor: pointer;
}

.infoToolTipNadpis, .infoToolTipTelo {
	border: 1px solid #63686e;
	width: 260px;
	padding: 3px;
}

.infoToolTipNadpis {
	background-color: #c8d1de;
	font-weight: bold;
	color: #63686e;
}

.infoToolTipTelo {
	background-color: #e5f1ff;
	border-top: none;
	color: black;
}

.sirsi {
	width: 400px;
}

/* VAROVNY TOOLTIP */

.varovnyToolTipSymbol {
	vertical-align: middle; 
	font-size: 20px;
	font-weight: bold; 
	color: #FF0000; 
	cursor: pointer;
}

.varovnyToolTipNadpis, .varovnyToolTipTelo {
	border: 1px solid #dc0000;
	width: 260px;
	padding: 3px;
}

.varovnyToolTipNadpis {
	background-color: #fbc3c3;
	font-weight: bold;
	color: #dc0000;
}

.varovnyToolTipTelo {
	background-color: #ffe4e4;
	border-top: none;
	color: black;
}

.submitGreen {
    margin: 0;
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    background: #8bc53f;
    color: white; 
    cursor: pointer;
    font-size: 18px;
    }
    
.submitGreen:hover {
padding: 5px 5px;
border: 1px solid #010101;
background: #555555;
color: white; 
cursor: pointer;
}

.majakRegistracePraha{
	border: solid 5px orange; 
	padding: 15px; 
	background-color: navy; 
	text-align: center;
}
.majakRegistracePraha a{
	font-size: large; 
	color: orange;
}
.majakRegistracePraha a:hover{
	font-size: large; 
	color: white;
}

ul li.druha-uroven {
	margin-left: 30px; 
	list-style-type: circle;
}

div.vpravo {
float:right;
}



/*************************************************************************/
/* POLOZKY CROSSELLINGU V PRIHLASCE */
/*************************************************************************/

.crossellingPrihlaska .polozka {
	float: left; 
	border: 1px solid #CECECE; 
	height: 140px; 
	width: 290px;
	padding: 10px 0px 0px 0px;
	margin: 5px;
}

.crossellingPrihlaska .polozka .obrazek {
	float: left;
	width: 100px;
	text-align: center;
}

.crossellingPrihlaska .polozka .obrazek img {
	width: 70px;
}

.crossellingPrihlaska .polozka .text {
	float: left;
	width: 175px;
	height: 100px;
	padding-left: 5px;
	color: #757575;
}

.crossellingPrihlaska .polozka .titulek {
	font-weight: bold;
	margin-bottom: 5px;
}

.crossellingPrihlaska .polozka .cena {
	clear: both;
	float: left;
	background-color: #F5F5F5;
	width: 70px;
	line-height: 40px;
	text-align: right;
	font-size: 115%;
	font-weight: bold;
	color: #113669
}

.crossellingPrihlaska .polozka .checkbox {
	float: right;
	background-color: #F5F5F5;
	width: 200px;
	line-height: 40px;
	padding-right: 20px;
	text-align: right;
}

.crossellingPrihlaska .polozka .checkbox label {
	text-decoration: underline;
	font-weight: bold;
	color: #113669;
	cursor: pointer;
}



/******/
/* PK */
/******/
table.vypisTerminu td, table.vypisTerminu th {
	text-align: center;
	vertical-align: middle;
}



/*************************************************************************/
/* PRIHLASKA NSZ - POPIS SESTAV V PRAVE CASTI U VYBERU TERMINU */
/*************************************************************************/

.prihlaskaNSZSestavy table, .prihlaskaNSZSestavy th, .prihlaskaNSZSestavy tr, .prihlaskaNSZSestavy td {
	border: none;
	vertical-align: middle;
	line-height: 16px;
}

.prihlaskaNSZSestavy td.obrazek {
	width: 70px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}

.prihlaskaNSZSestavy .infoToolTipSymbol {
	vertical-align: top;
}