/* obecne
-------------- */
body {text-align: center; background: #333333 url('./des/pozadi.jpg') top center repeat-x; margin-top: 10px; font-size:75%;}
body *{font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color:#000000; font-size:100%; line-height: 160%;}
table, tr, td, form {margin:0px; padding:0px; border:0px;}
a {color: #0066CC;}
a:hover {text-decoration:none;}
p, table {margin: 10px 0px 10px 0px;}

h1, h2, h3, h3 a, #menu h4    {font-family: Georgia, "New York CE"; line-height: 125%;font-weight:normal;}

h1 {padding: 62px 0px 0px 22px;font-size:250%;margin:0px;}
h2    {margin: 10px 0px 10px 0px; font-size:220%;}
h3    {margin: 20px 0px 10px 0px; font-weight:normal;font-size:145%;color: #006699;}

/* horni
-------------- */
#nadpis  {background: #FFFFFF url('./des/nadpis.gif') top center no-repeat; width: 760px; height:193px;text-align:left;vertical-align:top;font-size:100%;margin:0px auto;position:relative;}
.preskocit a {position: absolute;left: 22px;top: -750px;}
.preskocit a:active, .preskocit a:focus{z-index:20;top:157px;background-color:#EEE; padding:5px 35px 5px 35px;border: 2px solid #C00;display:block;font-weight:bold;font-size:110%;}
h1 span {width:327px;height:118px;display:block; position:absolute;top:62px;left:22px;background-image: url('./des/logo.gif');background-repeat: no-repeat;cursor:pointer;}

.casti {background: #333333 url('./des/casti.jpg') top center repeat-x; height:67px; margin:0px auto; width:760px;position:relative;}
.casti a:hover {color: #FFFFFF;}

.casti a, .casti a span {width:108px;height:62px;display:block; position:absolute;top:5px;color: #FFFFFF; text-align:left;text-indent: 15px;font-size:120%;}

.casti a.panel1 {left:22px;background-color: #669900;}
.casti a.panel2 {left:133px;background-color: #CC9900;}
.casti a.panel3 {left:244px;background-color: #CC3366;}

.casti a.panel1 span, .casti a.panel2 span, .casti a.panel3 span {background-position: 12px 0px; background-repeat: no-repeat;top:0px;left:0px;cursor: pointer;}

.casti a.panel1 span {background-image: url('./des/testy.gif');}
.casti a.panel2 span {background-image: url('./des/hry.gif');}
.casti a.panel3 span {background-image: url('./des/tapety.gif');}

.casti a:hover.panel1 span {background-image: url('./des/testyhover.gif');}
.casti a:hover.panel2 span {background-image: url('./des/hryhover.gif');}
.casti a:hover.panel3 span {background-image: url('./des/tapetyhover.gif');}

.casti form {position:absolute;top:-139px;left:360px;background: transparent url('./des/student.jpg') top right no-repeat; width: 400px; height:198px;text-align:right;z-index:40;}
.casti p input {margin-top:145px;font-size: 95%;line-height: 100%;}
.casti p #pole {width:170px;}
.casti p #hledani {margin: 0px 5px 0px 10px; font-weight:bold;padding:1px;width:90px;}

/* telo
-------------- */
#telo      {background-color: #FFFFFF; margin: 0px auto; text-align:left; width:760px; padding-bottom: 15px;}
#telo .cele   {margin: 0px 5px 0px 22px; overflow: hidden; text-align:left; width:733px;}

#telo .obsah      {float:left;width:565px; text-align:left; background-color:transparent;}
#telo .obsah  .navigace    {margin-top: 7px; font-size: 95%;}

#telo #menu       {float:right; width:147px; }
.spodek {overflow: hidden; width: 587px;font-size: 95%;}

#telo .webinfo  {padding-left:0px; float:left; width:437px;text-indent: 22px;}
#telo .nahoru   {float:right;width:150px;text-align:right;}

#telo .pata  {background-color:#333333; padding:5px 5px 5px 22px; color:#FFFFFF; line-height: 200%;font-size: 95%;}

.rego   	{padding-top:15px;text-align:left;}
.fb {float:right;width: 300px;margin:5px 0px 0 5px;}
/* menu
-------------- */
#menu div {background-color:#333333;width:147px;margin-top: 7px; padding:5px 0px 5px 0px;}
#menu h4 {margin: 0px; height: 32px; color: #FFFFFF;text-indent:18px; text-align:right; padding-right:10px; line-height: 180%;position:relative;font-weight:normal;font-variant: small-caps;}


#menu ul {margin:0px;padding-left:0px;}
#menu li {text-align: left;list-style-type:none;padding:0px;margin:0px;}

#menu div a	{font-size:95%;text-decoration: none;text-indent:25px; text-align:left;line-height: 165%; vertical-align: top; background: transparent url('./des/bod0.gif') 7px center no-repeat;color: #FFFFFF;display:block;width:100%;}
#menu div a:hover, #menu li.active a:hover {text-decoration: none; background-image: url('./des/bod4.gif');color:#999999;}
#menu p {margin:10px 0 0 5px;font-size:90%;display:block;line-height:1.8em;}
#menu p a {color: #333;font-weight:normal;line-height:1.4em;}

/* tisk
-------------- */
@media print {
#menu, #nadpis, .spodek, .webzdarma, .casti, .rego {display: none;}
#telo .obsah {float:none;}
#telo {width: 100%; text-align:left;border-width:0px;}
#telo .cele, .spodek {overflow:visible;}
#telo .obsah {width: 100%;margin:0px;}
#telo .test {width:700px;}
}