body {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#08254c; }
img {border: none;}
ul {list-style-image: url(smile.gif);}
ul, ol {margin: 10px 15px 10px 50px; padding:0px;}
li {font-size:8pt; margin: 2px 15px 3px 0px; padding:0px; margin:0px;}
h1 {text-align:right; font-size:16px; margin:10px 0px 10px 0px; color:#1159a5; border-bottom:1px solid #56A3E0; padding: 0px 7px 3px 0px;}
h2 {font-size:10pt; margin: 0px 10px 8px 5px; padding-left:5px; font-weight: bold; color:#0D4077; background-color:#E7F5FE}
h3 {font-size:9pt; margin: 0px 10px 6px 25px; font-weight: bold; color:#1159a5;}
h4 {font-size:8pt; margin: 0px 10px 4px 30px; color:#1159a5;}
p {font-size:8pt; margin: 0px 15px 5px 30px; color:#08254C;}
blockquote {margin: 4px 20px 6px 45px;}
td {font-size:12px;}
caption {letter-spacing:10px; font-weight:bold; font-size:12pt; background-color:#F8F8F8;}
th {background-color:#F2F9D9}

/* odkazy */
a {color: #E85C00; text-decoration: underline;}
a:visited {color: #633;}
a:hover {color: #08254c; text-decoration: none; background: #d6dee2;}
.pocitadlo, .pocitadlo a:link, .pocitadlo a:hover, .pocitadlo a:visited {color:#08254C; text-decoration:none; font-size:12px; background-color:#FFFFFF; cursor: default;}

/* pages navigation */
.pages {margin: 10px 0px 10px 0px; float:none; clear:both; background-color: transparent; color:#475e75; font-weight: normal;}
.pages a, .pages a:visited {color:#475e75; font-weight: bold;}
.pages a:hover{color:#9AAEC2; background-color:transparent; font-weight:bold;}
.pages .active{background-color:#FF6600; color:#FFFFFF; font-weight:bold;}
.pages .prepazka {margin:0 2px}

/* tabulky */
.middle {width:800px;}
	.middle-left {background:url(left.gif) no-repeat; width:160px; vertical-align:top;}
	.middle-cary {padding: 10px 0px 10px 0px; background:bottom no-repeat; vertical-align:top;}
	.middle-center {width:517px; padding: 5px; vertical-align:top;}
	.middle-right {width:123px; vertical-align:top; background:url(images/pomerance-right.png) bottom no-repeat; padding:20px 3px 135px 3px;}

/* Div pozicování */
.top {background-repeat:no-repeat; height:112px; width:800px; float:none; margin:0px; padding:0px}
.bottom {width:800px; height:92px; background:url(bottom.gif) no-repeat; position:relative; clear:both;}

.dotazy {width: 123px; height: 250px; overflow: scroll;}
	.dotazy-podpis {font-size: 9px; margin-top:4px;}
	.dotazy p {font-size: 11px; color: #054858; text-align: center; margin:1px;}
	.dotazy hr {margin: 5px;}
	.dotazy body {scrollbar-3dlight-color: #6480A7; scrollbar-arrow-color: #000000; scrollbar-base-color: #6480A7; scrollbar-darkshadow-color: #6480A7; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #B3BDCD; background-color: #FFFFFF; margin: 3px;}

/* ostatni */
.hlaska {color:#FF3300; font-weight:bold; font-size:12px; margin:10px 0px 10px; text-align:center;}

/* team photos and description */
.popis {position:relative; z-index:2; margin:20px 0; border-bottom:1px solid #039; padding:10px;}
.popis p {text-indent:-15px; font-size:9pt; margin:0 0 0 15px; padding:0;}
.popis img {margin: -10px 5px 5px 5px; float:right;}

/* rozvrh */
.rozvrh {text-align:center; width:100%; border: #FFFFFF 1px solid; border-color:#000033; border-collapse:collapse; padding:3px; background-color: #0F3;}
.rozvrh caption {letter-spacing:1px;}
.rozvrh .border td {border-top:#000033 1px solid;}
.rozvrh td{font-weight:bold; font-size:8pt; border-right:#FF4848 1px dotted;}
.telocvicna {background-color:#093;}
.fotbalek {background-color:#C8E4C0;}
.poradenstvi {background-color: #766CC8;}
.internet {background-color: #FF0;}
.filmac {background-color: #B08BC5;}
.pokec {background-color: #A387DC;}
.workshop {background-color: #F00;}
.ostatni {background-color:#00FF99;}
.vyuka { background-color:#FC9;}
.nic {background-color:white;}
.pomoc {background-color:#0CF;}
.leto {background-color:#F60;}
.closed {background-color:white;}
.pinec {background-color:#F00;}

/* kronika */
.kronika {width:100%; border-collapse:collapse; margin:0 0 15px;}
.kronika img {float:left; vertical-align:middle; width:50px; padding:2px 8px;}
.kronika .name, .kronika .date {padding:1px 2.5%; background:#F90; font-weight:bold;}
.kronika .name {float:left; width:70%; text-align:left;}
.kronika .date {float:right; clear:right; width:20%; text-align:right;}
.kronika .text {float:none; clear:both; width:100%; text-align:left; font-size:11px; padding:2px;}

/* absolutní divy */
.logo { width:285px; height:60px; position:absolute; top:0px; left:0px; z-index:3;}
.clear {width:100% !important; height:0px !important; margin:0px !important; padding:0px !important; font-size:0px !important; float:none !important; clear:both !important; border:none !important;}

/* galery */
#galery {margin:auto; text-align:center; width:100%;}
#galery .arrow {margin:0 10px;}
#galery .blank {width:50px; height:10px;}
/* galery menu */
.galerie {margin: 0px 0px 10px 0px; padding-bottom:20px; width:95%; border:none; height:auto;}
	.galerie ul, .galerie li, .galerie div {margin:0px; padding:0px;}
	.galerie ul {list-style-type:circle; font-weight:normal; text-align:left; padding-left:15px;}
	.galerie div {text-align:center; font-weight:bold; width:16%; float:left; background-color: #F2F2F2; border-bottom:1px solid #FC0; border-top:1px solid #FC0; z-index:320; margin:auto; padding:0px;}
	.galerie div div {width:140px; text-align:left; padding:5px; position:absolute; background-color:white; top:50px; margin-left:-40px;}
	.galerie #rok {background:none; margin:0; border:none;}	

/* Tisk nastavení */
@media print {
.top, .middle-left, .middle-right, .bottom { display:none}
.odsazeni {margin:0px;}
.middle p {margin: 0px 0px 7px 0px; padding:0px}
h1 {font-size:18px}
body {margin:0px; background-color:#FFFFFF}
}