/******************************************************************************* Coded by GS on 16.03.2008, True Vision *******************************************************************************/ html, body { width:100%; height:100%; } body { background:#d0e8f1; padding:0; font-size:12px; } #language { position:absolute; z-index:30; top:32px; left:45px; } #language a { color:#416676; } #language a:hover { color:#363736; } #language ul { margin:0; padding:0; } #language ul li { background:none; margin:0; padding:0 22px 0 0; display:inline; white-space:nowrap; } #submenu a { color:#363736; } #submenu a.toggle { position:relative; border-bottom:1px dotted #363736; text-decoration:none; } #submenu a:hover { color:#5d6c74; } #submenu a.toggle:hover { position:relative; border-bottom:1px dotted #5d6c74; text-decoration:none; } #submenu ul { margin:0; padding:0 0 0 40px; } #submenu ul li { background:none; margin:0; padding:0 0 1em 0; color:#fff; font-size:1.5em; font-family:georgia,"times new roman",arial,tahoma; font-style:italic; } #footer { position:absolute; z-index:40; width:100%; color:#fff; } #footer a { color:#fff; } #footer a.toggle { border-bottom:1px dotted #fff; text-decoration:none; } #footer a:hover { color:#d9e0e3; } #footer a.toggle:hover { border-bottom:1px dotted #d9e0e3; } #footer div.footer { position:absolute; bottom:0; z-index:1; background:url(../images/i/bg/footer.jpg) #02a4ee 0 0 repeat-x; width:100%; } #footer div.footer-w { background:url(../images/i/bg/footer2.jpg) 50% 0 no-repeat; } #footer div.footer-content { position:relative; z-index:20; zoom:1; } #footer div.toggle { position:relative; z-index:1; padding-top:11px; height:32px; text-align:center; font-size:18px; font-style:italic; } #footer div.toggle a.toggle-btn { position:absolute; left:50%; background:url(../images/i/bg/footer_toggle.png) 0 0 no-repeat; margin:-21px 0 0 -13px; display:block; width:26px; height:26px; } #footer div.toggle a.toggle-btn span { background:url(../images/i/bg/footer_toggle.gif) 4px 6px no-repeat; display:block; width:26px; height:26px; } #footer div.toggle-active a.toggle-btn span { background-position:4px -20px; } #footer div.tv { padding:20px 15px; text-align:right; } #footer div.txt { padding-bottom:10px; } #footer div.txt p { margin-bottom:10px; } #footer table.footer { width:95%; height:157px; font-size:1.42em;} #footer table.footer td.contacts { padding:35px 0 25px 70px; } #footer table.footer td.contacts table { margin-top:10px; } #footer table.footer td.contacts table th { padding-right:18px; } #footer table.footer td.visit { background:url(../images/i/bg/contacts.png) 0 0 no-repeat; padding:35px 0 10px 170px; } #footer table.footer td.visit div.subscribe-link { font-size:1.18em; } #footer table.footer td.visit div.subscribe-link a { position:static; } #footer table.modal a { color:#0067af; } #footer table.modal a.toggle { position:relative; border-bottom:1px dotted #0067af; text-decoration:none; } #footer table.modal a:hover { color:#308900; } #footer table.modal a.toggle:hover { position:relative; border-bottom:1px dotted #308900; text-decoration:none; } #prev, #next { position:absolute; top:334px; z-index:30; visibility:hidden; font-size:20px; font-style:italic; } #prev { left:0; } #next { right:0; text-align:right; } #prev a, #next a { color:#363736; } #prev a.toggle, #next a.toggle { border-bottom:1px dotted #363736; text-decoration:none; } #prev a:hover, #next a:hover { color:#586e7f; } #prev a.toggle:hover, #next a.toggle:hover { border-bottom:1px dotted #586e7f; } #prev a.toggle-btn, #next a.toggle-btn { position:absolute; z-index:1; width:73px; height:84px; display:block; cursor:pointer; } #prev a.toggle-btn { left:0; background:url(../images/i/scroller/prev.png) 0 0 no-repeat; } #next a.toggle-btn { right:0; background:url(../images/i/scroller/next.png) 0 0 no-repeat; } #prev td, #next td { height:84px; vertical-align:middle; } #prev td { padding-left:87px; } #next td { padding-right:87px; } /*-------------------------------- container ---------------------------------*/ #container { position:relative; overflow:hidden; min-height:100%; height:100%; visibility:hidden; } #container table.container { background:url(../images/i/skin/sky.jpg) #c2e0f0 50% 0 repeat-x; height:100%; } #container td.container { width:33%; height:100%; } #container h1 { color:#fff; font-style:normal; } #container h2 { color:#829aac; font-size:1.41em; font-style:normal; } #container td.logo { padding:85px 25px 0 0; width:90px; } #container td.txt { padding-top:125px; line-height:1.41em; font-size:1.42em; } #container table.content { margin:0 auto; width:665px; } #container div.content { padding-bottom:60px; } #container td.index div.container { background:url(../images/i/skin/index.jpg) 50% 100% no-repeat; } #container td.index td.logo { padding:75px 25px 0 0; } #container td.index td.txt { padding-top:150px; font-style:italic; } #container td.index table.content { margin:0 auto; width:665px; } #container td.index div.txt { margin-bottom:50px; } #container td.index div.content { padding-bottom:335px; min-height:446px; } * html #container td.index div.content { height:392px; } #container td.project div.container { background:url(../images/i/skin/project.jpg) 50% 100% no-repeat; } #container td.project td.logo { padding:88px 25px 0 0; width:184px; text-align:right; } #container td.project td.txt { padding-top:145px; } #container td.project td.side { padding-top:200px; width:208px; } #container td.project table.content { margin:0 auto; width:900px; } #container td.project div.content { padding-bottom:300px; min-height:645px; } * html #container td.project div.content { height:694px; } #container td.project div.front { margin:0 auto; padding-left:53px; width:635px; } #container td.project div.front-w1 { background:url(../images/i/bg/project_front.png) 0 0 no-repeat; width:635px; height:244px; } #container td.project div.front-w2 { background:url(../images/i/bg/project_front.gif) 32px 10px no-repeat; padding:34px 0 0 40px; width:595px; height:210px; } #container td.project div.front h2 { padding-left:16px; color:#3f3e3e; font-size:1.5em; font-family:georgia,"times new roman",arial,tahoma; } #container td.project-decoration div.container { background:url(../images/i/skin/decoration.jpg) 100% 100% no-repeat; } #container td.project-decoration div.content { padding-bottom:400px; min-height:405px; } * html #container td.project-decoration div.content { height:508px; } #container td.project-decoration div.materials { line-height:1.41em; font-size:1.42em; } #container td.project-decoration div.materials div.txt { margin-bottom:1.18em; width:470px; } #container td.project-environment div.container { background:url(../images/i/skin/environment.jpg) 50% 100% no-repeat; } #container td.project-environment div.content { padding-bottom:225px; min-height:712px; } * html #container td.project-environment div.content { height:721px; } #container td.project-house div.container { background:url(../images/i/skin/house.jpg) 0 100% no-repeat; } #container td.project-house div.content { padding-bottom:245px; min-height:664px; } * html #container td.project-house div.content { height:702px; } #container td.project-advantage div.container { background:url(../images/i/skin/advantage.jpg) 50% 100% no-repeat; } #container td.project-advantage div.content { padding-bottom:310px; min-height:499px; } * html #container td.project-advantage div.content { height:585px; } #container td.flats div.container { background:url(../images/i/skin/flats.jpg) 100% 100% no-repeat; } #container td.flats td.logo { padding:85px 25px 0 0; } #container td.flats td.txt { padding-top:125px; } #container td.flats table.content { margin:0 auto; width:665px; } #container td.flats div.content { padding-bottom:400px; min-height:712px; } * html #container td.flats div.content { height:720px; } /*--------------------------------- clases -----------------------------------*/ table.news-list { margin:0 auto; } table.news-list td.news11 div, table.news-list td.news13 div { width:4px; height:1px; line-height:0; font-size:0; } table.news-list td.news21 div, table.news-list td.news22 div, table.news-list td.news23 div { width:4px; height:6px; line-height:0; font-size:0; } table.news-list td.news11, table.news-list td.news13 { width:4px; } table.news-list td.news21, table.news-list td.news22 { width:4px; height:6px; } table.news-list td.news23 { height:6px; } table.news-list td.news11 { background:url(../images/i/bg/news11.png) 0 0 repeat-y; } table.news-list td.news12 { background:url(../images/i/bg/news12.gif) 0 0 repeat; width:980px; } table.news-list td.news13 { background:url(../images/i/bg/news13.png) 0 0 repeat-y; } table.news-list td.news21 { background:url(../images/i/bg/news21.png) 0 0 no-repeat; } table.news-list td.news22 { background:url(../images/i/bg/news22.png) 0 0 repeat-x; } table.news-list td.news23 { background:url(../images/i/bg/news23.png) 0 0 no-repeat; } div.plans-menu a { color:#363736; } div.plans-menu a.toggle { position:relative; border-bottom:1px dotted #363736; text-decoration:none; } div.plans-menu a:hover { color:#5d6c74; } div.plans-menu a.toggle:hover { position:relative; border-bottom:1px dotted #5d6c74; text-decoration:none; } div.plans-menu ul { margin:0 0 2.35em 0; padding:8px 0 0 0; } div.plans-menu ul li { background:none; margin:0 0 1em 0; padding:0; color:#fff; font-size:1.18em; font-family:"times new roman",arial,tahoma; font-style:italic; } div.dl dl { margin:0; padding:0; } div.dl dt { margin:0 0 12px 0; padding:5px 0 0 0; line-height:normal; font-size:1.41em; font-weight:normal; } * html div.dl dt { height:1em; } div.dl dt a.toggle { border:none; background:url(../images/i/mrk/toggle.gif) 100% 9px no-repeat; padding-right:16px; display:block; float:left; color:#363736; } div.dl dt a.toggle span { position:relative; border-bottom:1px dotted #363736; } div.dl dt a.toggle-active { background-position:100% -181px; } div.dl dt a.toggle:hover { border:none; color:#0067af; } div.dl dt a.toggle:hover span { border-bottom:1px dotted #0067af; } div.dl dd { margin:0 0 6px 0; padding:0 0 1px 0; width:480px; /* width for js slide down */ } div.dl dd ul { margin:0; } /*---------------------------------- ids -------------------------------------*/ #subscribe-form { position:absolute; z-index:20; } #subscribe-form table.frm-item td.frm-c1 { width:140px; } #subscribe-form table.frm-item td.frm-c2 { padding-right:0; width:200px; } #subscribe-form div.modal { position:absolute; bottom:20px; left:-25px; z-index:1; padding:15px 15px 0 0; } #subscribe-form div.modal-content { width:430px; } #subscribe-form div.preoverlay { background-color:#e2f2f0; } #subscribe-form div.subscribe-form { padding:20px; } #news-list { position:absolute; top:0; z-index:40; width:100%; } #news-list table.news-menu { margin:0 auto; font-size:1.5em; } #news-list table.news-menu td { padding:0 7px 20px 7px; } #news-list table.news-menu a { border:none; padding:0 18px; display:block; height:32px; line-height:32px; color:#363736; cursor:pointer; } #news-list table.news-menu a span { border-bottom:1px dotted #363736; } #news-list table.news-menu a:hover { border:none; color:#586e7f; } #news-list table.news-menu a:hover span { border-bottom:1px dotted #586e7f; } #news-list table.news-menu a.toggle-active { background:url(../images/i/bg/news_tab.gif) #a5bac3 0 0 no-repeat; padding:0; height:32px; line-height:32px; display:block; color:#fff; cursor:default; } #news-list table.news-menu a.toggle-active span { border:none; background:url(../images/i/bg/news_tab.gif) 100% -32px no-repeat; padding:0 18px; display:block; height:32px; line-height:32px; } #news-list table.news-menu a.toggle-active:hover { border:none; color:#fff; } #news-list table.news-menu a.toggle-active:hover span { border:none; } #news-list div.toggle { position:relative; height:8px; font-size:14px; font-style:italic; } #news-list div.toggle-w { position:absolute; z-index:1; left:100%; margin-left:-147px; padding-top:30px; width:147px; } #news-list div.toggle a.toggle-btn { position:absolute; z-index:1; margin:-30px 0 0 -7px; background:url(../images/i/bg/news_toggle.png) 0 0 no-repeat; display:block; width:30px; height:22px; cursor:pointer; } #news-list div.toggle a.toggle-btn span { background:url(../images/i/bg/news_toggle.gif) 8px 5px no-repeat; display:block; width:26px; height:26px; } #news-list div.toggle a { color:#363736; } #news-list div.toggle a.toggle { border-bottom:1px dotted #363736; text-decoration:none; } #news-list div.toggle a:hover { color:#586e7f; } #news-list div.toggle a.toggle:hover { border-bottom:1px dotted #586e7f; } #news-list div.toggle-active a.toggle-btn span { background-position:8px -30px; } #news-list div.scrollable { position:relative; height:420px; } #news-list div.news-list { position:relative; background:url(../images/i/bg/news_bg.gif) 0 0 repeat-x; padding:52px 55px 40px 115px; width:810px; zoom:1; } #news-list div.news-list var.datetime { position:absolute; z-index:1; margin-left:-95px; } #news-list div.news-list div.items { padding:20px 0 1px 0; font-size:1.25em; } #news-list div.news-list div.item { margin-bottom:1.92em; padding-left:95px; min-height:1em; } * html #news-list div.news-list div.item { height:1em; } #location-link { background:url(../images/i/bg/map.png) 0 0 no-repeat; margin:-332px auto 0 auto; width:880px; height:332px; } #location-link a.toggle { color:#363736; font-size:20px; } #location-link a.toggle { border-bottom:1px dotted #363736; text-decoration:none; } #location-link a:hover { color:#586e7f; } #location-link a.toggle:hover { border-bottom:1px dotted #586e7f; } #location-link div.toggle { position:absolute; z-index:1; margin:60px 0 0 152px; padding:5px 5px 5px 20px; } #location-link div.i { background:url(../images/i/bg/map.gif) 7px 8px no-repeat; padding:8px 0 0 7px; width:139px; height:201px; } #location { padding-top:25px; } #location h1 { margin:0; padding:0 20px; color:#829aac; } #location div.print { padding:5px 20px; float:right; } #pricelist { padding:20px 15px 20px 25px; width:830px; font-size:1.42em; } #pricelist h2 { color:#829aac; } #pricelist table th { border-bottom:1px solid #327b16; padding:8px 8px 8px 0; color:#7fa993; font-style:italic; } #pricelist table td { border-top:1px solid #bfd5b6; padding:9px 8px 9px 0; } #pricelist table td.nr { padding-left:8px; } #pricelist table th.center, #pricelist table td.center { text-align:center; } #pricelist table th.price, #pricelist table td.price { padding-right:25px; text-align:right; } #pricelist table tr.sold td { color:#c1cecc; } #pricelist table tr.first td { border:none; } #pricelist div.thead, #pricelist div.scrollable { padding-right:30px; } #pricelist div.txt { padding-top:30px; } #pricelist div.scroller { background:url(../images/i/scroller/bar2.gif) 10px 0 repeat-y; } #pricelist div.scrollable { height:465px; }