/* @group Initialisation */ /* @group ie fixes */ /* @end */ /* @group i prefix */ /* Global images */ img.i_Bullet { width: 9px; height: 9px; _background_image: url(../images/icons_sprite.gif); background: url(../images/icons_sprite.png) -1px -156px; } /* @end */ /* @group e prefix */ .e_floatLeft { float: left; } .e_floatRight { float: right; } /* @end */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } .clearfix { min-height: 1%; _height: 1%; } a img,:link img,:visited img { border: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } body, td { margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 11px; background-color: #fff; } body { padding: 20px; } /* @end */ /* @group Layout */ body { background: #e3e2da url(../images/body_background.jpg) repeat center top; padding: 0; font-family: Verdana, "Lucida Grande", Lucida, sans-serif; } #wrapper-1 { background: url(../images/wrapper-1_background.png) no-repeat center top; min-width: 949px; } #wrapper-2 { background: url(../images/wrapper-2_background.png) no-repeat center bottom; padding-bottom: 118px; min-width: 949px; } #container { width: 949px; margin: auto; padding-right: 12px; padding-left: 12px; } #logo-anchor { cursor: pointer; width: 235px; height: 60px; position: absolute; margin-top: 20px; z-index: 999; } #lyon-anchor { cursor: pointer; position: absolute; margin-left: 470px; margin-top: 20px; z-index: 999; } /* @group upline */ #upline ul { list-style-type: none; } #upline ul li { display: block; float: left; padding: 7px; margin-right: 5px; } #upline ul li.active { background-color: #fff; } #upline ul li a { color: #606163; } #upline ul.langmenu li { background-color: #fff; background-image: url(../images/icons_sprite.png); _background-image: url(../images/icons_sprite.gif); color: #a3a3a3; padding-left: 27px; } #upline ul.langmenu li.active a { color: #121212; } #upline ul.langmenu li.sk { background-position: 6px -43px; background-repeat: no-repeat; } #upline ul.langmenu li.en { background-position: 6px -20px; background-repeat: no-repeat; } #upline ul.langmenu li.fr { background-position: 6px 1px; background-repeat: no-repeat; } /* @end */ /* @group menuline */ #menuline { padding-top: 124px; } #menuline ul { list-style-type: none; } #menuline ul li { display: block; float: left; height: 24px; width: 100px; text-align: center; padding-top: 9px; background: url(../images/mainmenu_sprite.png) 0; } #menuline ul li a { display: block; color: #fff; font-size: 12px; text-transform: uppercase; } #menuline ul li a:hover { text-decoration: none; } #menuline ul li.tv { width: 170px; text-align: right; padding-right: 10px; } body.i18n_en #menuline ul li.tv { width: 270px; } /* My Comment */ #menuline ul li.tv a { display: inline; padding-left: 18px; background: url(../images/icons_sprite.png) no-repeat 0 -71px; _background: url(../images/icons_sprite.gif) no-repeat 0 -71px; } #menuline ul li:hover { background-position: -400px; } #menuline ul li.wide { width: 130px; } #menuline ul li.color_1 { background-position: 0 0; } #menuline ul li.color_1:hover { background-position: -400px 0; } #menuline ul li.color_2 { background-position: 0 -33px; } #menuline ul li.color_2:hover { background-position: -400px -33px; } #menuline ul li.color_3 { background-position: 0 -66px; } #menuline ul li.color_3:hover { background-position: -400px -66px; } #menuline ul li.color_4 { background-position: 0 -99px; } #menuline ul li.color_4:hover { background-position: -400px -99px; } #menuline ul li.home { width: 33px; background-position: 0 -132px; } #menuline ul li.home:hover { width: 33px; background-position: -400px -132px; } body.color_3 #menuline ul li.active a { color: #000; } body.color_1 #menuline ul li.active { background-image: none; background-color: #f15b28; } body.color_2 #menuline ul li.active { background-image: none; background-color: #872c8c; } body.color_3 #menuline ul li.active { background-image: none; background-color: #c9d418; color: #fff; } body.color_4 #menuline ul li.active { background-image: none; background-color: #01b5c3; } /* @end */ /* @group page */ /* @group box */ div.pBox { background: #eaeaea url(../images/box_background.png) no-repeat; padding: 22px; color: #5c5656; font: 12px Verdana, "Lucida Grande", Lucida, sans-serif; } div.nBox { background: #eaeaea; padding: 22px; color: #5c5656; font: 12px Verdana, "Lucida Grande", Lucida, sans-serif; } div.pBox h2 { color: #f25b24; font: bold 16px Verdana, "Lucida Grande", Lucida, sans-serif; margin-bottom: 15px; } div.pBox h2 a { color: #f25b24; font: bold 16px Verdana, "Lucida Grande", Lucida, sans-serif; } body.color_1 div.pBox h2 { color: #f15b28; } body.color_1 div.pBox h2 a { color: #f15b28; } body.color_2 div.pBox h2 { color: #C60070; } body.color_2 div.pBox h2 a { color: #C60070; } body.color_3 div.pBox h2 { color: #c9d418; } body.color_3 div.pBox h2 a { color: #c9d418; } body.color_4 div.pBox h2 { color: #01b5c3; } body.color_4 div.pBox h2 a { color: #01b5c3; } div.pBox h3 { color: #576d7a; border-bottom: 1px solid #16bbce; font: 15px Verdana, "Lucida Grande", Lucida, sans-serif; margin-bottom: 15px; } div.pBox p { padding-bottom: 25px; } /* @end */ #page { background-image: none; width: 972px; margin-left: -14px; padding-top: 0; } #page_h { height: 20px; background: url(../images/page_background_hf.png) no-repeat 0 0; _height: 0px; _background: none; } #page_f { height: 20px; background: url(../images/page_background_hf.png) no-repeat 0 -20px; _height: 0px; _background: none; } #page_content { background-image: url(../images/page_background.png); _background-image: url(../images/page_background.gif); min-height: 400px; padding-left: 18px; padding-right: 18px; _padding-top: 10px; _padding-bottom: 10px; } /* @group banner */ #banner_wrapper { position: relative; height: 208px; overflow: hidden; } #banner { width: 934px; height: 208px; background: url(../images/banner_1.jpg) no-repeat; margin-bottom: 8px; position: absolute;} #banner_news { width: 467px; margin-left: 467px; position: absolute; z-index: 999;} #banner_news ul { list-style-type: none; } #banner_news ul li { height: 52px; background-image: url(../images/transparency_sprite.png); _background: #000; _filter: alpha(opacity=70); color: #fff; font: 11px verdana, "lucida grande"; padding-left: 23px; } #banner_news ul li a { color: #fff; font: 11px verdana, "lucida grande"; } #banner_news ul li:hover { background-position: 0 -150px; } #banner_news ul li.hover { _background: #000; _filter: alpha(opacity=50); } #banner_news ul li strong { display: block; padding-top: 10px; margin-bottom: 4px; } /* @end */ /* @group peopleslider */ #peopleslider { } #peopleslider_button { width: 160px; height: 47px; background: url(../images/icons_sprite.png) 0 -102px; float: left; } body.i18n_en #peopleslider_button { background-image: url(../images/i18n_en/icons_sprite.png); } #peopleslider_slider { float: left; height: 47px; width: 773px; } #peopleslider_slider a { z-index: 1500; } #peopleslider_slider img { } #peopleslider_content { height: 47px; overflow: hidden; position: relative; width: 773px; position: absolute; } #peopleslider_content .inner { height: 47px; white-space: nowrap; position: relative; left: 0px; } /* @group buttons */ #peopleslider_controls { width: 773px; height: 47px; position: absolute; } #peopleslider_controls_wrapper { position: relative; } #peopleslider_butLeft { width: 19px; height: 47px; background: url(../images/icons_sprite.png) -91px 0; z-index: 999; position: absolute; left: 0px; } #peopleslider_butRight { width: 19px; height: 47px; background: url(../images/icons_sprite.png) -61px 0; z-index: 999; position: absolute; right: 0px; } /* @end */ /* @end */ /* @group welcome */ #welcome { margin-top: 8px; } #welcome_left { width: 467px; } #welcome_right { width: 458px; margin-left: 11px; _margin-left: 9px; } .box h2 { font: bold 11px Verdana, "Lucida Grande", Lucida, sans-serif; color: #138ca8; margin-bottom: 4px; } .box h2 a { font: bold 11px Verdana, "Lucida Grande", Lucida, sans-serif; color: #138ca8; } .box p { color: #3e3f3f; font-family: Verdana, "Lucida Grande", Lucida, sans-serif; } #box_Aktualne { width: 336px; height: 135px; background-image: url(../images/box_sprite.jpg); margin-bottom: 10px; padding-left: 110px; padding-top: 14px; padding-right: 20px; } body.i18n_en #box_Aktualne { background-image: url(../images/i18n_en/box_sprite.jpg); } #box_Aktualne.wide { width: 557px; } #box_News { background: #eaeaea url(../images/box_News_background.png) no-repeat; padding-top: 10px; padding-bottom: 10px; } /* @group item News */ .item_News { width: 451px; border-bottom: 1px solid #dadada; padding-left: 8px; margin-bottom: 10px; padding-bottom: 5px; } .item_News.wide { width: 667px; } .item_News .head { border-bottom: 1px solid #868686; margin-bottom: 10px; padding-top: 10px; } .item_News .head span { color: #868686; font: bold 9px Verdana, "Lucida Grande", Lucida, sans-serif; float: left; width: 100px; position: relative; top: 2px; } .item_News .head h2 { font: bold 11px Verdana, "Lucida Grande", Lucida, sans-serif; color: #138ca8; float: left; margin-bottom: 4px; width: 350px; } .item_News .head h2 a { font: bold 11px Verdana, "Lucida Grande", Lucida, sans-serif; color: #138ca8; } .item_News.wide .head h2 { width: 560px; } .item_News .picture { float: left; width: 100px; } .item_News .picture img { border: 1px solid #bfbfbf; padding: 1px; } .item_News div.body { float: left; color: #3e3f3f; font-family: Verdana, "Lucida Grande", Lucida, sans-serif; width: 350px; line-height: 15px; } .item_News div.body p { margin-bottom: 15px; } .item_News.wide div.body { width: 550px; text-align: justify; } .item_News div.link { text-align: right; } .item_News div.link a { color: #363636; font: 10px Verdana, "Lucida Grande", Lucida, sans-serif; text-align: left; } /* @end */ /* @group box Calendar */ /* @group en */ body.i18n_en #box_Calendar { } a.partner-city { display: block; position: relative; top: 40px; width: 110px; height: 95px; float: left; } a.partner-city.c1 { width: 100px; } a.partner-city.c2 { width: 110px; } a.partner-city.c3 { width: 115px; } a.partner-city.c4 { width: 105px; } a.partner-city:hover { text-decoration: none; } /* This is not exactly calendar, but it is in calendar div, so it's good idea to define it here. */ body.i18n_en #box_Calendar { background-image: url(../images/i18n_en/box_sprite.jpg); } /* @end */ #box_Calendar ul { list-style-type: none; font: 10px Verdana, "Lucida Grande", Lucida, sans-serif; color: #676566; padding-top: 40px; width: 180px; float: left; } #box_Calendar ul li { text-transform: uppercase; padding-bottom: 12px; } #box_Calendar ul li span { display: block; float: left; } #box_Calendar ul li img { display: block; float: right; } #box_Calendar ul li span strong { font-weight: normal; font-style: normal; } #calendar { float: right; font: 10px Verdana, "Lucida Grande", Lucida, sans-serif; padding-right: 10px; color: #5b5a5a; width: 203px; padding-top: 3px; } #calendar h3 { color: #80161b; text-align: center; font: bold 10px Verdana, "Lucida Grande", Lucida, sans-serif; _margin-bottom: 0px; margin-bottom: 0; margin-top: 0; } #calendar div.row { border-bottom: 1px solid #c4c4c4; } #calendar div.row.head { color: #7c171b; border: none; } #calendar div.row span { display: block; float: left; width: 24px; text-align: center; padding-top: 3px; padding-bottom: 3px; margin-right: 2px; margin-left: 2px; } #calendar div.row span.inactive { color: #bababa; } #calendar div.row span.today { background-color: #797879; color: #e8e8e8; } #calendar div.row span.event { border-bottom: 4px solid #d54c1f; } #box_Calendar { width: 446px; height: 146px; background: url(../images/box_sprite.jpg) 0 -153px; padding-left: 10px; } /* @end */ /* @group box Video */ #box_Video { width: 450px; margin-top: 12px; background: url(../images/box_sprite.jpg) 0 -325px; padding-left: 5px; margin-right: 5px; height: 106px; padding-top: 43px; _padding-top: 15px; position: relative; overflow: hidden; } #box_Video .holder { position: absolute; width: 10000px; } body.i18n_en #box_Video { background-image: url(../images/i18n_en/box_sprite.jpg); } #box_Video p { font: 9px Verdana, "Lucida Grande", Lucida, sans-serif; color: #fff; float: left; padding-right: 10px; padding-left: 12px; border-right: 1px solid #7eb7c5; _margin-top: 25px; } #box_Video p a { font: 9px Verdana, "Lucida Grande", Lucida, sans-serif; color: #fff; } #box_Video p span { width: 90px; display: block; } #box_Video p.last { border: none; } #box_Video p img { border: 2px solid white; display: block; } /* @end */ /* @group box Actions */ #box_Actions_title { width: 456px; height: 28px; background: url(../images/box_sprite.jpg) 0 -491px; margin-top: 12px; } body.i18n_en #box_Actions_title { background-image: url(../images/i18n_en/box_sprite.jpg); } #box_Actions { margin-top: 5px; padding-left: 0; margin-left: -3px; } #box_Actions img { margin-left: 7px; } /* @end */ /* @group box Newsletter */ #box_Newsletter { width: 456px; height: 93px; background: url(../images/box_sprite.jpg) 0 -527px; margin-top: 12px; } body.i18n_en #box_Newsletter { background-image: url(../images/i18n_en/box_sprite.jpg); } #box_Newsletter span.confirmation { color: #fff; } #box_Newsletter form { margin-left: 256px; padding-top: 50px; } #box_Newsletter form input.text { background: url(../images/icons_sprite.gif) 0 -169px; border-top: 1px solid #a4a4a4; border-left: 1px solid #a4a4a4; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #c8c8c8; width: 119px; } #box_Newsletter form input.submit { background: url(../images/icons_sprite.png) -57px -50px; border: none; width: 59px; } /* @end */ /* @group box Odkazovka */ #box_Odkazovka { width: 456px; height: 127px; background: url(../images/box_sprite.jpg) 0 -629px; margin-top: 12px; } body.i18n_en #box_Odkazovka { background-image: url(../images/i18n_en/box_sprite.jpg); } /* @end */ /* @end */ /* @end */ /* @group footer */ #footer { width: 934px; height: 75px; background-image: url(../images/footer_background.jpg); margin-top: 10px; } /* @end */ /* @group sidebar v main */ #sidebar { float: left; width: 235px; margin-top: 10px; } #main { float: left; width: 688px; margin-left: 10px; margin-top: 10px; } #main.full { width: 100%; margin: 0px; padding: 0px; float: none; } #sidebar ul { list-style-type: none; } #sidebar ul li { background-color: #999999; display: block; margin-bottom: 5px; } #sidebar ul li.level_1 { display: none; } #sidebar ul li a { color: #fff; text-transform: uppercase; font: 12px Verdana, "Lucida Grande", Lucida, sans-serif; padding: 15px; _padding: 15px 15px 5px 15px; display: block; } body.color_1 #sidebar ul li.active { background-color: #f15b28; } body.color_2 #sidebar ul li.active { background-color: #C60070; } body.color_3 #sidebar ul li.active { background-color: #c9d418; color: #000; } body.color_3 #sidebar ul li.active a { color: #000; } body.color_4 #sidebar ul li.active { background-color: #01b5c3; } /* @end */ /* @group I18N */ /* i18n fixes */ body.i18n_en #wrapper-1 { background: url(../images/i18n_en/wrapper-1_background.png) no-repeat center top; } /* @end */ /* @end */ /* @group Modules */ /* @group Spolupraca */ /* @group Podporujem */ /* @attila Podporujem kosice */ #podpora { float:left; width:680px; font-family:"Verdana", Arial; font-size:12px; color:#4a5b6c; line-height:18px; text-align: left; padding: 0px 0px 40px 00px; border-bottom:1px solid #cbd3dd;} #foto{ float:left; padding: 15px 40px 0px 40px;} podpora-text { display:block; width:500px; padding-left:170px; margin-left:20px; text-decoration:none; color: #4a5b6c;} *html .podpora-text{width:500px;margin-left:-40px; float:left;} #podpora-meno { font-size:11px; display:block; padding-left:00px; text-decoration:none; border-bottom:0px solid #cbd3dd; color: #4a5b6c;} #podpora span { font-size:10px; font-weight:normal; display:block; padding:5px 0px 5px 00px; margin:0 0 0px 0; text-decoration:none; border-bottom:0px solid #cbd3dd; color: #8f969a;} #podpora h2 {font-size:12px; font-weight:bold; color:#405977; background: #e2eb4d;letter-spacing:0px; padding:5px 0px 5px 10px; border-bottom:1px solid #b3b8bf;} #podpora p{ padding: 10px 10px 10px 10px;} /* @end */ /* @group Partneri */ .partneri img { margin-bottom: 10px; margin-right: 7px; } .partneri img.small { margin-right: 12px; } /* @end */ /* @group Mesta */ .mesta { padding-right: 15px; } .mesta img { margin-right: 7px; margin-bottom: 7px; } /* @end */ /* @end */ /* @group Download */ /* @group Downloads */ .downloads .table { margin-bottom: 50px; } .downloads .row { color: #474747; padding: 6px 13px; line-height: normal; } .downloads .row.odd { background-color: #cdcdcd; } .downloads .row.even { background-color: #ededed; } .downloads .header { font-weight: bold; background: #8d2d8f; color: #fff; margin-bottom: 3px; _position: relative; } .downloads .header span { color: #fff; _position: relative; } .downloads span { display: block; float: left; line-height: normal; } .downloads span.col1 { width: 350px; } .downloads span.col2 { width: 60px; } .downloads span.col3 { width: 100px; } .downloads span.col4 { float: right; } /* @end */ /* @group Logo */ .logo { } .logo .box { background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding-top: 15px; height: 1%; margin-bottom: 15px; } .logo .left { width: 50%; } .logo .left img { display: block; } .logo .right { width: 50%; } .logo h4 { color: #787878; border-bottom: 1px solid #8e2c91; font-weight: normal; font-style: normal; font-size: 15px; padding-bottom: 12px; } .logo .actions { margin-top: 20px; } .logo span.formats { font-size: 10px; color: #868686; float: left; display: block; padding-top: 8px; } .logo span.formats a { color: #222222; } .logo .actions img { display: block; float: right; } /* @end */ /* @group Propagacia */ .propagacia { background: #eaeaea ! important; margin-top: 10px; } .propagacia .box { width: 250px; float: left; background-color: #fff; padding: 15px 25px; margin-right: 10px; margin-bottom: 10px; } .propagacia img { display: block; float: left; margin-right: 30px; } .propagacia h4 { color: #853481; font-weight: bold; font-size: 11px; margin-bottom: 10px; } .propagacia span { color: #5a5a5a; font-size: 10px; } /* @end */ /* @end */ /* @group Media */ div.review { margin-left: 11px; margin-right: 11px; display: block; padding-left: 60px; background: url(../images/icons_sprite.png) no-repeat -200px 5px; _background: url(../images/icons_sprite.gif) no-repeat -200px 5px; padding-bottom: 15px; } div.review:hover { background-position: -200px -82px; } div.review h4 a { color: #2f7b9b; font-weight: normal; font-style: normal; font-size: 13px; } div.review h4 a:visited { color: #2f7b9b; font-weight: normal; font-style: normal; font-size: 13px; } div.review h4 a:hover { color: #197DA8; } div.review span { font-size: 11px; color: #979797; } /* @end */ /* @group Aktuality */ /* @group Related */ .related_articles { margin-bottom: 25px; } .related_articles h2 { color: #72595d; border-bottom: 1px solid #16bbce; } .related_articles a { color: #202020; } .item_News .related_articles { padding-left: 100px; } /* @end */ /* @group Fotogaleria pri clanku */ .item_News .album { padding-left: 100px; } /* @end */ /* @group pagination */ .pagination-holder { text-align: center; } .pagination { list-style-type: none; background-color: #97a8b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 4px 3px 4px 5px; display: inline; } .pagination li { display: inline; margin-right: 8px; } .pagination a { color: #e4edf4; padding-right: 4px; padding-left: 4px; } .pagination strong a { background-color: #e6e7e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #94a4b1; } /* @end */ /* @end */ /* @group Kontakt */ /* @group Mapa */ .mapa #map { width: 620px; height: 307px; margin: auto; } /* @end */ /* @group Kontakty */ .kontakty { margin-left: 10px; } .kontakty .address { width: 390px; float: left; } .kontakty .post_address { width: 180px; float: left; margin-left: 30px; } .kontakty h4 { background-color: #f2ed18; color: #565962; font-size: 14px; padding: 5px; font-weight: bold; margin-bottom: 15px; } .kontakty h5 { background-color: #f2ed18; color: #565962; font-size: 12px; padding: 5px; font-weight: bold; margin-bottom: 15px; } .kontakty .group { margin-top: 20px; } .kontakty .person { float: left; width: 192px; font-size: 11px; margin-right: 2px; margin-left: 2px; border-bottom: 1px solid #cacaca; padding: 25px 5px 25px 10px; } .kontakty .person:hover { background-color: #f3ec18; } .kontakty .person.hover { background-color: #f3ec18; } .kontakty .person strong { display: block; } /* @end */ /* @group ContactForm */ .contactForm { } span.about { color: #606060; font: bold 13px Verdana, "Lucida Grande", Lucida, sans-serif; display: block; margin-bottom: 35px; } .contactForm .leftColumn { width: 315px; float: left; } .contactForm .rightColumn { width: 300px; float: left; margin-left: 25px; } .contactForm div.form-row { margin-bottom: 20px; } .contactForm label { display: block; float: left; width: 84px; color: #545253; font: 12px Verdana, "Lucida Grande", Lucida, sans-serif; margin-top: 3px; } .contactForm input { width: 220px; border: 1px solid #c1c1c1; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 19px; padding-left: 6px; padding-top: 4px; } .contactForm input:focus { border-color: #d3ef0e; } .contactForm textarea { width: 280px; height: 190px; border: 1px solid #c1c1c1; -webkit-border-radius: 3px; -moz-border-radius: 3px; font: 11px Verdana, "Lucida Grande", Lucida, sans-serif; padding: 10px; } .contactForm textarea:focus { border-color: #d3ef0e; } .contactForm .spam { width: 170px; float: left; } .contactForm .spam label { width: 150px; float: none; } .contactForm .spam input { width: 150px; float: none; } .contactForm .spamImage { width: 130px; float: left; } .contactForm .input_holder { position: relative; float: left; } .contactForm .form_error { color: #fff; background: red; opacity: 0.6; filter: alpha(opacity = 60); position: absolute; top: -6px; left: -10px; text-align: center; width: 100%; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 10px; } .contactForm input.submit { background: #f3ec18; padding: 0px; height: 27px; color: #000; border: 1px solid #f7edeb; } /* @end */ /* @end */ /* @group Gallery */ .album { margin-bottom: 25px; } .album img { border: 2px solid #ccd4d6; padding: 1px; background: #fff; width: 93px; height: 65px; margin-right: 5px; margin-bottom: 5px; } .album img:hover { border-color: #f15d21; } .album img.hover { border-color: #f15d21; } .album h2 { float: left; } .album span.date { display: block; float: right; color: #676767; font-weight: bold; } /* @end */ /* @group Search */ ul.search_results { list-style: none; } ul.search_results h3 { border: none; } ul.search_results h3 a { color: #fa4f1a; } ul.search_results li { padding: 10px; background-color: #f1f1f1; } /* @end */ .floatleft { float: left; margin: 5px 30px 20px 0; } /* @end */