/* @author Design & FabrykaStronInternetowychd(dot)com ( Sebastian Mierzwinski ) */ * {margin: 0; padding: 0; border: 0 none;} html { } body {background: url(../images/tlo-strony.html) top center fixed no-repeat; font-family: 'arsenalregular', Arial, Geneva, sans-serif;} html, body {margin: 0px; padding: 0 auto;} html, body, p { } body {padding: 0px; text-align: left; } .clear {clear: both;} a {color: #535353;} a:hover {text-decoration: none; color: #d5241b;} @font-face { font-family: 'arsenalbold'; src: url('../fonts/arsenal-bold-webfont.html'); src: url('../fonts/arsenal-bold-webfontd41d.html?#iefix') format('embedded-opentype'), url('../fonts/arsenal-bold-webfont-2.html') format('woff2'), url('../fonts/arsenal-bold-webfont-3.html') format('woff'), url('../fonts/arsenal-bold-webfont-4.html') format('truetype'), url('../fonts/arsenal-bold-webfont-5.html#arsenalbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'arsenalregular'; src: url('../fonts/arsenal-regular-webfont.eot'); src: url('../fonts/arsenal-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/arsenal-regular-webfont.html') format('woff2'), url('../fonts/arsenal-regular-webfont.woff') format('woff'), url('../fonts/arsenal-regular-webfont.ttf') format('truetype'), url('../fonts/arsenal-regular-webfont.svg#arsenalregular') format('svg'); font-weight: normal; font-style: normal; } #ciasteczka_info {margin-left: 5%; margin-right: 5%; color: #ffffff;} #ciasteczka_info a {color: #ffffff; text-decoration: underline;} #ciasteczka_tresc {background: #000000; position: fixed; bottom: 1%; width: 90%; z-index: 999; padding: 10px 10px 30px 10px;} #ciasteczka_tresc span {} #Informacja_o_ciasteczkach_zamknij {position: absolute; right: 10px; bottom: 8px; padding: 0px 10px; background-color: #414141; border: solid 1px #414141; font-size: 1.4em; font-family: arial; font-weight: bold; color: #ffffff; } a#Informacja_o_ciasteczkach_zamknij {color: #ffffff; text-decoration: none;} a#Informacja_o_ciasteczkach_zamknij:hover {background-color: #ffffff; color: #414141; text-decoration: none;} /* = Naglowek ================================================================================================= */ #Naglowek {width: 100%; position: relative; } #Naglowek_wnetrze {margin: 0 auto; width: 920px; position: relative; } #Naglowek_logo {padding: 25px 0px 15px 20px; float: left;} #Naglowek_logo img {width: 310px; position: relative; top: 0px; left: 0px;} #Naglowek_tlo {padding: 0px 30px 0px 20px; height: 140px; float: right;} #Naglowek_tlo img {height: 100%;} #Pasek_menu {background-color: #ffffff; clear: both; z-index: 99; position: relative; margin-bottom: 25px; -webkit-box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.35); box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.35);} #Pasek_menu_wnetrze {margin: 0 auto; width: 880px; position: relative; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} #Pasek_menu_bg {height: 0px; clear: both; background: -moz-linear-gradient(45deg, rgba(199,5,5,1) 0%, rgba(155,1,1,0.5) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(199,5,5,1)), color-stop(100%,rgba(155,1,1,0.5))); background: -webkit-linear-gradient(45deg, rgba(199,5,5,1) 0%,rgba(155,1,1,0.5) 100%); background: -o-linear-gradient(45deg, rgba(199,5,5,1) 0%,rgba(155,1,1,0.5) 100%); background: -ms-linear-gradient(45deg, rgba(199,5,5,1) 0%,rgba(155,1,1,0.5) 100%); background: linear-gradient(45deg, rgba(199,5,5,1) 0%,rgba(155,1,1,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70505', endColorstr='#809b0101',GradientType=1 );} #Pasek_menu ul {display: inline-block; float: right; } #Pasek_menu ul li {display: inline-block; margin: 0 9px; font-size: 1.2em; letter-spacing: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #Pasek_menu ul li a {color: #d5241b; text-decoration: none; display: block; padding: 13px 2px 13px 2px; border-bottom: #ffffff solid 1px; border-top: #ffffff solid 1px; } #Pasek_menu ul li a:hover {color: #535353; text-decoration: none; border-bottom: #d5241b solid 1px; border-top: #d5241b solid 1px;} #Pasek_menu ul li a:focus {color: #535353; text-decoration: none;} /* = Naglowek ======================================================================================== KONIEC = */ #Zawartosc {background-color: #ffffff; padding: 10px; margin: 0 auto; width: 860px; font-size: 1.2em; color: #535353; margin-bottom: 35px; } #Zawartosc-tresc .item-page {padding: 25px 35px 35px 35px;} #Zawartosc-tresc p {color: #535353; margin-bottom: 10px;} #Zawartosc-tresc ul, #Zawartosc ol {margin-left: 25px;} #Zawartosc-tresc h2 {color: #d5241b; } #Zawartosc img {vertical-align: middle;} #Zawartosc .galleria-zdjecie-1 {border-radius: 16px; display: inline-block; -webkit-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 10px; width: 28%;} #Zawartosc .galleria-zdjecie-1 img {border-radius: 15px; padding: 1.5%; width: 97%;} #Zawartosc .galleria-zdjecie-3 {border-radius: 16px; display: inline-block; margin-right: 0.8%; margin-left: 0.8%; width: 31%; -webkit-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); } #Zawartosc .galleria-zdjecie-3 img {border-radius: 15px; width: 97%; padding: 1.5%;} #Zawartosc .galleria-zdjecie-4 {border-radius: 16px; display: inline-block; -webkit-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 10px; width: 23%;} #Zawartosc .galleria-zdjecie-4 img {border-radius: 15px; padding: 1.5%; width: 97%;} #Zawartosc .galleria-zdjecie-6 {border-radius: 16px; display: inline-block; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.35); margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 20px; width: 14.6%;} #Zawartosc .galleria-zdjecie-6 img {border-radius: 15px; padding: 1.5%; width: 97%;} #Zawartosc iframe {border-radius: 12px; border: 0px solid #d5241b; display: inline-block; margin-right: 0.8%; margin-left: 0.8%; width: 100%; -webkit-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.35); } #Stopka_informacja {width: 100%; background-color: #ffffff; font-size: 0.7em; color: #535353; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35);} #Stopka_margines {background-color: white; height: 15px;} #Stopka_wnetrze a {color: #535353; text-decoration: none;} #Stopka_wnetrze {margin: 0 auto; width: 880px; border-top: #535353 solid 0px; text-align: center;} #Stopka_prawa_polityka {padding: 10px 0px 0px 0px;} #Stopka_prawa_polityka a {text-decoration: underline;} #Stopka_prawa_polityka a:hover {text-decoration: none; color: #d5241b;} /*MONITOR Średni*/ @media (max-width: 856px) { #Naglowek_wnetrze {margin: 0 auto; width: 98%; } #Naglowek_tlo {padding: 0px 0px 0px 0px; height: 140px; float: right; } #Pasek_menu_wnetrze {margin: 0 auto; width: 100%; } #Zawartosc {width: 98%; font-size: 1.2em; color: #535353; margin-bottom: 35px; padding: 1%; } #Stopka_wnetrze {margin: 0 auto; width: 100%;} } /*MONITOR Netbook*/ @media (max-width: 824px) { #Zawartosc {width: 94%; font-size: 1.2em; color: #535353; margin-bottom: 35px; } #Zawartosc .galleria-zdjecie-6 {margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 20px; width: 22%;} #Zawartosc .galleria-zdjecie-6 img {border-radius: 15px; padding: 1.5%; width: 97%;} } /*MONITOR Netbook*/ @media (max-width: 724px) { #Naglowek_logo {padding: 22px 0px 15px 20px; float: left; width: 43%; text-align: center; } #Naglowek_logo img {width: 100%; position: relative; top: 0px; left: 0px;} #Naglowek_tlo {padding: 0px; height: auto; width: 50%; float: right; text-align: center; position: relative;} #Naglowek_tlo img {height: auto; width: 98%; vertical-align: middle; } #Zawartosc .galleria-zdjecie-1 {margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 10px; width: 40%;} } /*MONITOR Netbook*/ @media (max-width: 614px) { #Pasek_menu {background: #9b0101; background: -moz-linear-gradient(45deg, #9b0101 0%, #c70505 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9b0101), color-stop(100%,#c70505)); background: -webkit-linear-gradient(45deg, #9b0101 0%,#c70505 100%); background: -o-linear-gradient(45deg, #9b0101 0%,#c70505 100%); background: -ms-linear-gradient(45deg, #9b0101 0%,#c70505 100%); background: linear-gradient(45deg, #9b0101 0%,#c70505 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0101', endColorstr='#c70505',GradientType=1 );} #Pasek_menu ul {display: inline-block; float: left; } #Pasek_menu ul li {display: inline-block; margin: 0 9px; font-size: 1.2em; letter-spacing: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #Pasek_menu ul li a {color: #ffffff; text-decoration: none; display: block; padding: 13px 2px 13px 2px; border-bottom: #ffffff solid 0px; border-top: #ffffff solid 0px; } #Pasek_menu ul li a:hover {color: #ffffff; text-decoration: underline; border-bottom: #d5241b solid 0px; border-top: #d5241b solid 0px;} #Pasek_menu ul li a:focus {color: #ffffff; text-decoration: underline;} #Zawartosc .galleria-zdjecie-3 {display: block; margin-right: 0.8%; margin-left: 0.8%; width: 94%; margin-bottom: 20px;} #Zawartosc .galleria-zdjecie-6 {margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 20px; width: 30%;} #Zawartosc .galleria-zdjecie-1 {margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 10px; width: 46%;} #Stopka_informacja {width: 100%; font-size: 1em; color: #535353; } } /*SMARTFON*/ @media (max-width: 549px) { #Naglowek_logo {padding: 25px 0px 15px 0px; float: none; text-align: center; width: 100%;} #Naglowek_logo img {width: 310px; position: relative; top: 0px; left: 0px;} #Naglowek_tlo {padding: 0px; height: auto; width: 100%; float: none; text-align: center;} #Naglowek_tlo img {height: auto; width: 70%; vertical-align: middle;} #Zawartosc .galleria-zdjecie-6 {margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 20px; width: 29%;} } /*SMARTFON*/ @media (max-width: 409px) { #Naglowek_logo {padding: 25px 0px 15px 0px; float: none; text-align: center; width: 100%;} #Naglowek_logo img {width: 80%; position: relative; top: 0px; left: 0px;} #Naglowek_tlo {padding: 0px; height: auto; width: 100%; float: none; text-align: center;} #Naglowek_tlo img {height: auto; width: 70%; vertical-align: middle;} #Zawartosc .galleria-zdjecie-6 {margin-right: 0.8%; margin-left: 0.8%; margin-bottom: 20px; width: 29%;} }