/* Theme Name: Optomedyk Theme URI: Description: Optomedyk ToruĊ„ Version: 3 Author: neokom.pl Author URI: Tags: */ html,body {margin:0; padding:0; height:100%; font-family: 'Nunito Sans', Arial, sans-serif; font-size:20px; color:#000000; background-color:#F0F9F8;} #container {min-height:100%; position:relative;} /*www*/ @media (min-width:1280px) { #header {width:86%; padding:0px 7% 0px 7%; height:128px; background-image:url(images/bg_header.png); background-repeat:no-repeat; background-position:top left; float:left; } #header a img {border:none;} #header a.akt {width:auto; height:65px; margin-top:15px; float:left;} #header a.akt img {width:auto; height:90px; } #header a.url {width:205px; height:58px; padding-top:0px; margin:27px 0px 0px 15px; text-align:center; border:0px solid #ffffff; float:right;} #header a.url:hover {border:0px solid #007A6E; } #header a.url img {width:auto; height:75px;} #menu {width:86%; padding:0px 7% 0px 7%; background-color:#FFFFFF; border-bottom:3px solid #10377c; position:relative; -webkit-box-shadow: 0 14px 16px -16px #222; -moz-box-shadow: 0 14px 16px -16px #222; box-shadow: 0 14px 16px -16px #222; float:left;} a.menu-rwd {display:none;} #url_rwd {display:none;} #slider {width:100%; height:500px; float:left;} .as-text-layer {padding:0.4% !important;} div.index_icon {width:18.5%; text-align:center; margin-top:40px; margin-bottom:40px; font-size:16px; float:left;} div.index_icon img {width:90px; height:90px; margin-bottom:15px;} div.index_icon h3 {margin:0px 0px 20px 0px; padding:0px; font-size:20px;} div.icona {margin-left:7%;} div.iconb {margin-left:4%;} div.iconc {margin-left:4%;} div.icond {margin-left:4%; margin-right:7%;} #content {width:100%; min-height:100px; background-color:#Fff; float:left;} #content-center {width:86%; padding:60px 4% 30px 4%; min-height:100px; background-color:#Fff; margin:0px 3% 0px 3%; float:left;} div.page {width:70%; min-height:100px; line-height:30px; text-align:justify; float:left;} div.full {width:100% !important;} div.page h1 {width:100%; margin:0px 0px 30px 0px; padding:0px 0px 20px 0px; font-size:24px; color:#009688; border-bottom:1px solid silver; float:left; color:#10377c;} div.page h2 {width:100%; margin:10px 0px 30px 0px; padding:0px 0px 10px 0px; font-size:20px; border-bottom:1px dotted silver; float:left;} div.page img {width:70%; margin:15px 14% 15px 14%; padding:1%; border:1px solid #eeeeee; float:left;} div.page a {color:#1e96db; } div.page a:hover {color:#10377c;} img.luxmed {width:73px !important; height:22px !important; margin:0 !important; padding:0 !important; border:none !important; float:none !important;} img.marquee_optyk {width:132px !important; height:22px !important; margin:0 !important; padding:0 !important; border:none !important; float:none !important;} img.mapa {width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; border:none !important;} #ofirmie_l {width:100%; float:left;} #ofirmie_p {width:100%; margin:30px 0px 30px 0px; float:left;} #ofirmie_p img {width:25% !important; margin:0px 3% 0px 3% !important; float:left;} marquee {font-weight:bold; color:#ff9900; font-size:25px; display: none; } marquee img {width:132px !important; height:22px !important; margin:0 !important; padding:0 !important; border:none !important; float:none !important;} .oferta {background-image:linear-gradient(to left, rgba(255,255,255,0), rgba(160,210,238,1)); width:99%; padding-left:1%; padding-top:10px; padding-bottom:5px; margin-top:5px; margin-bottom:5px; float:left;} .oferta strong {font-size:20px;} #sidebar {width:25%; margin:0px 0px 0px 5%; padding:0px; float:right;} #sidebar_a {width:90%; margin:48px 0px 0px 0px; padding:10px 5% 10px 5%; min-height:10px; color:#ffffff; background-color:rgba(121, 85, 72, 1); float:left; background: #10377c; } #sidebar_b {width:90%; margin:0px 0px 0px 0px; padding:10px 5% 10px 5%; min-height:10px; color:#ffffff; background-color:rgba(121, 85, 72, 0.9); float:left; background-color: #1e96db; } #sidebar_a p, #sidebar_b p {font-size:20px; color:#fff;} #middle {width:100%; padding-bottom:170px; /* wysokosc stopki */ overflow: hidden;} #footer {width:86%; padding:0px 7% 0px 7%; height:170px; position:absolute; bottom:0; background-color:#009688; background-image:url(images/bg_footer.png); background-repeat:no-repeat; background-position:bottom right; float:left; background: #10377c;} div.adres {width:800px; margin-top:40px; color:#ccc; float:left;} div.adres a {color:#ffffff; font-size:23px; line-height:30px; font-weight:bold; text-decoration:none;} div.adres a:hover {color:#ffffff;} div.adres strong {font-size:20px;} div.adres img {height:20px;} div.adres strong {font-size:23px;} div.adres span {font-weight:bold; color:#ffffff; font-size:13px;} #copy {width:155px; margin-top:40px; font-size:11px; color:#9bc9c5; text-align:center; float:right;} #copy a {text-decoration:none; font-size:10px; color:#9bc9c5;} #copy img {width:155px; height:auto; padding-bottom:57px;} table.cennik {width:100%; border:0px; border-spacing:10px; border-collapse: separate;} td.opis {width:78%; padding:1%; border-bottom:1px dotted #999999; text-align:left;} td.opis strong {font-size:18px;} td.naglowek_a {background-color:#006E63; padding:1%; color:#ffffff; text-align:left; background: #10377c;} td.naglowek_a strong {font-size:25px;} td.naglowek_b {background-color:#009688; padding:1%; color:#ffffff; text-align:left; background-color: #1e96db; } td.naglowek_b strong {font-size:23px;} td.cena {border-bottom:1px dotted #999999; width:18%; padding:1%; font-weight:bold; font-size:18px; text-align:right;} div.kontakt1 {width:48%; margin-right:2%; float:left;} div.kontakt2 {width:48%; margin-left:2%; float:left;} table.kontakty {width:100%; border:1px solid #ccc; border-collapse: separate;} table.kontakty td {padding:2%;} table.kontakty td strong {font-size:23px;} td.k_naglowek {font-weight:bold; padding:1% !important; background-color:#009688; color:#ffffff; font-size:20px; text-align:left; background: #10377c;} .menu-menu-glowne-container ul, .menu-menu-glowne-container ul li {display:block; list-style:none; margin:0; padding:0;} .menu-menu-glowne-container ul li {float:left;} .menu-menu-glowne-container ul li a {font-size:17px; font-weight:bold; height:50px; line-height:50px; color:#222; text-decoration:none; margin:0px 30px 0px 0px; display:inline-block; position:relative;} .menu-menu-glowne-container ul li a:after {content: ''; position: absolute; width:100%; transform: scaleX(0); top:35px; height:3px; bottom:0; left:0; background-color:#4cb6e0; transform-origin:bottom right; transition:transform 0.25s ease-out;} .menu-menu-glowne-container ul li a:hover {color: #555;} .menu-menu-glowne-container ul li a:hover:after {transform:scaleX(1); transform-origin: bottom left;} .menu-choroby-oczu-container ul, .menu-choroby-oczu-container ul li, .menu-choroby-oczu-2-container ul, .menu-choroby-oczu-2-container ul li, .menu-okulistyka-dziecieca-container ul, .menu-okulistyka-dziecieca-container ul li, .menu-okulistyka-dziecieca-2-container ul, .menu-okulistyka-dziecieca-2-container ul li, .menu-diagnostyka-container ul, .menu-diagnostyka-container ul li, .menu-diagnostyka-2-container ul, .menu-diagnostyka-2-container ul li {display:block; list-style:none; margin:0; padding:0;} .menu-choroby-oczu-container ul li a, .menu-choroby-oczu-2-container ul li a, .menu-okulistyka-dziecieca-container ul li a, .menu-okulistyka-dziecieca-2-container ul li a, .menu-diagnostyka-container ul li a, .menu-diagnostyka-2-container ul li a {width:98%; margin:5px 0px 0px px; padding:8px 1% 8px 1%; color:#ffffff; border-bottom:1px solid rgba(255, 255, 255, 0.2); font-size:18px; text-decoration:none; text-align:left; float:left; display:block;} .menu-choroby-oczu-container ul li a:hover, .menu-choroby-oczu-2-container ul li a:hover, .menu-okulistyka-dziecieca-container ul li a:hover, .menu-okulistyka-dziecieca-2-container ul li a:hover, .menu-diagnostyka-container ul li a:hover, .menu-diagnostyka-2-container ul li a:hover {color:#ffffff; background-color:rgba(255, 255, 255, 0.2);} } /*telefon 100%*/ @media (max-width:1279px) { #header {width:92%; padding:0px 4% 0px 4%; height:auto; min-height:128px; background-image:url(images/bg_header.png); background-repeat:no-repeat; background-position:top left; float:left;} #header a img {border:none;} #header a.akt {width:70%; height:70px; margin:35px 15% 0px 15%; text-align:center; float:left;} #header a.akt img {width:100%; max-width:316px; height:auto; max-height:65px;} #header a.url {display:none;} #menu {width:92%; height:auto; padding:0px 4% 0px 4%; background-color:#FFFFFF; border-bottom:3px solid #009688; text-align:center; position:relative; -webkit-box-shadow: 0 14px 16px -16px #222; -moz-box-shadow: 0 14px 16px -16px #222; box-shadow: 0 14px 16px -16px #222; float:left;} a.menu-rwd {display:block; height:50px; line-height:50px; color:#212121; font-weight:bold; font-size:20px; text-decoration:none;} .rwd {width:100%; height:auto; display:block !important; float:left !important;} #nav {display:none;} #url_rwd {padding-left:5%; padding-right:5%; width:90%; min-height:50px; margin-top:15px; color:#666666; font-size:15px; text-align:center; float:left;} #url_rwd a {width:46%; height:auto; margin:10px 2% 10px 2%; float:left;} #url_rwd a img {width:100%; height:auto; border:1px solid #555555;} #slider {width:100%; height:500px; float:left;} .as-text-layer {padding:2% !important; font-size:25px !important;} div.index_icon {width:43%; height:250px; text-align:center; margin-top:30px; font-size:15px; float:left;} div.index_icon img {width:60px; height:60px; margin-bottom:15px;} div.index_icon h3 {margin:0px 0px 20px 0px; padding:0px; font-size:18px;} div.icona {margin-left:4%; margin-right:3%;} div.iconb {margin-left:3%; margin-right:4%;} div.iconc {margin-left:4%; margin-right:3%;} div.icond {margin-left:3%; margin-right:4%;} #content {width:100%; min-height:100px; background-color:#F0F9F8; float:left;} #content-center {width:92%; padding:50px 4% 30px 4%; min-height:100px; background-color:#FAFDFD; margin:0px; float:left;} div.page {width:100%; min-height:100px; line-height:30px; font-size:18px; text-align:justify; float:left;} div.full {width:100% !important;} div.page h1 {width:100%; margin:0px 0px 30px 0px; padding:0px 0px 20px 0px; font-size:22px; color:#009688; border-bottom:1px solid silver; text-align:left; float:left;} div.page h2 {width:100%; margin:10px 0px 30px 0px; padding:0px 0px 10px 0px; font-size:20px; border-bottom:1px dotted silver; float:left;} div.page img {width:70%; margin:15px 14% 15px 14%; padding:1%; border:1px solid #eeeeee; float:left;} div.page a {color:#009688;} div.page a:hover {color:#795548;} div.page ul {margin-left:0px; padding-left:5%;} img.luxmed {width:73px !important; height:22px !important; margin:0 !important; padding:0 !important; border:none !important; float:none !important;} img.marquee_optyk {width:132px !important; height:22px !important; margin:0 !important; padding:0 !important; border:none !important; float:none !important;} img.mapa {width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; border:none !important;} #ofirmie_l {width:100%; float:left;} #ofirmie_p {width:100%; margin:30px 0px 30px 0px; float:left;} #ofirmie_p img {width:25% !important; margin:0px 3% 0px 3% !important; float:left;} marquee {font-weight:bold; color:#ff9900; font-size:22px;} marquee img {width:132px !important; height:22px !important; margin:0 !important; padding:0 !important; border:none !important; float:none !important;} .oferta {background-image:linear-gradient(to left, rgba(255,255,255,0), rgba(194,236,237,1)); width:99%; padding-left:1%; padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px; text-align:left; float:left;} .oferta strong {font-size:20px;} #sidebar {width:100%; margin:0px 0px 25px 0px; padding:0px; float:left;} #sidebar_a {width:90%; margin:48px 0px 0px 0px; padding:10px 5% 10px 5%; min-height:10px; color:#ffffff; background-color:rgba(121, 85, 72, 1); float:left;} #sidebar_b {width:90%; margin:0px 0px 0px 0px; padding:10px 5% 10px 5%; min-height:10px; color:#ffffff; background-color:rgba(121, 85, 72, 0.9); float:left;} #sidebar_a p, #sidebar_b p {font-size:20px; color:#bcaaa4;} #middle {width:100%; padding-bottom:390px; /* wysokosc stopki */ overflow: hidden;} #footer {width:92%; padding:0px 4% 0px 4%; height:390px; position:absolute; bottom:0; background-color:#009999; float:left;} div.adres {width:100%; margin-top:30px; color:#85e2d9; float:left;} div.adres a {color:#ffffff; font-size:18px; line-height:30px; font-weight:bold; text-decoration:none;} div.adres a:hover {color:#ffffff;} div.adres strong {font-size:19px; line-height:35px;} div.adres img {height:15px;} div.adres span {font-weight:normal; color:#ffffff; font-size:11px;} #copy {width:100%; margin-top:20px; padding-bottom:5px; border-top:1px dotted #26A69A; font-size:11px; color:#9bc9c5; text-align:center; float:right;} #copy a {text-decoration:none; font-size:10px; color:#9bc9c5;} #copy img {display:none;} table.cennik {width:100%; border:0px; border-spacing:5px; border-collapse: separate;} td.opis {width:78%; padding:1%; border-bottom:1px dotted #999999; font-size:17px; text-align:left;} td.opis strong {font-size:18px;} td.naglowek_a {background-color:#006E63; padding:1%; color:#ffffff; text-align:left;} td.naglowek_a strong {font-size:19px;} td.naglowek_b {background-color:#009688; padding:1%; color:#ffffff; text-align:left;} td.naglowek_b strong {font-size:19px;} td.cena {border-bottom:1px dotted #999999; width:18%; padding:1%; font-weight:bold; font-size:17px; text-align:right;} div.kontakt1 {width:100%; margin:0%; float:left;} div.kontakt2 {width:100%; margin:20px 0% 0% 0%; float:left;} table.kontakty {width:100%; border:1px solid #009688; border-collapse: separate;} table.kontakty td {padding:2%; text-align:left;} table.kontakty td strong {font-size:23px;} table.kontakty td span {font-size:12px;} table.kontakty td span img {width:50px !important; height:15px !important;} td.k_naglowek {font-weight:bold; padding:1% !important; background-color:#009688; color:#ffffff; font-size:20px; text-align:left;} br.br {display:none;} .menu-menu-glowne-container ul, .menu-menu-glowne-container ul li {display:block; list-style:none; margin:0; padding:0;} .menu-menu-glowne-container ul {margin-top:20px;} .menu-menu-glowne-container ul li {padding-left:5%; padding-right:5%; width:90%; height:50px; line-height:50px; border-top:1px dotted silver; color:#212121; font-weight:bold; font-size:20px; text-decoration:none; text-align:center; float:left;} .menu-menu-glowne-container ul li a {font-size:17px; font-weight:bold; height:50px; line-height:50px; color:#1f4a4a; text-decoration:none; display:inline-block;} .menu-menu-glowne-container ul li a:hover {color: #777777;} .menu-choroby-oczu-container ul, .menu-choroby-oczu-container ul li, .menu-choroby-oczu-2-container ul, .menu-choroby-oczu-2-container ul li, .menu-okulistyka-dziecieca-container ul, .menu-okulistyka-dziecieca-container ul li, .menu-okulistyka-dziecieca-2-container ul, .menu-okulistyka-dziecieca-2-container ul li, .menu-diagnostyka-container ul, .menu-diagnostyka-container ul li, .menu-diagnostyka-2-container ul, .menu-diagnostyka-2-container ul li {display:block; list-style:none; margin:0; padding:0;} .menu-choroby-oczu-container ul li a, .menu-choroby-oczu-2-container ul li a, .menu-okulistyka-dziecieca-container ul li a, .menu-okulistyka-dziecieca-2-container ul li a, .menu-diagnostyka-container ul li a, .menu-diagnostyka-2-container ul li a {width:98%; margin:5px 0px 0px px; padding:8px 1% 8px 1%; color:#ffffff; border-bottom:1px solid rgba(255, 255, 255, 0.2); font-size:18px; text-decoration:none; text-align:left; float:left; display:block;} .menu-choroby-oczu-container ul li a:hover, .menu-choroby-oczu-2-container ul li a:hover, .menu-okulistyka-dziecieca-container ul li a:hover, .menu-okulistyka-dziecieca-2-container ul li a:hover, .menu-diagnostyka-container ul li a:hover, .menu-diagnostyka-2-container ul li a:hover {color:#ffffff; background-color:rgba(255, 255, 255, 0.2);} } .fa-mobile-screen-button {padding-left:5px;} .zoom {-webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:1s; animation-duration:1s;} @-webkit-keyframes fadeIn {0% {transform: scale(0.9);} 100% {transform: scale(1);}} @keyframes fadeIn {0% {transform: scale(0.9);} 100% {transform: scale(1);}} .info-bar1 { background: #10377c; padding: 40px; margin-top: 60px; color: #fff; padding-bottom: 40px; font-size: 18px; line-height: 30px; max-width: 1000px; } #wrapper.start-b { padding-top: 0; padding-bottom: 170px; } .kontakt-new img { max-width: 100%; height: auto; } .kontakt-new .img1 img { width: 78%; max-width: 100%; } .kontakt-new .img2 img { width: 78%; max-width: 100%; } .kontakt-new .img3 img { width: 78%; max-width: 100%; } .row-one{ display: flex; flex-direction: row; } .row-one-a{ width: 50%; } .row-one-b{ width: 50%; } .row-two { display: flex; flex-direction: row; } .row-two-a { width: 50%; } .row-two-b { width: 50%; } .row-thre { display: flex; flex-direction: row; padding-bottom: 40px; } .row-thre-a { width: 50%; } .row-thre-b { width: 50%; } .row-thre-text3 { text-align: center; } .row-thre-text3 a{color:#10377c!important; border:1px solid #ccc; display: inline-block; padding: 10px 20px; text-decoration: none; margin-top: 10px; } .row-thre-text3 a:hover{ background: #10377c; color: #ffffff!important; border:1px solid #10377c; text-decoration: none; } .table_aa {border-collapse: collapse; border:1px solid #ccc; width: 100%; } .table_aa td { border:1px solid #ccc; padding: 15px 15px; } .table_aa td.titte { background: #10377c; color: #fff; } .table-responsive { } .as-slides .as-layer.as-text-layer { background: rgba(62, 184, 215, 0.9)!important; } .as-slides1 .as-layer.as-text-layer { background: rgba(30, 150, 219, 0.7)!important; }