* {margin: 0; padding:0; } #imgpreloader {width: 1px; height: 1px; position: absolute; left: 0px; top: 0px; visibility: hidden;} html {height: 100%; background-color: #ffffff;} /*body {font: 12px/18px Verdana, Tahoma, Verdana, sans-serif; color:#000000; min-width: 1000px !important; background: url(images/leftfon.jpg) repeat-y 30px;}*/ body {font: 12px/18px Verdana, Tahoma, Verdana, sans-serif; color:#000000; min-width: 1272px !important;} #w_fon {position: absolute; background-color: #ffffff; left: 29px; width: 291px; height: 455px; z-index: 1;} .clear {clear: both;} a {color: blue; outline: none; text-decoration: underline; } a:hover {text-decoration: none;} p {margin: 0 0 18px} img { border: none; } input {vertical-align: middle} #wrapper {width: 100%; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%;} #panel {position:absolute; left:0px; top:0px; height:0px; z-index:100; margin:0; padding:0;} /* Header -----------------------------------------------------------------------------*/ #header {height: 314px; background: url(images/well/topfon.jpg) repeat-x left 16px; width: 100%; position: relative; z-index: 2; } #header_left { background-image: url(images/well/top1.jpg); background-repeat: no-repeat; height: 298px; width: 348px; position: absolute; left:0; top:16px; } #tbf {position: absolute; top:16px; background: url(images/well/tbf1.jpg); width: 214px; height: 26px; left:132px; z-index: 100;} #header_logo { position: absolute; left: 20px; width: 236px; top:110px; z-index: 20;} #header_right { background-image: url(images/well/top2.jpg); background-repeat: no-repeat; height: 314px; width: 634px; position: absolute; top: 0px; right:0; z-index: 10; } #header_slogan {position: absolute; background: url(images/slogan.png) no-repeat top; top: 255px; left: 30px; height: 51px; color: #ECE4F9; width: 301px; font-size: 15px;line-height:15px; z-index: 5; padding-left: 25px; padding-top: 2px;} #header_nav {position: relative; width: 200px; height: 10px; left:60px; top:30px; z-index:11} #header_nav1 {position: absolute; width: 11px; height: 10px; left: 0px; top:0px;} #header_nav2 {position: absolute; width: 11px; height: 10px; left: 30px; top:0px;} #header_nav3 {position: absolute; width: 11px; height: 10px; left: 60px; top:0px;} #timeline_script {position: absolute; left: -137px; top:10px;} #header_mid_info {position: absolute; width: 300px; color: #C2CAFB; line-height: 1.2; top: 50px; left: -480px; background: url(images/kont.png) no-repeat top left; z-index: 100; padding-left: 38px;} #ch_incl_area {color: whitesmoke; font-size: 28px;} .kod {color: #C2CAFB; font-size: 12px; font-variant: small-caps;} .tel {color: #ffffff; font-size: 13px; font-weight: bold; font-variant: small-caps;} #adres_header_info {position: absolute; width: 150px; height: 40px; color: #C2CAFB; background: url(images/kont1.png) no-repeat top left; top: 143px; right:8px; padding-left: 45px; font-size: 12px; line-height: 12px;} #adresh_incl_area {position: absolute; width: 150px; height: 60px; color: #C2CAFB; overflow: hidden; font-size: 12px; line-height: 12px; top: 30px; left: 45px;} #adres_header_auth {position: absolute; width: 240px; height: 70px; color: #ffffff; font-size: 10px; line-height: 12px; top: 240px; z-index: 20; right:6px;} #adres_header_auth a {color: #ffffff; text-decoration: underline; font-size: 10px;} #adres_header_auth a:hover {color: #ffffff; text-decoration: none; font-size: 10px;} #adres_header_auth input { background-color: #496AC7; border: 1px solid #95B1FA; color: #ffffff; font-size: 12px; width: 100px; height: 15px; padding: 3px 3px 3px 3px; } #adres_header_auth #submit_button { background: url(images/menu/voiti.png) no-repeat top left; width:86px; height: 25px; overflow: hidden; border: none; position: absolute; top: 38px; left:132px;} #adres_header_auth #logout_button { width:86px; height: 20px;} #adres_header_auth #reg {position:absolute; top: 38px; left:0px; line-height: 1.2;} /* Menu -----------------------------------------------------------------------------*/ #main_nav {position: relative; width: 100%; height: 58px; background: url(images/menufon.jpg) repeat-x top; margin: 5px 0px 10px 0px; padding: 0; z-index: 2;} #menu {height: 58px; overflow: hidden; clear: both; width: 990px; left: 50%; margin-left:-475px; position: relative; } #menu ul {list-style: none;} #menu .ok li { display: inline; } #menu .ok a {height: 58px; width: 231px; background: url(images/menu/3.png) no-repeat right top; float: left; position: relative; color: Blue; font-size: 13px; text-decoration: none; padding-top: 21px;} #menu .ok a:hover {height: 58px; width: 231px; background: url(images/menu/3.png) no-repeat right -58px; color: #ffffff; text-decoration: none; font-size: 13px; } #menu .ok a span {padding-left: 14px; background: url(images/menudot.jpg) no-repeat left; margin-left:65px; } #menu .vis li {display: inline; } #menu .vis a {height: 58px; width: 231px; background: url(images/menu/4.png) no-repeat right top; float: left; position: relative; color: #ffffff; font-size: 13px; text-decoration: none; padding-top: 21px;} #menu .vis a:hover {height: 58px; width: 231px; background: url(images/menu/4.png) no-repeat right -58px; color: Blue; text-decoration: none; font-size: 13px;} #menu .vis a span {padding-left: 14px; background: url(images/menudot.jpg) no-repeat left; margin-left:65px;} #menu .end li {display: inline; } #menu .end a {height: 58px; width: 231px; float: left; position: relative; color: Blue; font-size: 13px; text-decoration: none; padding-top: 21px;} #menu .end a:hover {height: 58px; width: 231px; background: url(images/mhf.jpg) repeat-x left top; color: #ffffff; text-decoration: none; font-size: 13px;} #menu .end a span {padding-left: 14px; background: url(images/menudot.jpg) no-repeat left; margin-left:50px;} #menu .endvis li {display: inline; } #menu .endvis a {height: 58px; width: 231px; float: left; position: relative; color: #ffffff; font-size: 13px; text-decoration: none; padding-top: 21px; background: url(images/mhf.jpg) repeat-x left top;} #menu .endvis a:hover {height: 58px; width: 231px; color: Blue; text-decoration: none; font-size: 13px; background: url(images/menufon.jpg) repeat-x left top;} #menu .endvis a span {padding-left: 14px; background: url(images/menudot.jpg) no-repeat left; margin-left:30px;} #menu #a1 {z-index:100; width:160px;} #menu #a1 #a1span {margin-left:33px;} #menu #a2 {margin-left:-35px; z-index:90; width:180px;} #menu #a3 {margin-left:-35px; z-index:80; width:182px;} #menu #a4 {margin-left:-35px; z-index:70; width:185px;} #menu #a5 {margin-left:-35px; z-index:60; width:200px;} #menu #a6 {margin-left:-35px; z-index:50; width:215px;} #menu #a7 {margin-left:-35px; z-index:40; width:115px;} #menu #a8 {margin-left:-35px; z-index:30; width:145px;} #menu #a9 {margin-left:-35px; z-index:20; width:135px;} /* Middle -----------------------------------------------------------------------------*/ #middle {width: 100%; padding: 0 0 110px; height: 1%;} #middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;} #bredcrumb {clear: both; margin: 5px 10px 7px 30px; height: 20px; color: #6F6F6F; position: relative; z-index: 1;} #bredcrumb a {color: #6F6F6F; text-decoration: underline; } #bredcrumb a:hover {text-decoration: none; } #container {width: 100%; float: left; overflow: hidden;} #content {padding: 0 20px 0 335px;} #content #search {border: 1px solid #BAD1FD; background-color: #EEF2FB; margin: 0px 10px 7px 0px; height:50px; padding:10px 30px 0px 30px; position:relative;} #content #search input {border:1px solid #D8DBFA; background-color: #ffffff; width: 300px; padding: 3px 3px 3px 3px;} #content #search #search_button {border: none; width: 93px; height:26px; background: url(images/menu/nayti.png) no-repeat top left;} #content #search #search_ug {position:absolute; left:-1px; top:-1px; background-image: url(images/leftug.jpg); width: 27px; height: 28px; z-index: 0; float: left;} #content #search #searchrug {position:absolute; right:-1px; top:-1px; margin-left: -16px; background-image: url(images/rightug.jpg); z-index: 100; width: 20px; height: 22px; float: left;} #content #text {border: 1px solid #BAD1FD; background-color: #EEF2FB; padding: 10px 30px 30px 30px;} #content_ug {position: relative; left:-31px; top:-11px; background-image: url(images/leftug.jpg); width: 27px; height: 28px; z-index: 0; float: left;} #contentrug {position: relative; left: 100%; top:-11px; margin-left: -16px; background-image: url(images/rightug.jpg); z-index: 100; width: 20px; height: 22px; float: left;} .catalog_zag {background-color: #DBE6F8; width: 90%; height: 35px; font-weight: bold; font-variant: small-caps; font-size: 15px; padding: 5px 10px 5px 15px; color: #3A64C8; } .catalog_element {clear: both; position:relative;} .catalog_element img {margin: 10px 10px 10px 0px; border:1px solid #C5C9E6; float: left;} .catalog_element_text { float: left; margin: 10px 10px 10px 0px; width: 50%; } .catalog_element_text .price {float: left; font-size: 18px; padding: 25px 10px 5px 5px; color: #3A64C8;} .catalog_element_text price_btn {float: left;} .zag {font-variant: small-caps; font-size: 14px; padding: 5px 10px 5px 0px; color: #3A64C8;} .harakteristika1 {background-color: #DBE6F8; width: 90%; height: 25px;} .harakteristika2 {width: 90%; height: 25px;} .photo img {margin: 10px 40px 10px 0px; border:1px solid #C5C9E6; float: left;} /* Sidebar Left -----------------------------------------------------------------------------*/ .sl {float: left; width: 320px; position: relative; margin-left: -100%; min-height: 100%; background: url(images/leftfon.jpg) repeat-y 30px;} .sl #left_text {margin: 0px 10px 10px 30px; width: 290px; } .sl .left_ug {position: absolute; background-image: url(images/leftug.jpg); width: 27px; height: 28px; top: -1px; left: -1px; z-index: 10;} .sl .right_ug {position: absolute; background-image: url(images/rightug.jpg); width: 20px; height: 22px; top: -1px; left: 269px; z-index: 10;} .sl .lb_ug {position: absolute; background-image: url(images/zagdot.jpg); width: 16px; height: 17px; left: 12px; top: 11px; z-index: 10;} .sl .leftblock {margin:0px; width: 290px; position: relative; left: 30px; } .sl .leftblock_header {margin: 0px 0px 0px 0px; background-color: #EEF2FB; position: relative; height: 40px; width: 288px; border-right: 1px solid #BAD1FD; border-left: 1px solid #BAD1FD; border-top: 1px solid #BAD1FD; z-index: 0;} .sl .leftblock_text { font-size: 11px; margin: 0px 0px 0px 0px; background-color: #EEF2FB; position: relative; width: 268px; border-right: 1px solid #BAD1FD; border-left: 1px solid #BAD1FD; border-bottom: 1px solid #BAD1FD; border-top: 1px solid #BAD1FD; z-index: 9; padding: 10px 10px 10px 10px; text-align: justify;} .sl .leftblock_text a {color: #3A64C8; font-size: 11px; font-weight: normal; text-align: left; text-decoration: none; } .sl .leftblock_text a:hover {color: #000000; font-size: 11px; font-weight: normal; text-align: left; text-decoration: none; } .sl .leftblock_razd {margin: 0px 0px 0px 0px; background-color: #ffffff; position: relative; height: 10px; width: 321px; z-index: 9;} .sl .leftblock_header .lefftblock_zag {position: absolute; height: 25px; width: 250px; overflow: hidden; top: 10px; left: 33px; color: #3A64C8; font-weight: bold; font-variant: small-caps; font-size: 15px;} .sl #lefftblock_menu {margin: 0px 0px 0px 0px; position: relative; width: 290px;} .sl #lefftblock_menu a {display: block; margin: 0px 0px 0px 0px; width: 249px; height: 20px; border-bottom: 1px solid #DCDDF9; background: url(images/leftmenudot.gif) no-repeat 15px 10px; padding: 5px 10px 2px 30px; color: Black; text-decoration: none; overflow: hidden;} .sl #lefftblock_menu a:hover {display: block; margin: 0px 0px 0px 0px; width: 249px; height: 20px; border-bottom: 1px solid #DCDDF9; background: url(images/leftmenudot.gif) no-repeat 15px 10px; background-color: #3862CE; padding: 5px 10px 2px 30px; color: #ffffff; text-decoration: none; overflow: hidden;} .sl #lefftblock_menu .cur {display: block; margin: 0px 0px 0px 0px; width: 249px; height: 20px; border-bottom: 1px solid #DCDDF9; background: url(images/leftmenudot.gif) no-repeat 15px 10px; background-color: #3862CE; padding: 5px 10px 2px 30px; color: #ffffff; text-decoration: none; overflow: hidden;} .sl #leftblock2 {margin: 0px 10px 10px 30px; width: 290px;} .sl #leftblock_header2 {margin: 0px 0px 0px 0px; background-color: #EEF2FB; position: relative; height: 40px; width: 288px; border-right: 1px solid #BAD1FD; border-left: 1px solid #BAD1FD; border-top: 1px solid #BAD1FD; z-index: 0;} .sl #leftblock_header2 #lefftblock_zag2 {position: absolute; height: 25px; width: 250px; overflow: hidden; top: 10px; left: 33px; color: #3A64C8; font-weight: bold; font-variant: small-caps; font-size: 15px;} /* Footer -----------------------------------------------------------------------------*/ #footer { margin: -100px auto 0; min-width: 1000px; height: 155px; background-image: url(images/bottomfon.jpg); background-repeat: repeat-x; } #footer #footer_menu { height: 20px; float: left; width: 1100px; margin-top: 10px; left: 54%; margin-left:-965px; position: relative; z-index:12 } #footer_menu ul {list-style: none;} #footer_menu li {display: inline; background: url(images/bottommenudot.gif) no-repeat right 3px; padding: 0px 20px 10px 10px;} #footer_menu a {color: #EAE7FF; text-decoration: underline;} #footer_menu a:hover {color: #EAE7FF; text-decoration: none;} #footer_left { background-image: url(images/bottom1.jpg); background-repeat: no-repeat; height: 142px; width: 507px; position: relative; float: left; margin-top: 0px; z-index:11} #left_footer_info {position: absolute; width: 500px; height: 40px; color: #C2CAFB; background: url(images/kont1.png) no-repeat top left; top: 70px; left: 30px; padding-left: 45px; font-size: 13px; line-height: 12px; margin-top: 10px; } #lf_incl_area {color: #C2CAFB; position: relative; top: 5px; width: 100%; font-weight: bold; margin-top: -5px;} #footer_right { background-image: url(images/bottom2.jpg); background-repeat: no-repeat; height: 142px; width: 218px; position: relative; left: 100%; margin-left: -860px; margin-top: 0px; float: left; } #footer_left #footer_f {position: absolute; background-color: #ffffff; top:-10px; width: 290px; left: 30px; height: 10px; z-index:10} #footer_mid_info {position: absolute; width: 290px; height: 40px; color: #C2CAFB; line-height: 15px; top: 54px; left: 430px; background: url(images/kont.png) no-repeat top left; z-index: 100; padding-left: 40px; margin-top: 10px;} #cf_incl_area {position: relative; width: 100%; height: 60px; top: 9px; font-weight: bold; margin-top: -8px;} #right_footer_info {position: absolute; width: 250px; height: 25px; color: #C2CAFB; overflow: hidden; line-height: 15px; top: 90px; left: -40px;} #right_footer_info a {color: #C2CAFB;text-decoration: none;} #right_footer_info a:hover {color: #C2CAFB; text-decoration: underline;} .menu-cont {list-style-type: none; padding: 5px;} .menu-cont li {line-height: 2.5;} .menu-cont span {float: right;}