body {font-size: 11px; font-family: "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif; color: Black; padding: 0; margin: 0; text-align: center; /*background: white url(../images/pozadi.gif);*/} img {border: 0;} form {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6 {margin: 0; margin-bottom: 5px;} h1 {font-size: 150%;} h2 {font-size: 120%;} h3 {font-size: 110%;} h5 {font-size: 90%;} a:link, a:visited {color: #044184; text-decoration: none;} a:hover {color: #FD7F00; text-decoration: underline;} ul {list-style-type: square;} ul.cislo {list-style-type : decimal;} td {font-size:100% !important; font-size /**/:100%; } .f-left {float: left; margin-right: 8px;} .f-right {float: right;} .center {text-align: center;} .right {text-align: right; border: 1px solid black;} .left {text-align: left !important;} .cistic {clear:both; height:0; overflow:hidden; visibility:hidden;} .clear {clear: both;} .noborder {border: 0 !important;} .nomargin {margin: 0 !important;} .submit {font-size: 11px; font-weight: bold; cursor: pointer;} br.small {font-size: 1px;} hr {clear: both; height: 1px; color: #999999; border: 0; background-color: #999999; margin: 15px 0px; _margin: 0px 0px 10px 0px;} .iko-sipka {margin: 0; margin-bottom: -1px;} /*-- Layout --*/ #stin {margin: auto; width: 985px; padding: 0px 6px; _padding: 0;} #ohraniceni {text-align: left; width: 982px; border-left: 1px solid #034083; border-right: 1px solid #034083; padding: 0px 1px;} #zahlavi {background-color: white; padding: 25px 0px 0px 0px;} #zahlavi #logo {border-top: 1px solid #034083; border-bottom: 1px solid #034083; padding: 3px 10px 1px 16px;} #zahlavi #lang {background: transparent url(../images/zahlavi-pruh.jpg) repeat-y; border: 0px solid red;; width: 815px; float: right; margin-top: 4px;} #zahlavi #lang div {background: transparent url(../images/novy-rozmer-bydleni.gif) 0px 4px no-repeat; text-align: right; font-size: 10px; color: #034083; font-weight: bold; padding: 11px 15px 5px 0px;} #zahlavi #lang a:link, #zahlavi #lang a:visited {color: #034083;} #zahlavi #lang a:hover {color: #FD7F00;} #zahlavi #lang a.lang-selected { font-weight: bold; font-size: 11px; } #zahlavi #vsb {clear: both; height: 28px; background: url(../images/vsb-divize-4.gif) 51px 4px no-repeat;} #zapati {clear: both; float: none; background: white; padding: 10px 0px 77px 200px; border-top: 1px solid #044184; border-bottom: 1px solid #044184; color: #044184;} #obsah {background: white;} #obsah #levy-sloupec {float: left; background: url(../images/sloupce-stin-horni.gif) repeat-x; width: 176px; margin-right: 2px; /*background-color: yellow;*/} #obsah #stredni-sloupec {float: left; padding: 0px 0px 0px 0px; width: 577px; border: 0px solid green; margin-bottom: 20px;} #obsah #stredni-sloupec #obrazek {height: 115px; border: 0px solid red; margin: 0;} #obsah #stredni-sloupec .stin-obr {background: url(../images/stin-obr.gif) repeat-x; height: 7px;} #obsah #pravy-sloupec {float: right; background: url(../images/sloupce-stin-horni.gif) repeat-x; width: 226px; border: 0px solid red; padding: 0px; /*background-color: yellow;*/} /*-- Menu --*/ #menu_hor {background-color: #044184; color: white; padding: 8px 16px 7px 16px; border-bottom: 1px solid #688CB5; margin-bottom: 1px;} #menu_hor ul {text-align: left; border: 0px solid yellow; width: 800px; float: right;} #menu_hor ul {list-style-type:none; margin: 0; padding: 0;} #menu_hor li {float: left; /* width: 100px; */ _width: 0px; border-left: 1px solid #D3DDE9;} #menu_hor li {margin: 0; padding: 0px 13px;} #menu_hor li.prvni {margin-left: 3px;} #menu_hor li.zpravodaj {width: 100px;} #menu_hor a {text-decoration: none; width: 100%; color: #999999;} #menu_hor a:hover {color: white; text-decoration: underline;} #menu_hor a.menu-selected { font-weight: bold; color: white; } #menu-projekt {background-color: #FF8201; color: white; padding: 8px 16px; border-top: 1px solid #FFCD98; margin-bottom: 1px; font-size: 10px; font-weight: bold; height: 12px; _height: 10px;} #menu-projekt ul {text-align: left; border: 0px solid yellow;} #menu-projekt ul {list-style-type:none; margin: 0; padding: 0;} #menu-projekt li {float: left; border-left: 1px solid white;} #menu-projekt li {margin: 0; padding: 0px 8px;} #menu-projekt li.prvni {border: 0;} #menu-projekt a {text-decoration: none; color: white;} #menu-projekt a:hover {color: black; text-decoration: underline;} #menu-projekt a.menu-projekt-selected { color: black; font-size: 11px;} .box {padding: 11px 16px; _padding: 11px 15px;} .box h2 {color: #043F81; font-size: 11px; padding-left: 5px; margin-bottom: 9px; border-left: 1px solid #FF2C2E;} .box h3 {color: #646464; font-size: 11px; padding-left: 5px; border-left: 1px solid #FF2C2E;} .box p {padding: 0px 0px 10px 0px; margin: 0;} .box .datum {color: #646464;} .box #vyhledavani {} .box #vyhledavani p {padding: 0; margin-bottom: 5px;} .box #vyhledavani ul {padding: 0px 0px 5px 0px; margin: 0; list-style-type: none; font-weight: bold;} .box #vyhledavani ul input {padding: 0px; margin: 4px 5px 4px 0px; _margin: 0px 5px 0px 0px;} .box #vyhledavani .submit {border: 0px solid black; background: url(../images/iko_sipka.gif) 0px 3px no-repeat; padding: 0px 0px 0px 10px; _padding-left: 3px; margin: 7px 0px 5px 0px; font-weight: bold; color: #043F81;} .box #vyhledavani a {display: block; border: 0px solid black; background: url(../images/iko_sipka.gif) 0px 3px no-repeat; padding: 0px 0px 0px 13px; font-weight: bold; color: #043F81;} .box #vyhledavani a:hover {text-decoration: none;} .mapa {background-color: white; border-bottom: 1px solid #034083; padding: 5px 0px; text-align: center;} .mapa h2 {color: #043F81; font-size: 11px; padding-left: 5px; margin: 5px 0px 8px 16px; border-left: 1px solid #FF2C2E; text-align: left;} #hlavni-obsah {padding: 8px 20px 15px 20px;} #hlavni-obsah h1 {color: #043F81; font-size: 16px; padding-left: 5px; margin-bottom: 9px; border-left: 1px solid #FF2C2E;} #hlavni-obsah h2 {clear: both; color: #043F81; font-size: 17px; padding-left: 5px; margin-bottom: 9px; border-left: 1px solid #FF2C2E;} #hlavni-obsah h3 {clear: both; color: #646464; font-size: 15px; padding-left: 5px; border-left: 1px solid #FF2C2E;} #hlavni-obsah h4 {clear: both; color: #343434; font-size: 13px } /*-- Zpravodaj --*/ .zpravodaj div {margin-bottom: 5px;} .zpravodaj input {border: 1px solid #9a9a9a;} .zpravodaj label {display: block; float: left; width: 100px;} .zpravodaj span {color: #ff2222;} .zpravodaj .submit {border: 0px solid black; position: relative; top: 5px; left: 110px; background: url(../images/iko_sipka.gif) 0px 3px no-repeat; padding: 0px 0px 0px 10px; _padding-left: 3px; margin: 7px 0px 5px 0px; font-weight: bold; color: #043F81;} /*-- Otazky a odpovedi --*/ .faq form div {margin-bottom: 5px;} .faq form input {border: 1px solid #9a9a9a; width: 150px;} .faq form textarea {border: 1px solid #9a9a9a; width: 300px; height: 80px;} .faq form label {display: block; float: left; width: 100px;} .faq form span {color: #ff2222;} .faq form .submit {width: 65px; border: 0px solid black; position: relative; top: 5px; left: 350px; background: url(../images/iko_sipka.gif) 0px 3px no-repeat; padding: 0px 0px 0px 10px; _padding-left: 3px; margin: 7px 0px 5px 0px; font-weight: bold; color: #043F81;} .faq h2 a {} .faq .none {display: none !important;} /*-- Vypis projektu na titulni strane --*/ #hlavni-obsah .projekty {padding-top: 5px;} #hlavni-obsah .projekty div {float: left; margin: 0px 12px 20px 0px; border-top: 1px solid #043F83; border-bottom: 1px solid #043F83; width: 170px; background: #F1F2F4 url(../images/pozadi-box-projekt.gif) 0px 59px repeat-x;} #hlavni-obsah .projekty div h4 {padding: 5px 0px 0px 22px; margin: 0; margin-left: 10px; font-size: 14px;} #hlavni-obsah .projekty div img {border-bottom: 1px solid white;} #hlavni-obsah .projekty div p {padding: 5px 10px; margin: 0;} #hlavni-obsah .projekty div.prazdne {border: 0; height: 110px; background-image: none;} #hlavni-obsah .projekty div.no-right-margin {margin-right: 0;} /*-- Definice pro jednotlive projekty na titulni strane --*/ /*#hlavni-obsah .projekty div h4.zahrada-sylvan {background: url(../images/iko-kostka-cervena.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.zahrada-sylvan a {color: #B23926;} #hlavni-obsah .projekty div h4.novy-vinohrad {background: url(../images/iko-kostka-oranzova.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.novy-vinohrad a {color: #FF8500;} #hlavni-obsah .projekty div h4.zikmunda-wintera {background: url(../images/iko-kostka-fialova.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.zikmunda-wintera a {color: #8F3D7F;} #hlavni-obsah .projekty div h4.skanzen-hostivar {background: url(../images/iko-kostka-zelena.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.skanzen-hostivar a {color: #156858;} #hlavni-obsah .projekty div h4.miskovice {background: url(../images/iko-kostka-modra.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.miskovice a {color: #1F8DA6;} #hlavni-obsah .projekty div h4.bytovy-dum-lhotka {background: url(../images/iko-kostka-seda.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.bytovy-dum-lhotka a {color: #535453;} #hlavni-obsah .projekty div h4.bydleni-u-hvezdy {background: url(../images/iko-kostka-zelena2.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.bydleni-u-hvezdy a {color: #0a6d30;} #hlavni-obsah .projekty div h4.bytovy-dum-sylvan {background: url(../images/iko-kostka-zluta.gif) 0px 4px no-repeat;} #hlavni-obsah .projekty div h4.bytovy-dum-sylvan a {color: #ECC600;} */ #clanek {padding: 15px 20px; font-size: 12px;} #clanek h1 {color: #043F81; font-size: 13px; padding-left: 5px; margin-bottom: 9px; border-left: 1px solid #FF2C2E;} #clanek h2 {clear: both; color: #043F81; font-size: 11px; padding-left: 5px; margin-bottom: 9px; border-left: 1px solid #FF2C2E;} #clanek h3 {clear: both; color: #646464; font-size: 11px; padding-left: 5px; border-left: 1px solid #FF2C2E;} #clanek .f-left {float: left; margin-right: 8px;} #clanek .f-right {float: right; border: 1px solid #044184;} /*-- Projekt - styly pro stredni sloupec --*/ #stredni-sloupec h2 {clear: both; color: #043F81; font-size: 17px; padding-left: 5px; margin-bottom: 9px; border-left: 1px solid #FF2C2E;} #stredni-sloupec .pul-vlevo {border-right: 1px solid #999999; float: left; width: 269px; margin-bottom: 15px; _margin-bottom: 0px;} #stredni-sloupec .pul-vpravo {border: 0px solid green; float: right; width: 250px; padding-left: 15px; margin-bottom: 15px; _margin-bottom: 0px;} #stredni-sloupec .pul-vpravo .akce {display: block; width: 250px; height: 140px; border-width: 1px; border-style: solid;} #stredni-sloupec .pul-vpravo p {margin: 9px 0px;} #stredni-sloupec .pul-vlevo.mapa-infr img {border: 1px solid #014083;} #stredni-sloupec .pul-vlevo.mapa-infr h5 {margin-top: 5px;} #stredni-sloupec #mapka {padding-bottom: 12px;} #stredni-sloupec #mapka img {border-top: 1px solid #014083; border-bottom: 1px solid #014083; margin-bottom: 5px;} #stredni-sloupec #mapka .odkazy h3 {border-color: #2CD62D; float: left; margin-right: 10px;} #stredni-sloupec #mapka .odkazy a {display: block; float: left; background: url(../images/iko_sipka.gif) no-repeat; padding: 0px 13px 0px 6px; border-left: 1px solid #FF2C2E; font-weight: bold; color: #034081;} #stredni-sloupec #mapka .odkazy a.cela-praha {width: 80px; _width: 100px; background-position : 80px 2px;} #stredni-sloupec #mapka .odkazy a.detail {width: 50px; _width: 70px; background-position : 48px 2px;} #stredni-sloupec #mapka .odkazy a.velky-detail {width: 80px; _width: 100px; background-position : 85px 2px;} #stredni-sloupec #mapka .odkazy a.aktivni {color: red;} #stredni-sloupec #foto-okoli table {border-collapse: collapse;} #stredni-sloupec #foto-okoli td {text-align: center; padding: 0px 6px 3px 0px; _padding-bottom: 6px;} #stredni-sloupec #foto-okoli img {border: 1px solid #014083;} #stredni-sloupec #foto-okoli td.nopadding {padding-right: 0;} #stredni-sloupec #fotogalerie .nahledy {float: left; width: 140px;} #stredni-sloupec #fotogalerie .nahledy img {border: 1px solid #044184;} #stredni-sloupec #fotogalerie #galerphoto {float: right; border: 1px solid #044184;} #stredni-sloupec #fotogalerie table {border-collapse: collapse;} #stredni-sloupec #fotogalerie td {text-align: center; padding: 0px 6px 3px 0px; _padding-bottom: 6px;} #stredni-sloupec #fotogalerie img {border: 1px solid #014083;} #stredni-sloupec #fotogalerie td.nopadding {padding-right: 0;} #stredni-sloupec .clanek table {width: 100%; border-collapse: collapse;} #stredni-sloupec .clanek table td {vertical-align: top; padding: 0px 5px;} #stredni-sloupec .clanek p {padding-top: 0;} #stredni-sloupec .clanek ul {padding-top: 0;} #stredni-sloupec .kontakty div {width: 174px; float: left; padding-right: 6px;} #stredni-sloupec .kontakty div.nopadding {padding-right: 0;} #stredni-sloupec .standardy h3 {/*float: left;*/} #stredni-sloupec .standardy .odkazy {/*float: right; width: 422px;*/ margin-bottom: 30px; _margin-bottom: 50px; padding-bottom: 0px; text-align: right; border-left: 1px solid #2ED42C;} #stredni-sloupec .standardy .odkazy span {display: block; margin: 0; padding: 0px 5px 0px 5px; float: left;} #stredni-sloupec .standardy .odkazy a {border: 0px solid black; display: block; float: left; font-weight: bold; text-align: left; background: url(../images/iko_sipka.gif) right 2px no-repeat; padding: 0px 13px 0px 0px; margin-right: 5px;} /*#stredni-sloupec .standardy .odkazy a.z {width: 80px; background-position: 56px 2px;} #stredni-sloupec .standardy .odkazy a.s {width: 69px; background-position: 47px 2px;} #stredni-sloupec .standardy .odkazy a.v {width: 59px; background-position: 37px 2px;} #stredni-sloupec .standardy .odkazy a.vp {width: 55px; background-position: 45px 2px;}*/ #stredni-sloupec .standardy table {border-collapse: collapse; border: 1px solid #e1e1e3;} #stredni-sloupec .standardy table td {border: 1px solid #e1e1e3; padding: 3px 5px;} #stredni-sloupec .standardy #fotogalerie table td {padding: 0px 3px 3px 0px;} #stredni-sloupec .projekt h4 {clear: both; color: #646464; font-size: 11px; padding-left: 5px; border-left: 1px solid #2DD52D;} #stredni-sloupec .projekt .odkazy {margin: 0px 0px 24px 0px;} #stredni-sloupec .projekt .odkazy a {border-left: 1px solid #FF2C2E; display: block; float: left; /*width: 45px; */font-weight: bold; text-align: left; background: url(../images/iko_sipka.gif) right 2px no-repeat; padding: 0px 13px 0px 5px; margin-right: 5px;} #stredni-sloupec .projekt .odkazy a.aktivni {color: #646464;} #stredni-sloupec .projekt .odkazy_domy {margin: 0px 0px 24px 0px;} #stredni-sloupec .projekt .odkazy_domy a {border-left: 1px solid #FF2C2E; display: block; float: left; /*width: 45px;*/ font-weight: bold; text-align: left; background: url(../images/iko_sipka.gif) right 2px no-repeat; padding: 0px 13px 0px 5px; margin-right: 5px;} #stredni-sloupec .projekt .odkazy_domy a.aktivni {color: #646464;} #stredni-sloupec .projekt .dum {margin: 10px 0px;} #stredni-sloupec .projekt .flash {margin: 10px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #044184; border-bottom: 1px solid #044184;} #stredni-sloupec .projekt h3 span {color: #2CD62D;} #stredni-sloupec .projekt .objekt {margin-top: 10px; } #stredni-sloupec .projekt #byt {border: 0px solid black; padding: 20px 0px 20px 10px; width: 508px;} #stredni-sloupec .projekt #byt .tabulka {border: 0px solid red; float: right; width: 140px;} #stredni-sloupec .projekt #byt .pudorys {border: 0px solid navy; float: left; /*width: 370px;*/ text-align: center;} #stredni-sloupec .projekt #byt .tabulka table {border-collapse: collapse; margin-bottom: 10px;} #stredni-sloupec .projekt #byt .tabulka td {border: 1px solid #D9DADC; padding: 3px 5px;} #stredni-sloupec .projekt #byt .tabulka .top {font-weight: bold;} #stredni-sloupec .projekt #byt .tabulka .nadpis {font-weight: bold; background-color: #F2F2F2;} #stredni-sloupec .projekt #byt .tabulka sup {font-size: 7px;} #stredni-sloupec .cenik table {border-collapse: collapse; width: 538px;} #stredni-sloupec .cenik table td {border: 1px solid #D9DADC; padding: 3px 4px;} #stredni-sloupec .cenik table .nadpis {color: white; font-size: 10px; vertical-align: top; background-color: #034083;} #stredni-sloupec .cenik table .nadpis a {color: white; font-size: 10px; vertical-align: top; background-color: #034083;} #stredni-sloupec .cenik table .patro {text-align: center; background-color: #F2F2F2; font-weight: bold;} #stredni-sloupec .cenik table .tmavy {background-color: #FFE6CD;} #stredni-sloupec .cenik table .meziradek {border: 0; height: 5px;} #stredni-sloupec .cenik table .prodano {color: white; background-color: black;} #stredni-sloupec .cenik table .volny {color: white; background-color: #008800;} #stredni-sloupec .cenik table .rezervace {color: white; background-color: #FF0101;} #stredni-sloupec .cenik table .vzorovy {color: white; background-color: #008040;} #stredni-sloupec .cenik table .vice {color: white; background-color: #034083; text-align: center;} #stredni-sloupec .cenik table .vice a {color: white;} #stredni-sloupec .cenik table .cena {width: 140px; text-align: right;} #stredni-sloupec .cenik table .sirka-patro {width: 40px;} #stredni-sloupec .cenik table .sirka-dispozice {width: 60px;} /*#stredni-sloupec .cenik table tr.sleva td {border-top: 1px solid red; border-bottom: 1px solid red; } #stredni-sloupec .cenik table tr.sleva td:first-child {border-left: 1px solid red; } #stredni-sloupec .cenik table tr.sleva td:last-child {border-right: 1px solid red; } */ #stredni-sloupec .cenik table td.sleva {color: red; font-weight: bold;} #stredni-sloupec .cenik table tr.sleva td.cena {color: red; font-weight: bold;} /*-- Projekt - styly pro pravy sloupec --*/ #pravy-sloupec .border-bottom {border-bottom-width: 1px; border-bottom-style: solid;} #pravy-sloupec a.archiv:link, #pravy-sloupec a.archiv:visited {display: block; background: url(../images/iko_sipka.gif) 35px 3px no-repeat; padding: 0px 50px 0px 0px;} #pravy-sloupec #vizualizace {border: 0; border-bottom-width: 1px; border-style: solid;} #pravy-sloupec #vizualizace img {border: 1px solid black;} #pravy-sloupec #vizualizace a:link, #pravy-sloupec #vizualizace a:visited {color: #014083; font-weight: bold;} #pravy-sloupec #aktualni-projekty p {background: no-repeat; padding: 1px 0px 1px 25px;} #pravy-sloupec #aktualni-projekty strong {font-size: 14px;} #pravy-sloupec #aktualni-projekty hr {margin: 6px 0px 9px 0px;} /*-- Projekt - styly pro levy sloupec --*/ #levy-sloupec h1 {background: no-repeat; padding: 1px 0px 5px 25px; margin-bottom: 12px; font-size: 14px; border-bottom: 1px solid #999999;} #levy-sloupec sup {font-size: 7px;} #levy-sloupec #nadpis {padding-bottom: 0;} #levy-sloupec #projekt-info {border: 0; border-bottom-width: 1px; border-style: solid;} #levy-sloupec #projekt-info h3 {border: 0; padding: 0; margin: 0;} #levy-sloupec #projekt-info h4 {color: #FE0000; font-size: 100%;} #levy-sloupec #projekt-info p {} /*-- Nově otevíraná okna --*/ #view {background-color: #044184;} /*#view #strankovani {text-align: right; border: 1px solid white;}*/ /*-- Strankovani ve vypisu --*/ .skryty {display: none; } #strankovani {padding: 1px 5px; color: #999999;} #strankovani a {display: block; float: left; margin: 0px 2px; padding: 0px 2px; height: 14px; text-align: center;} #strankovani a.vzad-full:link, #strankovani a.vzad-full:visited {background: url(../images/vzad-full.gif) 2px no-repeat; width: 15px; margin: 0px; } #strankovani a.vzad-full:hover {background: url(../images/vzad-full-h.gif) 2px no-repeat; width: 15px; margin: 0px; } #strankovani a.vpred-full:link, #strankovani a.vpred-full:visited {background: url(../images/vpred-full.gif) 2px no-repeat; width: 15px; margin: 0px; } #strankovani a.vpred-full:hover {background: url(../images/vpred-full-h.gif) 2px no-repeat; width: 15px; margin: 0px; } #strankovani a.vzad:link, #strankovani a.vzad:visited {background: url(../images/vzad.gif) 2px no-repeat; width: 10px; margin: 0px; } #strankovani a.vzad:hover {background: url(../images/vzad-h.gif) 2px no-repeat; width: 10px; margin: 0px; } #strankovani a.vpred:link, #strankovani a.vpred:visited {background: url(../images/vpred.gif) 2px no-repeat; width: 15px; margin: 0px; } #strankovani a.vpred:hover {background: url(../images/vpred-h.gif) 2px no-repeat; width: 15px; margin: 0px; } #strankovani a:link, #strankovani a:visited {color: #999999; text-decoration: none;} #strankovani a:hover {color: #044184; text-decoration: none; background-color: white;} #strankovani a.aktivni:link, #strankovani a.aktivni:visited {background-color: white; color: #044184;} #strankovani a.aktivni:hover {background-color: whitet; color: #044184;} .nvtable {background-color:#ffe6cc} .zstable {background-color:#ffd7d1} .hdtable {background-color:#c1d8d8} .naktable {background-color:#a9d8e2} .kontaktyobr {margin-bottom:2px} .kontaktyobrend {margin-left:1px} .loftstable { background-color:#CCCCCC} .loftsheadtable {font-weight:bold;background-color:#434540; color:#FFFFFF} /* Prekryv + banner */ .overlay { background: url(../images/overlay-black.png); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0; padding: 0px } .overlay .dialog { position: relative; background: url(../images/banner-bg.png); width: 400px; height: 330px; margin: 12% auto 0 auto; padding: 7px 12px 17px 12px } .overlay .dialog h2 { font-size: 28px; margin-top: 34px; color: #fff } .overlay .dialog p { font-size: 25px; color: #e0e0e0 } .overlay .dialog p a { color: #fff; text-decoration: underline } .overlay .dialog p a:hover { text-decoration: none } .overlay .dialog p big { display: block; margin-top: 20px } .overlay .dialog .close { position: absolute; font-size: 0px; line-height: 0px; background: url(../images/close.png); display: block; width: 23px; height: 23px; right: 16px; top: 12px }