html, body, div, span, applet, object, iframe,
h1, h2, h3,  h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
caption, tbody, tfoot, thead, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;

font: normal 12px arial,tahoma,verdana,sans-serif;
color:#000000; 
font-weight: inherit;
font-style: inherit;
vertical-align: baseline
}

html{
background: #ffffff;
height:100%
}

body{
background: #ffffff;
height:100%
}



img {
border: none
}

ul {
list-style: none
}

a {
font-size: 14px;
cursor: pointer;
color: #0000a0;
text-decoration: underline
}

label{
cursor: pointer
}

a:hover {
text-decoration: none
}

a:focus{
outline: none
}

input:focus{
outline: none
}

ol, ul {
list-style: none
}

div.clear{
clear:both
}
/*------------------------start center box--------------------------------*/
.center {
position: relative;
width: 100%
}

.center:after {
content:'';
display: block;
clear: both
}
.center-left {
position: relative;
right: 50%;
float: right;
background: transparent
}
.center-right {
position: relative;
z-index: 1;
right: -50%;
background: transparent;
width:980px;
margin:0px 0px 0px 0px
}

/*------------------------end center box--------------------------------*/

#header{
overflow:hidden;
width:980px;
height:150px;
background:#ffffff url('images/logo.jpg') top left no-repeat
}

#header h1{
font-size:28px;
position:absolute;
text-align:center;
margin:60px 0px 0px 244px;
float:left
}

#lang{
float:right;
position:absolute;
margin:120px 0px 0px 900px
}

#lang li{
float:left;
padding:0px 4px 0px 4px;
border-left:1px solid #bcbcbc
}

#lang li.first{
border-left:none
}

#lang li a{
color:#686868;
text-decoration:none
}

#lang li a.current{
color:#0000a0;
font-weight:bold;
}

#sidebar{
width:977px;
height:30px;
background: #a1a1a1 url('images/sidebar-bg.jpg') top left repeat-x;
overflow:hidden;
}

#sidebar li{
float:left;
width:162px;
height:30px ;
border-left:1px solid #ffffff
}

#sidebar li.first{
border-left:none
}

#sidebar li a{
display:block;
height:30px;
text-align:center;
margin:4px 0px 0px 0px;
color:#000000;
font-size:16px;
text-decoration:none
}

#sidebar li.current{
background: #a1a1a1 url('/images/sidebar-current-bg.jpg') top left repeat-x;
}

#sidebar li.current a{
color:#ffffff
}



#wrap{
overflow:hidden;
width:977px;
height:500px
}

#wrap.front{
background:#ffffff url('/images/back_home.jpg') top left no-repeat
}

#wrap.procompany{
background:#ffffff url('/images/contacts.jpg') top left no-repeat
}

#wrap.propayment{
background:#ffffff url('/images/contacts.jpg') top left no-repeat
}


#wrap div.slogan{
margin:73px 0px 0px 18px;

height:100px;
float:left;
overflow:hidden;
position:absolute
}



#wrap div.slogan h3{
margin:36px 10px 0px 10px;
color:#ffffff;
font-size:18px;
}

#wrap.front div.slogan{
background:#ffffff url('/images/slogan-bg-front.jpg') top center repeat-x

}

#wrap.procompany div.slogan{
background:#ffffff url('/images/slogan-bg-procompany.jpg') top center no-repeat
}

#wrap.propayment div.slogan{
background:#ffffff url('/images/slogan-bg-payment.jpg') top center no-repeat
}

#wrap ul.tiser{
position:absolute;
margin:259px 20px 0px 20px;
width:940px;
float:left;
height:210px;
overflow:hidden;
background:#ffffff
}

#wrap ul.tiser li{
width:313px;
float:left
}

#wrap ul.tiser li.company{
background:#ffffff url('/images/bar_r.gif') top left repeat-x

}

#wrap ul.tiser li.transfer{
background:#ffffff url('/images/bar_b.gif') top left repeat-x
}

#wrap ul.tiser li.catalog{
width:314px;
background:#ffffff url('/images/bar_g.gif') top left repeat-x
}

#wrap ul.tiser li.procompany{
background:#ffffff url('images/company-bg.jpg') top left repeat-x;
width:940px
}
#wrap ul.tiser li.propayment{
background:#ffffff url('images/payment-bg.jpg') top left repeat-x;
width:940px
}

#wrap ul.tiser li h3{
background:#ffffff;
text-align:center;
font-size:20px;
padding:2px 0px 0px 0px;
margin:10px 0px 0px 0px;
font-family: Arial;

}

#wrap ul.tiser li div{
background:#ffffff
}

#wrap ul.tiser li div p{
padding:2px 5px 2px 5px;
font-size:14px;

/* color:#0000a0 */
color:#595959;
}

#wrap ul.tiser li div ul{
float:left;
width:156px;
margin: 10px 0px 0px 0px
}

#wrap ul.tiser li div ul li{
width:156px;
font-size:14px;
color:#0000a0
}

#info{
width:980px;
height:85px
}

#info li{
width:313px;
float:left;
font-weight:bold;
font-size:12px;
padding:18px 2px 0px 2px
}

#info li strong{
font-weight:bold;
color:#ff0000
}

#info li a{
font-weight:bold;
text-decoration:none;

}



#footer{
width:980px;
height:35px;
border-top:1px solid #808080;
color:#808080;
font-size:12px;
padding:6px 0px 0px 0px
}

#footer span{
font-size:12px;
padding:0px 0px 0px 50px;
color:#808080
}
#footer a{
text-decoration:none;
font-size:12px;
}

div.clear{
clear:both
}