body, p, h1, h2, h3, h4, ul, li, form, fieldset { margin: 0; padding: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000; background: #fff url(design/body.jpg) top repeat-x; text-align: center; }


/* odkazy pre text a obrazky */
a { color: #060; }
a:hover { color: #009800; }


a.image:hover { background-color: #f6f6f6; }


/* odstavec */
p { text-align: justify; }
p.left  { text-align: left; }
p.center { text-align: center; }
p.right  { text-align: right; }

p#doc_nav 		{ margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #D7D7D7; }
p#doc_nav span 	{ padding: 0 10px; color: #D7D7D7; }

p.error { color: #f00; }
p.ok { color: #0c0; }

hr { display: none; }

div.wrap { width: 1020px; margin: 0 auto; text-align: center; }

div.clear { clear: both; } 



/* header */
div#header { width: 1000px; height: 293px; margin: 0 auto; background-color: #009800; background-image: url(design/header.jpg); position: relative; }

/* logo s odkazom vo vrchu stranky */
div#logo { font-size: 36px; font-weight: bold; position: absolute; top: 83px; left: 47px; }
div#logo a { display: block; width: 448px; height: 129px; overflow: hidden; position: relative; }
div#logo a span { display: block; width: 448px; height: 129px; background-image: url(design/logo.jpg); position: absolute; top: 0; left: 0; cursor: pointer; }

/* lang */
div#lang { color: #003300; font-size: 0.9em; position: absolute; top: 12px; left: 47px; }
div#lang a { color: #003300; text-decoration: none; }
div#lang a:hover { color: #ffff00; }
div.lang-item { float: left; margin-right: 12px; }

/* menu */
div#menu { height: 46px; background: url(design/menu-shadow.jpg) center bottom no-repeat; padding: 0px 0 13px; margin: 0 auto; }
div#menu ul { margin-left: 47px; margin: 0 0 0 47px; }
div#menu ul li { display: block; float: left; padding-right: 0px; }
div#menu ul li a { display: block; float: left; height: 46px; padding: 0 12px; color: #fff; text-decoration: none; background-image: url(design/menu.jpg); }
div#menu ul li a span { display: block; padding-top: 14px;  }
div#menu ul li a:hover { background-position: bottom left; color: #000; }
div#menu ul li a.active { background-position: bottom left; color: #000; }

/* content */
div#content { width: 906px; min-height: 400px; padding: 20px 47px; text-align: justify; }

/* left and right columns in content */
div.left { float: left; width: 620px; }
div.right { float: left; width: 200px; padding-left: 20px; }

/* general form */
fieldset { border-style: none; }
input, textarea { font-size: 11px; border: 1px solid #636363; margin: 2px 0; padding: 2px; }
input.button { font-weight: bold; color: #fff; background-color: #636363; cursor: pointer;  }

h1 { color: #060; font-size: 1.4em; margin: 0 0 14px; }
h1 strong { text-transform: uppercase; }
h1.center { text-align: center; }
h2 { color: #060; font-size: 1.2em; margin: 0 0 4px; }
h3 { color: #060; font-size: 1.1em; margin: 0; }

p { margin: 0 0 10px; }

ul { list-style-position: inside; margin: 0 0 20px; }
img.border { border: 1px solid #060; padding: 4px; background-color: #009800; margin: 0 10px 10px 0; }

div.column-left { width: 450px; float: left; }
div.column-right { width: 445px; float: right; }

div.uvod { background-color: #f0f0f0; margin-bottom: 15px; padding-bottom: 10px; }
div.uvod h2 { font-variant: small-caps; background-color: #d7d7d7; background-position: 415px 2px; background-repeat: no-repeat; padding: 5px 12px; }
div.uvod h2.uciliste { background-image: url(design/icon-uciliste.jpg); }
div.uvod h2.skola { background-image: url(design/icon-skola.jpg);}
div.uvod p { margin: 10px 12px; }

div.item-new { border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 10px; }
div.item-new p { margin-bottom: 5px; }
div.item-new p.date { text-align: right; margin: 0; }

ul.odbory li { margin: 0 12px 0 36px; }
ul.odbory li { padding: 0 12px 6px 18px; background: url(design/arrow.gif) 0px 2px no-repeat; list-style: none; }
ul.odbory li strong { color: #060; }

ul.list li { margin: 0 12px 0 0px; }
ul.list li { padding: 0 12px 6px 18px; background: url(design/list_arrow.gif) 0px 2px no-repeat; list-style: none; }
ul.list li strong { color: #060; }

div.odbor { margin-bottom: 10px; }
div.odbor div.cnt { float: right; width: 740px; }
div.odbor img { float: left; }

strong.kontakt { display: block; width: 80px; float: left; }
strong.hidden { visibility: hidden; }
img.mapa { float: right; border: 1px solid #060; padding: 4px; background-color: #009800; margin: 0; }

/* footer */
div#footer-big { width: 100%; height: 125px; font-size: 0.85em; background: url(design/footer.jpg) repeat-x; text-align: center; }

div#footer { width: 1000px; margin: 0 auto; text-align: left; color: #fff; background-color: #009800; position: relative; }
div#footer a { color: #fff; }
div#footer a:hover { color: #ffff00; }

div#update { position: absolute; top: 43px; left: 50px; }
div#webdesign { width: 430px; height: 69px; background-image: url(design/webdesign.jpg); position: absolute; top: 29px; right: 50px; }
div#webdesign span { font-size: 1.25em; }

a#logo-webgo { display: block; width: 124px; height: 30px; overflow: hidden; position: absolute; top: 14px; left: 40px; cursor: pointer; }
a#logo-webgo span { width: 124px; height: 30px; background-image: url(design/logo-webgo.jpg); background-position: left top; position: absolute; top: 0; left: 0; }
a#logo-webgo:hover span { background-position: left bottom; }

div#copyright { position: absolute; top: 14px; left: 174px; }