/* --- CSS Document --- */ body { margin: 0px; padding: 0px; font-family: "Arial CE", "Geneva CE", sans-serif; font-size: 10pt; color: #303030; background-color: #333333; } .out { width: 100%; text-align: center; } #top_in { background-image: url(../img/header.jpg); width: 800px; height: 140px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; background-color: #F0F4F3; } #top_content { position: relative; top: 20px; left: 0px; } #middle_in { width: 800px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(../img/content_bg.png); background-color: #8BA09C;} #content { width: 642px; float: left; padding: 5px; margin: 0px; background-color: #F0F4F3; } #position_1 { float: left; width: 144px; height: 60px; background-color: #F0F4F3; background-image: url(../img/menu_h/blank.png); } #banner_foto { float: right; width: 130px; height: 350px; margin: -10px 0px 0px 10px; padding: 0px; } #bottom_in { width: 800px; height: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; } #copy { font-size: 8pt; padding-top: 2px; color: #6D6D6D; } #copy a { color:#6D6D6D; } #krivka { float: left; margin: -35px 0px 0px -5px; width: 18px; height: 270px; _margin-top: -53px; } #sub_sipky { width: 652px; float: left; margin-top: -10px; margin-left: -5px; } .clear { clear: both } .hide { visibility: hidden; } /* --- START menu_h && submenu_h --- */ #menu_h { width: 800px; height: 60px; margin-left: auto; margin-right: auto; margin-top: 0px; _margin-bottom: -10px; padding: 0px; background-color: #F0F4F3; } .menu_h_list { float: left; width: 108px; height: 60px; display: block; } #menu_h a { display:block; width:108px; height:70px; color: #000000; } #submenu_h { width: 652px; height: 30px; float: right; background-color: #738C87; } #submenu_h a { display:block; line-height: 26px; color: #303030; background-color: #738C87; text-decoration: none; font-weight: bold; } #submenu_h a:hover { color: #A1B3AF; } #sub_h_hdu_open a, #sub_h_hdu_open a:hover { color: #bfefef; } #sub_h_hudba_open a, #sub_h_hudba_open a:hover { color: #246334; } #sub_h_datd_open a, #sub_h_datd_open a:hover { color: #EF7D16; } #sub_h_at_open a, #sub_h_at_open a:hover { color: #5C3A69; } #sub_h_gapd_open a, #sub_h_gapd_open a:hover { color: #3831BF; } #sub_h_vhn_open a, #sub_h_vhn_open a:hover { color: #6C401B; } .submenu_h { width: 162px; height: 25px; float: left; text-align: center; } #hdu { background: url(../img/menu_h/hdu.png) 0px 0px no-repeat; float: left; width: 114px; height: 60px; display: block; } #hdu:hover, #hdu a:hover, #hdu_open { background: url(../img/menu_h/hdu.png) 0px -60px no-repeat; float: left; width: 114px; height: 60px; display: block;} #hdu:active { background: url(../img/menu_h/hdu.png) 0px -60px no-repeat; float: left; width: 114px; height: 60px; display: block;} #hudba { background: url(../img/menu_h/hudba.png) 0px 0px no-repeat; } #hudba:hover, #hudba a:hover, #hudba_open { background: url(../img/menu_h/hudba.png) 0px -60px no-repeat; } #hudba:active { background: url(../img/menu_h/hudba.png) 0px -60px no-repeat; } #datd { background: url(../img/menu_h/datd.png) 0px 0px no-repeat; } #datd:hover, #datd a:hover, #datd_open { background: url(../img/menu_h/datd.png) 0px -60px no-repeat; } #datd:active { background: url(../img/menu_h/datd.png) 0px -60px no-repeat; } #at { background: url(../img/menu_h/at.png) 0px 0px no-repeat; } #at:hover, #at a:hover, #at_open { background: url(../img/menu_h/at.png) 0px -60px no-repeat; } #at:active { background: url(../img/menu_h/at.png) 0px -60px no-repeat; } #gapd { background: url(../img/menu_h/gapd.png) 0px 0px no-repeat; float: left; width: 110px; height: 60px; display: block; } #gapd:hover, #gapd a:hover, #gapd_open { background: url(../img/menu_h/gapd.png) 0px -60px no-repeat; float: left; width: 110px; height: 60px; display: block; } #gapd:active { background: url(../img/menu_h/gapd.png) 0px -60px no-repeat; float: left; width: 110px; height: 60px; display: block; } #vhn { background: url(../img/menu_h/spev.png) 0px 0px no-repeat; } #vhn:hover, #vhn a:hover, #vhn_open { background: url(../img/menu_h/spev.png) 0px -60px no-repeat; } #vhn:active { background: url(../img/menu_h/spev.png) 0px -60px no-repeat; } /* --- END submenu_h && submenu_h --- */ /* --- START menu_v --- */ #menu_v { width: 148px; float: left; padding-top: 0px; margin: 0px 0px 30px 0px; background-color: #8BA09C; text-align: right; } #menu_v div.sub a { width: 148px; height: 30px; } #menu_v div.sub { background-color: #8BA09C; height: 30px; } #menu_v div, #menu_v div a { display:block; line-height:30px; text-decoration:none; cursor:pointer;} #menu_v div div { display: none; } #menu_v div.click div{ display: block; } #menu_v div.sub#o_skole { background: url(../img/menu_v/o_skole.png) 0px 0px no-repeat; } #menu_v div.sub#o_skole a:hover, #menu_v div.sub#o_skole_open { background: url(../img/menu_v/o_skole.png) 0px -30px no-repeat; } #menu_v div.sub#aktuality_0 { background: url(../img/menu_v/aktuality.png) 0px 0px no-repeat; } #menu_v div.sub#aktuality_0 a:hover, #menu_v div.sub#aktuality_0_open { background: url(../img/menu_v/aktuality.png) 0px -30px no-repeat; } #menu_v div.sub#pedagogovia { background: url(../img/menu_v/pedagogovia.png) 0px 0px no-repeat; } #menu_v div.sub#pedagogovia a:hover, #menu_v div.sub#pedagogovia_open { background: url(../img/menu_v/pedagogovia.png) 0px -30px no-repeat; } #menu_v div.sub#skusky { background: url(../img/menu_v/skusky.png) 0px 0px no-repeat; } #menu_v div.sub#skusky a:hover, #menu_v div.sub#skusky_open { background: url(../img/menu_v/skusky.png) 0px -30px no-repeat; } #menu_v div.sub#dokumenty { background: url(../img/menu_v/dokumenty.png) 0px 0px no-repeat; } #menu_v div.sub#dokumenty a:hover, #menu_v div.sub#dokumenty_open { background: url(../img/menu_v/dokumenty.png) 0px -30px no-repeat; } #menu_v div.sub#domov_mladeze { background: url(../img/menu_v/domov_mladeze.png) 0px 0px no-repeat; } #menu_v div.sub#domov_mladeze a:hover, #menu_v div.sub#domov_mladeze_open { background: url(../img/menu_v/domov_mladeze.png) 0px -30px no-repeat; } #menu_v div.sub#telesa { background: url(../img/menu_v/telesa.png) 0px 0px no-repeat; } #menu_v div.sub#telesa a:hover, #menu_v div.sub#telesa_open { background: url(../img/menu_v/telesa.png) 0px -30px no-repeat; } #menu_v div.sub#galeria { background: url(../img/menu_v/galeria.png) 0px 0px no-repeat; } #menu_v div.sub#galeria a:hover, #menu_v div.sub#galeria_open { background: url(../img/menu_v/galeria.png) 0px -30px no-repeat; } #menu_v div.sub#kontakty { background: url(../img/menu_v/kontakty.png) 0px 0px no-repeat; } #menu_v div.sub#kontakty a:hover, #menu_v div.sub#kontakty_open { background: url(../img/menu_v/kontakty.png) 0px -30px no-repeat; } #menu_v div.sub_multi#odbory { background: url(../img/menu_v/odbory.png) 0px 0px no-repeat; height: 30px; } #menu_v div.sub_multi#odbory:hover { background: url(../img/menu_v/odbory.png) 0px -30px no-repeat; } #menu_v div.sub_multi#odbory.click { background: url(../img/menu_v/odbory.png) 0px -60px no-repeat; height: 180px; _margin-bottom: 0px;} #menu_v div.sub_multi#dokumenty { background: url(../img/menu_v/dokumenty.png) 0px 0px no-repeat; } #menu_v div.sub_multi#dokumenty a:hover { background: url(../img/menu_v/dokumenty.png) 0px -30px no-repeat; } #menu_v div.sub_multi#dokumenty.click { background: url(../img/menu_v/dokumenty.png) 0px -60px no-repeat; } #menu_v div.sub_multi#zo_zivota { background: url(../img/menu_v/zo_zivota.png) 0px 0px no-repeat; height: 30px; } #menu_v div.sub_multi#zo_zivota:hover { background: url(../img/menu_v/zo_zivota.png) 0px -30px no-repeat; } #menu_v div.sub_multi#zo_zivota.click { background: url(../img/menu_v/zo_zivota.png) 0px -60px no-repeat; height: 105px;} #menu_v div.sub_multi#mimoskolska { background: url(../img/menu_v/mimoskolska.png) 0px 0px no-repeat; height: 30px;} #menu_v div.sub_multi#mimoskolska:hover { background: url(../img/menu_v/mimoskolska.png) 0px -30px no-repeat; } #menu_v div.sub_multi#mimoskolska.click { background: url(../img/menu_v/mimoskolska.png) 0px -60px no-repeat; height: 130px;} #menu_v div.sub_multi #hdu_v { background: url(../img/menu_v/hdu_v.png) 0px 0px no-repeat; height: 25px; _margin-bottom: -35px; } #menu_v div.sub_multi #hdu_v a:hover { background: url(../img/menu_v/hdu_v.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #hdu_v_open { background: url(../img/menu_v/hdu_v.png) 0px -25px no-repeat; height: 25px; _margin-bottom: -35px;} #menu_v div.sub_multi #hudba_v { background: url(../img/menu_v/hudba_v.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #hudba_v a:hover { background: url(../img/menu_v/hudba_v.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #hudba_v_open { background: url(../img/menu_v/hudba_v.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #datd_v { background: url(../img/menu_v/datd_v.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #datd_v a:hover { background: url(../img/menu_v/datd_v.png) 0px -25px no-repeat; height: 25px; } #menu_v div.sub_multi #datd_v_open { background: url(../img/menu_v/datd_v.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #at_v { background: url(../img/menu_v/at_v.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #at_v a:hover { background: url(../img/menu_v/at_v.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #at_v_open { background: url(../img/menu_v/at_v.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #gapd_v { background: url(../img/menu_v/gapd_v.png) 0px 0px no-repeat; height: 25px; _margin-bottom: -35px;} #menu_v div.sub_multi #gapd_v a:hover { background: url(../img/menu_v/gapd_v.png) 0px -25px no-repeat; height: 25px; } #menu_v div.sub_multi #gapd_v_open { background: url(../img/menu_v/gapd_v.png) 0px -25px no-repeat; height: 25px; _margin-bottom: -35px;} #menu_v div.sub_multi #vhn_v { background: url(../img/menu_v/vhn_v.png) 0px 0px no-repeat; height: 25px; _margin-bottom: -35px;} #menu_v div.sub_multi #vhn_v a:hover { background: url(../img/menu_v/vhn_v.png) 0px -25px no-repeat; height: 25px; } #menu_v div.sub_multi #vhn_v_open { background: url(../img/menu_v/vhn_v.png) 0px -25px no-repeat; height: 25px; _margin-bottom: -35px;} #menu_v div.sub_multi #navstevy { background: url(../img/menu_v/navstevy.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #navstevy a:hover { background: url(../img/menu_v/navstevy.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #navstevy_open { background: url(../img/menu_v/navstevy.png) 0px -25px no-repeat; height: 25px; } #menu_v div.sub_multi #projekty { background: url(../img/menu_v/projekty.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #projekty a:hover { background: url(../img/menu_v/projekty.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #projekty_open { background: url(../img/menu_v/projekty.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #vystavy { background: url(../img/menu_v/vystavy.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #vystavy a:hover { background: url(../img/menu_v/vystavy.png) 0px -25px no-repeat; height: 25px; } #menu_v div.sub_multi #vystavy_open { background: url(../img/menu_v/vystavy.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #koncerty { background: url(../img/menu_v/koncerty.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #koncerty a:hover { background: url(../img/menu_v/koncerty.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #koncerty_open { background: url(../img/menu_v/koncerty.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #sutaze { background: url(../img/menu_v/sutaze.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #sutaze a:hover { background: url(../img/menu_v/sutaze.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #sutaze_open { background: url(../img/menu_v/sutaze.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #kruzky { background: url(../img/menu_v/kruzky.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #kruzky a:hover { background: url(../img/menu_v/kruzky.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #kruzky_open { background: url(../img/menu_v/kruzky.png) 0px -25px no-repeat; height: 25px;} #menu_v div.sub_multi #casopis { background: url(../img/menu_v/casopis.png) 0px 0px no-repeat; height: 25px; } #menu_v div.sub_multi #casopis a:hover { background: url(../img/menu_v/casopis.png) 0px -25px no-repeat; } #menu_v div.sub_multi #casopis_open { background: url(../img/menu_v/casopis.png) 0px -25px no-repeat; height: 25px; } #menu_v div.sub_multi div { _margin-bottom: -5px; } /* --- END menu_v --- */ /* --- START vertikalne centrovanie ---*/ div.outer {display: table; height: 195px; #position: relative; text-indent: 0px;} div.middle {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle; } div.inner {#position: relative; #top: -50%; text-align: center; text-indent: 0px; padding: 0px;} /* --- END vertikalne centrovanie ---*/ a { color: #303030; } a:hover { color: #303030; text-decoration: none;} .index, .aktuality, .pedagogovia, .skusky, .dokumenty, .internat, .telesa, .kontakt, .galeria, .koncerty, .sutaze, .kruzky, .casopis, .navstevy, .projekty, .vystavy, .hdu, .hudba, .datd, .at, .gapd, .vhn { margin: 30px 0px 10px 20px; } .picture_left {width: 250px; height: 173px; border: 1px solid #303030; float: left; margin: 5px 15px 5px 0px; padding: 4px;} .picture_center {width: 250px; height: 173px; border: 1px solid #303030; margin-left: 105px; padding: 4px;} .picture_right {width: 250px; height: 173px; border: 1px solid #303030; float: right; margin: 5px 0px 5px 15px; padding: 4px; } .bold { font-weight: bold;} .italic { font-style: italic; } .odsek { text-indent: 12px; text-align: justify; padding: 0px 10px 8px 0px; } li { text-align: justify; margin: 0px 4px 0px 4px; list-style-image: url(../img/list.gif); list-style-position: outside; vertical-align: top; } h2 { margin: 10px 0px 4px 0px; font-size: 14pt; padding: 0px; } h3 { margin: 10px 0px 4px 0px; font-size: 11pt; padding: 0px; } h4 { margin: 8px 0px 4px 0px; font-size: 11pt; padding: 0px; } #pb120 { padding-bottom: 120px; } .hdu { background: url(../img/b_hdu.gif) no-repeat center center } .hudba { background: url(../img/b_hudba.gif) no-repeat center center } .datd { background: url(../img/b_datd.gif) no-repeat center center } .table_l { width: 200px; text-align: left; font-size: 11pt; font-weight: bold; padding-right: 15px;} .table_r { width: 240px; text-align: left; padding: 15px 0px 15px 0px; } .internat table, .kontakt table, .pedagogovia table { margin-left: auto; margin-right: auto; } .pedagogovia td, .kontakt td { border-bottom: 1px dashed #000000; } .casopis img { width: 173px; height: 250px; border: 1px solid #303030; } .casopis div { float: left; height: 300px; width: 180px; margin: 8px;} .casopis { text-align: left; } /* --- START galeria --- */ .card { float: left; margin: 10px 5px 2px 5px; padding: 6px; _padding: 3px; text-align: center; font-size: 8pt; background: #F0F4F3; border-right: 1px solid #666; border-bottom: 1px solid #666; } .card-title { margin: 4px 0px 0px 0; } .card-photo { margin:0 auto; padding:0; } .card-photo img { width: 180px; height: 124px; border: 1px solid #303030; } /* --- END galeria --- */ /* --- START thickbox ---*/ #TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;} #TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;} #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} #TB_overlay {position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 2px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:15px 15px 10px 0; float:right; } #TB_closeAjaxWindow{ padding: 7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{float:left; padding:7px 0 5px 10px; margin-bottom:1px;} #TB_title{background-color:#e8e8e8; height:27px;} #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0px 5px 0px;} #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* --- END thickbox --- */