@charset "utf-8";

/* Layout */
body {background:url('/images/bg.png') repeat-x #ccc; color:#333; margin:0 0 40px 0; font:0.9em 'Helvetica'; line-height:1.6em}
#layout,#head {width:973px; margin:0 auto}
#layout{width:953px; background:#fff; margin-top:88px; text-align:left} 
#logo {margin-left:10px; padding-top:10px; float:left}
#header {height:100px; background:#224466; width:953px; float:left}
#info {margin:11px 15px 0 0}
#copy {width:940px; margin:0 auto; font-size:0.8em; padding-right:40px}
#copy a {font-weight:bold; color:#444}
#copy a:hover {color:#444}
.copy {font-weight:bold; color:#444} 

/* Corners */
.t1 {background:url('/images/corner/ne.gif') no-repeat top right}
.t1 div {background:url('/images/corner/nw.gif') no-repeat top left}
.b1 {background:url('/images/corner/se.gif') no-repeat bottom right}
.b1 div {background:url('/images/corner/sw.gif') no-repeat bottom left}
.t2 {background:url('/images/corner/ne2.gif') no-repeat top right}
.t2 div {background:url('/images/corner/nw2.gif') no-repeat top left}
.b2 {background:url('/images/corner/se2.gif') no-repeat bottom right}
.b2 div {background:url('/images/corner/sw2.gif') no-repeat bottom left}
.t1 div,.b1 div {font-size:0; height:25px}
.t2 div,.b2 div {height:10px}

/* Menu */
ul#tabnav li {display:inline; text-align:center; padding-top:15px; font:bold 1.063em 'Helvetica'}
ul#tabnav li a:hover {text-decoration:underline; color:#900}
ul#tabnav li a {color:#003366; padding:15px; padding-bottom:7px; width:100px}
#menu {width:590px; position:absolute; margin:42px 0 0 382px}
#tab0 li.tab0 a {background:url('/images/tab/0.png')}
#tab1 li.tab1 a {background:url('/images/tab/1.png')}
#tab2 li.tab2 a {background:url('/images/tab/2.png')}
#tab3 li.tab3 a {background:url('/images/tab/3.png')}
#tab4 li.tab4 a {background:url('/images/tab/4.png')}
#tab5 li.tab5 a {background:url('/images/tab/5.png')}
#tab0 li.tab0 a:hover,#tab1 li.tab1 a:hover,#tab2 li.tab2 a:hover,#tab3 li.tab3 a:hover,#tab4 li.tab4 a:hover,#tab5 li.tab5 a:hover {color:#fff}
#tab0 li.tab0 a,#tab1 li.tab1 a,#tab2 li.tab2 a,#tab3 li.tab3 a,#tab4 li.tab4 a,#tab5 li.tab5 a {border-bottom:#224466 23px solid; color:#fff; background-repeat:no-repeat}

/* Columns */
#text {margin:30px 0 30px 0}
#text,#i {width:973px; overflow:hidden; font-size:0.93em}
.left {width:635px; float:left; margin:3px 10px 0 30px}
.right {width:215px; float:right; margin:3px 50px 0 0}
.bu1 {margin-right:25px}
.bu2 {margin-right:20px}
.bu1,.bu2 {float:left; width:283px; background:#eee}
.bu3,.bu4 {float:left; width:225px; margin:0 20px 35px 0; background:#eee}
.bu5 {background:#eee}
.p0 {padding:0 15px 0 15px}
.p1,.p2,.p3 {padding:0 20px 0 20px}
.p2 {width:190px; font-size:1.1em; font-weight:bold}
.ph {padding:0 15px 0 15px; font-size:1.3em; line-height:50%; font-weight:bold}
.txt {background:#eee}
.txt p,.txt2 p,.txt3 p,.txt4 p {padding-left:20px; padding-right:20px}
.ca {width:640px; height:80px}
.cb {width:922px; font-size:0.9em; margin-left:25px; margin-top:15px}
.search_column {width:890px; margin:0 auto}
.up {width:920px; height:35px}
.pd {padding-left:40px; padding-right:15px}
.span {top:-9000px; position:absolute}
.i1 {margin-right:50px}
.ml {margin-left:20px}

/* Text */
h1 {font:normal 2.6em 'HNCEL'; color:#fff; line-height:22%; float:left; padding:0 0 0 30px}
h2, h3 {font-size:1.4em; line-height:50%; color:#000}
.fr {color:#444}
.frf {font-weight:bold; color:#000}
.red {font-size:1.1em}   
.red2 {font-weight:bold}  
.red,.red2 {color:#900} 
a:active {color:#900; text-decoration:none; outline:none}
#ahref,.fp a:link,.fp a:visited,.black {color:#000}
a:link,a:visited {color:#085699; text-decoration:none; outline:none}
a:hover,#ared a:hover,.fp a:hover {color:#900; text-decoration:underline}

/* Font */
@font-face {font-family:'HNCEL'; src:url('/font/font.eot'); src:local('☺'), url('/font/font.woff') format('woff'), url('/font/font.ttf') format('truetype'), url('/font/font.svg#webfontfpwwP0v8') format('svg')}

/* Other, navigation */
.li {list-style:decimal}
.sq {list-style:square}
.img_l {float:left; margin:0 10px 0 0}
.img_r {float:right; margin-right:10px}
img {border:none}
.no {list-style:none}
.nols {list-style:url('/images/micons/li.png')}
.nols:hover {list-style:url('/images/micons/li2.png')}
.nl {padding-top:115px; padding-left:30px; padding-bottom:12px; font-weight:bold; font-size:0.93em; background:#dde9f6; color:#000}
.n1u {text-decoration:underline} 
.search1,.search1:hover {width:160px; height:20px; font:0.9em 'Arial'; padding-left:10px; padding-right:10px}
.search2,.search2:hover {width:28px; height:40px; margin-right:15px; background:url('/images/micons/lupa.png') no-repeat}
.search1,.search1:hover,.search2,.search2:hover {float:right; border:none; cursor:pointer}
.sip {background:url('/images/icons/sipka.png') no-repeat transparent; width:400px; height:11px; float:left}
.sip2 {background:url('/images/icons/sipka2.png') no-repeat; height:9px}
.sip3 {background:url('/images/icons/sipka3.png') no-repeat; height:9px}
.sip4 {background:url('/images/icons/sipka4.png') no-repeat; height:9px}
.fbs {float:right; margin-right:25px}
.height {font-size:1.1em; height:15px}
.m {margin-right:560px}
.fr {float:right}
.br {height:50px}

/* Lines */
.line {border-top:#e0e0e0 solid 1px}
.line2 {border-bottom:#bbb solid 1px; width:900px}
.line3 {border-bottom:#bbb dotted 1px; width:600px}
.line4 {width:580px; margin:0 auto; border-top:#ccc solid 1px}
.line5 {width:250px; margin:0 auto; border-top:#bbb dotted 1px}
.line2,.line3,.line4 {margin:0 auto}

/* Icons */
.icons {height:2em}
.icons li {float:left; display:inline; list-style:none}
.icons li.vy {margin-left:30px; float:right; color:#a3a3a3}

/* Pages */
.fb {width:100px; height:32px; float:left; background:url('/images/pages/fb.png') no-repeat; margin-left:25px}
.fb,.fb a {width:100px; height:32px; display:block}
.fb:hover {background:url('/images/pages/fb.png') 0 -32px no-repeat}
.ws {width:115px; height:35px; float:right; background:url('/images/pages/ws.png') no-repeat; margin-right:25px}
.ws:hover {background:url('/images/pages/ws.png') 0 -35px no-repeat}
.ws,.ws a {width:115px; height:35px; display:block}
.fb a span,.ws a span {display:none}
 
/* Slideshow */
#sw {margin:15px; margin-top:5px; width:900px; height:270px; position:relative; background:url('/images/slide/slide.gif')}
#sw #sc {margin:0 auto; width:650px; height:300px; overflow:auto}
#sw #sc .sl {margin:0 auto}
#lc {left:0; background:url('/images/slide/left.png') no-repeat 0 0}
#rc {right:0; background:url('/images/slide/right.png') no-repeat 0 0}
#lc:hover {left:0; background:url('/images/slide/left1.png') no-repeat 0 0}
#rc:hover {right:0; background:url('/images/slide/right1.png') no-repeat 0 0}
#lc,#rc,#lc:hover,#rc:hover {top:0; width:60px}
#pc {margin:0 auto; width:953px}
.control {display:block; width:40px; height:300px; text-indent:-9000px; position:absolute; cursor:pointer}
.sl img {float:right; margin:0 20px}
.sl h2,.sl p {margin:33px 30px 30px 0}
.sl h2 {font:2.3em 'HNCEL'; color:#000}

/* Forms */
#contentForm {display:block; padding:0 20px 0 20px}
#spamcheck {width:42px}
.button {width:130px; height:70px; background:url('/images/buttons/button.png') no-repeat; border:none}
.button:hover {background:url('/images/buttons/button.png') 0 -35px no-repeat; border:none}
.yes,.yes:hover {width:32px; height:32px; background:url('/images/buttons/yes.png') no-repeat; float:left; margin-left:0; border:#6fa468 1px solid}
.news_input {width:132px; height:20px; font-size:1.0em; float:left; margin-right:0; border:#c7d1c6 solid 1px}
.news_send, .news_send:hover {width:30px; height:30px; background:url('/images/buttons/yes.png') no-repeat; margin-left:5px; border:none; float:left}
.form_id {font-size:1.0em; background:#fcfcfc; border:1px solid #b6b6b7}
.errormsg {display:block; width:95%; height:22px; color:#fbfbfb; font-weight:bold; background:#9f2424; padding:5px; padding-left:10px; margin:10px 0}
.msgSent {font-size:1.5em; text-align:center}
.form_id {width:182px}
input,textarea,select {margin:3px; padding:5px; height:22px; font:bold 1.3em 'Arial'; border:1px solid #bababa; background:#fff; cursor:pointer; -moz-border-radius:9px; -webkit-border-radius:9px;}
textarea {height:95px; width:300px; font:1.2em 'Arial'; font-weight:bold}
podmienky {height:5px}
input:hover,textarea:hover,select:hover,input:visited {border:1px solid #7b7b7b}
select {font:bold 1.0em 'Arial'; width:314px; height:30px}
input {width:300px}
label {display:block; float:left; width:230px; font-weight:bold}
option {font-size:1.0em}
span.required {color:#900}

/* Comments */
#komentare img {border:0}
#komentare form {margin:0; padding:0}
#komentare fieldset {width:610px; border:none}
#komentare legend {margin:0; font-size:1.0em; font-weight:bold; color:#153d51}
#komentare input,#komentare textarea,#komentare select {margin:0 20px 10px 20px; width:200px; height:22px; padding:5px; font:bold 1.0em 'Arial'; background:#fff}
#komentare input:hover,#komentare textarea:hover,#komentare select:hover {border:1px solid #7b7b7b}
#komentare textarea {width:385px; height:100px; line-height:1.3em}
#komentare .tlacitko {float:right; width:120px; height:35px; float:right; background:url('/images/buttons/button.png') no-repeat; border:none}
#komentare .tlacitko:hover {float:right; background:url('/images/buttons/button.png') 0 -35px no-repeat; border:none}
#komentare #chyba {margin:20px 0 10px 10px; color:#fff; padding:5px; width:560px; font-weight:bold; background:#9f2424; font-size:1.0em; padding-left:12px}
#komentare #cislo {width:30px; text-align:center}
.komentare_nadpis {margin:0 0 5px 0; float:left; padding:0; font-size:1.0em; width:125px; font-weight:bold}
.komentar p {padding:10px; margin:0; border:#dedede 1px solid; border-top:none}
.komentar {width:625px; font-size:1.0em}
.komentare_clear {height:5px}

 /* Lytebox */
#lbOverlay {background:#222; position:fixed; top:0; left:0; width:100%; height:500px}
#lbMain {position:absolute; left:0; width:100%; text-align:center; line-height:0}
#lbMain a img {border:none}
#lbOuterContainer {position:relative; background:#fff; width:200px; height:200px; margin:0 auto}
#lbDetailsContainer {font:0.9em 'Arial'; background:#fff; width:100%; line-height:1.4em; overflow:auto; margin:0 auto}
#lbImageContainer,#lbIframeContainer {padding:10px}
#lbLoading {position:absolute; top:45%; left:0%; height:32px; width:100%; text-align:center; line-height:0; background:url('/images/lytebox/loading.gif') center no-repeat}
#lbHoverNav {position:absolute; top:0; left:0; height:100%; width:100%}
#lbImageContainer>#lbHoverNav {left:0}
#lbPrev {width:49%; height:100%; background:transparent url('/images/lytebox/blank.gif') no-repeat; display:block; left:0; float:left}
#lbPrev.grey:hover,#lbPrev.grey:visited:hover {background:url('/images/lytebox/prev_grey.gif') left 15% no-repeat}
#lbNext {width:49%; height:100%; background:transparent url('/images/lytebox/blank.gif') no-repeat; display:block; right:0; float:right}
#lbNext.grey:hover,#lbNext.grey:visited:hover {background:url('/images/lytebox/next_grey.gif') right 15% no-repeat}
#lbPrev2,#lbNext2 {text-decoration:none; font-weight:bold}
#lbDetailsData {padding:0 10px}
#lbDetails {width:60%; float:left; text-align:left}
#lbCaption {display:block; font-weight:bold}
#lbNumberDisplay,#lbNavDisplay {float:left; display:block; padding-bottom:1.0em}
#lbClose {width:64px; height:28px; float:right}
#lbClose.grey {background:url('/images/lytebox/close_grey.gif') no-repeat; float:right; padding-right:10px}