/* CSS Document */
html {
}
body {
background: #c8c8c8;
font-size:62.5%;
}
#warp {
background: #f4f5f5 url(../img/bg.jpg) top left repeat-y;
border-top:13px #c8c8c8 solid;
border-bottom:25px #c8c8c8 solid;
}
.main {
margin:0 auto;
padding:0;
width:960px;
position:relative;
}
/************ HEADER ************/
#header {
padding-top:76px;
margin-bottom:12px;
width:960px;
overflow:hidden;
}
#logo {
float:left;
width:165px;
}
#lang {
float:right;
overflow:hidden;
position:absolute;
right:2px;
top:50px;
}
/* NAVI */
#nav {
float:right;
width:773px;
margin:0px !important;
padding:0px !important;
padding-top:10px !important;
}
#nav li, #navSub2 li {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
line-height:1em;
border-left: 1px solid #686868;
display:inline;
padding:1px 0px 2px 6px;
margin:0px;
color:#626262;
float:left;
margin-left:30px;
}
#nav li a {
color:#626262;
font-weight:bold;
display:inline;
text-decoration:none;
}
#nav li a.active {
color:#898989;
}
#nav li a:hover {
color:#FF690D;
}
/*submenu*/
#navSub2 {
position:absolute;
top:107px;
left:464px;
float:left;
margin:0px !important;
padding:0px !important;
}
#navSub2 li {
font-size:1.1em;
}
#navSub2 li a {
color:#626262;
font-weight:bold;
display:inline;
text-decoration:none;
}
#navSub2 li a.active {
color:#898989;
}
#navSub2 li a:hover {
color:#FF690D;
}
/************ CONTENT ************/
#content {
width:960px;
}
#boxContentUp, #boxContentMiddle, #boxContentMiddle02, #boxContentDown {
overflow:hidden;
clear:both;
width:960px;
}
#boxContentUp{
background-color:#f4f5f5;
background-image:url(../img/bgcontent-up.png);
background-repeat:no-repeat;
height:68px;
}
#boxContentMiddle, #boxContentMiddle02, #boxContentMiddle03 {
background-color:#f4f5f5;
background-repeat:repeat-y;
padding-left:4px;
width:100%;
}
#boxContentMiddle {
background-image:url(../img/bgcontent-middle.png);
}
#boxContentMiddle02 {
background-image:url(../img/bgcontent-middle02.png);
}
#boxContentMiddle03 {
background-image:url(../img/bgcontent-middle03.png);
}
#boxContentDown{
background-color:#f4f5f5;
background-image:url(../img/bgcontent-down.png);
background-repeat:no-repeat;
height:64px;
}
#boxContentUp h1{
padding:30px 0 0 82px;
float:left;
overflow:hidden;
}
/* REALIZACJE */
.left {
float:left;
width:318px;
overflow:hidden;
}
.left .left-top{
clear:both;
float:left;
width:318px;
background:#E2DED7;
background-image:url(../img/bg_doublemenu.jpg);
background-repeat:repeat-y;
}
.left .left-top .col01 {
float:left;
width:124px;
/*border-right:1px #dbd0c8 solid;*/
}
.left .left-top .col01 {
padding:40px 20px 30px 0;
}
.left .left-top .col02 {
float:right;
width:143px;
padding-top:25px;
}
.left .left-top .col02 {
padding:40px 20px 30px 10px;
}
.col02 ul {
margin:0px;
}
.left .left-top .col01, .left .left-top .col02 {
text-align:right;
}
.left ul, .left ul li {
list-style:none;
}
.left .left-top .col01 li a, .left .left-top .col02 li a {
text-decoration:none;
}
.left .left-top .col01 li a:hover, .left .left-top .col02 li a:hover {
text-decoration:underline;
}
.left .left-top .col01 li a.active, .left .left-top .col02 li a.active {
color:#424242;
font-weight:bold;
}
.left .left-top .col01 ul li a, .left .left-top .col02 ul li a {
display:block;
line-height:1.1em;
padding-bottom:7px;
color:#8A8889;
margin:0px;
}
.left .left-top .col01 li, .left .left-top .col02 li{
display:inline;
}
.list-horiz {
float:left;
width: 580px;
/*border-left:1px #dbd0c8 solid;*/
overflow:hidden;
padding:35px 0px 25px 20px;
zoom:1;
}
/*
.list-horiz img {
border:none;
clear:both;
float:left;
}
*/
.list-horiz .item {
overflow:hidden;
zoom:1;
border-bottom:1px #dbd0c8 solid;
margin-bottom:20px;
background:none;
}
.list-horiz .item h2 {
margin-bottom:10px;
}
.list-horiz .item .desc{
float:left;
color:#4d4d4d;
margin:0px 0px 10px 20px ;
width:410px;
}
.list-horiz .item .desc p{
color:#4d4d4d;
margin-bottom:0.5em;
}
.list-horiz .item .img {
float:left;
text-align:center;
width:145px;
margin-bottom:20px;
}
.list-horiz .last {
border:none;
}
.list-horiz .item .img img {
border:1px #FFF solid;
}
.list-horiz .item .gallery {
display:inline;
float:left;
margin-left:20px;
width:410px;
padding-bottom:10px;
}
.list-horiz .item .gallery .img2 {
width:90px;
height:75px;
float:left;
}
.gallery a img {
background-image:url(../img/th_arrow.png);
background-position:right top;
background-repeat:no-repeat;
padding-right:13px;
}
.gallery a:hover img {
background-image:url(../img/th_arrow_hover.png);
}
/* KONTAKT */
.left02 {
float:left;
width:230px;
overflow:hidden;
}
.left02 .kontakt {
padding:49px 10px 30px 0;
text-align:right;
width:200px;
float:left;
}
.list-horiz02 {
float:right;
width:720px;
overflow: hidden;
border-left:1px #dbd0c8 solid;
padding-top:35px;
}
.list-horiz02 .item{
padding:10px 25px 25px 25px;
float:left;
width:651px;
}
#googleMaps {
width:651px;
height:310px;
border:1px solid #636262;
}
.polecamy {
float:left;
overflow:hidden;
width:200px;
}
.polecamy .link {
float:left;
width: 155px;
}
.polecamy .img-logo {
float:right;
width:40px;
margin-left:5px;
text-align:center;
}
/* REFERENCJE */
.wide {
width:910px;
float:left;
padding:20px;
}
.wide .list-ref {
padding:10px 25px 0 25px;
}
.wide .list-ref .photo {
float:left;
width:190px;
height:210px;
border-left:1px #dbd0c8 solid;
padding-left:10px;
margin-right:10px;
display:inline;
overflow:hidden;
margin-bottom:10px;
}
.wide .list-ref .photo h3 {
height:2.2em;
overflow:hidden;
}
.wide .list-ref .photo p {
padding-top:1px;
clear:both;
font-size:1em;
}
.wide .list-ref .photo p a{
color:#7d7d7d;
font-weight:normal;
}
/* PUBLIKACJE */
.list-pub {
padding:0px 25px 0 0px;
}
.list-pub .photo {
float:left;
width:195px;
height:190px;
border-left:1px #dbd0c8 solid;
padding-left:10px;
margin-bottom:20px;
margin-right:10px;
text-align:left;
}
.list-pub .photo h3 {
height:1em;
}
.list-pub .photo p {
padding-top:1px;
font-size:1em;
clear:both;
}
.list-pub .photo p a{
color:#7d7d7d;
font-weight:normal;
}
.photo .img a img {
background-image:url(../img/th_arrow.png);
background-position:right top;
background-repeat:no-repeat;
padding-right:13px;
}
.photo .img a:hover img {
background-image:url(../img/th_arrow_hover.png);
}
/* SZKLO */
.left03 {
float:left;
width:162px;
overflow:hidden;
background:#E2DED7;
text-align:right;
padding:43px 20px 30px 0;
}
.left03, .left .left-top .col02 .item {
text-align:right;
}
.left03 ul, .left03 ul li {
list-style:none;
}
.left03 li a {
line-height:1.1em;
text-decoration:none;
}
.left03 li {
padding-bottom:8px;
}
.left03 li a:hover {
text-decoration:underline;
}
.left03 li a.active {
color:#424242;
font-weight:bold;
}
.left03 ul li a {
display:block;
line-height:1.1em;
color:#8A8889;
}
.left03 li {
line-height:1.1em;
}
.list-horiz03 {
float:left;
width:737px;
overflow: hidden;
border-left:1px #dbd0c8 solid;
padding:20px;
padding-top:35px;
}
/*
.list-horiz03 .title {
padding-left:40px;
padding-right:420px;
float:left;
}
.list-horiz03 .item {
padding:25px;
}
.list-horiz03 img {
border:1px #636262 solid;
}
.list-horiz03 .img{
float:left;
width:300px;
padding-top:15px;
padding-left:20px;
}
*/
.list-horiz03 .item-left, .list-horiz03 .item-right {
float:left;
overflow:hidden;
width:340px;
margin-right:30px;
}
.list-horiz03 .item-right {
margin-right:0px;
}
/* PAGER */
.pagenav{
height:19px;
background:#7F7F7F;
clear:both;
width:953px;
line-height:17px;
}
.pagenav ul.desc{
float:left;
display:inline;
margin-left:318px;
width:auto;
height:17px;
padding-top:2px;
border-left:1px solid #fff;
}
.pagenav ul, .pagenav ul li{
list-style:none;
margin:0;
text-align:center;
}
.pagenav ul li.first{
padding:0 15px 0 52px;
}
.pagenav ul li{
border-right:1px solid #434343;
display:block;
float:left;
}
.pagenav ul li, .pagenav ul li a{
color:#434343;
font-size:11px;
}
.pagenav ul li a{
padding:0 4px;
}
.pagenav ul li.first, .pagenav ul li.selected a, .pagenav ul li a:hover{
color:#fff;
text-decoration:none;
}
.pagenav li.clr{
border-right:none;
}
/* GLOBAL */
.list-horiz .arrow img, .list-horiz02 .arrow img, .list-horiz03 .arrow img{
border:none;
}
.list-horiz .arrow, .list-horiz02 .arrow, .list-horiz03 .arrow{
width:100%;
float:left;
padding-bottom:15px;
border:none;
}
.etapy {
float:left;
padding:7px 0 0 0;
}
.etapy02 {
float:left;
padding:49px 0 0 0;
}
.etapy ul li, .etapy02 ul li {
display:inline;
}
.etapy ul li, .etapy ul li a, .etapy ul li span {
color:#424242;
}
.etapy02 ul li, .etapy02 ul li a, .etapy02 ul li span {
color:#929292;
}
.etapy ul li a, .etapy02 ul li a{
text-decoration:none;
}
.etapy ul li a.active, .etapy02 ul li a.active {
font-weight:bold;
}
.hr {
height:20px;
clear:both;
width:952px;
background-color:#7f7f7f;
background-image:url(../img/hr.jpg);
background-repeat: no-repeat;
}
.corn-arrow {
background-image:url(../img/arrow.jpg);
background-repeat:no-repeat;
}
/************ FOOTER ************/
.footer {
width:955px;
height:45px;
}
.footer p {
float:right;
color:#808080;
font-size:1.0em;
width:300px;
text-align:right;
padding-top:5px;
padding-left:8px;
}
.footer p img {
background-image:none;
}
p.place{
font-size:1.0em;
float:left;
padding-top:5px;
padding-bottom:10px;
width:370px;
color:#808080;
margin:0px;
text-align:left;
}
.footer img {
vertical-align:middle;
}
#uniaLogo {
margin-bottom:15px;
overflow:hidden;
width:100%;
}
#uniaLogo a {
float:left;
}
#uniaLogo img {
margin-right:20px;
float:left;
}
/****************** FORMS ****************/
label.error {
display:none !important;
}
input.error {
border:2px solid red;
}
.btn {
color:#000;
padding:0px 10px 2px 10px;
}
.box-error {
padding:10px;
background-color:red;
color:#FFF;
font-weight:bold;
}
/***************** NEWSLETTER ************/
#newsletter {
background-color:#8c8c8c;
position:absolute;
right:100px;
top:-13px;
font-family:Arial;
color:#FFF;
}
#newsletterForm {
height:136px;
}
#newsletterInfo, #newsletterForm {
-moz-box-shadow: 0px 6px 6px -2px #000;
-webkit-box-shadow: 0px 6px 6px -2px #000;
box-shadow: 0px 6px 6px -2px #000;
position:relative;
z-index:100;
/* border-bottom:1px solid #F5F5F5;*/
}
#newsletterOff:hover {
background-color:#777777;
}
#newsletterOff {
height:19px;
width:112px;
background-image:url(../img/ico-arrow-down.png);
background-repeat:no-repeat;
background-position:right;
display:block;
font-size:13px;
color:#FFF;
font-weight:bold;
text-decoration:none;
padding-right:14px;
padding-top:2px;
text-align:center;
background-color:#FF6A0E;
}
#newsletter p, #newsletter .btn-row {
color:#FFF;
font-size:12px;
text-align:center;
font-weight:bold;
background-color:#777777;
padding:10px;
clear:both;
margin:0px;
}
#newsletter .btn-row a {
color:#FFF;
text-decoration:underline;
}
#newsletter .btn-row a:hover {
text-decoration:none;
}
#newsletter label {
color:#fff;
font-size:12px;
font-weight:bold;
width:65px;
display:block;
float:left;
text-align:right;
margin-right:5px;
padding-top:2px;
}
#newsletter .form-row {
overflow:hidden;
margin-bottom:5px;
white-space:nowrap;
}
#newsletter .form {
padding:5px 5px 0 5px;
overflow:hidden;
}
#newsletter .col {
width:50%;
float:left;
}
.stroik {
background-image:url(../img/stroik.png);
position:absolute;
top:60px;
left:163px;
width:56px;
height:53px;
}
#paszportDoEksportu {
position:absolute;
top:-13px;
left:550px;
z-index:10;
font-family:Arial, Helvetica, sans-serif;
}
#paszportDoEksportu a {
background-color: #FF6A0E;
color: #FFFFFF;
display: block;
font-size: 13px;
font-weight: bold;
height: 19px;
padding-top: 2px;
text-align: center;
text-decoration: none;
width: 155px;
}
#paszportDoEksportu a:hover {
background-color:#777;
}
#easyTooltip {
background:#E3DED7;
padding:5px 10px;
color:#424242;
border:2px solid #fff;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
max-width:350px;
line-height: 1.4em;
}
#easyTooltip strong {
line-height:22px;
}