Linux puskom-ProLiant-DL385-Gen10 5.4.0-150-generic #167~18.04.1-Ubuntu SMP Wed May 24 00:51:42 UTC 2023 x86_64
/
var
/
www
/
html
/
bkd
/
css
/
/var/www/html/bkd/css/style2.css
.left { float:left; } .right { float:right; } body { background:url(../images/bg_top2.gif) top repeat-x #e2e2e2; border:0; font:13px Arial, Helvetica, sans-serif; color:#323232; line-height:17px; margin:0; padding:0; } .main { margin:0 auto; width:100%; } .wrapper { width:98%; overflow:hidden; padding:15px 0 0 15px; } .inner_copy, .inner_copy a { border:0; float:right; background:#fff; color:#f00; width:50%; line-height:10px; font-size:10px; margin:-220% 0 0 0; overflow:hidden; padding:0; } .css3 { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow:0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4); behavior:url(../js/PIE.htc); position:relative; } a { color:#308da2; text-decoration:none; outline:none; } a:hover { text-decoration:none; } h1 { float:left; padding:16px 0 0 0; } h2 { font-size:35px; font-weight:600; color:#000; line-height:44px; padding:16px 0 9px 0; letter-spacing:-1px; } .box h2 { padding:29px 0 16px 0; } p { padding-bottom:17px; } #logo { display:block; background:url(../images/logo.gif) no-repeat; width:245px; height:85px; text-indent:-5000px; } #search { float:right; padding:35px 0 0 0; } #search .bg { background:url(../images/search.gif) no-repeat; width:193px; height:36px; } #search .submit { float:right; height:36px; width:40px; background:none; cursor:pointer; } #search .input { float:right; background:none; font:13px Arial, Helvetica, sans-serif; color:#323232; height:16px; width:143px; padding:10px; padding-right:0; } #menu { width:100%; overflow:hidden; margin-top:3px; } #menu li { float:left; } #menu a { display:block; font-size:20px; font-weight:400; color:#000; background:url(../images/menu.gif) top repeat-x; line-height:55px; text-decoration:none; } #menu li span { display:block; background:url(../images/menu_left.gif) top left no-repeat; } #menu .alpha span { background:url(../images/left_menu.gif) top left no-repeat; } #menu .alpha a:hover span, #menu .alpha#menu_active a span { background:url(../images/left_menu_active.gif) top left no-repeat; } #menu .omega span span { background:url(../images/right_menu.gif) top right no-repeat; } #menu .omega a:hover span span, #menu .omega#menu_active a span span { background:url(../images/right_menu_active.gif) top right no-repeat; } #menu li span span, #menu .alpha span span { background:url(../images/menu_right.gif) top right no-repeat; padding:0 60px; } #menu a:hover, #menu #menu_active a { color:#fff; background:url(../images/menu_active.gif) top repeat-x; } #menu a:hover span, #menu #menu_active a span { background:url(../images/menu_left_active.gif) top left no-repeat; } #menu a:hover span span, #menu #menu_active a span span, #menu .alpha#menu_active a span span, #menu .alpha a:hover span span { background:url(../images/menu_right_active.gif) top right no-repeat; } .text { background:url(../images/bg_img2.jpg) 1px 0 no-repeat; padding:18px 0 0 515px; width:325px; margin-top:15px; text-align:center; height:265px; } .text1 { font-size:80px; font-weight:700; line-height:100px; color:#000; letter-spacing:-2px; display:block; } .text1 span { display:block; font-size:40px; line-height:50px; margin-top:-17px; letter-spacing:-1px; padding-bottom:20px; } .text .button { display:inline-block; font-size:30px; font-weight:700; color:#fff; line-height:53px; padding:0 37px; background:url(../images/button_bg.gif) top repeat-x #308da2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/PIE.htc); position:relative; text-decoration:none; } .text .button:hover { background:#696969; } #header { background: #000; background: -moz-linear-gradient(top, #009900, #000000); background: -ms-linear-gradient(top, #009900, #000000); background: -o-linear-gradient(top, #009900, #000000); background: -webkit-linear-gradient(top, #009900, #000000); background: linear-gradient(top, #009900, #000000); height: 80px; width:100%; } #content { margin:14px; background:url(../images/bg_cont.gif) bottom repeat-x #fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:1px 1px 2px #cfcfcf; -moz-box-shadow:1px 1px 2px #cfcfcf; -webkit-box-shadow:1px 1px 2px #cfcfcf; behavior:url(../js/PIE.htc); position:relative; } .pad { padding:0 30px 0 35px; } .pad_left1 { padding-left:55px; } .pad_left2 { padding-left:45px; } .marg_right1 { margin-right:12px; } .marg_right2 { margin-right:18px; } .pad_bot1 { padding-bottom:35px; } .pad_bot2 { padding-bottom:49px; } .pad_bot3 { padding-bottom:7px; } .pad_bot4 { padding-bottom:17px; } .marg_top { margin-top:17px; } .marg_top2 { margin-top:7px; } .box { background:#f5f5f5; behavior:url(../js/PIE.htc); position:relative; width:100%; overflow:hidden; } .box.top { border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; behavior:url(../js/PIE.htc); } .box.bot { border-radius:0 0 11px 11px; -moz-border-radius:0 0 11px 11px; -webkit-border-radius:0 0 11px 11px; behavior:url(../js/PIE.htc); } .banners { padding:19px 0 19px 19px; overflow:hidden; } .banners li { width:210px; float:left; padding-right:12px; } .banners p { padding-bottom:7px; } .banners p.font1 { font-weight:bold; color:#318ea2; padding:16px 0 7px 0; } .banners .marker { background:url(../images/marker_1.gif) no-repeat; } .banners .marker:hover { background:url(../images/marker_3.gif) no-repeat; } .banners .pad { padding:0 10px 0 15px; } .marker { display:inline-block; background:url(../images/marker_3.gif) no-repeat; width:17px; height:17px; } .marker:hover { display:inline-block; background:url(../images/marker_1.gif) no-repeat; width:17px; height:17px; } .line1 { background:url(../images/line_ver1.gif) 250px 0 repeat-y; padding:7px 0; } .under { padding-bottom:17px; border-bottom:1px solid #ddd; margin-bottom:17px; } .color1 { color:#308da2; } .list1 li { line-height:23px; } .list1 li a { padding-left:20px; background:url(../images/marker_2.gif) 5px 5px no-repeat; } #ContactForm { font-weight:bold; color:#323232; line-height:28px; } #ContactForm .wrapper { padding-bottom:6px; } #ContactForm .bg { background:url(../images/bg_input.gif) top repeat-x #e6e6e6; float:right; margin-right:150px; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:1px 1px 2px #e3e3e3; -moz-box-shadow:1px 1px 2px #e3e3e3; -webkit-box-shadow:1px 1px 2px #e3e3e3; behavior:url(../js/PIE.htc); position:relative; height:26px; } #ContactForm .bg2 { background:url(../images/bg_textarea.gif) top repeat-x #e6e6e6; float:right; margin-right:2px; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:1px 1px 2px #e3e3e3; -moz-box-shadow:1px 1px 2px #e3e3e3; -webkit-box-shadow:1px 1px 2px #e3e3e3; behavior:url(../js/PIE.htc); position:relative; height:191px; } #ContactForm .button { margin-left:8px; margin-top:9px; float:right; margin-right:2px; font-size:20px; font-weight:700; color:#fff; line-height:35px; width:90px; text-align:center; background:url(../images/button_form.gif) top repeat-x #308da2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/PIE.htc); position:relative; text-decoration:none; } #ContactForm .input { width:260px; height:16px; background:none; padding:5px 10px; color:#323232; font:13px Arial, Helvetica, sans-serif; margin:0; } #ContactForm textarea { overflow:auto; width:408px; height:181px; background:none; padding:5px 10px; color:#323232; font:13px Arial, Helvetica, sans-serif; margin:0; } #ContactForm .button:hover { background:#696969; } footer { padding:25px 0 28px 0; width:100%; overflow:hidden; text-align:center; line-height:18px; } footer p { margin:0; padding:0; line-height:normal; font-size:12px; } footer p, footer p a { color:#363636; text-decoration:none; } footer .lf { float:left; } footer .rf { float:right; } input[type=text], nput[type=password] { border: 1px solid #929292; padding: 7px; vertical-align: text-top; -webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em; box-shadow: #e3e3e3 0.1em 0.1em 0.2em; -moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; -khtml-border-radius: 5px; font:14px Arial, Helvetica, sans-serif; } p.nolabel input[type=text], p.nolabel textarea, p.nolabel input[type=password] { position: relative; left: 0; } textarea { font:16px Arial, Helvetica, sans-serif; min-height: 100px; min-width: 300px; resize: both; padding: 7px; } select { min-height: 28px; min-width: 200px; resize: both; padding: 5px; } button, input[type=submit] { border: 1px solid #929292; color: #505050; -webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em; box-shadow: #e3e3e3 0.1em 0.1em 0.2em; -moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -border-radius: 5px; -khtml-border-radius: 5px; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); padding: 6px; } input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=submit]:hover, button:hover, input[type=radio]:hover:before, input[type=checkbox]:hover:before, select:hover { -webkit-box-shadow: #666 0 0 3px; box-shadow: #666 0 0 3px; -moz-box-shadow: #666 0 0 3px; color: #000000; font:14px Arial, Helvetica, sans-serif; } .btn { padding:0 0 0 100px; width:420px; height:35px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; position:relative; overflow:hidden; text-decoration: none; } .btn img { position:absolute; left:15px; top:3px; border:none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .btn .price { position:absolute; font-size:14px; top:2px; left:15px; color:#FFF; opacity:0; text-shadow:0px 1px 1px rgba(255,255,255,0.5); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -ms-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity:0; } .btn:hover .price { opacity:1; } .professional { border:1px solid #ee6324; background:#ee6324; background:-webkit-gradient(linear,left top,left bottom, color-stop(#f56300,0),color-stop(#ee6324,1)); background:-webkit-linear-gradient(top, #f56300 0%, #ee6324 100%); background:-moz-linear-gradient(top, #f56300 0%, #ee6324 100%); background:-o-linear-gradient(top, #f56300 0%, #ee6324 100%); background:linear-gradient(top, #f56300 0%, #ee6324 100%); filter:progid:DXImageTransform.Microsoft.gradient ( startColorstr='#f56300', endColorstr='#ee6324',GradientType=0 ); } .description { padding-top:2px; padding-right:4px; display:block; font-size:12px; color:#FFFFFF; } .description strong { padding-right:2px; display:block; font-size:14px; text-shadow:0px 1px 1px rgba(255,255,255,0.5); } .xbtn { padding:0px; width:40px; height:35px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; position:relative; overflow:hidden; text-decoration: none; } .xbtn img { position:absolute; top:5px; left:5px; } .headtbl1{ font: bold 14px Arial; color: white; background: black; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 4px; /*header text is indented 10px*/ } .tbhtbl { color: #000000; padding:5px 5px 5px 5px; text-decoration: none; border-bottom: 1px solid #dadada; font:16px Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; } .tbhbio { color: #000000; padding:5px 5px 5px 5px; text-decoration: none; font-weight: normal; border: 1px solid #dadada; font-size: 95%; } .txtisi {border:1px solid #bdc7d8; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size:12px;padding:7px; height: 30px} .txtisi:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .txtmenu { font:0.8em Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; } .txtmenu a{ text-decoration: none; } .txtmenu a:hover{ color: #000000; } .box { position:relative; width:700px; height:350px; } .txtbox { font:1em Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; } .box-gradient { position:absolute; width:100%; height:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background: -moz-linear-gradient(left, #A9D0F5 0%, #EEEEEE 50%, #EEEEEE 50%, #A9D0F5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#A9D0F5),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#A9D0F5)); } .box-shadow { position:absolute; left:50%; margin:400px 0 0 -290px; bottom:10px; width:580px; height:16px; background:#fff; border-radius:290px / 8px; -moz-border-radius:290px / 8px; -webkit-border-radius:290px / 8px; box-shadow:0 10px 20px #000; -moz-box-shadow:0 10px 20px #000; -webkit-box-shadow:0 10px 20px #000; } .top { border-top: solid 1px #000000; padding: 3px; }.left_top { border-top: solid 1px #000000; border-left: solid 1px #000000; padding: 3px; } .left_top_right{ border-top: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; padding: 3px; } .boxpass { bottom:10px; width:480px; height:190px; background:#fff; border-radius:290px / 8px; -moz-border-radius:290px / 8px; -webkit-border-radius:290px / 8px; box-shadow:0 10px 20px #000; -moz-box-shadow:0 10px 20px #000; -webkit-box-shadow:0 10px 20px #000; } /*-------Box-Info-------*/ body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } .info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .info { color: #00529B; background-color: #BDE5F8; background-image: url('info.png'); } .success { color: #4F8A10; background-color: #DFF2BF; background-image:url('success.png'); } .warning { color: #9F6000; background-color: #FEEFB3; background-image: url('warning.png'); } .error { color: #D8000C; background-color: #FFBABA; background-image: url('error.png'); }