/* *********************************************************** * * Title: main.css * Website: www.sputnik.hr * Browser(s): All (except IE) * * Author: Davor Tomic for Designeus (www.designeus.hr) * Copyright: Designeus, 2009. * Created: 14.7.2009. * * This code is not in the public domain and must not be * copied or modified without authorisation by the author * and copyright holders. * *********************************************************** */ /* ----------- CSS RESET ----------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul, li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} * {outline:none;} /* -------------------------- */ form { display: inline; } strong { font-weight: bold } em { font-style: italic } * a { position:relative } /* Gets links displaying over a PNG background */ a { outline:none } /* Gets rid of Firefox's dotted borders */ a img { border:none } /* Gets rid of IE's blue borders */ /* ----- FLOATS & CLEARS ----- */ .left { float:left; } .right { float:right; } .clear { clear:both; } .centered { text-align:center } .alignleft { text-align:left } .alignright { text-align:right } /* ------------------ BASIC TYPOGRAPHY ------------------ */ body { color:#333; font-family:Arial, Helvetica, sans-serif; } a { text-decoration:none; } a:hover { text-decoration:underline; } /* -------------- BASIC LAYOUT -------------- */ body { background-repeat:repeat-x; background-position:center top; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #wrapper { margin:0 auto; padding:0 10px; width:940px; } #header { background:url(/img/header-bg.jpg) no-repeat right top; height:103px; position:relative; width:940px; } /* ----------------- ADVANCED LAYOUT ----------------- */ /* ----- HEADER ----- */ #header .logo { display:block; height:55px; position:relative; top:27px; width:255px; } #header h1 { color:#999; display:inline; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Tahoma, sans-serif; font-size:42px; position:absolute; right:180px; top:27px; width:auto; } /* ----- NAVIGATION ----- */ ul.nav { background-repeat:no-repeat; background-position:right top; height:30px; position:relative; width:100%; z-index: 1; } ul.nav li { background-repeat:no-repeat; background-position:left top; float:left; padding-left:2px; /*zoom:1;*/ } ul.nav li a { display:block; font-family:"Lucida Sans Unicode", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif; font-size:14px; height:17px; padding:5px 33px 9px } ul.nav a:hover { color:#fff !important; text-decoration:none } ul.nav li .active, #nav li .active:hover { background-position:center 22px; background-repeat:no-repeat; color:#fff !important; } ul.nav a.dropdown:hover { background-repeat:no-repeat; background-position:left -9px; } ul.nav li.hover, ul.nav li:hover { color:#fff !important; position:relative } ul.nav li.hover a, ul.nav li:hover a { color:#fff !important; } ul.nav li.hover a.dropdown, ul.nav li:hover a.dropdown { background-repeat:no-repeat; background-position:left -9px; } ul.nav ul { border-left:1px dotted; border-right:1px dotted; left:2px; position:absolute; top:100%; visibility:hidden; width:180px; z-index:1 } ul.nav ul li { background-image:none; border-bottom:1px dotted; float:none; padding:0; } ul.nav ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; display: inline-block; padding:8px 12px !important; width:156px } ul.nav li.hover ul li a, ul.nav li:hover ul li a { color:#fff; } ul.nav li.hover ul li a:hover, ul.nav li:hover ul li a:hover { background-position:center -31px; background-repeat:repeat-x; color:#fff !important; } ul.nav li.hover ul, ul.nav li:hover ul { visibility: visible; } /* ----- NEWS ROTATOR ----- */ #rotator { float:left; height:300px; margin:15px 0; position:relative; width:640px; } #rotator a:hover { text-decoration:none; } #rotator a.lead { background:url(/img/rotator-lead-bg.png) repeat-x center top; bottom:0; color:#fff !important; display:block; font-size:13px; left:0; padding:12px; position:absolute; width:436px; } #rotator a.lead .title { color:#fff; display:block; font-size:24px; line-height:28px; margin-bottom:5px; } #rotator a.lead:hover { background:url(/img/rotator-lead-bg.png) repeat-x center -200px; } #article-list { position:absolute; right:0; top:0; width:200px; } #article-list li { padding-left:20px; width:180px; } #article-list li a { background:url(/img/rotator-sprite.png) center bottom repeat-x; color:#333; display:block; font-size:12px; height:55px; line-height:16px; padding:10px; } #article-list li a .title { display:block; font-weight:bold; margin-bottom:2px; } #article-list li a:hover { background:url(/img/rotator-sprite.png) center -153px repeat-x; } /*#article-list li a:hover .title { color:#ba5505 }*/ #article-list li.active { background:url(/img/rotator-sprite.png) left top no-repeat; } #article-list li.active a, #article-list li.active a:hover { background:url(/img/rotator-sprite.png) left -76px repeat-x; color:#fff; } #article-list li.active a:hover .title { color:#fff; } /* ----- HOMEPAGE PANELS ----- */ h2 { display:block; font-family:"Lucida Sans Unicode", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px; padding:4px 8px; position:relative; text-transform:uppercase; } h2 span { font-family:Arial, Helvetica, sans-serif; font-size:12px; position:absolute; right:16px; text-transform:none; } #content h2 { text-transform:none } /* OTHER NEWS */ #sidebar { border-left:none; float:right; margin-top:0; padding-left:10px; width:140px; } #sidebar ul li { border-bottom:1px dashed #958c75; line-height:16px; margin-bottom:10px; overflow:hidden; padding:0 5px 10px; } #sidebar ul li a { display:block; font-weight:bold; } #sidebar ul li a img { background-color:#fff; border:1px solid #ccc; float:left; margin-right:10px; padding:3px; } #sidebar ul li.last { border:none } #sidebar.homepage { margin-top:15px; width:280px; } .fanbox { margin:10px 0 } /* CONTACT */ #contact { float:left; height:230px; width:460px } #contact ul { float:left; margin:15px 0 0 35px; width:197px; } #contact ul li { background:no-repeat; color:#555; font-size:13px; line-height:18px; margin-bottom:7px; padding-left:30px; } #contact ul li.title { background-image:none; color:#222; font-size:16px; margin-bottom:10px; padding:0; } #contact ul li.tel { background-position:left 3px; } #contact ul li.mob { background-position:left -33px; } #contact ul li.address { background-position:left -65px; } #contact ul li.contact-link { background-position:left -99px; } #kontakt { width:360px; } #kontakt form { color:#444 } #kontakt form fieldset { border:none } #kontakt form p { margin:10px 20px } #kontakt form label { display:block; margin-bottom:3px; position:relative; } #kontakt form input, #kontakt form textarea { border:2px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; padding:5px 3px; width:340px; } #kontakt form label strong { display: none; } #kontakt form .b_error label strong { display:inline; color:#c00; font-style:italic; font-weight:normal; position:absolute; right:0; } #kontakt form .b_error input { background-color:#fef3f3; border-color:#e00; color:#c00; } #kontakt form p.submit { text-align:right } #kontakt form button { background-color:#979797; border:none; color:#fff; cursor:pointer; font-size:13px; height:30px; margin-top:10px; padding:4px 10px 6px; } #kontakt form button:hover { background-color:#676767; } a.map { background:no-repeat left top; display:block; float:right; font-size:9px; font-weight:bold; margin-right:20px; padding:160px 0 0 1px; text-transform:uppercase; width:167px; } /* LANGUAGES */ #languages { border-left:1px solid; float:left; margin-left:10px; padding-left:10px; width:160px; } #languages ul { margin-left:20px; } #languages li { margin-bottom:5px; } #languages a { background-repeat:no-repeat; display:block; font-size:13px; padding-left:26px; } #languages a.eng { background-position:left 3px } #languages a.fra { background-position:left -28px } #languages a.chn { background-position:left -59px } #languages a.ger { background-position:left -90px } #languages a.por { background-position:left -121px } #languages a.rus { background-position:left -152px } #languages a.spa { background-position:left -183px } #languages a.ita { background-position:left -214px } #languages a.hr { background-position:left -245px } /* GALLERIES */ #galleries { clear:left; float:left; margin-top:10px; width:640px; } /* infinite carousel */ .infiniteCarousel { background-color:transparent; height:140px; margin-bottom:10px; position:relative; width: 640px; } .infiniteCarousel .wrapper { margin: 0 60px; min-height: 155px; overflow: hidden; position: absolute; top:0; width: 503px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ } .infiniteCarousel .wrapper ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; top:0; width:9999px; } .infiniteCarousel ul li { display:block; float:left; height:75px; padding:0 13px; width:100px; } .infiniteCarousel ul li a img { background-color:#fff; border:1px solid #ccc; display:block; padding:3px; } .infiniteCarousel ul li a:hover img { border:1px solid #E7E3D8 } .infiniteCarousel .arrow { background:no-repeat; cursor: pointer; display: block; height: 46px; position: absolute; top:20px; width:26px; } .infiniteCarousel .thumb { height:75px; width:100px; } .infiniteCarousel .title { display:block; margin-top:8px; text-align:center; } .infiniteCarousel ul li a:hover .title { text-decoration:underline; } .infiniteCarousel .forward { background-position:center -57px; right: 15px; } .infiniteCarousel .back { background-position:center top; left: 15px; } .infiniteCarousel .forward:hover { background-position:center -168px; } .infiniteCarousel .back:hover { background-position:center -113px; } /* GALLERIES IN PAGES/NEWS */ #content #galleries { margin-top:10px; width:540px; } #content .infiniteCarousel { height:90px; width:540px; } #content .infiniteCarousel .wrapper { margin:0 32px; width:471px; } /*#content .infiniteCarousel .wrapper ul { margin-left:65px; }*/ #content .infiniteCarousel ul li { padding:0 9px } #content .infiniteCarousel .back { left:0; } #content .infiniteCarousel .forward { right:0; } /* ----- CONTENT ----- */ /* BREADCRUMBS */ #breadcrumbs { border-bottom:1px solid; font-size:12px; height:12px; margin-bottom:20px; padding:12px 0 12px 10px; } #breadcrumbs ul li { float:left; margin-left:5px; } #breadcrumbs ul li.legend { margin-right:5px; } #breadcrumbs ul li a { background-repeat:no-repeat; background-position:right 1px; padding-right:21px; } /* CATEGORY NAVIGATION */ #catnav { clear:left; float:left; width:200px; } #catnav h3 { color:#c5bea9; font-family:"Lucida Sans Unicode", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif; font-size:44px; line-height:46px; padding-bottom:10px; text-transform:uppercase; width: 198px; } #catnav .h3border { border-bottom:1px solid #d7d0be; } #catnav ul li { border-bottom:1px solid #d7d0be; border-right:1px solid #d7d0be; } #catnav ul li a { color:#958c75; display:block; font-size:12px; padding:7px 0 7px 30px; width:170px; } #catnav ul li.active { border-left:1px solid #d7d0be; border-right:1px solid #E7E3D8; } #catnav ul li.active a { color:#333 !important; width:170px; } #catnav ul li a:hover { background-color:#e2ddcf; text-decoration:none; } #catnav ul li ul.catsubnav { margin-left:40px; padding-bottom:10px; position:relative; width:160px; } #catnav ul li ul.catsubnav li { border:none; } #catnav ul li.active ul.catsubnav li a { cursor:pointer; padding:3px 0; } #catnav ul li.active ul.catsubnav li a:hover { text-decoration:underline } #catnav ul li.active ul.catsubnav li a.active { font-weight:bold; padding-left:10px; text-decoration:none; } /* CONTENT */ #content { border-left:1px solid #d7d0be; border-right:1px solid #d7d0be; float:left; margin-bottom:30px; min-height:600px; padding:0 20px; width:540px; } h1 { color:#666; font-family:"Lucida Sans Unicode","Lucida Sans",Tahoma,Arial,Helvetica,sans-serif; font-size:31px; margin-bottom:5px; } #content .date { color:#444; display:block; font-size:11px; font-weight:bold; padding-left:1px; } #content p { line-height:18px; margin-top:15px; } #content img { /*float:left; - OVERRIDES ALIGN BY FCK EDITOR*/ margin:5px 15px 10px 0; vertical-align:text-top; } #content.archive { border-right:none; width:697px } #content.archive .archive_item { clear:left; overflow:hidden; padding-bottom:10px; } #content.archive h2 { background-color:transparent; border:none; color:#666; font-size:26px; margin:0 0 0 172px; padding-top:5px; text-transform:none; } #content.archive img.news_thumb { border-width:1px; border-style:solid; float:left; margin:5px 10px 10px 0; padding:5px; width:160px; } #content.archive p { margin:5px 0 0 182px; } #pagination { color:#333; font:13px/13px Arial,Tahoma,Helvetica,Sans-serif; margin:10px 0 0 177px; padding:6px 7px; text-align:center; } #pagination a { border-width:1px; border-style:solid; margin-right:1px; padding:4px 8px; text-decoration:none; } #pagination a:hover, #pagination a:active { border-width:1px; border-style:solid } #pagination span { border-width:1px; border-style:solid; margin-right:1px; padding:4px 8px; } #pagination span.current { font-weight:bold; } /* GALLERY */ #content.gallery { border-right:none; width:697px; } #content.gallery p { margin:10px 0 0; } #content.gallery .thumbs { margin:10px 0; } #content.gallery .thumbs img { background-color:#fff; border:1px solid #ccc; margin:5px 8px 5px 0; padding:3px; } /* ----- FOOTER ----- */ #footer { background: #111 url(/img/footer-bg.png) repeat-x center top; height:386px; } .footnav, .footlinks { margin:0 auto; width:960px; } .footnav { background:url(/img/footnav-bgt.png) center bottom no-repeat; height:324px; } .designeus { position:absolute; right:0; top:17px; } .designeus a { background:url(/img/designeus.png) no-repeat 0 0; display:block; height:29px; width:100px; } .designeus a:hover { background-position:0 -29px; } /* FOOTER NAVIGATION */ .footnav ul { float:left; margin:30px 0 0 60px; } .footnav a { color:#fff !important; display:block; font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; } .footnav ul li { font-size:14px; margin-bottom:4px; } .footnav ul li.cat { font-size:18px; margin-bottom:12px; text-transform:uppercase; } /* FOOTER LINKS */ .footlinks { color:#fff; font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:11px; padding-top:25px; position:relative; } .footlinks .network { position:absolute; right:150px; top:25px; } .footlinks a { margin:0 5px; } .footlinks .cla { color:#a541ca !important } .footlinks .school { color:#fe922c !important } .footlinks .ruski { color:#3999FF !important } .footlinks .pro { color:#4bac31 !important } .footlinks .tao { color:#B71234 !important } /* TOP SLIDE PANEL */ #panel-wrap { background:url(/img/toppanel-bg.png) repeat-x center bottom; left:0; position:absolute; top:0; width:100%; z-index:999; } #panel { margin:0 auto; padding:4px 0; position:relative; width:940px; } #paneltab { bottom:-29px; position:absolute; right:0; } #paneltab a { background:url(/img/paneltab-bg.png) no-repeat 0 0; color:#555 !important; font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; display:block; height:23px; padding:13px 12px 0; text-transform:uppercase; width:109px ;} #paneltab a:hover { text-decoration:none; } #paneltab a span { font-size:14px; line-height:14px; } #paneltab a .close, #paneltab a.open .open { display:none; } #paneltab a .open, #paneltab a.open .close { display:inline; } #panel .content { height:228px; } #panel .brand { background:url(/img/toppanel-logos.png) no-repeat; float:left; margin:20px 0; padding-top:50px; width:170px; } #panel .school { background-position:left top; margin-right:20px; } #panel .ruski { background-position:-250px top; margin-right:20px; } #panel .pro { background-position:-500px top; margin-right:20px; } #panel .cla { background-position:-750px top; margin-right:20px; } #panel .tao { background-position:-996px top; margin-right:0; } #panel a.school:hover span.about { color:#ce5c02 } #panel a.pro:hover span.about { color:#2e9a37 } #panel a.ruski:hover span.about { color:#0033A0 } #panel a.cla:hover span.about { color:#633475 } #panel a.tao:hover span.about { color:#D31145 } #panel a:hover { text-decoration:none; } #panel .content span.about { color:#555; display:inline-block; font-size:11px; line-height:17px; height:90px; } #panel .content span.visit { background:url(/img/toppanel-button.png) 0 0 no-repeat; color:#555 !important; display:block;font-size:12px; height:20px; line-height:14px; margin-top:20px; padding:4px 10px 0; width:88px; } #panel .content span:hover { color:#f00; background-position:left bottom; text-decoration:none; } #panel .content span b { font-size:14px; font-weight:bold; margin-left:14px; } /* 404 */ .pagenotfound { background:no-repeat 0 0; height:486px; padding-left:170px; width:330px } /****** SITE SPECIFICS ******/ /* ----- SCHOOL ----- */ /* BASIC TYPOGRAPHY */ #school a { color:#ba5505; } /* HEADER */ body#school { background-color:#e7e3d8; background-image:url(/img/school/body-bg.png) } /* NAVIGATION */ #school ul.nav li a { color:#5e2b02; padding-left:42px; padding-right:42px } #school ul.nav, #school ul.nav li, #school ul.nav li:hover ul li a:hover { background-image:url(/img/school/nav-sprite.png) } #school ul.nav li .active, #nav li .active:hover, #school ul.nav a.dropdown:hover, #school ul.nav li:hover a.dropdown { background-image:url(/img/school/nav-active.png) } #school ul.nav ul { background-color:#ba5b0a; border-color:#fea648; } #school ul.nav ul li { background-image:none; border-color:#fea648; } /* CONTACT */ #school #contact ul li { background-image:url(/img/school/contact-sprite.png) } #school #contact ul li.title { background-image:none; } #school a.map { background-image:url(/img/school/map-link.jpg) } /* LANGUAGES */ #school #languages { border-color: #d7d0be } #school #languages a { background-image:url(/img/school/languages-sprite.png) } /* PANELS */ #school #sidebar.homepage { border-left:1px solid #d7d0be; } #school h2 { background-color:#dfd8c7; color:#958c75; } #school .infiniteCarousel .arrow { background-image: url(/img/school/gal-arrows-sprite.png) } #school .infiniteCarousel ul li a:hover img, #school #sidebar ul li a:hover img, #school .thumbs img:hover { border-color:#ba5505; } #school #sidebar ul li { border-color: #958c75 } #school .thumbs img:hover { background-color:#ba5505 } /*#pro #sidebar.news ul li { border-bottom:1px dashed #bee1c1; margin-bottom:10px; padding:0 5px 10px } - zasad nepotrebno */ /* CONTENT UI */ #school #content, #school #content.archive img.news_thumb { border-color:#d7d0be } #school #breadcrumbs ul li a { background-image:url(/img/school/breadcrumb-arrow.png) } #school #breadcrumbs { border-color: #d7d0be } #school #catnav h3 { color:#c5bea9; } #school #catnav .h3border { border-color:#d7d0be; } #school #catnav ul li { border-color:#d7d0be; } #school #catnav ul li a { background-color:#e7e3d8; color:#958c75; } #school #catnav ul li a:hover { background-color:#e2ddcf; } #school #catnav ul li.active { border-left-color:#d7d0be; border-right-color:#E7E3D8; } #school #catnav ul li.active:hover a { background-color:#e7e3d8 } #school #catnav ul li.active ul.catsubnav li a { color:#ba5505 !important } #school #catnav ul li ul.catsubnav { background-color:#e7e3d8 } #school #pagination a { border-color:#c4bba2 } #school #pagination a:hover, #school #pagination a:active { background-color:#ba5505; border-color:#ba5505; color: #fff; } #school #pagination span.current { background-color:#d4cdb9; border-color:#c4bba2; color:#000; } #school #pagination span.disabled { border-color:#d4cdb9; color:#777; cursor:default; } /* OFFER PANEL */ #school #paneltab a:hover span, #school #panel .content a:hover { color:#ba5505 !important } /* 404 */ #school .pagenotfound { background-image:url(/img/school/404.png) } /* ----- PRO ----- */ /* BASIC TYPOGRAPHY */ #pro a { color:#2e9a37; } /* HEADER */ body#pro { background-color:#e9f5ea; background-image:url(/img/pro/body-bg.png) } /* NAVIGATION */ #pro ul.nav li a { color:#d2ebd4; padding-left:75px; padding-right:75px } #pro ul.nav, #pro ul.nav li, #pro ul.nav li:hover ul li a:hover { background-image:url(/img/pro/nav-sprite.png) } #pro ul.nav li .active, #nav li .active:hover, #pro ul.nav a.dropdown:hover, #pro ul.nav li:hover a.dropdown { background-image:url(/img/pro/nav-active.png) } #pro ul.nav ul { background-color:#1d7f25; border-color:#71d078; } #pro ul.nav ul li { background-image:none; border-color:#71d078; } /* CONTACT */ #pro #contact ul li { background-image:url(/img/pro/contact-sprite.png) } #pro #contact ul li.title { background-image:none; } #pro a.map { background-image:url(/img/pro/map-link.jpg) } /* LANGUAGES */ #pro #languages { border-color: #bee1c1 } #pro #languages a { background-image:url(/img/pro/languages-sprite.png) } /* PANELS */ #pro #sidebar.homepage { border-left:1px solid #bee1c1; } #pro #sidebar.references ul li { border-bottom:none; margin-bottom:3px; padding: 0 5px 3px } #pro #sidebar.news ul li { border-bottom:1px dashed #9cc9a0; margin-bottom:10px; padding:0 5px 10px } #pro h2 { background-color:#c1efc4; color:#21942a; } #pro .infiniteCarousel { background-color:transparent } #pro .infiniteCarousel .arrow { background-image: url(/img/pro/gal-arrows-sprite.png) } #pro .infiniteCarousel ul li a:hover img, #pro #sidebar ul li a:hover img { border-color:#21942a; } /* CONTENT UI */ #pro #content { border-color:#bee1c1 } #pro #breadcrumbs ul li a { background-image:url(/img/pro/breadcrumb-arrow.png) } #pro #breadcrumbs { border-color: #bee1c1 } #pro #catnav h3 { color:#afd5b2; } #pro #catnav .h3border { border-color:#bee1c1; } #pro #catnav ul li { border-color:#bee1c1; } #pro #catnav ul li a { background-color:#e9f5ea; color:#2e9a37; } #pro #catnav ul li a:hover { background-color:#d9eddb; } #pro #catnav ul li.active { border-left-color:#bee1c1; border-right-color:#e9f5ea } #pro #catnav ul li.active:hover a { background-color:#e9f5ea } #pro #catnav ul li ul.catsubnav { background-color:#e9f5ea } /* OFFER PANEL */ #pro #paneltab a:hover span, #pro #panel .content a:hover { color:#21942a !important } /* 404 */ #pro .pagenotfound { background-image:url(/img/pro/404.png) } /* ----- CLA ----- */ /* BASIC TYPOGRAPHY */ #cla a { color:#4f2260; } /* HEADER */ body#cla { background-color:#f5eef7; background-image:url(/img/cla/body-bg.png) } /* NAVIGATION */ #cla ul.nav li a { color:#dca8f0; padding-left:39px; padding-right:39px } #cla ul.nav, #cla ul.nav li, #cla ul.nav li:hover ul li a:hover { background-image:url(/img/cla/nav-sprite.png) } #cla ul.nav li .active, #nav li .active:hover, #cla ul.nav a.dropdown:hover, #cla ul.nav li:hover a.dropdown { background-image:url(/img/cla/nav-active.png) } #cla ul.nav ul { background-color:#31103d; border-color:#793e8e; } #cla ul.nav ul li { background-image:none; border-color:#793e8e; } /* CONTACT */ #cla #contact ul li { background-image:url(/img/cla/contact-sprite.png) } #cla #contact ul li.title { background-image:none; } #cla a.map { background-image:url(/img/cla/map-link.jpg) } /* LANGUAGES */ #cla #languages { border-color: #d3c0de } #cla #languages a { background-image:url(/img/cla/languages-sprite.png) } /* PANELS */ #cla #sidebar.homepage { border-left:1px solid #d3c0de; } #cla #sidebar.news ul li { border-bottom:1px dashed #b69abf; margin-bottom:10px; padding:0 5px 10px } #cla h2 { background-color:#d3c0de; color:#431a53; } #cla .infiniteCarousel { background-color:transparent } #cla .infiniteCarousel .arrow { background-image: url(/img/cla/gal-arrows-sprite.png) } #cla .infiniteCarousel ul li a:hover img, #cla #sidebar ul li a:hover img { border-color:#4f2260; } /* CONTENT UI */ #cla #content { border-color:#d3c0de } #cla #breadcrumbs ul li a { background-image:url(/img/cla/breadcrumb-arrow.png) } #cla #breadcrumbs { border-color: #d3c0de } #cla #catnav h3 { color:#d6c1dc; } #cla #catnav .h3border { border-color:#d3c0de; } #cla #catnav ul li a { border-color:#d3c0de; } #cla #catnav ul li a { background-color:#f5eef7; color:#896298; } #cla #catnav ul li a:hover { background-color:#ebdeef; } #cla #catnav ul li.active { border-left-color:#d3c0de; border-right-color:#f5eef7 } #cla #catnav il li.active:hover a { background-color:#f5eef7 } #cla #catnav ul li ul.catsubnav { background-color:#f5eef7 } /* OFFER PANEL */ #cla #paneltab a:hover span, #cla #panel .content a:hover { color:#4f2260 !important } /* LANGUAGE SELECT */ .langselect-wrapper { color:#5a296b; position:absolute; right:200px; top:42px; z-index:10 } .langselect { display:inline-block; margin-left:2px; } .langselect dd, .langselect dt, .langselect ul { margin:0px; padding:0px; } .langselect dd { position:relative; } /* DT styles for sliding doors */ .langselect dt a { background:#f4eef6 url(/img/cla/langselect-arrow.png) no-repeat scroll 120px center; display:block; padding-right:20px; border:1px solid #d8b8e1; width:120px; } .langselect dt a span { cursor:pointer; display:block; padding:4px 5px 4px 30px; background:url(/img/cla/languages-sprite.png) no-repeat 5px 6px; } .langselect ul li a.hr { background-position:7px -241px } .langselect ul li a.eng { background-position:7px 8px } .langselect ul li a.fra { background-position:7px -23px } .langselect ul li a.chn { background-position:7px -54px } .langselect ul li a.ger { background-position:7px -85px } .langselect ul li a.por { background-position:7px -116px } .langselect ul li a.rus { background-position:7px -147px } .langselect ul li a.spa { background-position:7px -178px } .langselect ul li a.ita { background-position:7px -209px } /* UL styles */ .langselect dd ul { background:#f4eef6 none repeat scroll 0 0; border-bottom:1px solid #d8b8e1; border-left:1px solid #d8b8e1; border-right:1px solid #d8b8e1; display:none; list-style:none; padding:5px 0px; position:absolute; left:0px; top:-1px; width:auto; min-width:140px; } .langselect ul li a { background:url(/img/cla/languages-sprite.png) no-repeat; color:#5a296b; padding:5px 5px 5px 30px; display:block; } /* 404 */ #cla .pagenotfound { background-image:url(/img/cla/404.png) } /* ----- JUNIOR ----- */ /* BASIC TYPOGRAPHY */ #junior a { color:#027ea8; } /* HEADER */ body#junior { background-color:#e2f6fd; background-image:url(/img/junior/body-bg.png) } /* NAVIGATION */ #junior ul.nav li a { color:#9ee6ff } #junior ul.nav, #junior ul.nav li, #junior ul.nav li:hover ul li a:hover { background-image:url(/img/junior/nav-sprite.png) } #junior ul.nav li .active, #nav li .active:hover, #junior ul.nav a.dropdown:hover, #junior ul.nav li:hover a.dropdown { background-image:url(/img/junior/nav-active.png) } #junior ul.nav ul { background-color:#016789; border-color:#07a5dc; } #junior ul.nav ul li { background-image:none; border-color:#07a5dc; } /* CONTACT */ #junior #contact ul li { background-image:url(/img/junior/contact-sprite.png) } #junior #contact ul li.title { background-image:none; } #junior a.map { background-image:url(/img/junior/map-link.jpg) } /* LANGUAGES */ #junior #languages { border-color: #baeafa } #junior #languages a { background-image:url(/img/junior/languages-sprite.png) } /* PANELS */ #junior #sidebar.homepage { border-left:1px solid #baeafa; } #junior #sidebar.references ul li { border-bottom:none; margin-bottom:3px; padding: 0 5px 3px } #junior #sidebar.news ul li { border-bottom:1px dashed #7eddfd; margin-bottom:10px; padding:0 5px 10px } #junior h2 { background-color:#baeafa; color:#027ea8; } #junior .infiniteCarousel { background-color:transparent } #junior .infiniteCarousel .arrow { background-image: url(/img/junior/gal-arrows-sprite.png) } #junior .infiniteCarousel ul li a:hover img, #junior #sidebar ul li a:hover img { border-color:#027ea8; } /* CONTENT UI */ #junior #content { border-color:#baeafa } #junior #breadcrumbs ul li a { background-image:url(/img/junior/breadcrumb-arrow.png) } #junior #breadcrumbs { border-color: #baeafa } #junior #catnav h3 { color:#8fe2ff; } #junior #catnav .h3border { border-color:#baeafa; } #junior #catnav ul li { border-color:#baeafa; } #junior #catnav ul li a { background-color:#e2f6fd; color:#027ea8; } #junior #catnav ul li a:hover { background-color:#cdf0fc; } #junior #catnav ul li.active { border-left-color:#bee1c1; border-right-color:#e2f6fd } #junior #catnav ul li.active:hover a { background-color:#e2f6fd } #junior #catnav ul li ul.catsubnav { background-color:#e2f6fd } /* OFFER PANEL */ #junior #paneltab a:hover span, #junior #panel .content a:hover { color:#027ea8 !important } /* 404 */ #junior .pagenotfound { background-image:url(/img/junior/404.png) } /* tooltip styling. uses a background image (a black box with an arrow) */ #junior div.tooltip { background: black; z-index:100; font-size:13px; line-height:17px; padding:10px 15px; width:310px; display:none; color:#fff; } /* ----- RUSKI ----- */ /* BASIC TYPOGRAPHY */ #ruski a { color:#2E597B; } /* HEADER */ body#ruski { background-color:#E5E7F3; background-image:url(/img/ruski/body-bg.png) } /* NAVIGATION */ #ruski ul.nav li a { color:#9FB7FF; padding-left:40px; padding-right:40px } #ruski ul.nav, #ruski ul.nav li, #ruski ul.nav li:hover ul li a:hover { background-image:url(/img/ruski/nav-sprite.png) } #ruski ul.nav li .active, #nav li .active:hover, #ruski ul.nav a.dropdown:hover, #ruski ul.nav li:hover a.dropdown { background-image:url(/img/ruski/nav-active.png) } #ruski ul.nav ul { background-color:#364c8f; border-color:#4C76F1; } #ruski ul.nav ul li { background-image:none; border-color:#4C76F1; } /* CONTACT */ #ruski #contact ul li { background-image:url(/img/ruski/contact-sprite.png) } #ruski #contact ul li.title { background-image:none; font-size:15px } #ruski a.map { background-image:url(/img/ruski/map-link.jpg) } /* LANGUAGES */ #ruski #languages { border-color: #a0afd7; min-height:230px } #ruski #languages p { line-height:1.5 } #ruski #languages a { background-image:none; margin-top:1.5em; padding-left:0 } /* PANELS */ #ruski #sidebar.homepage { border-left:1px solid #a0afd7; } #ruski #sidebar.references ul li { border-bottom:none; margin-bottom:3px; padding: 0 5px 3px } #ruski #sidebar.news ul li { border-bottom:1px dashed #7eddfd; margin-bottom:10px; padding:0 5px 10px } #ruski h2 { background-color:#C3CCE4; color:#2E597B; } #ruski .infiniteCarousel { background-color:transparent } #ruski .infiniteCarousel .arrow { background-image: url(/img/ruski/gal-arrows-sprite.png) } #ruski .infiniteCarousel ul li a:hover img, #ruski #sidebar ul li a:hover img { border-color:#2E597B; } /* CONTENT UI */ #ruski #content { border-color:#A2B3F2 } #ruski #breadcrumbs ul li a { background-image:url(/img/ruski/breadcrumb-arrow.png) } #ruski #breadcrumbs { border-color: #A2B3F2 } #ruski #catnav h3 { color:#849EF8; } #ruski #catnav .h3border { border-color:#A2B3F2; } #ruski #catnav ul li { border-color:#A2B3F2; } #ruski #catnav ul li a { background-color:#E5E7F3; color:#2E597B; } #ruski #catnav ul li a:hover { background-color:#cfdafe; } #ruski #catnav ul li.active { border-left-color:#a2b3f2; border-right-color:#E5E7F3 } #ruski #catnav ul li.active:hover a { background-color:#E5E7F3} #ruski #catnav ul li ul.catsubnav { background-color:#E5E7F3 } /* OFFER PANEL */ #ruski #paneltab a:hover span, #ruski #panel .content a:hover { color:#027ea8 !important } /* FOOTER */ #ruski .footnav ul { max-width:220px } /* 404 */ #ruski .pagenotfound { background-image:url(/img/ruski/404.png) } /* tooltip styling. uses a background image (a black box with an arrow) */ #ruski div.tooltip { background: black; z-index:100; font-size:13px; line-height:17px; padding:10px 15px; width:310px; display:none; color:#fff; } /* ----- TAO ----- */ /* BASIC TYPOGRAPHY */ #tao a { color:#b71234; } /* HEADER */ body#tao { background-color:#fee8ee; background-image:url(/img/tao/body-bg.png) } /* NAVIGATION */ #tao ul.nav li a { color:#fdbdce; padding-left:40px; padding-right:40px } #tao ul.nav, #tao ul.nav li, #tao ul.nav li:hover ul li a:hover { background-image:url(/img/tao/nav-sprite.png) } #tao ul.nav li .active, #nav li .active:hover, #tao ul.nav a.dropdown:hover, #tao ul.nav li:hover a.dropdown { background-image:url(/img/tao/nav-active.png) } #tao ul.nav ul { background-color:#ad1030; border-color:#ed6380; } #tao ul.nav ul li { background-image:none; border-color:#ed6380; } /* CONTACT */ #tao #contact ul li { background-image:url(/img/tao/contact-sprite.png) } #tao #contact ul li.title { background-image:none; } #tao a.map { background-image:url(/img/tao/map-link.jpg) } /* LANGUAGES */ #tao #languages { border-color: #d7d0be } #tao #languages a { background-image:url(/img/tao/languages-sprite.png) } /* PANELS */ #tao #sidebar.homepage { border-left:1px solid #d7d0be; } #tao h2 { background-color:#fbcad4; color:#9d3d51; } #tao .infiniteCarousel .arrow { background-image: url(/img/tao/gal-arrows-sprite.png) } #tao .infiniteCarousel ul li a:hover img, #tao #sidebar ul li a:hover img, #tao .thumbs img:hover { border-color:#ba5505; } #tao #sidebar ul li { border-color: #958c75 } #tao .thumbs img:hover { background-color:#ba5505 } /*#pro #sidebar.news ul li { border-bottom:1px dashed #bee1c1; margin-bottom:10px; padding:0 5px 10px } - zasad nepotrebno */ /* CONTENT UI */ #tao #content, #tao #content.archive img.news_thumb { border-color:#f3c8d3 } #tao #breadcrumbs ul li a { background-image:url(/img/tao/breadcrumb-arrow.png) } #tao #breadcrumbs { border-color: #d7d0be } #tao #catnav h3 { color:#eab5c2; } #tao #catnav .h3border { border-color:#f3c8d3; } #tao #catnav ul li { border-color:#f3c8d3; } #tao #catnav ul li a { background-color:#fee8ee; color:#b71234; } #tao #catnav ul li a:hover { background-color:#f6dde4; } #tao #catnav ul li.active { border-left-color:#f3c8d3; border-right-color:#fee8ee; } #tao #catnav ul li.active:hover a { background-color:transparent } #tao #catnav ul li.active ul.catsubnav li a { color:#ba5505 !important } #tao #catnav ul li ul.catsubnav { background-color:#fee8ee } #tao #pagination a { border-color:#c4bba2 } #tao #pagination a:hover, #tao #pagination a:active { background-color:#ba5505; border-color:#ba5505; color: #fff; } #tao #pagination span.current { background-color:#d4cdb9; border-color:#c4bba2; color:#000; } #tao #pagination span.disabled { border-color:#d4cdb9; color:#777; cursor:default; } /* OFFER PANEL */ #tao #paneltab a:hover span, #tao #panel .content a:hover { color:#b71234 !important } /* 404 */ #tao .pagenotfound { background-image:url(/img/tao/404.png) } div.tooltip h4 { color:#c5bea9; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; padding-bottom:4px; } div.tooltip img { float: left; margin: 5px 15px 0 0; }