/* Body -------------------------------------------------------- */ @charset "utf-8"; * { margin:0; padding:0; border:0; text-decoration:none;} body { overflow:hidden; background-color:#201c1b; font-family: 'Oxygen', sans-serif; font-size:13px; color:#332b2b; height:100%; width:100%; } .center { position:relative; margin:0 auto; max-width:1200px; z-index:200; padding:0 20px;} .raster { width:100%; height:100%; position:fixed; z-index:10; background: url(../img/raster.png) repeat ; } /* ScrollBar -------------------------------------------------------- */ ::-webkit-scrollbar { width: 20px; } ::-webkit-scrollbar-track { background: #fdfdfc; } /* Track */ ::-webkit-scrollbar-thumb { background: #0f0c0b; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.0); } /* Handle */ ::-webkit-scrollbar-thumb:window-inactive { background: #0f0c0b; } /* Background -------------------------------------------------------- */ #background { display:block;opacity:1; width:100%; height:100%; position:absolute; z-index:-100; background: url(../img/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Nav -------------------------------------------------------- */ #nav { width:100%; height:115px; min-width:680px; background:#f5f5f5 url(../img/nav_gradient.jpg) repeat-x left bottom; box-shadow: 2px 0px 5px rgba(0,0,0,0.2); position:relative; position:fixed; top:0px; z-index:600; } #nav a { float:right; display:inline-block; font-size:14px; color:#646464; position:relative; margin-top:5px; bottom:-50px; padding:0 30px; cursor:pointer; } #nav img.belki { float:right; display:inline-block; position:relative; bottom:-50px; } #logo { float:left; margin:15px; position:relative; cursor:pointer; width:200px;} #podpis_logo { color:#8c8d8d; font-size: 11px; text-transform:uppercase; position:relative; top:85px; left:-175px;} h1.h1tagline { font-size: 10px; display: inline; color: rgb(100, 100, 100); text-transform: uppercase;} /* Footer -------------------------------------------------------- */ #footer { background:#f5f5f5 url(../img/footer_gradient.jpg) repeat-x left top; width:100%; height:50px; position:fixed; bottom:0px; z-index:500; box-shadow: 2px 0px 5px rgba(0,0,0,0.2); } #copyright { padding-top:15px; margin-right:30px; float:left; font-size:10px; color:#332b2b; position:relative; top:5px; } #created { padding-top:15px; float:right; font-size:10px; color:#332b2b; position:relative; top:5px; } #partnerzy { float:left; padding-top:16px; } #partnerzy a { color:#332b2b; margin-left:15px; } #partnerzy img{ margin-left:10px; margin-bottom:-2px; } /* Home -------------------------------------------------------- */ #tresc {position:absolute; bottom:10%; width:100%; height:380px; background:rgba(8,8,8, 0.7); border-top: 2px solid #434343; border-bottom: 2px solid #0b0b0b;} #tresc h1 { font-size:23px; color:#fff; font-weight:300; text-transform:uppercase; margin:25px 0 40px 0;} #tresc h1 span, #tresc h2 span { color:#0099ff; } #tresc h2 { font-size:16px; color:#fff; font-weight:300; text-transform:uppercase; } #tresc h3 { font-size:13px; color:#fff; text-transform:uppercase; margin:10px 0 5px 0; } #tresc li { color:#fff; margin-bottom:5px; line-height:1.5em; } #tresc li img.punktor { margin-bottom:-7px; margin-right:7px; float:left; } #tresc p { color:#fff; line-height:18px; text-align:justify;} .tresc_foto { width:258px; height:258px; border-radius:130px; border:outset #888; margin-bottom:50px;} .tresc {width:90%; margin-left:350px;} .panel1 .textSlide { float:left; } .panel1 img.tresc_foto { float:right; margin:-280px 30px 0 0;} .panel1 p { max-width:780px; border-left: 6px solid #0099ff; padding-left:10px;} .panel1 h2 { margin:40px 0 20px 0; } .panel1 li { max-width:740px; list-style-type:none; } .panel2 h2 { margin:23px 0 10px 0; } .panel2 p { width:800px; margin-left:310px; border-left: 6px solid #0099ff; padding-left:10px;} .panel2 img.tresc_foto { float:left; margin:0 50px 30px 0;} .panel2 li { list-style-type:none; } .panel3 h2 { margin:23px 0 10px 0; } .panel3 p { width:800px; margin-left:310px; border-left: 6px solid #0099ff; padding-left:10px;} .panel3 img.tresc_foto { float:left; margin:0 50px 30px 0;} .panel3 li { list-style-type:none; } .panel4 a {text-decoration:none; color:#0099ff;} .panel4 .kontakt_tresc { width:550px; height:350px; margin-right:20px; float:left; } .panel4 p { border-left: 6px solid #0099ff; padding-left:10px; margin-top:-15px; } .panel4 #zdjecie-droga {border:1px solid #0099ff; width:550px; height:180px;} .panel4 .formularz { position:relative; height:350px; width:580px; float:right;} .panel4 .formularz .imie { float:left; } .panel4 .formularz .mail { float:left; margin:-2px 0 0 340px; } .panel4 .formularz .imie img { position:absolute; margin:15px 0 0 10px; } .panel4 .formularz .mail img { position:absolute; margin:-23px 0 0 10px; } .panel4 .formularz .imie input { width:300px; } .panel4 .formularz .mail input { width:190px; float:left; margin-top:-35px;} .panel4 .formularz div input { height:30px; margin:3px; padding:2px 5px 0 25px; background-color:#f9f9f9; border: 1px solid white; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;} .panel4 .formularz textarea { font-family: 'Oxygen', sans-serif; font-size:14px; margin-top:10px !important; width:540px; height:150px; margin:3px; padding:10px 10px; background-color:#f9f9f9; border: 1px solid white; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; resize:none;} .panel4 .formularz input:focus { color:#000000; } .panel4 .formularz textarea:focus { color:#000000; } .panel4 .formularz #SEND_RESET { width:200px; margin-left:275px; } .panel4 .formularz #SEND_RESET img { cursor:pointer; opacity:.85; } .reset { margin-top:5px; cursor:pointer; opacity:.8; width:84px; height:30px; background: url(../img/reset.png) no-repeat;float:right; margin-right:105px; } .submit { margin-top:5px; cursor:pointer; opacity:.8; width:84px; height:30px; background: url(../img/send.png) no-repeat; float:right; margin-right:-175px; } .strzalka_lewa { width:46px; height:44px; z-index:400; position:absolute; cursor:pointer; left:20px; bottom:250px; background: url(../img/arrows_left0.png) no-repeat; } .strzalka_prawa { width:46px; height:44px; z-index:400; position:absolute; cursor:pointer; right:20px; bottom:250px; background: url(../img/arrows_right0.png) no-repeat; } .strzalka_lewa:hover { background: url(../img/arrows_left1.png) no-repeat; } .strzalka_prawa:hover { background: url(../img/arrows_right1.png) no-repeat; } /* Rozdzielczości -------------------------------------------------------- */ @media screen and (max-width: 1150px), (max-height: 560px) { #nav { height:95px; } #nav a { font-size :13px; padding:0 20px; margin-top:5px; } #nav img.belki { margin-top:0px; bottom:-50px; } #logo { margin-top:20px; } #podpis_logo { margin-top:-13px; font-size:10px;} #footer { height:30px; } #copyright { padding-top:5px; } #created { padding-top:5px; } #partnerzy { padding-top:6px; } } @media screen and (max-width: 1300px) { .strzalka_lewa {left:5px; } .strzalka_prawa{right:5px;} } @media screen and (max-width: 850px) { #logo { margin-top:15px; } #nav a { font-size :11px; padding:0 10px; padding-bottom:30px; } #footer { font-size:10px; } #copyright { padding-top:6px; margin-right:20px; font-size:10px; top:5px; } #created { font-size:10px; top:5px; } #partnerzy { float:left; padding-top:6px; } #partnerzy a { margin-left:5px; } #partnerzy img{ margin-left:5px; margin-bottom:-3px; } } @media screen and (max-width: 1260px), (max-height: 560px) { #tresc { height:280px;} #tresc p { font-size:11px; line-height:14px; } #tresc h1 { font-size:20px; margin:10px 0 20px 0;} #tresc h2 { font-size:16px; } #tresc h3 { font-size:12px; margin:10px 0 10px 0; } #tresc li img.punktor { margin-top:-4px; } .panel1 .textSlide { width:840px !important; margin: 0 auto !important; float:none;} .panel1 img.tresc_foto { float:right; margin:-230px 0 0 30px; width:220px; height:220px;} .panel1 p { max-width:580px;} .panel1 h2 { margin:25px 0 15px 0; } .panel1 li { font-size:11px; max-width:590px; } .panel1 li img.punktor {padding-bottom:5px;} .panel2 .textSlide { width:840px !important; margin: 0 auto !important; } .panel2 h2 { margin:12px 0 3px 0; font-size:13px !important; } .panel2 p { width:580px; margin-left:225px; border-left: 6px solid #0099ff; padding-left:10px;} .panel2 img.tresc_foto { float:left; margin:5px 25px 0 0; width:200px; height:200px; } .panel3 .textSlide { width:840px !important; margin: 0 auto !important; } .panel3 h2 { margin:12px 0 3px 0; font-size:13px !important; } .panel3 p { width:580px; margin-left:225px; border-left: 6px solid #0099ff; padding-left:10px;} .panel3 img.tresc_foto { float:left; margin:5px 25px 0 0; width:200px; height:200px; } .panel4 .textSlide { width:840px !important; margin: 0 auto !important; } .panel4 .kontakt_tresc { width:420px; height:350px; } .panel4 p { margin-top:-5px; } .panel4 #mapka { top:15px; width:420px; height:140px;} .panel4 .formularz { height:280px; width:380px; float:left; } .panel4 .formularz .mail { margin:3px 0 0 230px; } .panel4 .formularz .imie img { margin:13px 0 0 10px; } .panel4 .formularz .mail img { margin:-25px 0 0 10px; } .panel4 .formularz .imie input { width:190px; } .panel4 .formularz .mail input { width:130px; margin-top:-35px;} .panel4 .formularz div input { height:25px; margin:3px; } .panel4 .formularz textarea { font-size:13px; margin-top:3px !important; width:370px; height:100px; } .reset { margin-right:76px; } } @media screen and (max-width: 1040px), (max-height: 480px) { .strzalka_lewa { bottom:160px; background: url(../img/arrows_left0_32.png) no-repeat; width:32px; height:31px; } .strzalka_prawa { bottom:160px; background: url(../img/arrows_right0_32.png) no-repeat; width:32px; height:31px; } .strzalka_lewa:hover { background: url(../img/arrows_left1_32.png) no-repeat; } .strzalka_prawa:hover { background: url(../img/arrows_right1_32.png) no-repeat; } #nav { height:75px; } #nav a { font-size :13px; padding:0 20px; margin-top:10px; } #nav img.belki { margin-top:0px; bottom:-55px; } #logo { margin-top:35px; width:110px; height:54px;} #podpis_logo { margin-top:-30px; font-size:9px; left: -145px; } #footer { height:25px; } #copyright { font-size: 10px; padding-top:4px; } #created { font-size: 10px; padding-top:4px; } #partnerzy { font-size: 10px; padding-top:3px; } #tresc { height:230px;} #tresc p { font-size:10px; line-height:13px; } #tresc h1 { font-size:20px; margin:8px 0 12px 0;} #tresc h2 { font-size:12px; } #tresc h3 { font-size:11px; margin:7px 0 7px 0; } .panel1 .textSlide { width:840px !important; margin: 0 auto !important; float:none;} .panel1 img.tresc_foto { float:right; margin:-210px 0 0 30px; width:190px; height:190px;} .panel1 p { max-width:570px;} .panel1 h2 { margin:10px 0 8px 0; } .panel1 li { font-size:11px; max-width:580px; } .panel2 .textSlide { width:840px !important; margin: 0 auto !important; } .panel2 h2 { margin:10px 0 3px 0; font-size:13px !important; } .panel2 p { width:580px; margin-left:195px; border-left: 6px solid #0099ff; padding-left:10px;} .panel2 img.tresc_foto { float:left; margin:0px 25px 0 0; width:170px; height:170px; } .panel3 .textSlide { width:840px !important; margin: 0 auto !important; } .panel3 h2 { margin:10px 0 3px 0; font-size:13px !important; } .panel3 p { width:580px; margin-left:195px; border-left: 6px solid #0099ff; padding-left:10px;} .panel3 img.tresc_foto { float:left; margin:0px 25px 0 0; width:170px; height:170px; } .panel4 .textSlide { width:840px !important; margin: 0 auto !important; } .panel4 .kontakt_tresc { width:420px; height:350px; } .panel4 p { margin-top:-5px; } .panel4 #mapka { top:10px; width:420px; height:110px;} .panel4 .formularz { height:280px; width:380px; float:left; } .panel4 .formularz .mail { margin:3px 0 0 230px; } .panel4 .formularz .imie img { margin:13px 0 0 10px; } .panel4 .formularz .mail img { margin:-25px 0 0 10px; } .panel4 .formularz .imie input { width:190px; } .panel4 .formularz .mail input { width:130px; margin-top:-35px;} .panel4 .formularz div input { height:25px; margin:3px; } .panel4 .formularz textarea { font-size:13px; margin-top:3px !important; width:370px; height:70px; } .reset { margin-right:76px; } }