html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ul {
list-style: none;
}
ol {
margin-left: 20px;
}
ol li {
margin: 0 0 3px;
}
blockquote, q {
quotes: none;
}
h2{ text-transform: uppercase;}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face{ font-family: NeoSansStd; src: url(NeoSansStd-Regular.otf); }
@font-face{ font-family: NeoSansStd; src: url(NeoSansStd-Bold.otf); font-weight: bold; }
html, body{ height: 100%; }
body{ font: 8pt Tahoma, Arial, Helvetica, Verdana, Sans-serif; color: #fff; }
a{ text-decoration: none; color: #fff; }
h2{ font-size: 1.0em; margin: 0 0 10px; }
h3{ font-weight: bold; font-size: 1.2em; }
p + h3, ul + h3{ margin-top: 20px; }
#body{ position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; min-height: 100%; overflow: auto; }
h1{ width: 100%; height: 70px; padding: 20px 0 0; background: rgba(0,93,170,.9) !important; background: rgb(0,93,170); }
h1 a{ width: 110px; height: 50px; display: block; margin: 0 0 0 55px; }
#content{ width: 600px; padding: 25px; margin: 40px auto 120px; overflow: hidden; background: rgba(0,93,170,.93) !important; background: rgb(0,93,170); }
#content h2{ font-family: NeoSansStd, Arial, Tahoma, Verdana, Sans-serif; font-weight: bold; }
#content p{ margin: 10px 0 0; line-height: 160%; }
#content a{ color: #00c6eb; }
#content a:hover{ text-decoration: underline; }
#content .half{ width: 50%; }
#content .left{ float: left; }
#content .right{ float: right; }
#listaRealizacji{}
#listaRealizacji > li{ position: relative; height: 171px; overflow: hidden; padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #fff; }
#listaRealizacji li ul{ margin: 10px 0 0 20px; list-style: disc; }
#listaRealizacji li ul li{ margin: 0 0 3px; }
#listaRealizacji li img{ position: absolute; right: 0; top: 20px; z-index: 100; }
#listaRealizacji li span{ position: absolute; right: 5px; top: 25px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 #00111c; z-index: 101; }
#listaRealizacji li p{ width: 250px; }
@font-face{ font-family: NeoSansStd; src: url(NeoSansStd-Bold.otf); font-weight: bold; }
#skd_menu { /* inner page envelope */
width: 950px; position: absolute; top: 30px; left: 50%; margin: 0 0 0 -370px; list-style: none;font-family: NeoSansStd; src: url(NeoSansStd-Bold.otf); font-weight:Bold; }
#nav { height: 35px; margin: 0 0 0 0px; padding: 0 0 0 0px; position: relative; z-index: 100; font-family: NeoSansStd; src: url(NeoSansStd-Bold.otf); font-weight: bold;}
#nav li { float: left; position: relative; list-style:none; text-transform:uppercase; }
#nav li a { display: block; padding-top:10px; height: 25px; width: auto; color:#fff; font-family: NeoSansStd; src: url(NeoSansStd-Bold.otf); font-weight: bold; text-decoration:none; text-align:left; padding-left:15px; margin-right:15px; border: 0; outline: 0; font-size: 11px; }
#skd_menu #nav li:hover a{}
/* styles */
#nav li li a { color: #005DAA; display: block; height: 27px; line-height:27px; font-size: 11px; font-weight:Bold; padding:4px 10px 4px 48px; text-align: left; text-decoration: none; text-indent: 0; width: auto; /* 124 */ zoom: 0; }
#nav li li a:hover { height: 27px !important; text-decoration:underline; }
#nav li li { float: none; height: auto; width: auto; /*124 *//*144 */}
#nav li ul { /* second-level lists */ left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-left: -35px; position: absolute; top:25px; width: 195px; padding-top:35px; padding-bottom:20px; }
#nav li:hover ul {left: 0px;}
#nav li:hover ul { z-index: 100;}
#nav li{ /*display: inline-block;*/ background: 0 13px no-repeat; }
#nav li.about:hover, #nav li.about.active{ background-image: url(images/bulletYellow.gif); }
#nav li.our-staff:hover, #nav li.our-staff.active{ background-image: url(images/bulletMagenta.gif); }
#nav li.programs:hover, #nav li.programs.active{ background-image: url(images/bulletBlue.gif); }
#nav li.photo-gallery:hover, #nav li.photo-gallery.active{ background-image: url(images/bulletOrange.gif); }
#nav li.menu:hover, #nav li.menu.active{ background-image: url(images/bulletRed.gif); }
#nav li.for-parents:hover, #nav li.for-parents.active{ background-image: url(images/bulletLightBlue.gif); }
#nav li.waitinglist:hover, #nav li.waitinglist.active{ background-image: url(images/bulletPurple.gif); }
#nav li.policies-procedures:hover, #nav li.policies-procedures.active{ background-image: url(images/bulletRed.gif); }
#nav li.contact:hover, #nav li.contact.active{ background-image: url(images/bulletGreen.gif); }
#nav li.loactions:hover, #nav li.loactions.active{ background-image: url(images/bulletOrange.gif); }
/*ul#topNav @font-face{ font-family: NeoSansStd; src: url(NeoSansStd-Bold.otf); font-weight: bold; }
ul#topNav{ width: 950px; position: absolute; top: 40px; left: 50%; margin: 0 0 0 -370px; list-style: none; }
ul#topNav li{ display: inline-block; background: 0 5px no-repeat; }
ul#topNav li.about:hover, ul#topNav li.about.active{ background-image: url(images/bulletYellow.gif); }
ul#topNav li.our-staff:hover, ul#topNav li.our-staff.active{ background-image: url(images/bulletMagenta.gif); }
ul#topNav li.programs:hover, ul#topNav li.programs.active{ background-image: url(images/bulletBlue.gif); }
ul#topNav li.photo-gallery:hover, ul#topNav li.photo-gallery.active{ background-image: url(images/bulletOrange.gif); }
ul#topNav li.for-parents:hover, ul#topNav li.for-parents.active{ background-image: url(images/bulletLightBlue.gif); }
ul#topNav li.waitinglist:hover, ul#topNav li.waitinglist.active{ background-image: url(images/bulletPurple.gif); }
ul#topNav li.policies-procedures:hover, ul#topNav li.policies-procedures.active{ background-image: url(images/bulletRed.gif); }
ul#topNav li.contact:hover, ul#topNav li.contact.active{ background-image: url(images/bulletGreen.gif); }
ul#topNav li a{ margin: 0 20px 0 0; padding: 0 0 0 13px; font-family: NeoSansStd; src: url(NeoSansStd-Bold.otf); font-weight: bold; text-transform: uppercase; }
ul#topNav li span { float: left; padding-top: 10px; position: absolute; left: 0; top:15px; display: none; height:auto; min-height:auto; min-width:133px; width: 133px; background: rgba(0,93,170,.9) !important; color: #fff; z-index:100; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
ul#topNav li span.prog{left:90px; position:absolute; width: 133px; background: rgba(0,93,170,.9) !important;}
ul#topNav li:hover span { display: block; }
ul#topNav li span a { display: inline-block; float:left; height:25px; width: 133px; }
ul#topNav li span a:hover {text-decoration: underline;}*/
#footer{ width: 100%; height: 60px; font-size: .9em; position: fixed; bottom: 0; left; 0; background: url(images/dots.png) 0 15px repeat-x; background-color: rgba(0,93,170,.94) !important; background-color: rgb(0,93,170); text-shadow: 0 0 2px rgb(0,93,170); z-index: 120; }
#footer p{ width: 50%; position: relative; left: 20px; top: -30px; }
#background{ z-index: 1; width: 100%; height: auto !important; height: 100%; min-height: 100%; position: fixed; top: 0; left: 0; }
#background img{ z-index:8; }
#background img.active{ z-index:10; }
#background img.last-active{ z-index:9; }
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background: rgba(0,0,0,.7); }
#colorbox{ -webkit-box-shadow: 0 0 10px #00111c; -moz-box-shadow: 0 0 10px #00111c; background: rgba(0,93,170,.9); }
#cboxTopLeft{ width: 25px; height: 25px; }
#cboxTopRight{ width: 25px; height: 25px; }
#cboxBottomLeft{ width: 25px; height: 25px; }
#cboxBottomRight{ width: 25px; height: 25px; }
#cboxMiddleLeft{ width: 25px; }
#cboxMiddleRight{ width: 25px; }
#cboxTopCenter{ height: 25px; }
#cboxBottomCenter{}
#cboxContent{ padding: 0 0 30px; font-weight: bold; }
#cboxLoadedContent{}
#cboxTitle{ position: absolute; bottom: 8px; left: 0; text-align:center; width: 100%; }
#cboxCurrent{ position: absolute; bottom: 8px; left: 58px; }
#cboxSlideshow{}
#cboxPrevious{ position: absolute; bottom: 10px; left: 0; }
#cboxPrevious.hover{}
#cboxNext{ position: absolute; bottom: 10px; left: 10px; }
#cboxNext.hover{}
#cboxLoadingOverlay{}
#cboxLoadingGraphic{ background: #00111c url(images/loading.gif) center no-repeat; }
#cboxClose{ position:absolute; bottom: 8px; right: 0; }
#cboxClose.hover{}
.p_strong {
width: 100%; height: 91px; padding: 34px 0 0; background: rgba(0, 93,170,.9) !important; background: rgb(0,93,170);
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:rgba(0, 93, 170, 0.9) none repeat scroll 0 0 !important;
height:91px;
padding:34px 0 0 0;
width:100%;
}
.p_strong a{ width: 110px; height: 50px; display: block; margin: 0 0 0 55px; padding: 0 0 0 55px;}
/**** FRANCAIS / voi login / ENGLISH****/
#nav-toggle{height:28px;top:90px;width:190px; margin-left:50px; position:absolute; z-index:99;}
#nav-toggle ul{float:right;margin:0;}
#nav-toggle li{float:left; position:relative; padding-left:0px; }
#nav-toggle li a{background-color:transparent;background-position:top left;background-repeat:no-repeat;display:block;height:0;overflow:hidden;padding-top:34px;}
#nav-toggle li a:hover, #nav-toggle li a.active{background-position:0px -28px;}
#nav-toggle-list-fr{background-image:url(images/fr.png);width:30px;}
#nav-toggle-list-en{background-image:url(images/en.png);width:30px;}
#nav-toggle-list-voi{background-image:url(images/voi.png);width:70px;}
#nav-toggle-list-tw{background-image:url(images/tw.png);width:30px;}
#nav-toggle-list-fb{background-image:url(images/fb.png);width:30px;}
.clearcontents{overflow:hidden;zoom:1;word-wrap:break-word;}
#bientot{ position:absolute; left:38%; top:35%; background:url(images/bientot.png) no-repeat; width:260px; height:100px; z-index:999; display:none;}
#voilogin{ position:absolute; left:38%; top:35%; background-color:#fff; width:350px; height:200px; z-index:999; display:none; -moz-border-radius:10px; -webkit-border-radius:10px;
box-shadow: rgba(0,0,0,0.3) 0 3px 5px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 3px 5px; -moz-box-shadow: rgba(0,0,0,0.3) 0 3px 5px;}
/**** FRANCAIS / ENGLISH END HERE****/
.skd_div {
background: rgba(0, 93, 170, 0.9) none repeat scroll 0% 0%;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
height: 90px;
}
.skd_a {
background: transparent none repeat scroll 0% 0%; text-indent: 0pt; text-decoration: none; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
}
#logo_skd {
background: transparent none repeat scroll 0% 0%; text-indent: 0pt; width: 110px; height: 50px; text-decoration: none; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
}
#skd_img{
border: 0px none ; left: 55px; margin-top: 20px; position: absolute; z-index: 2;
}
#skd_img_h{
border: 0px none ; margin-top: 0px;
}
/***************
#verticfields{ width:auto; height:auto; padding-bottom:50px;}*/
#skd-message{ width: 600px; /*display: none;*/ padding: 25px; position:relative; margin: 80px auto 120px; text-align:left; overflow: hidden; background: rgba(0,93,170,.93) !important; background: rgb(0,93,170); -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
#skd-message h2{ font-family: NeoSansStd, Arial, Tahoma, Verdana, Sans-serif; font-size: 1.2em; font-weight: bold; }
#skd-message p{ margin: 10px 0 0; line-height: 160%; }
#skd-message a{ color: #F99D31; }
#skd-message a:hover{ text-decoration: underline; }
#skd-message .half{ width: 50%; }
#skd-message .left{ float: left; }
#skd-message .right{ float: right; }
#skd-message > li{ position: relative; height: auto; overflow: hidden; padding: 00px 0 0; margin: 0px 0 0; list-style:none; }
#skd-message li ul{ margin: 10px 0 0 20px; list-style: disc; }
#skd-message li ul li{ margin: 0 0 3px; }
#popup_close{ width:34px; height:34px; position:absolute; top:15px; right:1px;}
.map {
display: inline-block;
width: 250px;
height: 200px;
float: right;
margin-top:5px;
margin-left: 10px;
border-radius: 8px;
overflow: hidden;
}
.hold-location {
clear: both;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: solid 1px white;
}
.localtionhours{
font-size: 14px;
list-style: outside;
padding-left: 16px;
}
/*
.hide {
display: none;
}
.show {
display: block;
}
#help-message a, #help-message a:link, #help-message a:visited {
color: #fff;
outline: none;
}
#help-message a#close:link, #help-message a#close:visited {
color: #fff;
position: absolute;
top: 10px;
right: 10px;
text-decoration: none;
z-index: 10;
}*/