@charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext); html, body, #container { min-height: 100%; width: 100%; height: 100%; } html>body, html>body #container { height: auto; } html {margin: 0px; } body { margin: 0px; } img { border-style: none; } br.cl { clear:both; } h1.logo, .hid { display:none; } a { outline: none; } /*html5 display rule*/ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary { display: block; } hr { color:#dbdbdb; border:0px; background:url(../images/hrbg.gif) repeat; } .err { display:block; width: auto; height: auto; margin:0px; padding:0px; color:#7c1a00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .err_r { display:block; width: auto; height: auto; margin:0px; padding:20px 0px 0px 180px; color:#114b98; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; border-radius:5px; border-radius:5px; border-radius:5px; } #supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; } /* #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	 #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			 */ #supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;} #supersized a.prevslide { z-index:-20; } #supersized a.activeslide { z-index:-10; } #supersized a.prevslide img, #supersized a.activeslide img{ display:inline; } /*Controls Section*/ #controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; } #controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ } #slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; } #navigation { float:right; margin:10px 20px 0 0; } /*Thumbnail Navigation*/	 #nextthumb,#prevthumb { z-index:66;  position:fixed; bottom:-100px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; box-shadow:0 0 5px #000; }a#nextslide{ z-index:5;  position:fixed; right:-60px; top:45%; width:42px; height:42px; overflow:hidden; cursor:pointer; background:url(../images/arr_next.png) top no-repeat; z-index:30;  }a#nextslide:hover{  background:url(../images/arr_next.png) bottom no-repeat; } a#prevslide{ z-index:5;  position:fixed; left:-60px; top:45%; width:42px; height:42px; overflow:hidden; cursor:pointer; background:url(../images/arr_prev.png) top no-repeat; z-index:30;  }a#prevslide:hover{ background:url(../images/arr_prev.png) bottom no-repeat; } a.prevslide_br{ left:40px !important} a.nextslide_br{ right:40px !important} #nextthumb { right:12px; } #prevthumb { left:12px; } #nextthumb img, #prevthumb img { width:150px; height:auto;  } #nextthumb:active, #prevthumb:active { bottom:10px; } #navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; } #container { position:absolute; top: 0px; left: 0px; } .cn_v{ background:url(../images/bgr_in.png) top repeat-x; } .cn_b{ background:url(../images/bgr_out.png) top repeat-x; } #main { margin-bottom:85px; height: auto; } header#header { position:relative; width: 100%; height: 80px; margin: 0px auto; padding: 0px; background:#fff; } #kudre { position: absolute; top:80px; left:0px; width: 100%; height:5px; margin: 0px; padding: 0px; background: url(../images/kudre.png) left top repeat-x; z-index:1500; } #hd_hold { position: relative; width: 960px; height: 80px; margin: 0px auto; padding: 0px; z-index:100; } a#dlog { display:block; position: absolute; top:8px; left:-10px; width: 190px; height:65px; margin: 0px; padding: 0px; background: url(../images/logo.png) no-repeat; } #lang { position: absolute; top:3px; right:-7px; width: 42px; height: 21px; margin: 0px; padding: 2px 8px 0px 10px; font-family: 'Lobster', cursive; color:#6cc1e9; font-size:13px; line-height:13px; text-align:center; } #lang span { position: relative; display:block; width: 20px; height: 21px; margin: 0px; padding: 0px; float:left; } #lang a { position: relative; display:block; width: 20px; height: 21px; margin: 0px; padding: 0px; color:#ff0000; text-decoration:none; float:left; } #lang a:hover { color:#6cc1e9;} /* -------------------------------------- menu ------------------------------------- */ header#header nav h1 { position: absolute; left: -2000em; } ul.topnav { position: absolute; top:35px; right:-8px; width: 800px; height: 45px; padding: 0px; margin: 0px; z-index:75; } ul.topnav li { display: block; list-style-type: none; height: 45px; width: auto; margin: 0px 0px; padding: 0px 0px 0px 17px; float: right; z-index:2000; } a.tml { display:block; height: 45px; width: auto; margin: 0px; padding: 0px 15px 0px 0px; color: #003278; font-size: 18px; font-family: 'Lobster', cursive; vertical-align:top; font-weight: normal; text-decoration: none; } a.tml:hover,#topnav li.headlink:hover a { color:#0088ff;} ul#topnav li .sub { position: absolute;	 top: 45px; left:-163px; padding: 0px 0px 0px 0px; float: left; width: 950px !important; display: none; text-align:center; background: url(../images/sm_gra.png) repeat-x; z-index:3001; } ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;} ul#topnav li .sub ul{ list-style: none; margin: 0px 0px 0px 0px; padding: 10px 50px; width: auto; text-align:center !important; } ul#topnav .sub ul li { display:inline-block; width: auto; height:auto !important; padding: 8px 0px 8px 0px; color:#fff; font-size: 10px; letter-spacing: 13px; font-weight:bold; line-height:10px; float: none; } ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent--*/ height:auto !important; font-family:Arial, Helvetica, sans-serif; color: #003278 !important; font-weight: normal; font-style:italic; font-size: 12px;	 padding: 0px; letter-spacing: normal; text-decoration: none; } ul#topnav .sub ul li a:hover { color:#007eed !important;} /* -------------------------------------- end menu ------------------------------------- */ #rerr{ position:relative; width:100%; height: 410px; background:url(../media/rotator_error.png) center no-repeat; } /* -------------------------------------- banner rotator ------------------------------------- */ #brhold{ position:relative; width:100%; height: 410px; padding:0px; margin:0px auto; background:#d8f2ff; } #kudre_d { position: absolute; bottom:0px; left:0px; width: 100%; height:5px; margin: 0px; padding: 0px; background: url(../images/kudre_d.png) left bottom repeat-x; z-index:1500; } /* -------------------------------------- end banner rotator ------------------------------------- */ /* -------------------------------------- headerslide ------------------------------------- */ #ceholder{ position:relative; width:100%; height: 315px; padding:0px; margin:0px auto; overflow:hidden; } #kudre_blue{ position: absolute; bottom:0px; left:0px; width: 100%; height:5px; margin: 0px; padding: 0px; background: url(../images/kudre_blue.png) left bottom repeat-x; z-index:1500; } #sliderholder{ position:relative; width:960px; height: 315px; padding:0px; margin:0px auto; } .nivoSlider { position: absolute; top:0px; left:-50%; width:1920px; height: 315px; overflow: hidden; background: url(../images/loading.gif) no-repeat 50% 50%; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; display:none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* -------------------------------------- end headerslide ------------------------------------- */ #center_in { position:relative; width: 100%; height: 160px; margin: 0px; padding: 0px 0px 0px 0px; background:#fff; } #content_in {	 position:relative; width:950px; height: 160px; padding: 0px 0px 0px 0px;  overflow:hidden; margin: 0px auto; } #in_left {	 position:relative; width:270px; height: 160px; padding: 0px;  overflow:hidden; margin: 0px; float:left; background:url(../images/bull_il.png) right center no-repeat; } .t_kare { position: relative; width: 255px; height: 115px; margin: 0px; padding: 15px 0px 0px 0px; overflow:hidden; } h2.z_home { position:relative; display:block; width: auto; height: auto; margin: 0px; padding: 0px 0px 10px 0px; color: #ff0000; font-size: 23px; font-weight:normal; font-family: 'Lobster', cursive; overflow:hidden; } .t_ann { position:relative; display:block; width: auto; height: auto; margin: 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; color: #818181; font-size: 12px; line-height:15px; font-style:italic; overflow:hidden; } #in_right {	 position:relative; width:670px; height: 125px; padding: 20px 0px 15px 0px;  overflow:hidden; margin: 0px; float: right; } /* -------------------------------------- kare vslide ------------------------------------- */ .rec_wr { position:relative; width: 660px; height: 125px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .g_hold { position: relative; width: 630px; height: 125px; margin: 0px 0px 0px 0px; overflow:hidden; } .obgall { position: relative; width: 630px; height: 125px; overflow:hidden; } .obgall ul { position: relative; width: 630px; height: 125px; margin:0px; } .obgall ul li { position: relative; display:block; width: 630px; height: 125px; margin:0px 0px; } span.prev { position: absolute; top:4px; right:5px; display:block; width: 32px; height: 20px; margin:0px 0px; cursor:pointer; background: url(../images/gal_prev.png) top no-repeat; z-index:20; } span.prev:hover { background: url(../images/gal_prev.png) bottom no-repeat; } span.next { position: absolute; bottom:4px; right:5px; display:block; width: 32px; height: 20px; margin:0px 0px; cursor:pointer; background: url(../images/gal_next.png) bottom no-repeat; float:left; } span.next:hover { background: url(../images/gal_next.png) top no-repeat; } span.p_blank { position: relative; display:block; width: 50px; height: 100px; margin:0px 0px; float:left; } .im_kare { position:relative; width: 300px; height: 125px; margin: 0px 15px 0px 0px; padding:0px; font-family: Arial, Helvetica, sans-serif; overflow:hidden; float:left; } .im_img { position: relative; width: 120px; height: 120px; } .im_para { position: absolute; top:0px; left:135px; width: 160px; height: 95px; color: #777777; overflow:hidden; } h3.im_zag { font-size: 16px; line-height:17px; font-weight: normal; display: block; width: auto; margin:0px; font-family: 'Lobster', cursive; padding: 0px 0px 11px 0px; } h3.im_zag a { color:#003278; text-decoration:none; } h3.im_zag a:hover {color:#0088ff;} .im_ann { font-size: 11px; line-height:13px; font-family: Arial, Helvetica, sans-serif; font-style:italic; width: auto; margin:0px; padding: 0px; } a.im_more { position: absolute; bottom:4px; right:20px; width: auto; height: auto; margin: 0px; padding: 0px; color: #0084fe; font-family: 'Lobster', cursive; font-size: 12px; text-decoration:none; }	 a.im_more:hover { color:#ff0000;} /* -------------------------------------- end kare vslide ------------------------------------- */ #center { position:relative; width: 100%; height: auto; margin: 0px; padding: 0px 0px 0px 0px; } .inb { background:url(../images/mbgr.png) top repeat-x; } #content {	 position:relative; width:950px; height: auto; padding: 0px 0px 0px 0px;  margin: 0px auto; } #kudre_of { position: absolute; top:0px; left:0px; width: 100%; height:9px; margin: 0px; padding: 0px; background: url(../images/kudre_of.png) left top repeat-x; z-index:1500; } /* -------------------------------------- kare slide ------------------------------------- */ #of_cont { position: relative; width:960px; height: 330px; margin: 0px; padding: 15px 0px 20px 0px; } .khed{ position: absolute; top:15px; left:5px; width: auto; height: auto; margin: 0px; padding: 0px; font-family: 'Lobster', cursive; color: #0088ff; font-size: 17px; overflow:hidden; } #slider_offr { position: relative; width: 960px; height: 300px; margin: 0px auto; padding: 30px 0px 0px 0px; } .sk_hold { position: relative; width: 960px; height: 300px; margin: 0px auto; padding: 0px 0px 0px 0px; } .sokare { position: relative; width: 225px; height: 300px; margin: 0px 20px 0px 0px; font-family: Arial, Helvetica, sans-serif; float:left; } .ban_img { top:3px; position: relative; width: 225px; height: 225px; } .ban_img:hover { top:0px; } .sopara { position: absolute; top:230px; left:0px; width: 225px; height: 68px; padding:0px; overflow:hidden; text-align:center; } h2.sopara_zag { font-size: 15px; line-height:16px; font-weight: normal; display: block; width: auto; margin:0px; padding: 0px 0px 11px 0px; font-family: 'Lobster', cursive; } h2.sopara_zag a { color:#002664; text-decoration:none; } h2.sopara_zag a:hover { color:#0088ff; } .para_ann { font-size: 11px; line-height:13px; width: auto; margin:0px; color:#8599aa; font-style:italic; padding: 0px; }		 /* -------------------------------------- end kare slide ------------------------------------- */ .path_hold { position:relative; width: 100%; height: 42px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; background:#0e2750; } .ptin{ padding: 0px 0px 0px 0px; } .path { position:relative; width: 960px; height: 30px; margin: 0px auto; padding: 11px 0px 0px 12px; font-family: 'Lobster', cursive; font-size:13px; color:#fff; } .path a { text-decoration:none; color:#6dbbff; } .path a:hover { color:#fff; } #left { position:relative; width:720px; height: auto; margin: 0px 0px 0px 0px; padding: 30px 0px 40px 0px; float:left; } #right { position:relative; width: 200px; height: auto; margin: 0px; padding: 30px 0px 0px 0px; float: right; z-index:60; } .boxul_shad { position: absolute; top:13px; right:-20px; width: 132px; height: 124px; margin: 0px; padding:0px; background: url(../images/boxul_shad.png) right top no-repeat; z-index:4; } ul.box_ul  { position: relative; width: 200px; height: auto; margin:0px; padding: 15px 0px 25px 0px; background:url(../images/bg_boxul.png) top no-repeat; z-index:10; } ul.box_ul li {  position:relative; display:block; list-style-type: none;	 width: 165px; height: auto; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 22px; background:url(../images/box_ul.png) bottom left no-repeat; } ul.box_ul li a { display:block; width: 165px; height: auto; margin: 0px; padding: 7px 0px 7px 0px; color: #003278; font-size: 14px; font-family: 'Lobster', cursive; font-weight: normal; text-decoration:none; } ul.box_ul li a:hover { color:#0088ff;} .c_img_hold { position:relative; display:block; width: 280px; height: 187px; margin: 0px 22px 20px 0px; padding:0px; float: left; z-index:5; } #con_img { width: 280px; height: 187px; margin:0px; border:1px solid #fff; z-index:6; } .im_shad { position: absolute; display:block; bottom:-25px; left:-32px; width: 180px; height: 130px; margin: 0px; padding:0px; background:url(../images/im_shad.png) left bottom no-repeat; z-index:4; } .gl_link { position: absolute; display:block; top:0px; right:0px; width: 280px; height: 178px; margin: 0px 0px 10px 20px; padding:0px; z-index:7; } .gl_link:hover { background:url(../images/bg_plus.png) center no-repeat;} .gl_over{display:none;} h3.czag  { position:relative; width: auto; height: auto; padding: 15px 0px 20px 0px; margin: 0px 0px 0px 0px; font-family: 'Lobster', cursive; font-size:20px; line-height:24px; color:#0088ff; font-weight: normal; font-style: normal; float:none; } .ctxt { position:relative; width: auto; height: auto; margin: 0px; padding: 0px 0px; color: #5b6267; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:16px; font-style:italic; } .ctxt a,.t_ann a { color:#ff0000; text-decoration: none; } .ctxt  a:hover,.t_ann  a:hover { color:#ff0000; text-decoration: underline; } .ctxt p,.t_ann p { padding:0px 0px; margin:0px 0px; } .ctxt ul {list-style: square url(../images/bullet.png) ;} #bl_date{ position: relative; display:block; width:200px; height: auto; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; overflow:hidden; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0088ff; font-style:normal; } .ev_kare { position:relative; width: 475px; height: 170px; margin: 33px 0px 0px 0px; padding:0px; font-family: Arial, Helvetica, sans-serif; float:left; background: url(../images/bdots.png) right bottom repeat-x; }	 .kev { bottom:20px; } .ev_img_a { display:block; position: relative; width: 188px; height: 125px; margin: 0px; border:1px solid #c6d8e1; background:#fff; z-index:10; } .ev_img { width: 188px; height: 125px; }		 .ev_date { position: absolute; top:137px; left:1px; width: 200px; height: 20px; padding:0px; font-size: 11px; color:#7694ad; overflow:hidden; } .ev_para { position: absolute; top:0px; left:200px; width: 250px; height: 138px; padding:0px; overflow:hidden; } h3.ev_zag { position: relative; width: auto; height: auto; font-size: 14px; line-height:17px; font-family: 'Lobster', cursive; display: block; font-weight: normal; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; overflow:hidden; } h3.ev_zag a { color:#002664; text-decoration:none; } h3.ev_zag a:hover { color:#0088ff; } .ev_ann { position: relative; width: auto; height:  auto; font-size: 11px; line-height:13px; color:#5a6873; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden; font-style:italic; } #eyear { position: absolute; top:11px; right:15px; width: auto; height: 23px; margin: 0px; padding:0px; color: #fff; font-size: 13px; font-weight: normal; } #eyear a { position: relative; display:block; width: auto; height: auto; margin: 0px; color:#6dbbff; text-decoration:none; padding: 0px 0px 0px 21px; float:right; } #eyear a:hover { color:#fff; } .of_kare { position:relative; width: 282px; height: 310px; margin: 30px 0px 0px 0px; padding: 0px 52px 0px 0px; font-family: Arial, Helvetica, sans-serif; float:left; background: url(../images/bdots.png) center bottom repeat-x; }		 .kof { bottom:98px; } .of_img_a { display:block; position: relative; width: 280px; height: 187px; margin: 0px; border:1px solid #c6d8e1; background:#fff; z-index:10; } .ptxt {padding: 30px 10px 30px 0px; color:#83868a;} .ptxt h4 { position: relative; width: auto; height: auto; font-size: 17px; line-height:17px; font-weight: normal; display: block; color:#0088ff; font-family: 'Lobster', cursive; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; overflow:hidden; font-style:normal; } .of_img { width: 280px; height: 187px; } .of_para { position: absolute; top:200px; left:1px; width: 280px; height: 91px; padding:0px; overflow:hidden; z-index:10; } h3.of_zag { position: relative; width: auto; height: auto; font-size: 16px; line-height:17px; font-weight: normal; display: block; font-family: 'Lobster', cursive; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; overflow:hidden; } h3.of_zag a { color:#002664; text-decoration:none; } h3.of_zag a:hover { color:#0088ff; } .of_ann { position: relative; width: auto; height:  auto; font-size: 11px; line-height:13px; color:#5a6873; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden; font-style:italic; } #cn_left { position:relative; width:540px; height: auto; margin: 0px 0px 0px 0px; padding: 30px 0px 40px 0px; float:left; } #cn_right { position:relative; width: 310px; height: auto; margin: 0px; padding: 30px 0px 0px 0px; float: right; z-index:60; } #formhold  { position: relative; width: 310px; min-height: 300px; margin:0px; padding: 15px 0px 25px 0px; background:url(../images/bg_boxul.png) top repeat-x; z-index:10; } h3.cn_zag  { position: relative; width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 75px; font-family: 'Lobster', cursive; color:#0088ff; font-size:17px; font-weight: normal; } .ferr { display:block; width: auto; height: auto; margin:0px; padding:0px 0px 15px 75px; color:#ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } form#fbform { position:relative; width:285px; height: auto; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; } td.rform { display:block; width:65px; padding: 4px 5px 0px 0px; line-height: 16px; font-family: 'Lobster', cursive; font-size:12px; color: #7f94a0; vertical-align:top; text-align:right; text-transform:lowercase; } .field { background: url(../images/field.png) top left no-repeat; color: #5b6267; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:200px; padding: 2px 2px 2px 8px; font-weight: normal; border: #fff 1px solid; } .textareafb { height:90px; } .csfield { width:90px; height:20px; margin-right:8px; float:left; }.cc_span  { font-family: 'Lobster', cursive; line-height:24px; font-size:12px; text-transform:none; vertical-align:top; color:#7f94a0; } .capp{ margin-top:1px;} .ebutton { display:block; position: relative; width: auto; height: 26px; margin: 10px 0px 0px 0px; padding: 0px;	 color: #0084fe; font-family: 'Lobster', cursive; font-size: 16px; font-weight: normal; border:none; cursor:pointer; background:#fff; } .ebutton:hover { color:#fe0000} p.perr { display:block; padding: 20px 10px 0px 75px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5b6267; font-style:italic; } .ga_hold  { position: relative; width: 950px; height: auto; margin:0px; padding: 15px 0px 5px 0px; background: url(../images/bdots.png) bottom repeat-x; } .nobu{ background:none;} .gzag{ padding: 0px 0px 20px 0px !important;} .ga_kare { position:relative; width: 305px; height: 210px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; z-index:80; }		 .kga { bottom:-2px; } .ga_link{ color:#002664;} .ga_link:hover{ color:#0084fe;} .ga_para { position: absolute; display:block; top:137px; left:0px; width: 165px; height: 32px; padding: 8px 10px 10px 10px; overflow:hidden; background:url(../images/_tr_white.png) repeat; z-index:10; } p.ga_zag { position: relative; width: auto; height: 32px; font-size: 14px; line-height:16px; font-weight: normal; display: block; font-family: 'Lobster', cursive; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden; } .ca_kare { position:relative; width: 310px; height: 310px; margin: 30px 0px 0px 0px; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; float:left; background: url(../images/bdots.png) left bottom repeat-x; } .ca_img { top:3px; position: relative; width: 310px; height: 207px; } .ca_img:hover { top:0px; } .ca_para { position: absolute; top:220px; left:15px; width: 280px; height: 68px; padding:0px; overflow:hidden; text-align:center; } h3.ca_para_zag { font-size: 15px; line-height:16px; font-weight: normal; display: block; width: auto; margin:0px; padding: 0px 0px 11px 0px; font-family: 'Lobster', cursive; } h3.ca_para_zag a { color:#002664; text-decoration:none; } h3.ca_para_zag a:hover { color:#0088ff; } .ca_para_ann { font-size: 11px; line-height:13px; width: auto; margin:0px; color:#8599aa; font-style:italic; padding: 0px; }		 .ob_kare { position:relative; width: 230px; height: 325px; margin: 30px 0px 0px 0px; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; float:left; background: url(../images/bdots.png) left bottom repeat-x; } .ob_img { top:3px; position: relative; width: 230px; height: 230px; } .ob_img:hover { top:0px; } .ob_para { position: absolute; top:235px; left:15px; width: 200px; height: 68px; padding:0px; overflow:hidden; text-align:center; } .ofnew { position: absolute; top:170px; left:15px; width: 55px; height: 40px; padding: 15px 0px 0px 0px; overflow:hidden; font-family: 'Lobster', cursive; font-size: 17px; color:#fff; text-align:center; background: url(../images/star_new.png) no-repeat; } .ofpro { position: absolute; top:170px; left:15px; width: 55px; height: 38px; padding: 17px 0px 0px 0px; overflow:hidden; font-family: 'Lobster', cursive; font-size: 14px; color:#fff; text-align:center; background: url(../images/star_pro.png) no-repeat; } a#bl_up{ position: relative; display:block; width: auto; height: 12px; margin: 15px 0px 20px 0px; padding: 18px 5px 0px 5px; overflow:hidden; font-family: 'Lobster', cursive; font-size:12px; line-height:12px; color:#9cafba; text-decoration:none; background: url(../images/bg_btup.png) top center no-repeat; float:right; } a#bl_up:hover { color:#909090; background: url(../images/bg_btup.png) bottom center no-repeat;} .br_kare { position:relative; width: 230px; height: 300px; margin: 20px 0px 5px 0px; padding: 0px 10px 0px 0px; font-family: Arial, Helvetica, sans-serif; float:left; background: url(../images/bdots.png) left bottom repeat-x; } .br_para { position: absolute; top:235px; left:15px; width: 200px; height: 48px; padding:0px; overflow:hidden; text-align:center; } #obj_hold{ position:relative; width: 950px; height: auto; margin: 0px; padding: 18px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; } #obj_left{ position:relative; width: 480px; height: 480px; margin: 0px; padding: 0px 0px 0px 42px; float:left; } #pro_img { width: 480px; height: 480px; margin:0px; } #pro_link { position: absolute; top:0px; left:0px; display:block; width: 480px; height: 480px; } #pro_link:hover { background:url(../images/bg_plus_big.png) center no-repeat;} #b_prev { position: absolute; top:220px; left:0px; width: 40px; height: 75px; margin: 0px; padding: 0px; } #b_prev a, #b_prev span { position: relative; display:block; width: 40px; height: 75px; margin: 0px; padding: 0px 0px 0px 0px; text-indent:-3000px; text-decoration:none; background:url(../images/b_prev.png) left top no-repeat; z-index:20; } #b_prev a:hover { background:url(../images/b_prev.png) left bottom no-repeat; } #b_next { position: absolute; top:220px; right:0px; width: 40px; height: 75px; margin: 0px; padding: 0px; } #b_next a, #b_next span { position: relative; display:block; width: 40px; height: 75px; margin: 0px; padding: 0px; text-indent:-3000px; text-decoration:none; background:url(../images/b_next.png) right top no-repeat; z-index:20; } #b_next a:hover { color:#36c4ff; background:url(../images/b_next.png) right bottom no-repeat; } #obj_right{ position:relative; width: 340px; height: auto; margin: 0px; padding: 0px 66px 0px 0px; float: right; } h3.obzag  { position:relative; width: auto; height: auto; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; font-family: 'Lobster', cursive; font-size:22px; line-height:26px; color:#0088ff; font-weight: normal; font-style: normal; float:none; } #obr_top { position:relative; width: 340px; height: 150px; margin: 0px; padding: 10px 0px 0px 0px; } #brand_hold { position:relative; width: 130px; height: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #brn_img{ width: 130px; height: 130px; } #brn_link { position: absolute; top:0px; left:0px; width: 130px; height: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .innew { position: absolute; top:50px; right:30px; width: 60px; height: 42px; padding: 18px 0px 0px 0px; overflow:hidden; font-family: 'Lobster', cursive; font-size: 18px; color:#fff; text-align:center; background: url(../images/star_new_big.png) no-repeat; } .inpro { position: absolute; top:50px; right:30px; width: 60px; height: 42px; padding: 18px 0px 0px 0px; overflow:hidden; font-family: 'Lobster', cursive; font-size: 16px; color:#fff; text-align:center; background: url(../images/star_pro_big.png) no-repeat; } a#bl_ba{ position: relative; display:block; width: auto; height: 20px; margin: 15px 0px 20px 0px; padding: 5px 0px 0px 16px; overflow:hidden; font-family: 'Lobster', cursive; font-size:12px; line-height:12px; color:#9cafba; text-decoration:none; background: url(../images/bg_btba.png) top left no-repeat; float:right; } a#bl_ba:hover { color:#909090; background: url(../images/bg_btba.png) bottom left no-repeat;} /* -------------------------------------- footer ------------------------------------- */ footer#footer { position: absolute; bottom: 0px; width: 100%; height: 85px; background: #0e2750; } #ftxt { position:relative; width: 960px; height: 85px; margin: 0px auto; padding: 0px 0px 0px 0px; overflow:hidden; } ul#footm { position: absolute; top:22px; right:5px; width: 700px; height: 17px; padding: 0px; margin: 0px; z-index:5; overflow:hidden; } ul#footm li {  display: block; list-style-type: none; height: auto; width: auto; margin: 0px; padding: 0px 0px 0px 17px; float: right; } ul#footm li a { display:block; height: auto; width: auto; margin:0px; padding: 0px; color: #fff; font-size: 13px; font-family: 'Lobster', cursive; font-weight: normal; text-decoration: none; float:left; } ul#footm li a:hover { color:#70c1ff; } a#share { position: absolute; display:block; top:23px; left:110px; width: auto; height: 15px; margin: 0px; padding: 0px 17px 0px 0px; color: #4b6a90; font-size: 13px; line-height:11px; font-family: 'Lobster', cursive; font-weight: normal; text-decoration: none; background: url(../images/bg_share.png) top right no-repeat; } a#share:hover {color: #fff} a#faceb { position: absolute; display:block; top:16px; left:5px; width: 85px; height: 25px; margin: 0px; padding: 0px; text-indent:-3000px; background: url(../images/bg_face.png) top no-repeat; } a#faceb:hover { background: url(../images/bg_face.png) bottom no-repeat; } #validate { position: absolute; bottom:0px; left:5px; width: 300px; height: 25px; margin: 0px; padding: 0px 0px 0px 0px; color: #557fad; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #develop { position: absolute; bottom:0px; right:5px; width: 300px; height: 25px; margin: 0px; padding: 0px 0px 0px 0px; text-align:right; color: #557fad; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #develop a { color: #7099c7 !important; font-weight:bold; text-decoration:none } #develop a:hover { color: #fff !important; } /* -------------------------------------- end footer ------------------------------------- */