/**** LAYOUT ****/
html {
height: 100%;
margin: 0;
padding: 0;
}
body{
background:url('../images/new/top_header.jpg') no-repeat top center #5dbac1;
width: 100%;
height: 100%;
position: relative;
min-width: 1000px;
}
#container {
width: 1000px;
margin: 0px auto;
height: auto !important;
height: 100%;
}
#container1{
width: 1000px;
margin: 0 auto;
padding: 0px 0 0 0;
}
#header {
height: 382px;
width: 1000px;
background: url('../images/new/header_s.jpg') no-repeat;
margin: 0px auto;
z-index:1000;
}
#header.second {
height:159px;
width:1000px;
background:url('../images/new/header_second.jpg') no-repeat;
}
/*server choose*/
.menu_server_select{
margin-top:30px;
margin-left:144px;
height:100px;
position:relative;
font-size:11px;
*margin-left:420px;
*width:100px;
}
.menu_server_select ul li a, .menu_server_select ul li a:visited{
display:block;
text-decoration: none;
border-bottom: 1px dashed #ffb974;
color:#000;
width:81px;
height:20px;
text-align:center;
color:#ffba76;
line-height:20px;
font-size:10px;
overflow:hidden
}
.menu_server_select ul{
padding:0;
margin:0;
list-style:none;
}
.menu_server_select ul li{
float:left;
position:relative;
}
.menu_server_select ul li ul{
display:none;
}
.menu_server_select ul li:hover a{
color:#fff;
background:#257690;
}
.menu_server_select ul li:hover ul{
display:block;
position:absolute;
top:21px;
left:0;
width:105px;
}
.menu_server_select ul li:hover ul li a{
display:block;
background:#ddd;
color:#000;
}
.menu_server_select ul li:hover ul li a:hover{
background:#257690;
color:#000;
}
.current_server{
color:red;
}
.shadow{
background:url('../images/new/shadow_repeat.png') repeat-y center;
overflow: hidden;
}
*html .shadow{
background:url('../images/new/shadow_repeat.png') repeat-y center;
overflow: visible;
}
#wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
}
#main-menu-second{
top: 124px;
left: -287px;
}
#reklama {
position: relative;
z-index:40;
float: right;
height: 60px;
padding: 15px 3px 0 0;
}
#col01 {
position:relative;
z-index:100;
float: left;
padding: 21px 0 0 21px;
}
#col02 {
position: relative;
z-index:100;
float: right;
height: 120px;
padding: 0 3px 0 0;
}
#col03 {
position:relative;
z-index:100;
float: left;
padding: 32px 15px 8px;
font-family: Georgia, 'Times New Roman', Times, serif;
color: white;
font-size: 12pt;
}
/* Login code starts */
#login2 {
font-size: 10px;
margin-top: 20px;
color: #74acd1;
}
#login {
font-size: 10px;
margin-top:20px;
color: #74acd1;
}
#login A:hover {
color: #fff;
}
#login SPAN {
padding: 0 0 0 33px;
}
#login-col01 {
width: 121px;
padding: 0 8px 0 0;
float: right;
}
#login-col02 {
width: 121px;
float: right;
padding: 0 3px 0 0;
}
#login-col03 {
float: right;
margin-top:-10px;
padding: 12px 0px 0 0;
}
#login-col33 {
float: right;
margin-top:-10px;
padding: 12px 0px 0 0;
}
#login-col03 input[type="submit"]{
background:url('../images/new/button_enter_repeat.jpg') repeat-x center;
border:none;
width: 57px;
border-radius: 3px;
}
#login-col33 input[type="submit"]{
background:url('../images/new/button_enter_repeat.jpg') repeat-x center;
border:none;
width: 57px;
border-radius: 3px;
}
#login-col03 input:hover{
background:url('../images/new/enter_button_hover1.jpg') repeat-x center;
cursor:pointer;
}
#login-col33 input:hover{
background:url('../images/new/enter_button_hover.jpg') repeat-x center;
cursor:pointer;
}
#login-col11 {
width: 121px;
padding: 0 8px 0 0;
float: right;
}
#login-col22 {
width: 121px;
padding: 0 8px 0 0;
float: right;
}
#login-server{
float:right;
position: relative;
width:93px;
top: 7px;
left: 38px;
}
#login-col04{
position:relative;
z-index:100;
margin: 301px 0px 0px 20px;
width: 180px;
}
*html #login-col04{
margin:220px 0px 0px 20px;
}
#server_select a{
font-size:8pt;
color:#ffba76!important;
padding-left:170px;
}
#login-col01 INPUT {
margin-top: 0px;
margin-left:32px;
width: 100px;
padding: 2px;
color: black;
border: 1px solid gray;
}
#login-col02 INPUT {
margin-top: 0px;
margin-left:15px;
width: 100px;
padding: 2px;
color: black;
border: 1px solid gray;
}
#login-col11 INPUT {
margin-top: 0px;
margin-left:37px;
width: 100px;
padding: 2px;
color: black;
border: 1px solid gray;
}
#login-col22 INPUT {
margin-top: 0px;
margin-left:20px;
width: 100px;
padding: 2px;
color: black;
border: 1px solid gray;
}
/* Main menu code starts */
#main-menu{
font-size: 12px;
position: absolute;
top: 347px;
padding: 0 4px 0 0;
left: -183px;
* left: 33px;
width: 586px;
height:35px;
background: url("../images/new/menu_new.jpg") no-repeat;
}
#main-menu.secondmenu{
position: absolute;
bottom: 0;
right: 0;
top: 124px;
padding: 0 4px 0 0;
left: -183px;
*left: 33px;
width: 586px;
height:35px;
background:url("../images/new/menu_new.jpg");
}
#menu1{
margin: 0;
padding: 0;
list-style: none;
}
#menu1 *{
float: left;
}
UL#menu1 LI A {
width:140px;
cursor: pointer;
margin: 0 1px 0 0;
text-align:center;
font-size: 15px;
color: #fff;
text-decoration: none !important;
}
UL#menu1 LI A SPAN {
padding:10px 28px 8px 32px;
}
UL#menu1 LI A:hover SPAN,
UL#menu1 LI A.active SPAN {
height:49px;
background: url("../images/new/menu_hoover_repeat.jpg") 0 0 repeat-x;
padding:0xp 4px 0px 0px;
}
/* Main menu code ends */
#menu2 {
height:auto;
margin: 0;
padding: 3px 0 10px 0;
list-style: none;
font-size: 12px;
line-height: normal !important;
background:#CCE4E2;
color:#0089c8;
font-size:13px;
}
UL#menu2 LI {
height:34px;
margin-top: -4px;
border-bottom:1px dashed #99A5AF;
background: url("../images/new/li_style.jpg") no-repeat 28px 13px;
}
*html UL#menu2 LI{
height:17px;
margin-top: 0;
/* margin-left: 20px; */
border-bottom:1px dashed #99A5AF;
background: url("../images/new/li_style.jpg") no-repeat 18px 10px;
}
UL#menu2 LI A {
position: relative;
display: block;
padding: 10px 0 3px 44px;
text-align: left;
color: #0089C8;
text-decoration:underline;
width:288px;
height:34px;
}
UL#menu2 LI A:hover {
color: #fff;
font-weight: bold;
width:288px;
height:34px;
background: url("../images/new/hoover2_sec_page.png") no-repeat 0 4px;
text-decoration:none;
}
UL#menu2 LI A.active{
color: #fff;
font-weight: bold;
width:288px;
height:50px;
background: url("../images/new/hoover_sec_page.png") no-repeat 0 4px;
text-decoration:none;
}
*html UL#menu2 LI A {
position: relative;
display: block;
padding: 10px 0 10px 35px;
text-align: left;
color: #0089C8;
text-decoration:underline;
width:230px;
height:20px;
}
*html UL#menu2 LI A:hover,
UL#menu2 LI A.active {
color: #fff;
font-weight: bold;
width:230px;
height:20px;
background: url("../images/new/hoover_sec_page_ie.png") no-repeat 0 4px;
text-decoration:none;
}
#footer {
width:1000px;
height:145px;
margin: 0 auto;
background: url("../images/new/footer_content_ng.jpg") repeat-x;
font-size: 11px;
color: #408080;
position:relative;
*padding: 0px;
}
#alostel { float: right; padding: 0 0 0 0; font-weight: bold; }
#alostel A { color: #2272a6; text-decoration: none; }
#alostel A:hover { color: #2272a6; text-decoration: underline; }
/* Index */
#index {
padding: 8px 0 0 0;
}
.box {
position: relative;
width: 212px;
height: 177px;
* width: 100px;
}
.box04 {
position: relative;
width: 928px;
height: 350px;
}
.box05 {
font-size: 12px;
position: relative;
width: 265px;
height: 1820px;
color:#006277;
background: url("../images/new/left_sidebar.jpg") repeat-y;
*height:1%;
}
#sidebar_gray_bg{
margin-top: -16px;
line-height: 17px;
width:265px;
height:62px;
background:url("../images/new/left_part_gray.jpg") no-repeat;
* line-height:15px;
}
*+html #sidebar_gray_bg{
margin-top:0px;
}
.sidebar_right_dark_bg {
width:254px;
* width: 240px;
height:62px;
background:url("../images/new/right_gray_bg.jpg") no-repeat;
color:#015269;
font-size:18px;
font-family:Verdana;
padding:8px 0px 0px 14px;
text-align:left;
}
.sidebar_dark_bg {
width:265px;
height:50px;
background:url("../images/new/left_part_dark.jpg") no-repeat;
line-height: 22px;
}
.box06 {
position: relative;
width: 100px;
height: 400px;
}
.box07 {
position: relative;
width: 212px;
height: 270px;
}
.box08 {
position: relative;
width: 224px;
height: 300px;
}
.box09 {
position: relative;
width: 400px;
height: 44px;
color:white;
}
.box11 {
position: relative;
width: 100px;
height: 40px;
}
.box12 {
position: relative;
width: 481px;
height: auto;
min-height:670px;
*height:550px;
background:url("../images/new/content_bg1.jpg") no-repeat #ccdddb;
}
.box13 {
position: relative;
width: 250px;
height: 100px;
}
.box14 {
position: relative;
width: 875px;
height: 950px;
padding: 20px 0px 0px 18px;
line-height: 12px;
}
#evacuate{
/*position:relative;*/
margin-right:-10px;
margin-top: 15px;
}
.text_evacuate{
padding-left: 29px;
color:white;
}
#evacuate img{
margin-right:22px;
}
#text_box{
font-size: 12px;
width:200px;
margin-top:0px;
}
.box P.heading {
margin: 0;
padding: 8px 29px 0 23px;
color:#015269;
font-size:16pt;
font-family:Verdana;
line-height:30px;
}
.box P.heading3 {
margin: 0px;
padding: 9px 29px 0 25px;
font-size: 14px;
font-weight: bold;
color: #ffae46
}
.box P.heading2 {
margin: 0;
padding: 39px 0px 0 0px;
font-size: 12px;
font-weight: bold;
}
.box P.heading4 {
margin: 0;
padding: 36px 29px 0 32px;
font-size: 12px;
font-weight: bold;
}
.box P.heading5 {
width:margin: 0;
padding: 15px 0px 0 20px;
font-size: 16px;
font-weight: bold;
color:#fffff
}
.box P.heading6 {
width:margin: 0;
padding: 20px 0px 0 20px;
font-size: 25px;
font-weight: bold;
color:#fffff;
font-family:Verdana;
}
.box P.date {
margin: 0;
padding: 5px 0px 0 8px;
font-size: 11px;
color: #77caff;
}
.box P.date2 {
margin: 0;
padding: 8px 10px 7px 25px;
font-size: 14px;
color: #4080a1;
font-weight: bold;
}
.box P.date3 {
margin: 0;
padding: 3px 0px 0px 15px;
font-size: 12px;
font-weight: bold;
color: #c04901;
}
.box P.text {
margin: 0;
padding: 8px 29px 0 23px;
font-size: 11px;
}
.box P.text2 {
margin: 0;
padding: 3px 0px 0 0px;
font-size: 11px;
}
.box P.text3 {
margin: 0;
padding:3px 0px 15px 15px;
font-size: 12px;
}
.box P.news {
margin: 0;
padding:0px 10px 10px 25px;
font-size: 12px;
color:black;
}
.box A.bottom {
position: absolute;
display: block;
width: 200px;
height: 250px;
bottom: 0;
left: 0;
}
.box P.pictures {
margin: 0;
padding: 8px 0 0 6px;
}
.box P.pictures A {
margin: 0 14px 0 0;
}
.box P.download {
position: absolute;
bottom: 0;
left: 0;
padding: 0 0 23px 23px;
}
.box P.download A {
display: block;
position: relative;
padding: 0 0 0 45px;
color: #74acd1;
text-decoration: underline;
background: url("../images/bg03.png") no-repeat 0 0;
font-size: 10px;
}
.box P.download A:hover {
color: #fff;
}
.box1{
height:176px;
width:211px;
float:left;
background:url("../images/new/pics_01.png") no-repeat;
padding:10px 13px 20px 10px;
}
.box2{
width:211px;
float:left;
height:176px;
background:url("../images/new/danger.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box3{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_04.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box4{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_14.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box5{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_15.png") no-repeat;
padding:10px 12px 20px 7px;
}
.box6{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_06.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box7{
width:211px;
float:left;
height:176px;
background:url("../images/new/passanger.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box8{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_08.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box9{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_09.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box110{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_110.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box111{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_111.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box112{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_112.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box113{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_113.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box114{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_114.png") no-repeat;
padding:10px 12px 20px 10px;
}
.box115{
width:211px;
float:left;
height:176px;
background:url("../images/new/pics_115.png") no-repeat;
padding:10px 12px 20px 10px;
}
.rek01 {
float: left;
margin: 0 0px 0 0;
}
.rek02 {
float: left;
margin: 0 0px 0 0;
}
.box01 {
float: left;
margin: 15px 21px 0 0;
}
.box02 {
float: left;
margin: 0 3px 0 0;
}
.box03 {
float: left;
}
.box04 {
float: center;
margin: 0 4px 0 0;
}
.box05 {
/*float: left; */
}
.box06 {
float: left;
margin: 0 4px 0 0;
}
.box07 {
float: left;
margin: 0 4px 0 0;
}
.box08 {
float: left;
margin: 0 4px 0 0;
}
.box09 {
float: left;
margin: 0px 4px 0 25px;
color: #fffff;
font-size:16pt;
position:relative;
top:20px;
}
.box11 {
float: left;
margin: 0 4px 0 0;
}
.box12 {
float: left;
}
.box13 {
float: left;
margin: 0 4px 0 0;
}
.box14 {
float: left;
margin: 0 4px 0 0;
}
/* Subpage */
#subpage {
background-color:#4d9ba1;
width:1000px;
padding: 0 0 145px;
}
*html #subpage{
margin-top:-1px;
}
.for_footer_bottom_stick {
min-height: 100%;
height: auto !important;
height: 100%;
padding-bottom: -145px;
/* margin-left:-2px; */
}
* html #subpage {
height: 100%;
}
#left {
float: left;
width: 265px;
}
#left.secondleft {
float: left;
}
#right {
float: left;
padding: 0 5px 0 0;
width: 700px;
*padding: 0px;
}
#right.secondright {
float: left;
width: 730px;
}
#center01 {
float: left;
width: 1000px;
margin:0 auto;
background: url("../images/new/content_bg7.jpg") no-repeat #4d9ba1;
padding: 0 0 145px;
}
*html #center01 {
background:none;
margin-top:-267px;
}
#block02 {
float:left;
min-height:100%;
width: 715px;
background: url("../images/new/second_page_bg.jpg") repeat-x #ccdddb;
padding: 23px 20px 0px 0px;
line-height: 16px;
z-index:100;
}
*html #block02{
position:relative;
}
/* * HTML #block02 { margin: -8px -2px 0 0; }
#block04 { width: 194px; height: 2px; background: url("../images/bg04.png") no-repeat; }
#block05 { width: 194px; background: url("../images/bg05.png"); padding: 0px 0px 0px 0px; line-height: 12px; }
* HTML #block05{ margin: -8px 0 0 0; }
#block06 { width: 194px; height: 6px; background: url("../images/bg06.png") no-repeat; }
#block11 { width: 910px; height: 6px; background: url("../images/bg21.png") no-repeat; }
* HTML #block13 { margin: -8px 0 0 0; }
#block13 { width: 910px; height: 6px; background: url("../images/bg23.png") no-repeat; } */
.img-right {
float: right;
margin: 0 0 0 30px;
}
.img-left {
float: left;
margin: 10px 10px 0 1px;
}
/* Additional Styles */
.support {
display: block;
padding: 4px 0 4px 45px;
width: 106px;
background: url("../images/bg01.gif") no-repeat red;
font-weight: bold;
color: #59bdff;
text-decoration: none !important;
}
A.support:hover {
color: #fff;
}
/**** STANDART COMPONENTS ****/
/* Content */
.content A {
text-decoration: none;
}
.content A:hover {
text-decoration: underline;
}
.dot {
list-style: none;
margin-left: -10px;
*margin:0px;
*padding-left:23px;
}
.dot2 {
list-style: none;
padding:1px 0px 0px 0px;
width: 250px;
display: block;
*margin-left:10px;
margin-top: 0px;
}
.list LI{
list-style:none;
padding: 5px 0 0 20px;
background: url("../images/new/list_point.jpg") no-repeat 0px 9px;
}
.dot2 LI {
padding: 3px 0 4px 34px;
background: url("../images/new/list_style.jpg") no-repeat 22px 8px;
*padding:0px 0px 0px 20px;
*background: url("../images/new/list_style.jpg") no-repeat 5px 4px;
}
.tabla { border:dotted; border-width:thin; }
.present { color:#000000; }
#common_block{
position:relative;
top:18px;
height:1048px;
width:700px;
float:left;
padding-left:25px;
}
#common_block a{
color:#008bcb;
text-decoration:underline;
font-size:14pt;
}
#common_block a:hover{
color:#b06300;
text-decoration:none;
}
#common_block p{
margin-top: 116px;
color:black;
}
#horn{
background:url("../images/new/horn.jpg") no-repeat;
height: 60px;
padding-left: 50px;
margin:16px 0px 0px 10px;
}
.text_correcting{
margin-top:-22px!important;
}
#gps{
width:55px;
height:42px;
background:url("../images/new/gps.jpg") no-repeat;
padding-left:67px;
margin-top: 10px;
margin-left:25px;
}
#table_price{
width:410px;
margin-left: 29px;
}
.row1{
background:#adc5c2;
}
.row2{
color:#5e5e5e;
font-weight:bold;
}
#table_price a{
text-decoration:underline;
font-weight:bold;
}
#right_sidebar{
float:left;
width:246px;
* width: 100px;
height:600px;
}
#presentation{
position: relative;
float:left;
margin-left: 15px;
margin-top: 10px;
}
#sidebar_height{
height:540px;
width:254px;
margin: 0px;
clear:both;
background-color:#cae3e1;
}
#equipment span{
color:#c04901;
font-weight:bold;
}
#footer_banner{
margin:15px 0px;
}
#header_banner{
z-index:1;
position:absolute;
top:0px;
}
#counters{
padding-right:20px;
padding-top: 38px;
}
#footer_text{
color:white;
padding-left:20px;
margin-top: -50px;
line-height:20px;
font-size:12px;
}
#footer_text a{
color:#b9eeff;
cursor:pointer;
}
#developed_by{
width:145px;
height:70px;
float:right;
background:url("../images/new/e-krit.png") no-repeat right;
margin:10px 0px 10px 70px;
line-height: 0px;
padding-top: 70px;
}
#footer_bg{
clear:both;
width:100%;
background:url("../images/new/footer_bg.jpg") repeat-x bottom center;
margin: -145px auto 0;
}
#main_menu {
width:100%;
list-style:none;
font: 140% Arial;
margin-left: -38px;
* margin:0px;
}
#main_menu li {
margin-top: -16px;
width: 24%;
min-width: 100px;
background: url(images/botton.jpg) repeat-x top center;
border-right: 1px solid #00434c;
border-left: 1px solid #0091b2;
float:left;
line-height: 40px;
* margin:0px;
}
#main_menu li a {
height:34px;
display:block;
color:#fff;
text-decoration:none;
text-align:center;
}
#main_menu li a:hover,
#main_menu li.current a{
height:34px;
background: url("../images/new/menu_hoover_repeat.jpg") repeat-x top center;
color: #fff;
}