/* reset */
html, body {height: 100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.nopg {padding:0 0 20px 0 !important;}
.padd5x10 {padding:5px 10px;}
/* global */
body {
margin: 0 auto;
margin-top: 20px;
padding: 0;
font: 76% Arial,Tahoma,sans-serif;
background: #ebebeb no-repeat bottom center;
}
a, a:visited, h2, h3, #content strong, #offers dt {color: #0f3b02}
a {text-decoration: none; cursor: pointer}
h1,h2,h3,h4,h5,h6 {font-weight: bold}
h2 {background: url(../img/h2_bg.png) no-repeat; line-height: 25px; padding-left: 25px; margin-bottom: 10px; clear:both;}
p {margin-bottom: 10px}
.access {display: none}
/* page styles */
#wrapper, #container {}
#wrapper {min-width:1173px;}
#content {width: 990px; margin: 0 auto;}
#contentwrapper {background: url(../img/bg1_new.png) no-repeat bottom right; margin:0pt auto; width:1100px; padding-right:73px;}
#wrapper {background: #ebebeb url(../img/wrapper_bg.png) no-repeat top center; }
#top {background: url(../img/top1.jpg) no-repeat 50% 2px; height: 304px; min-width:1173px;}
.history #top {background-image: url(../img/top2.jpg);}
.offer #top {background-image: url(../img/top2.jpg);}
#top h1 {color:#308510; float:left; font-family:arial; font-size:16px; font-weight:bold; left:0; position:relative; text-align:left; text-indent:17px; top:40px;}
#top h1 img {display:block;}
#top h1 a {color:#308510;}
div#header {width: 1100px; position: relative; margin: 0 auto;}
#header h2 {background:none; float:left; font-size:1.1em; left:438px; padding-left:0pt; position:relative; top:-19px;}
#header h2.officeheader {position:absolute; top:35px; left:342px;background:transparent ; clear:both; line-height:25px; margin-bottom:10px; padding-left:2px; font-size:1.3em;}
#header img.officeimg {float:right; margin:50px 0 0 0; width:200px; position:absolute; top:0px; right:0px;}
#lang-menu { overflow: hidden; position: absolute; top: -8px; right:0px;}
#lang-menu li {background: url(../img/pl.png) no-repeat; float: left; margin: 0 6px;}
#lang-menu li#lang-gb {background-image: url(../img/gb.png)}
#lang-menu li#lang-it {background-image: url(../img/it.png)}
#lang-menu a {text-indent: -1000px; display: block; width: 29px; height: 18px;}
#menu {text-align: center; height: 35px;}
#menu ul {list-style: none; margin-bottom: 10px}
#menu li {display: inline; margin: 0 10px;}
#menu a {font-weight: bold; }
#menu li li a {font-weight: normal; font-size: 0.9em;}
#menu li li {text-align: left}
// #menu #primary-nav ul li a{background:#EBEBEB url(../img/arrow.gif) no-repeat 3px 8px;}
// #menu #primary-nav ul li a:hover{background:#EBEBEB url(../img/arrow.gif) no-repeat 5px 8px;}
#menu #primary-nav li.more {background: url(../img/bg_menu_more_big.gif) no-repeat right 11px; color: #0F3B02;}
#menu #primary-nav li.more li.more {background: #EBEBEB url(../img/bg_menu_more_small.gif) no-repeat 135px 10px;}
* html #menu #primary-nav li li.more {background: #EBEBEB url(../img/bg_menu_more_small.gif) no-repeat 135px 10px;}
#top form {margin-top: 60px; float: right; clear: right; width: 285px; height: 155px; padding: 5px 30px 30px 30px; background: url(../img/form_bg.png) no-repeat;}
#top form dt {float: left; line-height: 25px; width:30%;}
#top form dd {float: right; height: 25px;}
#top form label {color: #828482}
#top select {border: 0px solid #fff; width: 185px; _width: 185px; *width: 185px; height:19px;}
#top input {border: 1px solid #777; width: 185px; border:none; padding: 2px;}
#top input#rooms, #top select {background: transparent url(../img/bg_input_long.gif) no-repeat;}
#top input:focus, #top select:focus, #top input#rooms:focus {background: transparent url(../img/bg_input_long_focus.gif) no-repeat;}
input#area-min, input#area-max, input#price-min, input#price-max
{width: 86px; background: url(../img/bg_input_short.gif) no-repeat; display: inline; _width: 85px; *width: 85px;}
input#area-min:focus, input#area-max:focus, input#price-min:focus, input#price-max:focus {background: transparent url(../img/bg_input_short_focus.gif) no-repeat;}
#top input#advanced-search {width: 189px; border: none; margin-top: 5px; padding:0}
#top input#search {width: 92px; border: none; margin-top: 5px; padding:0}
#container {/* background: url(../img/container_bg.png) repeat-y top center; */ background-color:#fff; min-width:990px; overflow:hidden; border:1px #AFAFAF solid; border-top:none; border-bottom:none}
#path {background:#EBEBEB url(../img/container_top.png) no-repeat scroll right bottom; height:25px; min-width:1101px;}
#path ul {background:#EBEBEB url(../img/container_top.png) no-repeat scroll -1px bottom; min-height:25px; width:50%;}
#path li {display: inline;}
#path li.first {padding-left:3%;}
#path .last {color: #565656;}
#path .last a {color: #565656;}
#content {background: #fff; padding-top: 10px; color: #2e2e2e;}
div.box3x1 {background-image: url(../img/box3x1.png); width: 549px; height: 150px;}
div.box5x1 {background-image: url(../img/box5x1.png); width: 969px; height: 127px;}
div.box1x2 {background-image: url(../img/box1x2.png); width: 192px; height: 317px;}
div.box2x1 {background-image: url(../img/box2x1.png); width: 401px; height: 150px;}
div.box1x3 {background-image: url(../img/box1x3.png); width: 192px; height: 484px;}
div.box3x3 {background-image: url(../img/box3x3.png); width: 549px; height: 484px;}
div.box3x1, div.box1x2, div.box2x1, div.box1x3, div.box3x3, div.box5x1, div.ad3x1, div.ad2x1
{background-repeat: no-repeat; margin: 0 8px 8px 0; float: left; overflow: hidden; padding:5px;}
div.box3x1 p, div.box1x2 p, div.box2x1 p, div.box1x3 p, div.box3x3 p, div.ad3x1 p, div.ad2x1 p
{padding: 0 25px; overflow: hidden}
div.box3x1 ul, div.box1x2 ul, div.box2x1 yl, div.box1x3 ul, div.box3x3 ul, div.ad3x1 ul, div.ad2x1 ul {padding: 0 25px; overflow: hidden}
div.box3x1 h3, div.box1x2 h3, div.box2x1 h3, div.box1x3 h3, div.box3x3 h3, div.box5x1 h3, div.ad3x1 h3, div.ad2x1 h3
{padding: 0 25px; overflow: hidden; margin-bottom: 5px}
div.box3x1 p img, div.box2x1 p img, div.box5x1 p img, div.ad3x1 p img, div.ad2x1 p img
{float: right}
div.box3x1 h2, div.box2x1 h2, div.box3x3 h2, div.box5x1 h2, div.ad3x1 h2, div.ad2x1 h2
{background-image: url(../img/h2_bg_long.png)}
div.box3x3 p img {}
div.box1x3 img, div.box1x2 img {display: block; margin: 0 auto}
div.text p {padding: 0 5px; line-height: 1.5em; text-align: justify}
/* * html div.box3x1, * html div.box1x2, * html div.box2x1, * html div.box1x3, * html div.box3x3, * html div.box5x1
{margin:0 4px 6px 0}*/
div.ad3x1 {background-image: url(../img/box3x1.png); width: 549px; height: 150px; text-align: center; padding: 0; width: 559px; height: 160px; position:relative;}
div.ad3x1 img {float: none; display: block; margin: 12px auto;}
div.ad3x1 h4 {color:#FFFFFF; font-size:18px; position:absolute; right:168px; text-decoration:underline; top:90px;}
div.ad2x1 {background-image: url(../img/box2x1.png); width: 401px; height: 150px;}
div.ad2x1 p {overflow: visible}
div.ad2x1 img {position: relative; top: -20px; margin-left: 10px}
div#offers {float:left; width:565px;}
#offers div.box3x1 {padding: 5px 15px; width: 529px}
#offers .box3x1 {position:relative;}
#offers dl dt {width: 316px; float: right; font-weight: bold; margin-top: 8px}
#offers dl dd.image {width: 200px; float: left; padding: 8px 12px 0 0}
#offers dl dd.rooms {text-align: right; color: #8c8e8c; font-size: 0.9em}
#offers dl dd.price {bottom:20px; color:#15960F; left:228px; position:absolute;}
#offers dl dd.link {bottom:20px; position:absolute; right:20px;}
#offers dl dd.desc {padding: 8px 0;}
#offers dl dd.desc p {padding:0}
#content ul#services {margin-left: -3px; padding:0px}
#content #services li {margin: 6px 0; zoom: 1; background:none; line-height:1.4em; padding:0;}
p.address {color:#186510; font-size:1.25em; font-weight:bold; overflow:hidden; padding:65px 0pt 0pt 0px; zoom:1; position:absolute; top:2px; left:342px;}
a.details {float: right; color: #15960f; text-decoration: underline;}
a.details:hover {text-decoration: none;}
#content #tel_zdrowie, #content #tel_sport, #content #tel_kultura, #content #tel_komunikacja, #content #tel_edukacja
{color: #0f3b02; font-weight: bold; height: 92px; float: left; width: 68px;
text-align: center; margin: 0 62px; zoom: 1; _margin: 0 72px 0 41px; padding-left:0px}
#content #tel_zdrowie a, #content #tel_sport a, #content #tel_kultura a, #content #tel_komunikacja a, #content #tel_edukacja a
{text-decoration: underline; padding-top: 76px; display: block}
#content #tel_zdrowie a:hover, #content #tel_sport a:hover, #content #tel_kultura a:hover, #content #tel_komunikacja a:hover, #content #tel_edukacja a:hover
{text-decoration: none}
#content #tel_zdrowie {background-image: url(../img/tel_zdrowie.png);}
#content #tel_sport {background-image: url(../img/tel_sport.png);}
#content #tel_kultura {background-image: url(../img/tel_kultura.png);}
#content #tel_komunikacja {background-image: url(../img/tel_komunikacja.png);}
#content #tel_edukacja {background-image: url(../img/tel_edukacja.png);}
#oferta_bottom li
{background: #fff top left no-repeat; color: #0f3b02; font-weight: bold; height: 76px; float: left; width: 200px;
text-align: left; margin: 0 52px; zoom: 1; _margin: 0 52px 0 41px; padding-top: 16px}
#oferta_bottom a {text-decoration: none; padding-left: 76px; display: block;}
#content li#oferta1 {background-image: url(../img/oferta1.png);}
#content li#oferta2 {background-image: url(../img/oferta2.png);}
#content li#oferta3 {background-image: url(../img/oferta3.png);}
.imageslist {float: left; width: 180px; margin-left: 25px}
div#gallery {position: relative; zoom:1}
#gallery #mainpic {margin-bottom: 20px;}
#gallery #mainpic img {margin: 0 auto; display: block}
#gallery #smallpics img {max-width: 150px; _width: 150px; margin: 2px; }
#gallery #smallpics {width: 470px; margin: 0 auto; position: absolute; top: 313px; left: 39px;}
#gallery #prev_link {position: absolute; top: 350px; left: 10px; _left: -25px; width: 17px; height: 18px; background:url(../img/prev.png) no-repeat;}
#gallery #next_link {position: absolute; top: 350px; right: 12px; width: 17px; height: 18px; background:url(../img/next.png) no-repeat;}
#gallery #prev_link span {display: none;}
#gallery #next_link span {display: none;}
/* Horizontal menu */
#menu_vert {margin-left: 1px; margin-right: 1px;}
#menu {width: 990px; margin: 0 auto; float: none;}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { width: 150px; padding:0px; font-weight:normal;font-size:12px; }
/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px;}
#primary-nav ul { position: absolute; top: auto; display: none;}
#primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px;}
#primary-nav li { margin-left: -1px; float: left; padding:5px 10px; font-size: 1.2em; font-weight:bold; }
#primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; background: #ebebeb; font-weight:normal;}
#primary-nav a {display: block; margin: 0px; text-decoration: none;}
#primary-nav li a {}
#primary-nav li li a {border: 1px solid #C0C0C0; padding: 5px 15px;}
#primary-nav li, #primary-nav li.menuparent {}
#primary-nav li.menuactive {background-color: #C7C7C7;}
#primary-nav li:hover, #primary-nav li.moreh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh
{background-color: #ccc;}
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul
{display: none;}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav li.moreh ul
{display: block;}
/* IE Hacks */
#primary-nav li li {float: left; clear: both;}
#primary-nav li li a {height: 1%;}
/* End of 'Navigation: CSSMenu - Horizontal' */
#footer {clear: both; background: #ebebeb url(../img/footer_bg_right.png) no-repeat bottom right; min-width:990px; min-height:38px; overflow:hidden;}
#footer_in {background:transparent url(../img/footer_bg_left.png) no-repeat scroll left -33px; min-height:38px; overflow:hidden; padding:0px 20px 0pt; width:950px;}
#footer_in a, #footer_in a:visited {color: #fff; font-weight: bold; opacity: 0.5}
#footer_in a:hover {opacity: 0.9}
#footer p#login {float: left; margin-bottom:0; margin-top:8px}
#footer p#login a {color: #000;}
#footer ul {float:left; overflow:hidden; padding-top:8px;}
#footer li {display: inline; margin-left: 20px;}
#warski {}
#copyright {width:1100px; margin:0 auto;}
* html #top form {behavior: url(css/iepngfix.htc);}
/* KiD Hack */
.kidbox {
height:auto !important;
background: #fff !important;
padding-top:0px !important;
}
.kidbox::before {
display: block;
line-height: 0;
background: url(../img/kid_box_right_top.jpg) top right no-repeat;
content: url(../img/kid_box_left_top.jpg) }
.kidbox::after {
height:39px;
display: block;
line-height: 0;
background: url(../img/kid_box_right_bottom.jpg) bottom right no-repeat;
content: url(../img/kid_box_left_bottom.jpg) }
.kidbox blockquote {border-right:1px #BDBDBD solid; border-left:1px #BDBDBD solid; padding:5px 10px; margin-bottom:-24px; position:relative; z-index:1; overflow:hidden; }
#menu_level_1 {z-index:20;}
#menu_level_2 {z-index:20;}
#menu_level_3 {z-index:20;}
#menu_level_4 {z-index:20;}
#menu_level_5 {z-index:20;}
#menu_level_6 {z-index:20;}
#menu_level_7 {z-index:20;}
/* End KiD Hacks */
/* Sitemap */
#content #sitemap {overflow:hidden; padding:0;}
#content #sitemap ul {padding:0;}
#content #sitemap li {background:transparent url(../img/h2_bg.png) no-repeat scroll 0% 0%; line-height:25px; margin-bottom:10px; padding-left:25px; list-style:none;}
#content li {background: url(../img/bg_kid_li.gif) no-repeat left 3px; margin-left:15px; line-height:1.4em; padding-left:15px; margin-bottom:4px;}
#content #menuDirection li.back {background:none; line-height:2em; margin-left:10px;float:left; padding:0}
#content #menuDirection li.back a {background: url(../img/mini_logo_left.gif) no-repeat left top; padding:0 0 4px 20px;}
#content #menuDirection li.next {background:none; line-height:2em; margin-right:10px; float:right; padding:0}
#content #menuDirection li.next a {background: url(../img/mini_logo_right.gif) no-repeat right top; padding:0 20px 4px 0;}
#content #offer_characteristic dt {clear:both; float:left; font-weight:bold; line-height:1.68em;}
#content #offer_characteristic dd {background:transparent url(../img/bg_border.gif) no-repeat scroll right bottom; display:block; line-height:1.75em; overflow:hidden; text-align:right; zoom:1}
#content #offer_characteristic dt:first-letter { font-size:120%; font-familly:times new roman;}
/** szczegóły oferty **/
div.largeview { text-align: center; }
#motioncontainer { margin-top: 5px; height: 110px; width: 99.99%; position:relative;overflow:hidden; }
#motiongallery {position:absolute;left:0;top:0;white-space: nowrap;}
#trueContainer {}
#motioncontainer a img { border: 0; margin: 0; width:auto; }
/*#motioncontainer a:active img {
cursor: progress;
}*/
#statusdiv { background-color: #fff; color: #FFBF00;/*#8f8f8f;*/ font-size: 65%; font-weight: bold; border: 0px solid #afafaf; padding: .1em; width: 100px; position: absolute; top: -10px; left: 0px; visibility: hidden; }
#motioncontainer a:hover { color: red; }
/* biura */
#content .box2xx1 {float:left; margin-left:0px; padding-left:0px; padding-right:13px; width:32%;}
/* formularze */
form.select {padding: 0;}
form.select div {float: left; width: 200px; margin: 5px 15px;}
form.select div.double {width: 38%;}
* html form.select div {margin-left: 15px; margin-right: 15px;}
form.select label {display: block; clear: left; width: 190px;}
form.select div.double label {}
form.select input, form.select textarea, form.select select {display: block; clear: left; width: 175px; border: 0; color: #000; padding: 3px 5px; *margin-left: -30px;}
form.select select {width: 185px; background: #fff;}
form.select input, form.select select {background: transparent url(../img/bg_input_long.gif) no-repeat;}
* html form.select input, * html form.select textarea {margin-left: -15px;}
form.select select {*margin-left: 0;}
form.select textarea {width: 405px; height: 100px; border: 1px inset #777}
form.select .fSubmit {width: 92px; font-weight: bold; background: none; margin-left: 30px;}
* html form.select .fSubmit {margin-right:28px;}
form.select span.required {color: red;}
form.select input:focus, form.select select:focus {background: transparent url(../img/bg_input_long_focus.gif) no-repeat;}
div.form p {padding:0px;}
#d_field_details {clear: left; width:auto}
#d_field_txt_address {clear: left; float:none;}
#d_field_act, #l_field_act {width:420px; clear:left;}
#f_field_act_0 {width:auto;}
#d_field_realestate_type, #d_field_forename {clear:both;}
#f_field_txt_address {padding:0px; color:#318510;}
#d_field_floor {clear:left;}
/* lista nieruchomości */
.box4x1 {float:right; width:780px;}
#offer_list {border-collapse: collapse; width:100%; margin-top:-4px;}
#offer_list td {padding:0 3px; vertical-align:middle; border-right:1px #AFAFAF solid;}
#offer_list td.lastkid {border:none;}
#offer_list thead {}
#offer_list thead td {height:35px; padding-top:5px; text-align:center;}
#offer_list thead td h3{ color:#0F3B02; display:inline; font-size:14px; line-height:1em; margin-right:10px; text-align:center;}
#offer_list tbody {}
#offer_list tbody tr {height:35px;}
#offer_list tbody tr.green {background:#D6E5D0 url(../img/bg_table_green.jpg) repeat-x; }
#offer_list tbody tr.greenOver {background:#D6E5D0 url(../img/bg_table_greenOver.jpg) repeat-x;}
#offer_list tbody tr.white {background:#fff url(../img/bg_table_white.jpg) repeat-x; }
#offer_list tbody tr.whiteOver {background:#fff url(../img/bg_table_whiteOver.jpg) repeat-x; }
#offer_list tbody td {padding:0 15px;}
#offer_list tbody td.lp { font-size:9px; text-align:center; width:20%;}
#offer_list tbody td.lp img {display:inline; vertical-align:middle; border:1px #AFAFAF solid; margin-right:8px;}
#offer_list tbody td.localization {color:#666; width:30%;}
#offer_list tbody td.rooms {width:15%;}
#offer_list tbody td.area {width:20%;}
#offer_list tbody td.area sup {bottom:8px; font-size:8px; position:relative;}
#offer_list tbody td.price {width:25%}
#table-nav {float:left;}
#table-nav ul {margin-top:10px; padding-left:20px;}
#table-nav li {background:none; float:left; padding:0; margin:0; zoom:1; font-size:0px;}
#table-nav li img {}
#table-nav li.number {padding:0 8px; font-size:12px;}
#inputsearchTable {float:right; margin-top:10px; padding-right:10px;}
/* formularze */
#d_field_street {clear:both;}
/* Tecno na świecie */
#tecnocasaOnWorld {zoom:1; margin:25px 0 10px}
#tecnocasaOnWorld li {background:none; float:left; margin:0px 0pt 30px; overflow:hidden; padding:0; width:159px; color:#0F3B02; font-weight:bold; font-size:11px;}
#tecnocasaOnWorld li a {opacity:0.7; filter:alpha(opacity=70); MozOpacity: 0.7; KhtmlOpacity: 0.7;}
#tecnocasaOnWorld li a:hover {opacity:1; filter:alpha(opacity=100); MozOpacity: 1; KhtmlOpacity: 1;}
/* wyszukiwarka */
#content .form .select ul {overflow:hidden; zoom:1}
#content .form .select li {background:none; float:left; min-height:50px;}
#search_content {float:none; width:auto; margin:0;}
#search_content li {margin-right:5px;}
#search_content .fLabel {width:auto;}
#search_content .ratio li {display:inline; margin:0pt; padding:0pt 15px 0pt 0pt;}
#search_content .ratio label {width:auto; display:inline;}
#search_content .ratio input {width:auto; display:inline; background:none; margin:0;}
#content .form .select input#search {width:91px; height:25px; float:right; background:none;}
#search_content .ratio2 .fLabel {display:block; float:none;}
#search_content .ratio2 li {display:block; margin:0pt; padding:10px 0px 0pt 30px;}
#search_content .ratio2 label {width:auto; display:inline;}
#search_content .ratio2 input {width:auto; display:inline; background:none; margin:0;}
#content .form .select .short label {display:block; float:none;}
#content .form .select .short input {background:transparent url(../img/bg_input_short.gif) no-repeat; display:inline; width:79px; margin:0px;}
#content .form .select .short input:focus {background: transparent url(../img/bg_input_short_focus.gif) no-repeat;}
#d_field_kiron_form, #d_field_form_required, #d_field_txt_before_realestate, #d_field_txt_before_rating, #d_field_form_commission {float:none; width:auto;}
#d_field_order_type {clear:both; width:100%; float:none}
#d_field_area {width:66%;}
.kidbox .before {background: url(../img/kid_box_right_top.jpg) no-repeat right top; border:none; padding:0; height:3px; font-size:0}
.kidbox .before img {margin:0; display:block}
.kidbox .after {background: url(../img/kid_box_right_bottom.jpg) no-repeat right bottom; border:none;}
.kidbox .after {height:39px; width:100%; position:relative; left:0px; }
.kidbox .after img {width:3px; height:39px; display:block; margin:0;}
#content .box1x3 .before img, #content .box1x3 .after img {margin:0;}
/* DeveloperLight */
img.devOffer {float:left; margin-right:10px;}
/* Gallery */
.ad-gallery {
width: 720px;
}
.ad-gallery, .ad-gallery * {
margin: 0 auto;
padding: 0;
font-family: Arial;
font-size: 12px;
}
.ad-gallery .ad-image-wrapper {
width: 100%;
height: 400px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
position: absolute;
z-index: 10;
top: 48%;
left: 48%;
border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */
background: url(/img/www/galeria/non-existing.jpg)9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(/img/www/galeria/ad_prev.png);
width: 30px;
height: 30px;
display: none;
position: absolute;
top: 47%;
left: 0;
z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(/img/www/galeria/ad_next.png);
width: 30px;
height: 30px;
right: 0;
left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
position: absolute;
bottom: 0px;
left: 0px;
padding: 7px;
text-align: left;
width: 100%;
z-index: 2;
background: url(/img/www/galeria/opa75.png);
color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='img/www/galeria/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
display: block;
}
.ad-gallery .ad-controls {
height: 20px;
width: 710px;
margin: 0 auto;
}
.ad-gallery .ad-info {
float: left;
}
.ad-gallery .ad-slideshow-controls {
float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
padding-left: 5px;
cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
padding-left: 5px;
font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
cursor: default;
font-style: italic;
}
.ad-gallery .ad-nav {
width: 100%;
position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
position: absolute;
top: 0;
height: 100%;
z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
height: 100px;
}
.ad-gallery .ad-back {
cursor: pointer;
left: -20px;
width: 13px;
display: block;
background: url(/img/www/galeria/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
cursor: pointer;
display: block;
right: -20px;
width: 13px;
background: url(/img/www/galeria/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
overflow: hidden;
width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list, #content .ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
width: 9000px;
list-style: none;
}
#content .ad-gallery ul.ad-thumb-list {
margin-left:15px;
}
.ad-gallery .ad-thumbs li, #content .ad-gallery .ad-thumbs li{
float: left !important;
padding-right: 5px !important;
padding-left: 0px !important;
list-style:none !important;
background: none !important;
margin-left:0px !important;
}
.ad-gallery .ad-thumbs li a, #content .ad-gallery .ad-thumbs li a {
display: block;
}
.ad-gallery .ad-thumbs li a img, #content .ad-gallery .ad-thumbs li a img {
border: 3px solid #CCC;
display: block;
float:left;
}
.ad-gallery .ad-thumbs li a.ad-active img, #content .ad-gallery .ad-thumbs li a.ad-active img {
border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
position: absolute;
left: -9000px;
top: -9000px;
}