/* 
   Stylesheet:  Fixed 2 columns layout and other screen styles 
   Site:        Statpedu.sk  
   Last Update: 7. 12. 2005
*/
body {
 background-color: #FAF0E7;
 color: #000;
 margin: 0;
 padding: 0;
 text-align: center;
}

#container {
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 995px;
 z-index: 1;
}

p.path {
 background: transparent;
 color: #333;
 font-size: 0.9em;
 margin: 0 0 2em 0;
 text-align: left;
}

p.path strong {
 background-color: transparent;
 color: #666;
 font-weight: normal;
}

.guide {
 background-color: #CC6600;
 color: #FFF;
 font-weight: bold;
 padding: 0 0.25em;
}

.docIcon {
 border: 0;
 margin: 0 0.25em 0 0.25em;
 vertical-align: text-bottom;
}

.newsDate {
 background: transparent url("../img/news-icon.png") no-repeat 0 50%;
 color: #3E3E3E;
 font-weight: bold;
 margin: 0.75em 0;
 padding-left: 17px;
}

/* Header */
#branding {
 background: transparent url(../img/branding-bg.jpg) top right no-repeat;
 color: #fff;
 height: 126px;
}

#branding a {
 background: transparent;
 color: #000;
 cursor: pointer;
 display: block;
 height: 126px;
 left: 8px;
 overflow: hidden;
 position: relative;
 width: 988px;
}

#branding a span {
 background: transparent url(../img/logo-nove.gif) top left no-repeat;
 color: #000;
 display: block;
 height: 126px;
 left: 0;
 position: absolute;
 top: 0;
 width: 988px;
 z-index: 1;
}

#branding h1 {
 background-color: transparent;
 color: #000;
 font-size: 1em;
 margin: 0;
 padding: 0;
}

/* Footer */
#copyright {
 background: #FAF0E7 url("../img/footer-bg.png") no-repeat top left;
 clear: both;
 color: #403A32;
 height: 49px;
 margin-top: 0.75em;
}

#copyright a {
 background-color: transparent;
 color: #403A32;
}

#copyright a#map {
 background: transparent url("../img/map-icon.gif") no-repeat 0 100%;
 margin: 0 5px;
 padding-left: 18px;
}

#copyright a#print {
 background: transparent url("../img/print-icon.gif") no-repeat 0 75%;
 margin: 0 5px;
 padding-left: 17px;
}

#copyright a#up {
 background: transparent url("../img/up-icon.gif") no-repeat 0 50%;
 margin: 0 5px 0 7px;
 padding-left: 14px;
}

#copyright p {
 font-size: 0.9em;
 line-height: 1.1em;
 margin: 0;
 padding: 21px 0 0 5px;
}

/* Main Content */
#mainContent {
 clear: both;
 float: right;
 margin-right: 40px;
 padding-top: 1.5em;
 width: 700px;
}

#mainContent h2 {
 border-bottom: 1px solid;
 margin: 0 0 1em 0;
 padding-left: 0;
}

/* Main Nav */
#mainNav {
 background: transparent url(../img/main-nav-bg.gif) top left no-repeat;
 border-bottom: 1px dashed #7C8693;
 color: #000;
 height: 53px;
 left: 2px;
 margin-bottom: 6px;
 padding: 4px 0 0 6px;
 position: relative;
 width: 987px;
}

#mainNav a {
 background-color: transparent;
 color: #000;
 display: block;
 float: left;
 font-weight: normal;
 height: 37px;
 margin: 0;
 padding: 0;
 position: relative;
 text-decoration: none;
 text-transform: none;
}

#mainNav a span {
 background-position: 0 0;
 background-repeat: no-repeat;
 display: block;
 height: 37px;
 left: 0;
 position: absolute;
 top: 0;
 z-index: 1;
}

#mainNav a:hover {
 background-color: #E8A65F;
 color: #000;
}

#mainNav a:hover span {
 background-position: 0 -37px;
}

#mainNav li {
 display: inline;
}

#mainNav ul {
 float: left;
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 100%;
}

#mainNav .sec1Nav a {
 width: 44px;
}

#mainNav .sec1Nav a span {
 background-image: url(../img/buttons/uvod.png);
 width: 44px;
}

/* Buttons */
.sec2Nav a {
 width: 45px;
}

.sec2Nav a span {
 background-image: url(../img/buttons/spu.png);
 width: 45px;
}

.sec3Nav a {
 width: 167px;
}

.sec3Nav a span {
 background-image: url(../img/buttons/dokumentacia.png);
 width: 167px;
}

.sec4Nav a {
 width: 68px;
}

.sec4Nav a span {
 background-image: url(../img/buttons/predmety.png);
 width: 68px;
}

.sec5Nav a {
 width: 73px;
}

.sec5Nav a span {
 background-image: url(../img/buttons/integracia.png);
 width: 73px;
}

.sec6Nav a {
 width: 57px;
}

.sec6Nav a span {
 background-image: url(../img/buttons/vyskum.png);
 width: 57px;
}

.sec7Nav a {
 width: 138px;
}

.sec7Nav a span {
 background-image: url(../img/buttons/merania.png);
 width: 138px;
}

.sec8Nav a {
 width: 64px;
}

.sec8Nav a span {
 background-image: url(../img/buttons/maturita.png);
 width: 64px;
}

.sec9Nav a {
 width: 76px;
}

.sec9Nav a span {
 background-image: url(../img/buttons/informacie.png);
 width: 76px;
}

.sec10Nav a {
 width: 74px;
}

.sec10Nav a span {
 background-image: url(../img/buttons/publikacie.png);
 width: 74px;
}

/* Secondary Content - Left Column */
#secContent {
 background: transparent url(../img/left-bg2.gif) left bottom repeat-y;
 color: #000;
 float: left;
 font-size: 0.9em;
 margin: 0 0 0 10px;
 padding-top: 0;
 width: 220px;
}

.secContentBg {
 background: transparent url(../img/left-bg.png) left top no-repeat;
 color: #000;
 padding-top: 10px;
}

.secContentBottomBg {
 background: transparent url(../img/left-bottom.png) left bottom no-repeat;
 color: #000;
 height: 4px;
}

#secContent h2 {
 background-color: transparent;
 color: #893000;
 font-size: 1.3em;
 font-weight: bold;
 margin-top: 1em;
}

#secContent h2.firstHeader {
 margin-top: 0;
}

#secContent ul {
 line-height: 1.4;
 list-style-type: none;
 margin: 0 8px 0 0;
 padding-left: 9px;
 position: relative;
 min-height: 400px;
}

#secContent ul ul {
 margin: 0.75em 8px 1.25em 17px;
 border: none;
 min-height: 1px; 
 padding-left: 0;
}

#secContent ul ul ul {
 margin-left: 5px;
}

#secContent li a {
 background: transparent url(../img/arrow.gif) left center no-repeat;
 color: #403A32;
 font-size: 1.2em;
 font-weight: bold;
 padding-left: 14px;
}

#secContent li li {
 background: transparent url(../img/cross.gif) 0 0.35em no-repeat;
 color: #403A32;
 padding-left: 13px;
}

#secContent li li a {
 background: none;
 color: #403A32;
 font-size: 1em;
 font-weight: normal;
 padding-left: 0;
}

#secContent li li.single {
 background-image: url(../img/minus.gif);
}

#secContent a {
 text-decoration: none;
}

#secContent a:hover {
 background-color: transparent;
 color: #FA1C00;
}

#skipNav {
 display: none;
}

/* Search box and Lang versions */
#terContent {
 background-color: transparent;
 clear: both;
 color: #fff;
 height: 100px;
 overflow: auto;
 position: absolute;
 right: 2px;
 text-align: right;
 top: 129px;
 width: 200px;
 z-index: 10;
}

#terContent p.langVersions {
 background-color: transparent;
 color: #fff;
 font-size: 0.9em;
 position: absolute;
 right: 0;
 top: 55px;
}

#terContent .langVersions img {
 border: none;
}

#terContent .langVersions a {
 background-color: transparent;
 color: #99856D;
 font-weight: bold;
 padding: 0 0.5em;
 text-decoration: none;
 text-transform: uppercase;
}

#terContent .langVersions a.last {
 padding-right: 0;
}

#terContent input.submit {
 background-color: #DA8636;
 color: #000;
 font-weight: normal;
 margin-left: 2px;
 vertical-align: top;
 width: 29px;
}

#terContent form {
 background: transparent url(../img/input-bg.gif) top left no-repeat;
 height: 53px;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 0;
 text-align: left;
 top: 0;
 width: 162px;
}

#terContent form p {
 display: block;
 height: 21px;
 left: 0;
 line-height: 21px;
 margin: 0;
 position: absolute;
 top: 4px;
}

#terContent input {
 background-color: #E9AA6B;
 color: #000;
 font-size: 1em;
 margin: 0 0 0 6px;
 width: 110px;
}

#terContent form p.label {
 height: 10px;
 left: 53px;
 top: 33px;
 width: 43px;
}

#terContent form p.label img {
 border: none;
}

#terContent p {
 margin: 0.3em 0 0 0;
}

/* Kalendar */
table.kalendar {
 border: 1px solid #CC6600;
}

table.kalendar th {
 background-color: transparent;
 color: #000;
}

table.kalendar th, table.kalendar td {
 border: 1px solid #CC6600;
 padding: 1em;
 text-align: center;
}

table.kalendar td {
 background-color: transparent;
 color: #893000;
}

table.kalendar .mesiac a:hover {
 background-color: transparent;
 color: #893000;
}

table.kalendar .mesiac th {
 background-color: #DF791B;
 color: #FFF;
 font-size: 1.2em;
 padding: 0.75em 1em;
}

table.kalendar .mesiac th a {
 background-color: transparent;
 color: #fff;
}

table.kalendar .dni th {
 background-color: #F1BD8D;
 color: #893000;
 font-size: 1.1em;
 padding: 0.75em 1em;
}

table.kalendar td.akcia {
 background-color: #F1BD8D;
 color: #5E2100;
}

table.kalendar a {
 background-color: transparent;
 color: #5E2100;
 display: block;
 text-decoration: none;
}

table.kalendar a:hover {
 background-color: transparent;
 color: #fff;
}