/**************************
    StyleSheet for
    Lombard "DOVIRA" site
    - for main page
    - for inner pages
    
    version 1.0
    
    Author: Segrey Galitskiy
    sergiyko911@mail.ru
***************************/

html * {
    font: normal 12px "Arial", sans-serif;
	color:#416388;
    margin:0;
    padding:0;
}
body {
    position:relative;
	background:url(../images/bg_1.gif) repeat;
	/*background:url(../images/bg_1.png);*/
	}
.bz { border: 1px  solid green}
table{ border-collapse:collapse}
table td { border:none;padding:0;vertical-align:top}
img {border:0}
a{text-decoration:underline;}
a:hover{text-decoration:none}

.main {
    width:996px;
    margin:0 auto;
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;
	position:relative;
}

.key {
	font-size:9px;
	text-align:center;
}
.top {
    text-align:center;
    /*height:90px;
    padding-bottom:64px;
	margin-bottom:5px;*/
	/*background:url(../images/Top.png) no-repeat center;*/
	}

.top .contacts {
	text-align:center;
	font-size:24px;
	margin:10px;
}

.top .banner {
	padding-top:22px;
	margin-left:167px;
   	}


.top .login {
    position:absolute;
    top:0;
    right:0;
    text-align:left;
    font-size:11px;
}
.top .login * {
    color:#717171;
}
.top.login .form * {
vertical-align:bottom;
}

.top .login table {
   /* background:#f8f8f8;*/
    border-bottom:1px dotted #000;
    margin:0 10px;
}
.top .login td {
    padding:3px 0;
}
.top .login .input1 {
    border:1px solid #7e9eb7;
    width:122px;
    height:16px;
    padding-left:3px;
}
.top .login .input2 {
    border:1px solid #7e9eb7;
    width:92px;
    height:16px;
    padding-left:3px;
}
.top .login a {
    color:#000;
    margin-left:10px;
}
.top .logo {
    position:absolute;
    left:16px;
    top:15px;
}
.top .slogan {
    display:block;
    color:#730606;
    font:bold 18px "Arial",sans-serif;
}

.navi {
    height:32px;
    margin:0 5px;
    background:#9b0b2a;
	}
.navi img {
    display:block;
    float:left;
}
.navi .right {
    float:right;
}
.navi ul {
    list-style:none;
    float:left;
    background:url(../images/strelka.gif) no-repeat left center;
    padding-left:25px;
}
.navi ul li{
    display:inline;
    line-height:32px;
    font-size:16px;
    color:#fff;
}
.navi ul li a {
    line-height:32px;
    font-size:16px;
    color:#fff;
    text-decoration:none;
}
.navi ul .active a, .navi ul li a:hover {
    color:#721037;
    text-decoration:underline;
}
.navi ul .active {
    color:#721037
}

.center {
	position:relative;
    margin:10px;
	background:#FFFFFF;
	}


*HTML .center  {
    margin:10px 5px;
	}

.center .left {
    width:293px;
    float:left;
	margin-right:17px;
	
	}
.center .right{
	position:relative;
	width:650px;	
	float:left;
	margin-left:5px;
	
	}
.center .right h1, .center .left .valuts h1, .center .left .forex h1, .center .left .linksch h1, .center .left .partners h1, .center .left .counter h1{
    color:#484848;
    font-size:16px;
    border-bottom:3px solid #416388;
    margin-bottom:10px;
}

.center .right h3{
    color:#484848;
    font-size:18px;
   	margin-bottom:10px;
	padding-left:30px;
	border-bottom:3px solid #416388;
	width:620px;
	}
	
.center .right p{
	font-size:13px;
	line-height:150%;
}

.center .right strong {
	font-weight:bold;
	text-decoration:underline;
	

}	

.center .left .counter {
	width:294px;
    float:left;
	
}
/*
.center .left .counter img{
    margin:0 5px;
}*/


.center .left .partners {
    width:293px;
    float:right;
}
.center .left .partners table {
    width:100%;
}
.center .left .partners td {
    padding:25px 2px 25px 10px;
    vertical-align:middle;
}

.center .left .partners a {
    text-decoration:none;
}
.center .left .partners a:hover {
    text-decoration:underline;
    color:#90a9c4;
}

/************.center .right**/

.center .right .news {
	margin-top:10px;
    margin-bottom:10px;
    width:620px;
	float:left;
}


.center .right .news h1 {
    background:url(../images/bg_header.gif) no-repeat;
    line-height:33px;
    font-weight:bold;
	font-size: 14px;
    width:620px;
    padding-left:30px;
}

.center .right .news .oneNews {
    background:url(../images/bullet.gif) no-repeat;
    padding-left:20px;
    width:620px;
    margin:10px 0;
}
.center .right .news .oneNews h2 {
    font-weight:bold;
}
.center .right .news .oneNews strong {
    margin-left:10px;
    font-size:11px; 
}
.center .right .news .oneNews a{
    display:block;
    text-align:right;
    margin-right:10px;
    line-height:14px;
    padding-right:20px;
    text-decoration:none;
    color:#686868;
    background:url(../images/goto.gif) no-repeat right center;
}
.center .right .news .oneNews a:hover {
    color:#90a9c4;
}
.center .right .news ul {
    list-style:none;
    text-align:center;
}
.center .right .news ul li {
    display:inline;
    margin:2px;
}
.center .right .news ul li a {
    text-decoration:none;
}
.center .right .news ul li a:hover {
    text-decoration:underline;
}
.center .right .news ul li .active {
    font-weight:bold;
    text-decoration:underline;
}
.center .right .news ul li .visited {
    background:#eaeef4;
    text-decoration:underline; 
}
.center .left .menu {
    float:left;
    width:294px;
}
.center .left .valuts,  .center .left .forex, .center .left .partners, .center .left .linksch{
    width:294px;
    float:left; 
    padding:10px 0;
}

.center .left .menu div {
    background:url(../images/gold.gif) no-repeat;
    height:80px;
}
.center .left .menu div * {
    text-transform:uppercase;
}
.center .left .menu .no2 {
    background:url(../images/build.gif) no-repeat;
}
.center .left .menu .no3 {
    background:url(../images/auto.gif) no-repeat;
}
.center .left .menu .no4 {
    background:url(../images/technick.gif) no-repeat;
}
.center .left .menu div b {
    font-size:15px;
    font-weight:bold;
    text-align:right;
    color:#494949;
    display:block;
    margin:5px 20px 0 0;
    padding-top:10px;
}
.center .left .menu  a {
    color:#003366;
    font-size:10px;
    text-decoration:none;
    text-align:right;
    float:right;
    margin:15px 20px 0 0;
    background:url(../images/bg_menu_link.gif) no-repeat right center;
    padding-right:20px;
}
.center .left .menu  a:hover {
    color:#a4a4a4;
}

.center .left .valuts h1 strong, .center .left .forex h1 strong {
    padding-left:20px;
    color:#2f4d6d;
    font-size:12px;
}
.center .left .valuts td {
    border-bottom:1px dotted #000;
    padding:3px 4px;
    text-align:left;
    font-weight:bold;
    color:#000;
}
.center .left .valuts td strong {
    font-weight:normal;
}
.center .left .valuts .head td {
    font-weight:normal;
    text-align:left;
    color:#315891;
}

.center .how {
    padding:10px 0;
}
.center .how h1 {
    font:normal 18px "Arial Narrow",sans-serif;
    color:#d06210;
    text-transform:uppercase;
    margin-bottom:15px;
}
.center .left .howuse {
    background:#ffe2e2;
    border:2px solid #b42c2c;
    position:relative;
    height:215px;
    padding:10px 0;
    text-align:center;
}
.center .left .howuse .element {
    background:url(../images/block.gif) no-repeat;
    width:179px;
    height:92px;
    padding:3px;
    margin:5px 15px;
    float:left;
    text-align:left;
}
*HTML .center .left .howuse .element {
    margin:5px 7px;
}
.center .left .howuse .element h2 {
    font-weight:bold;
    color:#fff;
    font-size:18px;
    margin:0;
}
.center .left .howuse .element p {
    color:#464646;
    font:normal 12px "Arial Narrow";
    display:block;
    padding-left:30px;
    position:relative;
    margin-top:-10px;
}
.center .left .howuse img {
    display:block;
    position:absolute;
    right:-2px;
    bottom:-2px;
}
*HTML .center .left .howuse img {
    bottom:-3px;
}
.center .left .howuse .space {
    margin-left:140px;
}
*html .center .left .howuse .space {
    margin-left:70px;
}

.center .right .catalog h2 {
    font:normal 18px "Arial Narrow", sans-serif;
    color:#d06210;
    text-transform:uppercase;
    margin-bottom:15px;
    padding-right:10px;
   
}


.center .right .catalog img {
	/* width:150px; */
	padding: 5px;
	margin:auto;
}


.center .right .catalog a:hover img {
	/*border-style: solid;*/
	background-color:#CCFFFF;
}
/*
.center .right .catalog .list {
    background:#f9f9f9;
    float:left;
    padding:10px 0;
	}
.center .right .catalog .list * {
    font-family:"Arial Narrow";
}
*/
.center .right .catalog .element {
    width:120px;
    height:230px;
    background:#ffffff;
    margin:14px 1px;
    float:left;
    text-align:center;
} 

.center .right .catalog .element .image {
 	background:#fff;
    text-align:center;
    border-top:2px solid #f2f2f2;
    border-bottom:2px solid #f2f2f2;
    padding:3px;
    height:110px;
    padding:1px;
    position: relative;
    overflow: hidden;
  	display:table-cell;
	height:130px; 
    width:212px;
}


.center .right .catalog .element .image img {
    display:block;
	/*margin:35px;*/
	/*margin:0 auto;*/
   /* position: relative; *
    /*top: -40%;
    left:-50%; */
}
.center .right .catalog .element .image span {
    position: absolute;
  /*  top: 50%; */
    display:table-cell;
    vertical-align: middle;
    text-align:center;
}
/*
.center .right .catalog .element strong {
    color:#315891;
    font-weight:bold;
    text-align:center;
    display:block;
    padding:0 3px;
    margin:0;
}*/
/*
.center .right .catalog .element p {
    padding:5px;
    padding-left:20px;
    color:#474747;
}
*/
/*
.center .right .catalog .element .number {
    margin-top:10px;
    width:95px;
    height:31px;
    background:url(../images/bg_unik.gif) no-repeat;
    color:#de5a0a;
    text-align:center;
    padding-left:25px;
    line-height:14px;   
    position:relative;
}
*/
 

.footer {
    clear:both;
    height:50px;
    padding-top:13px;
    background:url(../images/bg_footer.gif) repeat-x;
    padding-left:250px;
    color:#3d3d3d;
}
.footer img {
    position:absolute;
    bottom:0;
    left:15px;
}

.footer .copyright {
    float:right;
    padding-right:50px;
   

}

/**** for inner Pages ***/
/* .rightcont .news {
    float:left;
    margin:15px 0;
    /*width:100%; */
 /*   width: 620px;
	background:#fbfbfb;
}

rightcont .news input{
    margin:2px 0;
    width:600px;
    background:#fbfbfb;
   }

.rightcont .news h1 {
    background:url(../images/bg_header.gif) no-repeat;
    line-height:33px;
    font-weight:bold;
	font-size: 14px;
    width:620px;
    padding-left:30px;
}

.rightcont .news strong {
    margin:20px 10px;
    display:block;
    font-size:10px;
}
.rightcont .news p {
    margin:10px;
    text-align:justify;
}

.rightcont .news .image {
    text-align:center;
}
.rightcont .news .image img {
    margin:0 3px;
}                  */
.center .left .links {
    float:left;
    margin:10px;
    width:293px;
}
.center .left .links img {
    margin:20px 45px;
}