/* CSS Document */

/* BODY: */
body       {background-color: #8AB6E4; margin: 0 0 0 0;}
.telo      {background-color: #8AB6E4; background-image: url("pic/pozadi.jpg"); background-repeat: no-repeat; padding: 83px 0 0 0; width: 1000px;}
.stranka   {text-align: left; display: block; margin-left: 168px;}
div.path   {text-align: left; padding: 2px 0 0 0;}
.path      {font-family: Arial; font-weight: bold; font-size: 12px; color: #0000FF; text-decoration: none; padding-left: 8px;}
.path:hover{color: #FFF501;}

/* MENU: */
.menudiv         {background-image: url("pic/menudiv.jpg"); background-repeat: repeat-y; float: left; width: 160px; margin-top: 16px;}
.menutop         {background-image: url("pic/menutop.jpg"); background-repeat: no-repeat; text-align: left; width: 160px; height: 16px; font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; text-decoration: none; padding: 5px 0 0 2px; display: block;}
.menubottom      {background-image: url("pic/menubottom.jpg"); background-repeat: no-repeat; text-align: left; width: 160px; height: 16px; font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; text-decoration: none; padding: 1px 0 1px 41px; margin-top: 10px; display: block;}
.menumain        {text-align: left; width: 158px; font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; text-decoration: none; padding: 4px 0 0 2px; display: block;}
.menulink        {text-align: left; width: 150px; font-family: Arial; font-weight: bold; font-size: 12px; color: #0000FF; text-decoration: none; padding: 1px 0 1px 10px; display: block; white-space: nowrap;}

/* ÚVODNÍ STRÁNKA: */
.capt           {font-family: Arial; font-weight: bold; font-size: 11pt;} /* Náhodně: Nejnovější: Aktuálně: */
.ico img        {border: 1px solid #8AB6E4;}
.ico:hover img  {border-color: #FFF501;}
.pata           {margin: 20px 0 0 0; width: 700px; font-family: Arial; font-weight: normal; font-size: 7pt; color: #281670; text-align: center; text-decoration: none;}

 /* pravá lišta: */
div.pravalista  {width: 190px; margin-top: 0; float: right;}
img.slouceni    {margin-top: 10px; float: left;}
img.pravaico    {margin-bottom: 2px; float: right;}
div.obory       {margin: 2px 0 6px 0; float: left; display: block;}
div.oborml      {margin-right: 4px; float: left;}
div.oborped     {margin-left:  4px; float: right;}
div.zrizovatel  {background-color: #8AB6E4; float: right; display: block; font-family: Tahoma, Arial; font-size: 12px;}
img.zrizovatel  {float: right;}

 /* střední část: */
div.uvod1       {width: 638px; margin-top: 16px;}
img.budova      {float: left;  margin-top: 16px;}
table.uvod      {font-family: Tahoma, Arial; font-size: 14px; width: 400px; margin: 6px 0 0 140px;}
div.uvod2       {width: 638px; margin: 0 0 0 0; overflow: hidden;}
div.levalista   {width: 90px; height: 360px; float: left;}
a.tiplink       {margin: 0 0 0 0; font-family: Arial; font-weight: bold; font-size: 13px; color: #0000FF; text-decoration: none; text-align: center; display: block;}
a.tiplink:hover {color: #FFF501;}
div.hlavni      {float: right; width: 544px; height: 350px;}
div.postilion   {margin: 1px; text-align: center;} /* bennery postilión a ČP */
img.postilion   {border: 0px none;}

 /* Aktuálně: */
div.aktual      {margin: 8px 0 8px 0; text-align: center;}
table.aktual    {border-collapse: collapse; border-color: #000000; margin: 0 0 0 0;}
td.aktualdat    {border-color: #000000; font-family: Tahoma, Arial; font-size: 11pt; text-align: right;}
td.aktual       {border-color: #000000; font-family: Tahoma, Arial; font-size: 11pt;}
a.aktual        {font-family: Arial; font-size: 11pt; font-weight: bold; font-style: italic; text-decoration: none; color: #0000FF;}
a.aktual:hover  {color: #FFF501;}
.war            {font-family: Arial; font-weight: bold; font-size: 11pt; font-style: normal; text-decoration: none; color: #FF0000;}
a.war:hover     {color: #FFF501;}

 /* Zvonění: */
div.zvoneni     {display: block; float: right; border: solid 1px black; width: 188px; margin-top: 4px;} /* celé pole, kam je includován cas.php */
div.casdnesje   {font-family: Tahoma, Arial; font-size: 12px;}
div.casdnes     {font-family: Tahoma, Arial; font-size: 12px; text-align: center;}
div.casodkazy   {text-align: center;}
a.casodkaz      {font-family: Tahoma, Arial; font-weight: normal; font-size: 12px; color: #0000FF; text-decoration: none;}
a.casodkaz:hover{color: #FFF501;}

/* NADPISY: */
h1    {margin: 0 35px 0 0;  color: #000000; text-align: right;  font-family: "Belwe Bd AT", Arial; font-size: 24px; font-style: italic;} /* nadpis každé stránky */
h1.akc{margin: 0 30px 0 0;  color: #000000; text-align: center; font-family: "Belwe Bd AT", Arial; font-size: 24px; font-style: italic;} /* akce.php */
h2    {margin: 0 0 0 0;     color: #000000; text-align: left;   font-family: Arial; font-size: 20px; font-style: normal;} /* studiumobor.php, studiumprij.php, oskoleuceb.php, oskolepeda.php, oskolehist.php*/
h2.akc{margin: 20px 0 0 0;  color: #000000; text-align: left;   font-family: Arial; font-size: 18px; font-style: normal;} /* akce.php, postilion.sspals.cz*/
h2.nap{margin: 0 0 0 0;     color: #000000; text-align: left;   font-family: Arial; font-size: 18px; font-style: normal;} /* napsali.php */
h2.lin{margin: 0 0 0 0;     color: #000000; text-align: left;   font-family: Arial; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none;} /* fotoakce.php, napsali.php - stejné písmo jako .menumain */
h3    {margin: 20px 0 0 0;  color: #000000; text-align: left;   font-family: Arial; font-size: 18px; font-style: normal;} /* studiumprij.php */
h3.nmg{margin: 0 0 0 0;} /* obor.php, oskoleuceb.php */

/* ODKAZY: */
a               {color: #0000FF;} /* odkaz v lightboxu */
a.text          {color: #0000FF;} /* studiumprij.php */
a.text:hover    {color: #FFF501;}
a.odkaz         {font-family: Arial; font-weight: bold; font-size: 13px; color: #0000FF; text-decoration: none;}
a.odkaz:hover   {color: #FFF501;}
a.link          {text-align: left; font-family: Arial; font-weight: bold; font-size: 14px; color: #0000FF; text-decoration: none;}
a.link:hover    {color: #FFF501;}
.aimg img       {border: 1px solid #0000FF;}
.aimg:hover img {border-color: #FFF501;}
.fotolink       {text-align: left; font-family: Arial; font-weight: bold; font-size: 12px; color: #0000FF; text-decoration: none; padding: 1px 0 1px 10px; display: block;} /* akce.php, uredni.php */
.fotolink:hover {color: #FFF501;}
.zalozky        {text-align: left; font-family: Arial; font-weight: bold; font-size: 12px; color: #0000FF; text-decoration: none; padding: 1px 0 1px 10px;} /* obor.php */
.zalozky:hover  {color: #FFF501;}
img.ucebnalink  {margin: 5px 0 5px 0;} /* oskoleuceb.php, oskolehist.php */
img.absolventi  {margin: 2px 2px 2px 0;} /* absolventi.php */
img.piclink     {margin: 2px 0 2px 0;} /* akce, obor.php */
.sitemap        {font-family: Arial; font-weight: bold; color: #0000FF; text-decoration: none; margin: 0 0 10px 10px; display: block;}
.sitemap:hover  {color: #FFF501;}

/* TABULKY: */
.tabulka    {background-color: #8AB6E4; border: 2px solid #281670; border-collapse: collapse; margin: 5px;} /* oskolepeda.php, oskoleterm.php, oskolezakl.php, studiumprij.php */
.tabulkaubyt{background-color: #8AB6E4; border: 1px solid #281670; border-collapse: collapse; margin: 5px; float: right; margin-top: 14px;} /* ubytovani.php */
.vysltabulka{background-color: #8AB6E4; border: 2px solid #281670; border-collapse: collapse; margin: 5px 0 0 50px;} /* studiumvysl.php */
.zahlavi    {font-weight: bold; border: 1px solid #281670; padding: 3px 3px 3px 3px; vertical-align: top;}
.bunka      {font-weight: normal; border: 1px solid #281670; padding: 3px 3px 3px 3px; vertical-align: top;}
.vtop       {vertical-align: top;} /* akce.php, napsali.php, studiumprij.php, studiumvysl.php */
table.uspechy   {margin-top: 10px;}
.uspechy td.rok {padding-right: 20px; vertical-align: top; font-family: Tahoma; font-weight: bold; border-bottom: 1px solid #808080;}
.uspechy td.naz {font-family: Tahoma, Arial;}
.uspechy td.mis {font-family: Tahoma, Arial; font-weight: bold; padding-top: 4px; padding-bottom: 4px;}
.uspechy td.kdo {font-family: Tahoma, Arial; border-bottom: 1px solid #808080; vertical-align: top;}
.uspechy td.pic {padding-left: 20px; border-bottom: 1px solid #808080;}
table.zvoneni   {text-align: right;}
table.zvoneni td {padding: 5px;}

/* SEZNAMY: */
ul.nomargin         {margin-top: 0; margin-bottom: 0;}
li                  {margin-top: 3px;}
ul.obory1           {text-align: left; margin: 8px 0 8px   0;   list-style-type: none;} /* studiumobor.php */
ul.obory2,li.obory2 {text-align: left; margin: 4px 0 4px -15px; list-style-type: none;} /* studiumobor.php, obor.php */
ul.postlink         {text-align: left; margin-left: 90px;       list-style-type: none;} /* postilion.sspals.cz */
ul.postlinksub      {text-align: left;                          list-style-type: none;} /* postilion.sspals.cz */

/* TEXT: */
.i            {font-style: italic;}
.b            {font-weight: bold;}
p             {text-align: left;}
.center       {text-align: center;}
.bcenter      {font-weight: bold; text-align: center;}  /* uredni.php, jidelnicek.php */
.right        {float: right;} /* rozvrh.php */
.justify      {text-align: justify; margin-top: 5px; margin-right: 5px; text-indent: 30px;} /* akce, absolventi.php */
.pjustify     {text-align: justify; margin-right: 5px;} /* studiumprij.php */
.pucebna      {text-align: justify; text-indent: 30px; margin-top: 0; margin-bottom: 0; font-family: Times; font-size: 16px;} /* oskoleuceb.php */
.podpis       {width: 180px; float: right; margin-top: 10px; font-size: 12px;} /* akce */
.vyslhead     {margin: 20px 0 0 0; color: #000000; text-align: left; font-family: Arial; font-size: 20px; font-weight: bold;} /* studiumvysl.php */
.arialbold    {font-family: Arial; font-weight: bold;} /* prohlidka.php */
.small        {font-size: 9px; font-family: Arial;} /* rozvrh.php */
.smallcenter  {font-size: 8pt; text-align: center;} /* uredni.php */
.margintop    {margin-top: 20px;} /* obor.php, ubytovani.php, jidelnicek.php, uredni.php */
.marginleft   {margin-left: 20px;} /* akce */
.video        {font-weight: bold; margin-top: 10px;} /* "Další videa:" v video.php */
.tahoma       {font-family: Tahoma, Arial; font-size: 11pt;}
.slouceni     {font-family: Tahoma, Arial; font-size: 11pt; margin: 2px 0 2px 0;}

/* SKRIPTY: */
.view {display: none;} /* uredni.php */

/* FOTOGALERIE: */
.athumb img      {border-width: 1px; border-color: #8AB6E4;} /* akce.php, fototrid.php, video.php */
.athumb:hover img{border-width: 1px; border-color: #FFF501;}
.popisek         {text-align: center; font-family: Arial; font-weight: normal; font-size: 12px; width: 100px; padding: 0 0 0 0;} /* fototrid.php */

/* LightBox */
#lightbox       {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img   {width: auto; height: auto;}
#lightbox a img {border: none;}
#outerImageContainer  {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer       {padding: 10px;}
#loading                  {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav                 {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a               {outline: none;}
#prevLink, #nextLink  {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink             {left: 0; float: left;}
#nextLink             {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover  {background: url(pic/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover  {background: url(pic/next.gif) right 15% no-repeat;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData                {padding:0 10px; color: #666;}
#imageData #imageDetails  {width: 70%; float: left; text-align: left;}
#imageData #caption       {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
#overlay  {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
