/*
    CSS styly, Dálkové maturitní studium
    Autor: Michal Ševčík, http://multi.tricker.cz
*/

*{ margin: 0; }
html, body { height: 100%; }
body { font-size: 13px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #515011; background: #cdca00; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; }

/* hlavicka */
#hlavicka { background: url("top-bcg.gif") top center repeat-x; text-align: center; width: 100%; height: 140px; margin: 0px 0px 0px 0px; }
#hlavicka .logo { margin: 0px 0px 0px 10px; float: left; }
#hlavicka .logospsos { margin: 0px 10px 0px 0px; float: right; }
#hlavicka #top-rozdeleni { text-align: center; float: center; width: 980px; height: 140px; overflow: hidden; margin: auto; }
#hlavicka #top-rozdeleni #t1 { width: 980px; height: 140px; overflow: hidden; margin: 0px 0px 0px 10px; }
#hlavicka #top-rozdeleni #t1a { width: 570px; height: 140px; overflow: hidden; float: left; }
#hlavicka #top-rozdeleni #t1a h1 { text-indent: -2000px; }
#hlavicka #top-rozdeleni #t1b { width: 400px; height: 140px; overflow: hidden; float: right; }

/* horizontalni menu */
#h-m { background: url("menu-podklad.gif") top center no-repeat; text-align: center; width: 100%; height: 64px; margin: 0px 0px 0px 0px; }
#h-m #inn { float: center; text-align: center; overflow: hidden; margin: auto; width: 980px; height: 64px; }
#t2 { width: 980px; height: 64px; overflow: hidden; margin: 0px 0px 0px 10px; }
#t2a { width: 670px; height: 64px; overflow: hidden; float: left; }
#t2b { width: 310px; height: 64px; overflow: hidden; float: right; text-align: left; line-height: 47px; vertical-align: center; font-size: 10pt; font-weight: normal; color: #333333; text-transform: uppercase; }
#t2b span { padding: 0px 0px 0px 15px; }
#t2a ul { margin:0 0px; padding:0; float: left; }
#t2a ul li { float:left; margin:0 0px 0 0; height:64px; line-height:48px; list-style:none; font-size: 10pt; text-transform: uppercase; }
#t2a ul li a { height:64px; color:#333333; text-decoration: none; display:block; text-align:center; float:left; vertical-align: middle; min-width: 70px; }
#t2a ul li a span { padding:0 18px; display:block; }
#t2a ul li a:hover,#menu ul li a.focus { color:#333333; text-decoration: none; background:#FFF url(polozka-menu.gif) left bottom no-repeat; }
#t2a ul li a:hover span,#menu ul li a.focus span { background:url(polozka-menu.gif) right top no-repeat; }
#t2a ul li.active a { color:#333333; text-decoration: none; background:#FFF url(polozka-menu.gif) left bottom no-repeat; }
#t2a ul li.active a span { background:url(polozka-menu.gif) right top no-repeat; }
#t2a ul li a.focus { font-weight:bold; }

#vystylka { overflow: hidden; margin: auto; background: #e1e049; }
#vystylkau { text-align: center; width: 100%; height: 395px; position: relative; overflow: hidden; margin: auto; background: url("uvod-pruh.gif") top center #4C545A; }

/* prostredni layout */
#jeden { width: 980px; overflow: auto; }
#dva { width: 980px; overflow: auto; float: center; margin: auto; }
#dva #druhej { width: 670px; overflow: hidden; float: left; }
#dva #druhejvelkej { width: 754px; overflow: hidden; float: left; }
#dva #treti { width: 300px; overflow: hidden; float: right; margin: 20px 0px 30px 0px; }

/* buttony vpravo pod menu */
#prihlaska { width: 301px; height: 76px; line-height: 76px; vertical-align: middle; background: #fff url("button-prihlaska.gif") no-repeat top center; color: black; font-size: 22px; margin: 40px 0px 0px 0px; letter-spacing: 1px; }
#prihlaska span { font-family: Calibri, Arial; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; text-transform: uppercase; font-weight: bold;display: inline-table;  }
#prihlaska:hover { background-position: 0 -76px; color: white; }

/* facebook */
.fblibi { line-height: 21px; vertical-align: center; margin: 0px 10px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; }
.fbpridat { font-size: 12px; color: white; line-height: 21px; vertical-align: center; margin: 0px 10px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; }
.fbpridat img { vertical-align: top; margin: 0px 3px 0px 0px; }

#druhej h1 { text-transform: uppercase; color: black; font-size: 34px; font-weight: normal; text-align: left; padding: 15px 0px 20px 65px; }

/* obsah stranky */
#o { padding: 0px 0px; margin: 0px 0px 0px 0px; background: url(obsah-top.gif) no-repeat top center #cbc92b; width: 661px; }
#o #oIn { padding: 10px 40px 0px 40px; text-align: left; }
#o #oIn p { margin: 20px 0px 15px 0px; line-height: 18px; text-align: left; }
#o #oIn hr { width: 510px; float: center; text-align: center; background: #515011; border: none; height: 2px; margin: 20px 20px 15px 20px; }
#o #oIn ul { list-style: disc inside; margin: 0px 35px 15px 0px; line-height: 18px; list-style-image: url(bullet.gif); }
#o #oIn li { margin: 10px 0px; line-height: 18px; }
#o #oIn ol { margin: 20px 20px; line-height: 18px; }
#o #oIn a { text-decoration: underline; color: #515011; }
#o #oIn a:hover { text-decoration: none; }
/*#o #oIn table { margin: 5px 0px; }*/ 
#o #oIn table{ border:1; border-collapse:collapse; margin:20px 0px 10px 0px; }	
#o #oIn td{padding:5px 10px; border:1px #212426 solid;}
#o #oIn th{padding:5px 10px; border:1px #212426 solid;}
#o #oIn tr{margin:10px; }
#o #oIn blockquote { margin: 30px 30px; padding: 16px 16px; line-height: 17px; background: #6c747b; color: white; }

/* nadpisy */
#o #oIn h1 { padding: 0px 0px 0px 20px; height: 62px; line-height: 62px; vertical-align: center; color: black; text-transform: uppercase; font-size: 20px; font-weight: bold; text-align: left; margin: 0px 0px 0px 0px; }
#o #oIn h2 { height: 39px; color: black; vertical-align: middle; font-size: 20px; line-height: 46px; font-weight: normal; text-align: left; padding: 0px 0px 0px 30px; margin: 10px 0px 10px 0px; }
#o #oIn h3 { color: black; font-size: 16px; line-height: normal; font-weight: bold; text-align: left; margin: 0px 0px 15px 0px; padding: 10px 10px 10px 40px; }

/* podtim bazmek */
.potom { width: 661px; height: 191px; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.mostroudnice { background: url(most-roudnice.jpg) top center no-repeat; }
.mostusti { background: url(most-usti.jpg) top center no-repeat; }

/*novinky*/
.novNadpis { line-height: 28px; vertical-align: center; text-align: left; padding: 0px 15px 0px 15px; }
.novNadpis a { font-size: 18px; color: black; text-transform: uppercase; text-decoration: none; }
.novNadpis img { vertical-align: top; }
.novBox { margin: 15px 0px 25px 0px; background: url("box-top.gif") top center no-repeat; }
.novBox2 {  background: url("box-bottom.gif") bottom center no-repeat; }
.novBox .novBox2 .In { text-align: left; padding: 15px 15px; }
.novBox .novBox2 .In p { text-align: left; }
.novBox .novBox2 .In a { color: #515011; }

/* prostredek uvod */
#uvoddel { width: 970px; overflow: hidden; float: center; margin: auto; }

#delvlevo { width: 439px; height: 395px; overflow: hidden; float: left; }
#uvodusti { width: 439px; height: 395px; overflow: hidden; background: url(uvod-usti-nad-labem.gif) top center no-repeat; }
#uvodusti:hover { background-position: 0px -395px; }

#delvpravo { width: 531px; height: 395px; overflow: hidden; float: right; }
#uvodroudnice {  width: 531px; height: 395px; overflow: hidden; background: url(uvod-roudnice-nad-labem.gif) top center no-repeat; }
#uvodroudnice:hover { background-position: 0px -395px; }

/* paticka stranky */
#pat { height: 284px; background: url("bottom-rozklik.gif") top center repeat-y; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow: hidden; text-align: center; }
#pat #vys { width: 100%; height: 284px; overflow: hidden; margin: auto; float: center; text-align: center; background: url("foot-inner-bcg.jpg") top center no-repeat; }
#pat #vys #inner { height: 284px; width: 980px; float: center; margin: auto; overflow: hidden; text-align: center; }
#pat #vys #inner p { margin: 35px 0px 0px 30px; line-height: 18px; vertical-align: center; text-align: left; color: #b2b2b2; }
#pat #vys #inner a { text-decoration: none; }
#pat #vys #inner a .rce { text-decoration: none; }
#pat #vys #inner a .ul { text-decoration: none; }
#pat #vys #inner .rce { width: 250px; text-align: center; overflow: hidden; line-height: 40px; vertical-align: middle; height: 40x; color: #3d3d0d; float: left; font-size: 18px; text-decoration: none; }
#pat #vys #inner .rce:hover { color: white; }
#pat #vys #inner .ul { width: 260px; text-align: center; overflow: hidden; line-height: 40px; vertical-align: middle; height: 40px; color: #3d3d0d; float: left; font-size: 18px; }
#pat #vys #inner .ul:hover { color: white; }
#pat #vys #inner .viktor { clear: both; }
#pat #vys #inner #vlevo { float: left; text-align: center; width: 320px; overflow: hidden; }
#pat #vys #inner #vlevo #logobox { height: 190px; width: 319px; border-right: 1px solid #dbd96b; margin: 30px 0px 0px 0px; }
#pat #vys #inner #vpravo { float: right; text-align: center; width: 660px; overflow: hidden; }
#pat #vys #inner #vpravo p { color: #8e8c1e; font-size: 12px; line-height: 14px; }
#pat #vys #inner #vpravo p a { color: #8e8c1e; text-decoration: underline; }
#pat #vys #inner #vpravo p a:hover { text-decoration: none; }
#pat #vys #inner #vpravo p img { margin: 0px 0px 15px 0px; }
#pat #vys #inner #vpravo .fbuk { float: right; width: 180px; height: 80px; color: #8e8c1e; padding: 30px 0px 0px 0px; text-align: right; }
#pat #vys #inner #vpravo .fbuk:hover { color: white; }

/* paticka uvod */
#patu { height: 264px; background: url("bottom-whole.gif") top center repeat-y; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow: hidden; text-align: center; }
#patu #vys { width: 100%; height: 284px; overflow: hidden; margin: auto; float: center; text-align: center; }
#patu #vys #inner { height: 284px; width: 980px; float: center; margin: 30px auto; overflow: hidden; text-align: center; }
#patu #vys #inner p { margin: 35px 0px 0px 30px; line-height: 18px; vertical-align: center; text-align: left; color: #8e8c1e; }
#patu #vys #inner p a { color: #8e8c1e; }
#patu #vys #inner .viktor { clear: both; }
#patu #vys #inner #vlevo { float: left; text-align: center; width: 320px; overflow: hidden; }
#patu #vys #inner #vlevo #logobox { height: 190px; width: 319px; border-right: 1px solid #dbd96b; margin: 30px 0px 0px 0px; }
#patu #vys #inner #vpravo { float: right; text-align: center; width: 660px; overflow: hidden; }
#patu #vys #inner #vpravo p { color: #8e8c1e; font-size: 12px; line-height: 14px; }
#patu #vys #inner #vpravo p a { color: #8e8c1e; }
#patu #vys #inner #vpravo p img { margin: 0px 0px 15px 0px; }
#patu #vys #inner #vpravo .fbuk { float: right; width: 180px; height: 80px; color: #8e8c1e; padding: 30px 0px 0px 0px; text-align: right; }
#patu #vys #inner #vpravo .fbuk:hover { color: white; }

/* odkazy */
.ss{ color: #b7c0cb; font-weight: normal; }
.bez { text-decoration: none; }
.bezs { text-decoration: none; }
.bezs:hover { text-decoration: underline; }
.oddelovaci { width: 160px; border-right: none; border-left: none; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; color: white; background: white; line-height: 2px; height: 2px; overflow: hidden; }
a { text-decoration: underline; color: rgb(51,51,51); font-weight: normal; }
a:hover { text-decoration: none; }
.bolderne { font-weight: bold; }
.bunka { color: black; background: #b9b739; }

/* trochu SEO jako :) */
.sk { display:none; }

/* formular */
/*
#obsah fieldset {width: 400px;border-color:#DDD;border-style:double;border-width:4px 1px 2px 1px;padding:10px;}
#obsah legend {color: #a60000;width: 140px;text-align:center;font-weight:bold;margin-bottom: 0.1em; }
#obsah label {float: left;width: 100px;padding-left:10px;}
#obsah input {border: 1px solid #c7c7c7; width: 250px;height: 25px;color: #333333;margin-bottom: 8px;}
#obsah textarea {border: 1px solid #c7c7c7;width:300px;height: 150px;margin-bottom: 8px;}
#obsah input.button {background: #f58120;color:white;font-weight:bold;margin-left: 90px;height: 30px;}
#obsah #submitbutton {margin-left: 107px;width: 180px;} 
*/

#klikaci1, #klikaci2, #klikaci3, #klikaci4, #klikaci5, #klikaci6, #klikaci7, #klikaci8, #klikaci9, #klikaci10 { cursor: pointer; }
#skryvaci1, #skryvaci2, #skryvaci3, #skryvaci4, #skryvaci5, #skryvaci6, #skryvaci7, #skryvaci8, #skryvaci9, #skryvaci10 { display: none; }