/**
* HTML5 Boilerplate
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
**/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/**
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
**/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
vertical-align: middle;
}
/* Remove default fieldset styles. */
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/* Allow only vertical resizing of textareas. */
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
KLASY DZIEDZICZONE
========================================================================== */
.insideCenter {
width: 940px;
margin: 0 auto
}
.indentText {
overflow: hidden;
position: relative;
white-space: nowrap;
text-indent: 100%;
}
.naglowek {
font-size: 18px;
font-weight: normal;
a:hover {
color: #cb0233
}
}
/* ==========================================================================
Author's custom styles
========================================================================== */
h1 {
font-size: 18px;
font-weight: normal;
line-height: 1.2
}
h2 {
font-size: 18px;
font-weight: normal;
line-height: 1.2
}
h3 {
font-size: 16px;
font-weight: normal;
line-height: 1.2
}
h1,
h2,
h3,
h4,
h5 {
margin: 10px 0
}
h1.ce_headline {
margin-top: 0
}
ul,
ol {
margin: 0;
padding: 0
}
a {
color: #000;
text-decoration: none
}
body {
font-family: Tahoma, Geneva, sans-serif;
font-family: Verdana, Geneva, sans-serif;
line-height: 1;
font-size: 11px;
margin: 0;
padding: 0;
color: #333433;
}
/* HEADER */
#header {
background: url(../img/bg_header.png) top repeat-x;
.inside {
.text {
position: relative;
&::after {
content: '';
display: table;
clear: both;
}
}
.insideCenter;
.shortNav {
overflow: hidden;
text-align: right;
li {
display: inline;
list-style: none
}
.iconMenu {
li.facebook img {
margin: -2px 0 0 4px;
}
display:inline-block;
padding:12px;
a {
color: #666665;
}
li.favorites,
li.home,
li.contact {
a {
background: url(../img/bg_icon.png) no-repeat;
display: inline-block;
width: 9px;
height: 8px;
.indentText;
margin-left: 5px;
opacity: 0.3;
&:hover {
opacity: 1
}
}
&.home a {
background-position: -16px 0
}
&.contact a {
background-position: -33px 0
}
}
}
.mod_i18nl10nnav {
float: right;
background: #02395e;
padding: 10px 10px;
height: 13px;
a {
padding: 0 2px
}
}
}
/*
&:before { content:''; position:absolute; background:#e0041d; height:159px; border-top:19px solid #033a5f; width:50%; right:0; top:150px; z-index:0; z-index:0; }
&:after { content:''; position:absolute; background: url(../img/bg_header.png) left top repeat-x #fff; height:328px; width:4px; margin-left:940px; z-index:99; top:0; z-index:0; }
*/
}
h2 {
clear: both;
float: left;
margin: -20px 0 25px 0;
a {
.indentText;
display: inline-block;
background: url(../img/logo.png);
width: 245px;
height: 81px;
}
}
nav.mod_navigation {
float: right;
margin-top: 47px;
font-weight: bold;
color: #fff;
font-size: 12px;
@media (min-width: 992px) {
& {
float: none;
position: absolute;
right: 0;
bottom: 0;
}
}
/*
&:before { content:''; position:absolute; background:#043a5f; height:20px; width:30%; right:0; top:82px; z-index:0; z-index:0; }
*/
a,
span {
color: #FFF;
&:hover,
&.trail {
background: #e1091d
}
}
> ul {
&::after {
content: '';
display: table;
clear: both;
}
> li {
ul {
display: none
}
float:left;
position:relative;
border-left:4px solid #f1f1f1;
> a,
> span {
float: left;
background: #033a5f;
padding: 4px 5px;
border-bottom: 5px solid #f1f1f1;
&.active {
background: #e1091d
}
}
&.submenu:hover {
> a,
> span {
border-bottom: 5px solid #053b5f;
}
ul {
z-index: 99;
font-size: 11px;
width: 240px;
display: block;
position: absolute;
top: 100%;
left: 0;
background: #033a5f;
li {
margin-bottom: 5px
}
a,
span {
display: block;
padding: 3px 5px;
/*background:#e0091d*/
}
}
}
}
}
}
}
.de #header h2 a {
background: url(../img/logo-de.png);
}
.en #header h2 a {
background: url(../img/logo-en.png);
}
@media all and (max-width: 1200px) {
#header nav.mod_navigation > ul > li.last > ul {
left: auto !important;
right: 0 !important;
}
}
.ie7 {
#header .text {
position: relative;
z-index: 999;
}
.iconMenu {
margin-right: 110px
}
.mod_i18nl10nnav {
margin-top: -35px
}
#header {
h2 {
width: 245px;
a {
float: left
}
}
}
}
#slider {
background: #FFF;
z-index: 5;
position: relative;
clear: both;
width: 940px;
height: 178px;
overflow: hidden;
> div {
position: absolute;
left: auto !important;
top: 0;
right: 0;
width: 200%;
h3 {
position: absolute;
top: 50%;
right: 30px;
color: #FFF;
font-size: 26px;
margin-top: -13px;
font-weight: bold;
text-shadow: 1px 1px #333;
text-align: right
}
span {
line-height: 31.2px;
position: absolute;
top: 50%;
right: 30px;
color: #FFF;
font-size: 26px;
margin-top: -13px;
margin-bottom: 10px;
font-weight: bold;
text-shadow: 1px 1px #333;
text-align: right
}
}
}
div#nav {
background: #043a5f;
text-align: right;
height: 17px;
padding: 3px 10px 0 0;
a {
.indentText;
display: inline-block;
width: 5px;
height: 5px;
background: #999899;
margin: 5px 2px;
&.activeSlide {
background: #e0041c
}
}
}
.ie7 {
div#nav a {
float: right;
}
}
#sliderclient {
padding: 0 0 10px 0;
input {
display: none
}
.insideCenter;
width:941px;
.ce_headline {
.naglowek;
}
ul {
overflow: hidden;
padding: 0 1px;
}
li {
float: left;
list-style: none;
width: 187px;
.img_wrapper {
position: relative
}
img {
border: 1px solid #e5e4e4;
margin-left: -1px;
&.color {
opacity: 0;
position: absolute;
left: 0;
top: 0
}
}
}
}
.invisible {
display: none !important
}
#footer {
a {
color: inherit
}
padding:0 0 0 0;
.inside {
.insideCenter;
background: #fff;
.ce_image {
position: relative;
float: left;
width: 232px;
border-right: 8px solid #e0041c;
height: 110px;
img {
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -33px;
}
}
.ce_text {
margin-left: 1px;
float: left;
background: #013a5f;
height: 85px;
color: #FFF;
width: 639px;
padding: 10px 30px 15px 30px;
p {
margin-top: 0;
margin-bottom: 10px;
line-height: 17px;
> span {
color: #6d7d87;
font-size: 10px;
a {
color: #b4c4cf
}
}
}
/*
&:after { content:''; position:absolute; background: #013a5f; height:110px; margin-top:-108px; width:50%; right:0; z-index:-1; }
*/
}
}
clear:both;
}
.ie7 {
#footer .ce_text p > span {
margin-top: -15px;
}
}
/* CONTAINER */
#container {
.insideCenter;
line-height: 1.5;
}
#newslist {
h3,
h2 {
.naglowek
}
h3 {
margin-bottom: 10px
}
h3 a {
color: #333433
}
}
.mod_newslist,
.mod_newsarchive {
h3,
h2 {
.naglowek
}
overflow:hidden;
.layout_short {
margin-bottom: 10px;
float: left;
width: 450px;
padding-right: 10px;
overflow: hidden;
figure {
float: left;
width: 220px;
}
.teaser {
padding-top: 10px;
float: right;
width: 220px;
.info {
font-weight: bold;
}
p {
margin: 0
}
h2 {
margin: 0 0 5px 0
}
a {
color: #cb0233
}
}
}
&.even {
clear: both
}
}
.mod_newsreader {
h1 {
margin-bottom: 0
}
p.info {
font-weight: bold;
margin-top: 0
}
}
p.back {
padding: 5px 0;
border-top: 1px solid #ccc;
font-weight: bold;
&:before {
content: '<<< ';
font-size: 7px;
float: left;
padding: 3px 5px 0 0
}
}
.ce_news_gallery,
.ce_gallery {
clear: both;
margin: 10px 0;
td {
padding: 5px 10px 5px 0;
&.col_last {
padding-right: 0
}
}
}
.enclosure,
.ce_downloads,
ce_download {
* {
vertical-align: middle
}
p {
margin: 5px 0;
padding: 5px;
background: #eeeeee
}
}
#boxy {
overflow: hidden;
.ce_text {
h3 {
.naglowek;
margin-top: 0;
margin-bottom: 5px;
}
float:left;
width:313px;
padding:0 18px 0 45px;
width:250px;
margin-top:10px;
&.odlewy {
background: url(../img/icon_odlewy.png) left top no-repeat
}
&.obrobka {
background: url(../img/icon_obrobka.png) left top no-repeat
}
&.badania {
background: url(../img/icon_badania.png) left top no-repeat
}
}
}
#headeroferta {
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
h3 {
.naglowek;
margin-bottom: 10px
}
}
.ie7 #boxyhome .jcarousel-prev,
.ie7 #boxyhome .jcarousel-next {
background: #E1091D
}
#boxyhome {
position: relative;
border-bottom: 1px solid #cccccb;
.box {
float: left;
width: 230px;
padding-bottom: 10px;
h3 {
border-bottom: 1px solid #cccccb;
.naglowek;
font-size: 16px;
margin: 0 10px 5px 0;
padding: 10px 0 5px 0;
}
}
.jcarousel-prev,
.jcarousel-next {
cursor: pointer;
.indentText;
position: absolute;
left: -26px;
top: 0;
border: none;
width: 26px;
height: 146px;
background: url(../img/arrow_l.png) center no-repeat #fff;
&.jcarousel-next {
left: auto;
right: -15px;
background: url(../img/arrow_r.png) center no-repeat #fff;
}
&.jcarousel-prev-disabled,
&.jcarousel-next-disabled {
opacity: 0.5;
cursor: default
}
}
}
#container .content {
padding: 20px 0 5px 0
}
.twoCol {
#container .content {
padding: 10px 0;
overflow: hidden;
}
#main {
float: right;
width: 680px;
}
#left {
float: left;
width: 220px;
}
}
#left {
nav {
> ul > li > a,
> ul > li > span {
.naglowek;
color: #033a5f;
margin: 10px 0;
display: block
}
> ul > li ul {
a,
span {
display: block;
background: #053a5f;
color: #FFF;
margin-bottom: 5px;
padding: 3px 5px 3px 15px;
font-weight: bold;
&.active {
background: #e0091d
}
}
}
}
}
.ce_text,
.ce_table {
table {
margin: 10px 0
}
td,
th {
padding: 5px;
border: 1px solid #ccc
}
th {
background: #eeeeee
}
}
#main {
ul,
ol {
margin: 10px 0 0 15px
}
}
.pagination {
padding: 10px 0;
clear: both;
text-align: center;
p {
float: left;
margin: 0;
}
ul,
li {
display: inline;
list-style: none;
padding: 0;
margin: 0;
a,
span {
padding: 3px 5px;
background: #063a5f;
font-weight: bold;
color: #FFF;
&.current {
background: #e0081c
}
}
}
}
/* ==========================================================================
Print styles. Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " ("attr(href) ")";
}
abbr[title]:after {
content: " ("attr(title) ")";
}
/* Don't show links for images, or javascript/internal links */
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-container-horizontal {
width: 945px;
margin-left: 2px;
}
.jcarousel-clip {
overflow: hidden;
}
.jcarousel-clip-horizontal {}
.jcarousel-item {}
.jcarousel-item-horizontal {
margin-left: 0;
margin-right: 8px;
}
.jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-item-vertical {
margin-bottom: 10px;
}
#galeria .ce_hyperlink {
float: left;
margin: 20px 0 0 20px;
figure {
position: relative;
overflow: hidden
}
figcaption {
position: absolute;
left: 0;
bottom: 0;
padding: 10px;
background: url(../img/link_bg.png);
color: #FFF;
font-weight: bold;
font-size: 14px
}
a {
color: #FFF
}
}
#timeline {
overflow: hidden;
position: relative;
background: url('../img/dot.png') left 45px repeat-x;
}
#main #dates {
width: 680px;
height: 60px;
overflow: hidden;
margin: 0;
padding: 0;
}
#dates li {
list-style: none;
float: left;
width: 150px;
height: 50px;
font-size: 15px;
text-align: center;
line-height: 50px;
color: #053a5f;
background: url('../img/biggerdot.png') center bottom no-repeat;
}
#dates a {
color: #053a5f;
line-height: 20px;
padding-bottom: 10px;
}
#dates .selected {
font-size: 15px;
color: #e0091d;
}
#issues {
width: 680px;
overflow: hidden;
margin: 0 auto
}
#issues li {
width: 680px;
list-style: none;
float: left;
}
#issues .cotInside {
padding: 0 50px;
}
#grad_left,
#grad_right {
width: 100px;
height: 350px;
position: absolute;
top: 0;
}
#grad_left {
left: 0;
background: url('../img/grad_left.png') repeat-y;
}
#grad_right {
right: 0;
background: url('../img/grad_right.png') repeat-y;
}
#next,
#prev {
position: absolute;
top: 0;
font-size: 70px;
top: 70px;
width: 21px;
height: 200px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
#next {
right: 0;
background-image: url('../img/arrow_full.png');
background-position: right center
}
#prev {
left: 0;
background-image: url('../img/arrow_full.png');
background-position: left center
}
#next.disabled,
#prev.disabled {
opacity: 0.5;
}
html,
body {
height: 100%;
}
#wrapper {
min-height: 100%;
position: relative;
}
#container {
padding-bottom: 110px;
/* Height of the footer */
}
#footer {
overflow: hidden;
bottom: 0;
width: 100%;
position: absolute;
}
.bordernone {
td,
th {
border: none;
padding-left: 0
}
}
.paddingnone {
td,
th {
padding: 0;
}
td p {
margin: 0
}
}
.ce_text a {
color: #E1091D
}
#odlewy-z-aluminium-i-cynku h2 {
font-size: 14px;
font-weight: bold;
margin-bottom: 0
}
.itemscope {
line-height: 17px;
margin-bottom: 10px;
div {
display: inline
}
}
.mod_GoogleFriendlyBreadcrumbs {
padding: 10px 0;
border-bottom: 1px solid #c5c5c7;
div {
display: inline
}
img,
div {
vertical-align: middle
}
}
#mbBottom {
margin-top: -5px !important;
line-height: 14px !important
}
#mbTitle,
#mbPrevLink,
#mbNextLink,
#mbCloseLink {
line-height: 17px !important
}
a.a_logo {
margin-top: -20px;
margin-bottom: 28px;
display: block;
float: left;
clear: both;
}