/* GŁÓWNE STYLE */
html, body {
background : #E5E5E5;
color : #333;
font : 13px Verdana;
height : 100%; /* needed for container min-height */
line-height : 18px;
margin : 0px;
padding : 0px;
}
.box_devilart1 {
background-image:url(../img/box_devil.jpg);
width: 287px;
height: 130px;
position:absolute;
top: 946px;
left: 635px;
}
.box_devilart1o {
padding-top: 40px;
padding-left: 20px;
color:#006699;
}
.box_devilart2 {
background-image:url(../img/box_devil2.jpg);
width: 287px;
height: 79px;
position:absolute;
top: 1084px;
left: 635px;
}
.box_devilart2o {
padding-top: 35px;
padding-left: 20px;
color:#006699;
}
.box_devilart3 {
background-image:url(../img/box_devil2.jpg);
width: 287px;
height: 79px;
position:absolute;
top: 1171px;
left: 635px;
}
.box_devilart3o {
padding-top: 25px;
padding-left: 20px;
color:#006699;
}
a:link, a:active, a:visited, a:hover {
color : #2252B3;
text-decoration : none;
}
body, #Naglowek, #Zawartosc, #Stopka {
margin : 0px auto;
}
h1, h2, h3, h4, h5, h6, h7 {
margin : 0px auto;
text-align : left;
}
img {
border : 0px;
}
.GlobalFloatLeft {
float : left;
}
.GlobalFloatRight {
float : right;
}
.GlobalClearBoth {
clear : both;
}
.FontBold {
font-weight : bold;
}
ul, li, ul.ZwyklaList, ul.ZwyklaList li {
float : left;
list-style : none;
margin : 0px;
padding : 0px;
}
ul.ZwyklaList, ul.ZwyklaList li {
float : none;
list-style : disc;
margin : 0px 0px 0px 10px;
}
h2, div.Boxy h5 {
color : #333;
font : 30px Trebuchet MS;
margin : 15px 0px 0px 15px;
padding : 0px;
}
div.Boxy h5 {
font : bold 14px Trebuchet MS;
margin : 0px;
}
.TexlAlignCenter {
text-align : center;
}
div#Zawartosc {
background : #FFF;
height : auto !important; /* real browsers */
height : 100%; /* IE6: treaded as min-height*/
min-height : 100%; /* real browsers */
margin : 0px auto; /* center, not in IE5 */
margin-bottom : 30px;
position : relative; /* needed for footer positioning*/
width : 965px;
}
input, textarea {
border : 1px solid #CCC;
height : 37px;
width : 360px;
}
textarea {
height : 169px;
}
input[type="submit"] {
font : italic 18px Georgia;
height : 41px;
width : 77px;
}
.FontMaly, .FontMaly2 {
font-size : 11px;
}
.FontMaly2 {
color : #EE4C37;
}
.FontSredni {
font-size : 14px;
}
.FontCytat {
font : 20px Trebuchet MS;
}
.ZnakCytat {
display : inline-block;
margin : 10px -40px 0px 0px;
*margin : -15px -52px 0px 0px;
}
.ZnakCytat2 {
margin : 12px 0px 0px 50px;
}
.CytatWielkosc, .CytatWielkosc2 {
text-align : right;
width : 320px;
}
.CytatWielkosc2 {
width : 370px;
}
.TytulDuzy {
font : 30px Trebuchet MS;
}
.TextWyroznionyCzerwony {
font : italic 20px Trebuchet MS;
color : #EA332E;
}
/* KONIEC - GŁÓWNE STYLE */
/* STYLE DO NAGŁÓWKA */
div#Naglowek {
background : #E5E5E5;
margin-bottom : 8px;
padding : 9px 0px;
text-align : center;
}
div.CaleMenu {
height : 60px;
}
div.Menu {
font : 12px Verdana;
margin : 20px 0px 0px 0px;
}
div.DodajDoUlubionych {
margin : 0px;
text-align : right;
}
div.Menu ul li, div.Menu ul li a, div.Menu ul li, div.Menu ul li a:Link,
div.Menu ul li, div.Menu ul li a:Active, div.Menu ul li, div.Menu ul li a:Visited, div.Menu ul li, div.Menu ul li a:Hover {
color : #FFF;
}
div.Menu ul li.MenuOnas a, div.Menu ul li.MenuOnas a:Hover, div.Menu ul li.MenuOnasAktywna,
div.Menu ul li.NaszaOferta a, div.Menu ul li.NaszaOferta a:Hover, div.Menu ul li.NaszaOfertaAktywna,
div.Menu ul li.Higiena a, div.Menu ul li.Higiena a:Hover, div.Menu ul li.HigienaAktywna,
div.Menu ul li.Kontakt a, div.Menu ul li.Kontakt a:Hover, div.Menu ul li.KontaktAktywna {
background : url(../img/menu-onas-a.gif);
display : inline-block;
height : 31px;
margin : 0px 0px 0px 8px;
width : 96px;
}
div.Menu ul li.MenuOnasAktywna, div.Menu ul li.MenuOnas a:Hover {
background : url(../img/menu-onas-b.gif);
}
div.Menu ul li.NaszaOferta a {
background : url(../img/menu-oferta-a.gif);
width : 114px;
}
div.Menu ul li.NaszaOfertaAktywna, div.Menu ul li.NaszaOferta a:Hover {
background : url(../img/menu-oferta-b.gif);
width : 114px;
}
div.Menu ul li.Higiena a {
background : url(../img/menu-higiena-a.gif);
width : 168px;
}
div.Menu ul li.HigienaAktywna, div.Menu ul li.Higiena a:Hover {
background : url(../img/menu-higiena-b.gif);
width : 168px;
}
div.Menu ul li.Kontakt a {
background : url(../img/menu-kontakt-a.gif);
width : 91px;
}
div.Menu ul li.KontaktAktywna, div.Menu ul li.Kontakt a:Hover {
background : url(../img/menu-kontakt-b.gif);
width : 91px;
}
div.Menu ul li.MenuOnas span, div.Menu ul li.MenuOnasAktywna span, div.Menu ul li.NaszaOferta span, div.Menu ul li.NaszaOfertaAktywna span,
div.Menu ul li.Higiena span, div.Menu ul li.HigienaAktywna span, div.Menu ul li.Kontakt span, div.Menu ul li.KontaktAktywna span {
display : inline-block;
padding-top : 8px;
}
/* KONIEC - STYLE DO NAGŁÓWKA */
/* STYLE DO ZAWARTOŚCI */
div#Teksty {
min-height : 600px;
padding : 0px 9px; /* bottom padding for footer */
}
#Zawartosc div.Nazwa {
background : #DADADA;
height : 260px;
margin : 0px 0px 0px 9px;
width : 313px;
}
/* INDEX 2 */
#Zawartosc div.NazwaIndex2 {
background : url(../img/nazwa.gif);
height : 260px;
margin : 0px 0px 0px 9px;
width : 313px;
}
/* KONIEC - INDEX 2 */
#Zawartosc div.Nazwa3 {
background : #000;
color : #FFF;
font : 18px Trebuchet MS;
margin : 10px 0px 0px 10px;
padding : 2px 5px;
text-align : left;
width : 255px;
}
#Zawartosc #Teksty div.Nazwa ul {
margin : 10px 0px 0px 50px;
}
#Zawartosc #Teksty div.Nazwa ul li {
float : none;
height : 34px;
list-style : url(../img/nazwa-lista.gif);
width : 200px;
}
ul.ListaStar li {
list-style : url(../img/lista-star.gif) inside;
}
#Zawartosc #Teksty div.Nazwa ul li span {
display : inline-block;
position : relative;
top : -8px;
}
#Zawartosc div.Teksty {
margin : 10px 0px;
}
#Zawartosc div.Teksty div.Tytul, #Zawartosc div.Teksty div.NaszaOfertaMenu div.Tytul {
background : #8D57AC;
color : #FFF;
padding : 4px 0px 5px 12px;
text-align : left;
width : 612px;
}
#Zawartosc div.Teksty div.NaszaOfertaMenu div.Tytul {
width : 301px;
}
#Zawartosc div.Teksty div.TekstyWielkosc {
width : 624px;
}
#Zawartosc div.Teksty div.TekstyWielkosc div.Tekst {
margin-bottom : 30px;
padding : 18px 13px;
text-align : left;
}
#Zawartosc div.Teksty div.NaszaOfertaMenu {
margin-left : 10px;
}
#Zawartosc div.Teksty div.NaszaOfertaMenu ul {
margin : 18px 9px;
}
#Zawartosc div.Teksty div.NaszaOfertaMenu ul li {
float : none;
margin : 0px 0px 14px 0px;
text-align : left;
}
#Zawartosc div.Teksty div.NaszaOfertaMenu ul li a:Hover {
background : #9767B9;
color : #FFF;
margin : 0px -3px 0px -3px;
padding : 4px 3px;
}
span.FormTytul {
display : block;
margin : 0px 0px 5px 3px;
}
div.Tekst h3 {
color : #0033CC;
font : bold 12px Verdana;
margin : 0px 0px 5px 0px;
}
div.Tekst h4 {
font : bold 12px Verdana;
margin : 10px 0px 25px 0px;
}
img.NaszaOfertaImg {
border : 0px solid #000;
margin : 0px 1px 1px;
}
div.ImgObokTekstu {
margin : 0px 20px 0px 0px;
}
div.OpisZdjecia {
margin-top : 4px;
width : 400px;
}
div.OpisZdjecia2 {
width : 380px;
}
#Zawartosc div.Teksty ul.ListaNormalna,
#Zawartosc div.Teksty ul.ListaNormalna2,
#Zawartosc div.Teksty ul.ListaNormalna li,
#Zawartosc div.Teksty ul.ListaNormalna2 li {
float : none;
}
#Zawartosc div.Teksty ul.ListaNormalna li,
#Zawartosc div.Teksty ul.ListaNormalna2 li {
list-style : disc outside;
margin : 0px 0px 20px 20px;
}
#Zawartosc div.Teksty ul.ListaNormalna2 li {
margin : 0px 0px 0px 20px;
}
#Zawartosc div.Teksty div.Tekst div.Boxy {
margin : 40px 0px 0px 0px;
}
#Zawartosc div.Teksty div.Tekst div.Boxy div.LogaFirm {
margin : -25px 0px 0px 10px;
}
#Zawartosc div.Teksty div.Tekst div.Box, #Zawartosc div.Teksty div.Tekst div.BoxOst,
#Zawartosc div.Teksty div.Tekst div.Box2, #Zawartosc div.Teksty div.Tekst div.Box2Ost {
background : url(../img/box.gif) no-repeat;
height : 86px;
margin : 0px 20px 0px 0px;
width : 185px;
z-index : 1;
}
#Zawartosc div.Teksty div.Tekst div.Box2, #Zawartosc div.Teksty div.Tekst div.Box2Ost {
background : #EBEBEA url(../img/box2.gif) no-repeat bottom;
height : auto;
min-height : 67px;
margin-bottom : 20px;
width : 286px;
}
#Zawartosc div.Teksty div.Tekst div.Box2.Max {
height : 117px;
}
#Zawartosc div.Teksty div.Tekst div.BoxOst, #Zawartosc div.Teksty div.Tekst div.Box2Ost {
margin : 0px;
}
#Zawartosc div.Teksty div.Tekst div.Box div.BoxNazwa,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxNazwa {
position : relative;
margin : -11px 10px 0px 0px;
z-index : 4;
}
#Zawartosc div.Teksty div.Tekst div.Box div.BoxNazwa div.BoxLeft,
#Zawartosc div.Teksty div.Tekst div.Box div.BoxNazwa div.BoxTytul,
#Zawartosc div.Teksty div.Tekst div.Box div.BoxNazwa div.BoxRight,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxNazwa div.BoxLeft,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxNazwa div.BoxTytul,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxNazwa div.BoxRight {
background : url(../img/box-left.gif) no-repeat;
height : 23px;
width : 5px;
}
#Zawartosc div.Teksty div.Tekst div.Box div.BoxNazwa div.BoxTytul,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxNazwa div.BoxTytul {
background : #E60505;
color : #FFF;
font : 11px Verdana;
text-align : center;
width : auto;
}
#Zawartosc div.Teksty div.Tekst div.Box div.BoxNazwa div.BoxTytul span,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxNazwa div.BoxTytul span {
display : inline-block;
margin-top : 4px;
}
#Zawartosc div.Teksty div.Tekst div.Box div.BoxNazwa div.BoxRight,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxNazwa div.BoxRight {
background : url(../img/box-right.gif) no-repeat;
}
#Zawartosc div.Teksty div.Tekst div.Box div.BoxText,
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxText {
margin : 17px 0px 0px 13px;
}
#Zawartosc div.Teksty div.Tekst div.Box2 div.BoxText {
font : 12px Verdana;
margin : 2px 0px 10px 13px;
}
.Linia {
background : #DADBDD;
font-size : 1px;
height : 1px;
margin : 3px auto;
text-align : center;
width : 100%;
}
.Link {
font : 11px Verdana;
}
div.EndodoncjaBox {
padding : 25px 0px;
}
div.EndodoncjaBox span {
display : inline-block;
padding-top : 10px;
}
textarea, input {
border : 1px solid #CCCCCC;
}
input.clear {
border : none;
}
/* KONIEC - STYLE DO ZAWARTOŚCI */
/* STYLE DO STOPKI */
div#Stopka {
bottom : 0px; /* stick to bottom */
color : #FFF;
font-size : 11px;
position : absolute;
width : 100%;
}
div#Stopka div.StopkaTekst {
background : #191919;
height : 14px;
margin : 0px 0px 5px 5px;
padding : 6px 18px;
width : 918px;
}
div#Stopka a {
color : #FFF;
}
div#Stopka div.StopkaTekst li.Separator {
margin : 0px 7px;
}
/* KONIEC - STYLE DO STOPKI */
/* LIGHTBOX */
#lightbox {
left : 0px;
line-height : 0px;
position : absolute;
text-align : center;
width : 100%;
z-index : 100;
}
#lightbox img {
height : auto;
width : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
background-color : #fff;
height : 250px;
margin : 0px auto;
position : relative;
width : 250px;
}
#imageContainer {
padding : 10px;
}
#loading {
height : 25%;
left : 0%;
line-height : 0px;
text-align : center;
top : 40%;
width : 100%;
position : absolute;
}
#hoverNav {
height : 100%;
left : 0px;
top : 0px;
position : absolute;
width : 100%;
z-index : 10;
}
#imageContainer>#hoverNav {
left: 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
background-image : url(data:img/gif;base64,AAAA); /* Trick IE into showing hover */
display : block;
height : 100%;
width : 49%;
}
#prevLink {
float : left;
left : 0px;
}
#nextLink {
float : right;
right : 0px;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../img/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../img/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
background-color : #fff;
font : 10px Verdana, Helvetica, sans-serif;
line-height : 1.4em;
margin : 0px auto;
overflow : auto;
width : 100%;
}
#bottomNav {
float : right;
}
#imageData {
font-size : 15px;
color : #666;
padding : 0px 40px;
}
#imageData #imageDetails {
float : left;
text-align : left;
width : 70%;
}
#imageData #caption {
font-weight: bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#imageData #bottomNavClos e {
float : right;
outline : none;
padding-bottom : 0.7em;
width : 66px;
}
#overlay {
background-color : #000;
height : 500px;
left : 0px;
position : absolute;
top : 0px;
z-index : 90;
width : 100%;
}
/* KONIEC - LIGHTBOX */