body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0 } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#05437c; margin:0; padding:0 } .mainContanier {width:920px;text-align:left;background:#fff url(../images/mainBg.png) repeat-x;border-top:0px; margin:auto} .mainContanier a{ color:#164878} .mainContanier a:hover{color:#470b0b} .top{width:920px;height:114px;background:#f7f7f7 url(../images/top.png) no-repeat 0 5px;} .topLine{width:900px;height:5px; margin:auto; font-size:1px;background:url(../images/topLine.png) no-repeat 0 0;} a#logo { float:left} a#logo, #logo span, span.logo_span {width:369px; height:104px;display:block; position:relative; overflow:hidden;} a#logo span, span.logo_span { position:absolute; left:0; top:0; background:url(../images/top.png) no-repeat 0 0; cursor:pointer;} a#logo:hover span, span.logo_span_oo {background-position:0 0;} .topR{width:550px;height:109px;float:left; position:relative; } .header{} .headerMedia{width:920px;height:271px;} .seconderyHeader{ width:900px; height:107px; margin:auto; position:relative;background:url(../images/seconderyheader.jpg) no-repeat 0 0;} .seconderyHeader h1{ font-size:1.50em; margin-top:20px; margin-bottom:20px; position:absolute; left: 18px; top: 21px; color:#fff } .content{width:920px;position:relative;background:#fff url(../images/content.png) repeat-x ;} .contentL{width:624px; float:left; display:inline;} .contentR{width:288px;font-size:12px; float:right;} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{padding:50px 25px 20px;color:#000; position:relative;} *html .contentArea{ height:892px;} .contentArea p{ margin:16px 0;font-size:0.90em;} .contentArea img {padding:4px;margin:20px 27px;} .contentArea a{ color:#164878} .contentArea a:hover{color:#470b0b} div.contentArea blockquote,div.contentArea ul,div.contentArea ol,div.contentArea dl {margin:0;} div.contentArea ol,div.contentArea ul,div.contentArea dl {margin-left:2em;} div.contentArea ul li {list-style: disc inside;} div.contentArea ol li {list-style: decimal inside;} div.contentArea li {margin:0.patients3em 0; list-style-position:inside;list-style-type:disc;} div.contentArea dl dd {margin-left:1em;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .goTop { text-align:right; padding:0 0 30px 0} .goTop a { padding:0 0 0 22px;line-height:24px;background:url(../images/goTop.gif) no-repeat;} .goTop a:hover { color:#470b0b; background-position:0 -40px;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .mainContent{width:960px;} .mainContentL{width:480px; height:100px; background:#c3e6d9; float:left} .mainContentR{width:480px; height:100px; background:#e0e6c3; float:left} .bottom{margin:24px; border-top:#cddda8 10px solid} .footer{ width:768px; height:40px;padding:20px 0 0; margin:auto; text-align:center; background:#fff;} .footer img {margin:-5px 0 0 0} .footer a {color:#122c66; text-decoration:none; font-size:10px; margin:8px;line-height:24px;} .footer a:hover { color:#5c113b;} .copyRight{ width:760px; font-size:10px; padding:0 20px; color:#cbdeeb; margin:auto; margin-top:16px; text-align:center; background:url(../images/copyRight.jpg) left no-repeat;} .copyRight a{ color:#CBDEEB; text-decoration:none} .copyRight a:hover{color:#CBDEEB; text-decoration:underline} .callContanier{width:910px; height:168px; padding:0 0 0 10px} li.call1{width:287px; height:168px; position:relative; float:left; background:url(../images/call1.png) left no-repeat;} li.call2{width:287px; height:168px; margin:0 20px; position:relative; float:left; background:url(../images/call2.png) left no-repeat;} li.call3{width:287px; height:168px; position:relative; float:left; background:url(../images/call3.png) left no-repeat;} li.sub_call1{width:287px; height:168px; position:relative; background:url(../images/sub_call1.png) left no-repeat; margin:15px 0 0 0;} li.sub_call2{width:287px; height:168px; position: relative; background:url(../images/call2.png) left no-repeat; padding:20px 0 0 0;} li.sub_call3{width:287px; height:168px; position:relative;background:url(../images/call3.png) left no-repeat;} li.sub_call4{width:247px;height:178px;padding:40px 20px 0; margin:10px 0 0 0; position:relative;background:url(../images/sub_call4.png) left no-repeat;} .inputs{ width:132px; height:17px; background:transparent; border:0; font-size:11px } .inputs1{ width:100px; position:absolute; left:208px; top:8px; } .submit1 { width:26px; height:20px; position:absolute; right:210px; top:6px;} .txt1{ height:230px; position:relative; background:url(../images/img1.jpg) no-repeat 13px 20px; padding:14px 20px 8px 170px;} .txt2{ height:146px; position:relative; background:url(../images/img2.jpg) no-repeat 13px 20px; padding:97px 20px 8px 352px;} .txt3{ height:230px; position:relative; background:url(../images/img3.jpg) no-repeat 13px 20px; padding:12px 20px 8px 306px;} .txt4{ height:230px; position:relative; background:url(../images/img4.jpg) no-repeat 13px 20px; padding:13px 20px 8px 312px;} .txt5{ height:230px; position:relative; background:url(../images/img5.jpg) no-repeat 13px 20px; padding:18px 20px 8px 170px;} .txt6{ height:230px; position:relative; background:url(../images/img6.jpg) no-repeat 13px 20px; padding:15px 20px 8px 372px} /**************************************************************************************************************************** * Ront Resize >> css ****************************************************************************************************************************/ .fontResize{ width:186px; height:36px; position:relative; background:#4780ac url(../images/fontResize.png) no-repeat 0 0; position:absolute; left:12px; top: 9px; } a.fontIncrease {width:18px;height:14px;display:block;position:absolute;right:22px;top:13px;background:#4780ac url(../images/fontBtnSet.png) no-repeat;} a:hover.fontIncrease { background-position:0 -14px;} a.fontDecrease {width:18px;height:14px;display:block;position:absolute;right:6px;top:12px;background:#4780ac url(../images/fontBtnSet.png) no-repeat -18px 0;} a:hover.fontDecrease { background-position:-18px -14px;} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { } a#menu1, #menu1 span, span.menu1_span { width:66px; height:32px; display:block; position:absolute; overflow:hidden; left: 0px; } a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0; cursor:pointer;} a#menu1:hover span, span.menu1_span_oo {background-position:0 -37px;} a#menu2 { } a#menu2, #menu2 span, span.menu2_span { width:99px; height:32px; display:block; position:absolute; overflow:hidden; left: 66px; top: 0px; } a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -66px 0; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-66px -37px;} a#menu3 { top:204px; right:34px} a#menu3, #menu3 span, span.menu3_span {width:176px; height:39px;display:block; position:absolute; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -75px; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-176px -75px;} a#menu4 { } a#menu4, #menu4 span, span.menu4_span { width:114px; height:25px; display:block; position:absolute; overflow:hidden; left: 162px; top: 125px; } a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -115px; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-114px -115px;} a#menu4-1 { } a#menu4-1, #menu4-1 span, span.menu4-1_span { width:114px; height:25px; display:block; position:absolute; overflow:hidden; left: 154px; top: 187px; } a#menu4-1 span, span.menu4-1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -115px; cursor:pointer;} a#menu4-1:hover span, span.menu4-1_span_oo {background-position:-114px -115px;} a#menu5 { } a#menu5, #menu5 span, span.menu5_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -204px; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-254px -204px;} a#menu6 { } a#menu6, #menu6 span, span.menu6_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -255px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-254px -255px;} a#menu7, #menu7 span, span.menu7_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -306px; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:-254px -306px;} a#menu8 { } a#menu8, #menu8 span, span.menu8_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -357px; cursor:pointer;} a#menu8:hover span, span.menu8_span_oo {background-position:-254px -357px;} a#menu9 { } a#menu9, #menu9 span, span.menu9_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -408px; cursor:pointer;} a#menu9:hover span, span.menu9_span_oo {background-position:-254px -408px;} a#menu10 { } a#menu10, #menu10 span, span.menu10_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -459px; cursor:pointer;} a#menu10:hover span, span.menu10_span_oo {background-position:-254px -459px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:332px; height:29px;position:relative; overflow:hidden; } #replace1 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 0 } #replace2 {width:332px; height:30px;position:relative; overflow:hidden; } #replace2 span, span.replace2 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -29px; } #replace3 {width:455px; height:30px;position:relative; overflow:hidden; } #replace3 span, span.replace3 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -59px; } #replace4 {width:94px; height:26px;position:relative; overflow:hidden; } #replace4 span, span.replace4 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -89px; } #replace5 {width:151px; height:50px;position:relative; overflow:hidden; } #replace5 span, span.replace5 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -204px; } #replace6 {width:151px; height:50px;position:relative; overflow:hidden; } #replace6 span, span.replace6 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -255px } #replace7 {width:151px; height:50px;position:relative; overflow:hidden; } #replace7 span, span.replace7 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -306px } #replace8 {width:151px; height:50px;position:relative; overflow:hidden; } #replace8 span, span.replace8 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -357px } #replace9 {width:151px; height:50px;position:relative; overflow:hidden; } #replace9 span, span.replace9 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -408px } #replace10 {width:151px; height:50px;position:relative; overflow:hidden; } #replace10 span, span.replace10 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -459px; } #replace11 {width:433px; height:29px;position:relative; overflow:hidden; } #replace11 span, span.replace11 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -535px; } /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:811px;margin:auto;position:relative;background:url(../images/slideBg.png) 0 86px no-repeat;} #slideLinks { background:url(../images/slideNav.png) 0 -85px no-repeat;} #slideLinks, #slideLinks ul{ width:811px; height:85px;padding:0 0 0 12px;} #slideLinks li{width:124px; height:85px; float:left; margin:0 0 0 9px; list-style:none} #slideLinks li a, #slideLinks a span {display:block; position:relative; overflow:hidden;} #slideLinks a span {position:absolute; left:0; top:0; background:url(../images/slideNav.png) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:124px; height:85px; } #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:-12px 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:-12px -85px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:124px; height:85px; } #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-145px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-145px -85px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:124px; height:85px; } #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-278px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-278px -85px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:124px; height:85px; } #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-411px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-411px -85px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:124px; height:85px; } #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-544px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-544px -85px;} #slideLinks a#slideMenu6, #slideMenu6 span, span.slideMenu6_span {width:124px; height:85px; } #slideLinks a#slideMenu6 span, span.slideMenu6_span {background-position:-677px 0;} #slideLinks a#slideMenu6:hover span, span.slideMenu6_span_oo {background-position:-677px -85px;} #slideCont {width:811px;height:282px;clear:both; position:relative; overflow:hidden;} #slideItems { width:6188px; position:relative;} #slideItems li { width:811px; display:block; float:left;position:relative;overflow:hidden;} a#slidePrevious { width:34px; height:27px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat left top; left: -44px; top: 208px; } a:hover#slidePrevious { background-position:0 -27px} a#slideNext { width:34px; height:27px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat -34px 0; right:-44px; top: 208px; } a:hover#slideNext { background-position:-34px -27px} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:130px; } a#slide-previous-link {left:5px;} a#slide-next-link {left:883px;} /**************************************************************************************************************************** * END [HSLIDER] ****************************************************************************************************************************/ /*********Glacial Slęde*************************/ .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;} a.glacialslide, a.glacialslide * { margin:0; padding:0; } a.glacialslide { display:block; float:left; position:relative; width:auto; height:64px; overflow:hidden; text-decoration:none; margin:6px 8px 6px 0; background:url(../images/watch_video_button_left.png) left top no-repeat;} a.glacialslide span, span.glacialslide { display:block; float:left; position:relative; width:auto; height:34px; cursor:pointer; background:url(../images/watch_video_button_right.png) right top no-repeat; font:12px/1.20em helvetica,arial,clean,sans-serif; color:#8a2222; padding:30px 6px 0 46px; font-weight:bold; text-align:left; } a.glacialslide:hover { background-position:left -64px; color:#9aaaab; } a.glacialslide:hover span { background-position:right -64px; color:#9aaaab; white-space:nowrap; } /*************end glacialslide****************************/ .erhan{width:0px; height:0px; padding:0px; margin:0px; line-height:0px; font-size:0px; clear:both;} .contentR ul li{float:left;}