html,body {
margin:0; padding:0;
text-align: left; text-indent: 0px;
height: auto; width: 100%;
font: normal 14px Arial, Tahoma, Helvetica, Verdana;
color: #000000;
background: url(/images/back.jpg) 15px -5px no-repeat;
/* не забываем это свойство для html и body */
}
h1, h2, h3, a, p, ul, ol, li {margin: 0px; padding: 0px;}
a {color: #000000;}
a img {border: none;}
.clearing {height: 100px; clear: both;}
.Tselect{
font: normal 13px Arial, Tahoma, Helvetica, Verdana;
color: #000000;
}
#container{position: relative; width: 100%; min-width: 980px; }
/* ниже фильтр * html так называемый CSS хак, через который можно задать любое свойство предназначенное для IE6 */
* html #container {min-width: 1000px;}
#body {clear: both; margin: 0px 20px 0px 20px;}
#container {position: relative; text-align: left;}
#topbanner {position: relative; width:100%; margin: 0px 0px -10px 0px; text-align: center; background-color: #ddd;}
#header {position: relative; clear: both; margin: 20px 20px 0px 20px; height: 250px; background: url(/images/header.jpg) left no-repeat;}
#header .left {position: relative; float: left; height: 250px; width: 30px;}
#header .right {position: relative; float: right; height: 250px; width: 30px;}
#logo {position: relative; float: left; left: 30%; height: 250px; width: 343px;}
#flashver {text-align:right; margin-right:60px; margin-bottom:0px;}
#flashver a{color: #007CC2; text-decoration: underline; font-size:11px; }
#flashver a:hover {text-decoration: none; border-bottom: dotted 1px;}
.flashver {text-align:center; margin-right:0px; margin-bottom:0px;}
.flashver a{color: #007CC2; text-decoration: underline; font-size:11px; }
.flashver a:hover {text-decoration: none; border-bottom: dotted 1px;}
#magazine {position: relative; float: right; height: 250px; width: auto;}
#number {position: relative; float: left; left: 6px; height: 39px; width: 50px; font-size: 30px; font-weight: bold; text-align: center; line-height: 39px; color: #FFFFFF; background-color: #007CC2}
#date {position: relative; float: left; padding: 16px 0px 0px 10px; font-size: 14px; font-weight: bold; color: white;}
#tabloid {clear: both; height: 194px; width: 153px;}
#quick {position: relative; clear: both; margin: 0px 0px 10px 20px; height: 60px; font-size: 12px;}
#quick .content{padding-top: 20px;}
#quick a {padding: 0px 20px 0px 20px; font-size: 12px; font-weight: bold; text-transform: capitalize; color: #0175B6;}
.quick {position: relative; float: left; height: 25px; line-height: 25px; background: url(/images/quick.gif) right no-repeat;}
/* left {width} = content{margin-left} */
#left {}
#left .content {margin: 0px 15px 0px 0px;}
#left .h1 {padding: 0px 0px 20px 0px; height: 20px; width: 158px; line-height: 20px; background: url(/images/menu.jpg) no-repeat;}
#left .h1:hover {background: url(/images/menu_back.jpg) no-repeat;}
#left .h1 a {padding-left: 20px; font-size: 14px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#left ul, #left a {color: #0373B2;}
#left ul {margin: 0px 20px 20px 20px; list-style: none;}
#left li {padding: 0px 0px 5px 15px; background: url(/images/bullet1.jpg) 0px 5px no-repeat;}
#left ul a {font-size: 12px;}
#left ul a:hover {text-decoration: none; border-bottom: dotted 1px;}
#links {margin: 0px; width: 158px; background: url(/images/links.jpg) repeat-y;}
#links_bottom {height: 22px; width: 158px; background: url(/images/links_bottom.jpg) no-repeat;}
#links ul, #links a {color: #7D7C7C;}
#links ul {margin: 0px 0px 0px 20px; list-style: none;}
#links li {margin-top: 10px; background: url(/images/bullet2.jpg) 0px 3px no-repeat;}
#links h1 {padding-left: 12px; line-height: 22px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #007CC2;
border-top: solid 1px #D3D3D3; border-bottom: solid 1px #D3D3D3;}
#content{ }
/* middle{margin-right} = right{ width}*/
#middle { }
h1, h2, h3 {font-size: 20px; font-weight: normal; line-height: 16px; color: #007CC2;}
h1, h1 {text-transform: uppercase;}
h3 {margin-top: 10px; }
#middle1 {position: relative;}
#middle1 .content {position: relative; margin: 0px 15px 0px 15px;}
#middle1 .line {position: relative; float: left; margin: 20px 0px 20px 0px; width: 100%;}
#middle1 .date1, #middle1 .date2{position: relative; float: left; display: block; margin-right: 15px;}
#middle1 .date1 a, #middle1 .date2 a{padding: 0px 10px 0px 10px; line-height: 20px; font-size: 17px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#middle1 .date1 {background-color: #007CC2;}
#middle1 .date2 {background-color: #00476F;}
#middle1 .date1 a:hover {background-color: #00476F;}
#middle1 .hr {height: 20px; margin-left: 8px; border-top: solid 1px #D1D1D1;}
#middle1 .link1 {margin-bottom: 10px;}
#middle1 .link1 a {font-size: 13px; font-weight: normal; line-height: 18px; color: #007CC2;}
#middle1 .link1 a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middle1 .h1 {position: relative; clear: both; margin-top: 20px; padding: 0px 0px 0px 0px; height: 20px; line-height: 20px; background-color: #CACACA;}
#middle1 .h11 {position: relative; clear: both; margin-top: 20px; padding: 10px 0px 0px 0px; height: 40px; line-height: 20px; background-color: #E0E0E0;}
#middle1 .h1 a {font-size: 13px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#middle1 .h1 .left {position: relative; float: left; height: 20px; width: 20px; background: url(/images/h1_left.jpg) no-repeat;}
#middle1 .h11 .left1 {position: relative; float: left; height: 40px; width: 20px; background: url(/images/icon-left.jpg) no-repeat;}
#middle1 .h1 .back {position: relative; float: left; height: 20px;}
#middle1 .h11 .back1 {position: relative; float: left; height: 40px; background-color: #E0E0E0;}
#middle1 .h1 .right {position: relative; float: right; height: 20px; width: 20px; background: url(/images/h1_right.jpg) no-repeat;}
#middle1 .h11 .right1 {position: relative; float: right; height: 40px; width: 18px; background: url(/images/icon-right.jpg) no-repeat;}
#middle1 .h2222 {padding: 0px 0px 0px 0px; height: 20px; line-height: 20px; background-color: #CACACA;}
.leftcorner {position: relative; float: left; height: 20px; width: 20px; background-image: url(/images/h1_left.jpg); background-repeat:no-repeat;}
* html .leftcorner{position: relative; float: left; height: 20px; width: 20px; FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/h1_left.jpg");}
#middle1 .h2222 .back_ {position: relative; float: left; height: 20px;}
#middle1 .h2222 .right_ {position: relative; float: right; height: 20px; width: 20px; background: url(/images/h1_right.jpg) no-repeat;}
#middle1 p.right {position: relative; float: right; padding: 20px 0px 20px 20px;}
#middle1 p.left {position: relative; float: left; padding: 20px 20px 20px 0px;}
#middle1 .h2 {padding: 10px 0px 10px 20px; font-size: 14px; color: #007CC2;}
#middle1 .text1 {padding: 0px 0px 0px 20px; font-size: 13px; }
#middle1 p {padding: 0px 0px 10px 0px; font-size: 13px; }
#middle1 a {padding: 0px 0px 0px 0px;}
#middle1 .text2 {padding: 20px 0px 0px 0px; font-family: Tahoma; font-size: 13px; color: #525252;}
#middle1 .text a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middle1 .news {font-size: 14px; text-align: right;}
#middle1 .news a{color: #007CC2;}
#middle1 .news a:hover {text-decoration: none; border-bottom: dotted 1px;}
.newsforward {font-family: Tahoma; font-size: 11px; text-align: right; padding: 10px 20px 10px 0px;}
.newsforward a {color: #007CC2;}
.newsforward a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middlearhiv {position: relative;}
#middlearhiv .content {position: relative; margin: 0px 15px 0px 15px;}
#middlearhiv .line {position: relative; float: left; margin: 20px 0px 20px 0px; width: 100%;}
#middlearhiv .date1, #middlearhiv .date2{position: relative; float: left; display: block; margin-right: 15px;}
#middlearhiv .date1 a, #middlearhiv .date2 a{padding: 0px 10px 0px 10px; line-height: 20px; font-size: 17px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#middlearhiv .date1 {background-color: #007CC2;}
#middlearhiv .date2 {background-color: #00476F;}
#middlearhiv .date1 a:hover {background-color: #00476F;}
#middlearhiv .hr {height: 20px; margin-left: 8px; border-top: solid 1px #D1D1D1;}
#middlearhiv .link1 {}
#middlearhiv .link1 a {font-size: 13px; font-weight: normal; line-height: 18px; color: #007CC2;}
#middlearhiv .link1 a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middlearhiv .h1 {position: relative; clear: both; margin-top: 20px; padding: 0px 0px 0px 0px; height: 20px; line-height: 20px; background-color: #CACACA;}
#middlearhiv .h11 {position: relative; clear: both; margin-top: 20px; padding: 10px 0px 0px 0px; height: 40px; line-height: 20px; background-color: #E0E0E0;}
#middlearhiv .h1 a {font-size: 13px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#middlearhiv .h1 .left {position: relative; float: left; height: 20px; width: 20px; background: url(/images/h1_left.jpg) no-repeat;}
#middlearhiv .h11 .left1 {position: relative; float: left; height: 40px; width: 20px; background: url(/images/icon-left.jpg) no-repeat;}
#middlearhiv .h1 .back {position: relative; float: left; height: 20px;}
#middlearhiv .h11 .back1 {position: relative; float: left; height: 40px; background-color: #E0E0E0;}
#middlearhiv .h1 .right {position: relative; float: right; height: 20px; width: 20px; background: url(/images/h1_right.jpg) no-repeat;}
#middlearhiv .h11 .right1 {position: relative; float: right; height: 40px; width: 18px; background: url(/images/icon-right.jpg) no-repeat;}
#middlearhiv p.right {position: relative; float: right; padding: 20px 0px 20px 20px;}
#middlearhiv p.left {position: relative; float: left; padding: 20px 20px 20px 0px;}
#middlearhiv .h2 {padding: 10px 0px 10px 20px; font-size: 13px; color: #007CC2;}
#middlearhiv .text1 {padding: 0px 0px 0px 20px; font-size: 13px; }
#middlearhiv p {padding: 0px 0px 0px 20px; font-size: 13px; }
#middlearhiv a {}
#middlearhiv .text2 {padding: 20px 0px 0px 0px; font-family: Tahoma; font-size: 13px; color: #525252;}
#middlearhiv .text a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middlearhiv .news {font-size: 14px; text-align: right;}
#middlearhiv .news a{color: #007CC2;}
#middlearhiv .news a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middlecontent {position: relative;}
#middlecontent .content {position: relative; margin: 0px 15px 0px 15px;}
#middlecontent .line {position: relative; float: left; margin: 20px 0px 20px 0px; width: 100%;}
#middlecontent .date1, #middlecontent .date2{position: relative; float: left; display: block; margin-right: 15px;}
#middlecontent .date1 a, #middlecontent .date2 a{padding: 0px 10px 0px 10px; line-height: 20px; font-size: 17px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#middlecontent .date1 {background-color: #007CC2;}
#middlecontent .date2 {background-color: #00476F;}
#middlecontent .date1 a:hover {background-color: #00476F;}
#middlecontent .hr {height: 20px; margin-left: 8px; border-top: solid 1px #D1D1D1;}
#middlecontent .link1 {margin-bottom: 10px;}
#middlecontent .link1 a {font-size: 13px; font-weight: normal; line-height: 18px; color: #007CC2;}
#middlecontent .link1 a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middlecontent .h1 {position: relative; clear: both; margin-top: 20px; padding: 0px 0px 0px 0px; height: 20px; line-height: 20px; background-color: #CACACA;}
#middlecontent .h11 {position: relative; clear: both; margin-top: 20px; padding: 10px 0px 0px 0px; height: 40px; line-height: 20px; background-color: #E0E0E0;}
#middlecontent .h1 a {font-size: 13px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#middlecontent .h1 .left {position: relative; float: left; height: 20px; width: 20px; background: url(/images/h1_left.jpg) no-repeat;}
#middlecontent .h11 .left1 {position: relative; float: left; height: 40px; width: 20px; background: url(/images/icon-left.jpg) no-repeat;}
#middlecontent .h1 .back {position: relative; float: left; height: 20px;}
#middlecontent .h11 .back1 {position: relative; float: left; height: 40px; background-color: #E0E0E0;}
#middlecontent .h1 .right {position: relative; float: right; height: 20px; width: 20px; background: url(/images/h1_right.jpg) no-repeat;}
#middlecontent .h11 .right1 {position: relative; float: right; height: 40px; width: 18px; background: url(/images/icon-right.jpg) no-repeat;}
#middlecontent p.right {position: relative; float: right; padding: 20px 0px 20px 20px;}
#middlecontent p.left {position: relative; float: left; padding: 20px 20px 20px 0px;}
#middlecontent .h2 {padding: 20px 0px 15px 20px; font-size: 14px; color: #007CC2; font-weight:bold; }
#middlecontent .text1 {padding: 0px 0px 0px 20px; font-size: 13px; }
#middlecontent p {padding: 0px 0px 10px 0px; font-size: 13px; }
#middlecontent a {}
#middlecontent .text2 {padding: 20px 0px 0px 0px; font-family: Tahoma; font-size: 13px; color: #525252;}
#middlecontent .text a:hover {text-decoration: none; border-bottom: dotted 1px;}
#middlecontent .news {font-size: 14px; text-align: right;}
#middlecontent .news a{color: #007CC2;}
#middlecontent .news a:hover {text-decoration: none; border-bottom: dotted 1px;}
.newsimgins { float:left; margin: 0px 15px 5px 0px; }
#middle2{width: 100%;}
#middle2 .content {margin: 0px 15px 0px 15px;}
#middle2 table {margin: 20px 0px 30px 0px;}
#middle2 table img {margin: 0px 0px 10px 10px;}
#middle2 table a {font-size: 12px; color: #007CC2;}
#middle2 table p {margin-bottom: 10px;}
.border {border-left: solid 1px #D3D3D3;}
.banner {margin-bottom: 20px; text-align: center;}
.bannerline {padding-bottom: 10px; margin-bottom: 10px; text-align: center; border-bottom: 1px solid #cccccc;}
#middle2 .partNewsFon { background-color:#eeeeff; margin:10px 0 0 0; padding:10px; }
#middle2 .partnews h1 { margin:20px 10px; margin-left:0px; }
#middle2 .partnews .h2 {padding: 0px 0px 5px 0px; font-size: 12px; color: #007CC2; font-weight:normal; clear:both;}
#middle2 .partnews .text1 {font-size:11px;}
#middle2 .newsforward {font-family: Tahoma; font-size: 11px; text-align: right; padding: 0px 5px 5px 0px;}
#middle2 .newsforward a {color: #000000;}
#middle3 {width: 100%; }
#middle3 .content {margin: 0px 15px 0px 15px; }
#middle3 #link {margin-top: 20px;}
#middle3 .tab {font-size: 14px; color: #3A3A3A; border: solid 2px #007CC2;}
#middle3 .tab a{color: #007CC2;}
#middle3 .tab a:hover{color: #007CC2;}
#middle3 .tab a:visited{color: #007CC2;}
#middle3 .tab tr {border-right: solid 1px #D5D5D5; border-bottom: solid 1px #D5D5D5;}
#middle3 .tab th {font-size: 14px; font-weight: bold; text-align: center; padding: 5px; border-left: solid 1px #D5D5D5; border-top: solid 1px #D5D5D5;}
#middle3 .tab td {font-size: 11px; padding: 5px; border-left: solid 1px #D5D5D5; border-top: solid 1px #D5D5D5;}
#middle3 .tabr {font-size: 14px; color: #3A3A3A; border: solid 2px #007CC2; padding:30px;}
#middle3 .tabr a{color: #007CC2;}
#middle3 .tabr a:hover{color: #007CC2;}
#middle3 .tabr a:visited{color: #007CC2;}
#middle3 .tabr tr {border-right: solid 1px #D5D5D5; border-bottom: solid 1px #D5D5D5;}
#middle3 .tabr th {font-size: 14px; font-weight: bold; text-align: center; padding: 5px; border-left: solid 1px #D5D5D5; border-top: solid 1px #D5D5D5;}
#middle3 .tabr td {font-size: 11px; padding: 5px; border-left: solid 1px #D5D5D5; border-top: solid 1px #D5D5D5;}
#middle3 .link {margin: auto; height: 21px; width: 21px; background: url(/images/bullet3.jpg) no-repeat;}
#middle3 .link1, #middle3 .link2 {margin-right: 1px; padding: 0px 10px 0px 10px; line-height: 20px; font-size: 17px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#middle3 .link1 {background-color: #007CC2; border-bottom: solid 1px #007CC2;}
#middle3 .link2 {background-color: #CACACA; border-top: solid 1px #BBBBBB; border-left: solid 1px #BBBBBB; border-right: solid 1px #BBBBBB;}
#middle3 .link1 a, #middle3 .link2 a {font-size: 14px; text-decoration: none; color: #FFFFFF;}
#middle3 .link1:hover {background-color: #00476F;}
#middle3 .link2:hover {background-color: #00476F;}
#right{ }
#right .content {margin-left: 10px; }
#footer{position: relative; clear: both; height: 100px; background: url(/images/footer.jpg) top center no-repeat;}
#footer .content {padding: 0px 0px 20px 0px; margin: 20px 20px 0px 20px;}
#line {position: relative; clear: both; padding-bottom: 20px; height: 8px; width: 100%; background: url(/images/footer.jpg) repeat-x;}
#line .left {position: relative; float: left; height: 8px; width: 8px; background: url(/images/footer_left.jpg) no-repeat;}
#line .right {position: relative; float: right; height: 8px; width: 8px; background: url(/images/footer_right.jpg) no-repeat;}
#line .back {position: relative; float: left; height: 8px; }
#footer .left {float: left;}
#footer .right {float: right;}
#footer .right a {margin-left: 10px; }
div.superdiv{
margin: 15px 5px 0px 3px;
padding:5px;
background-color: #f0f0f0;
display:none;
}
div.galary{
width:450px;
background-color:#cccccc;
padding:20px 0px 20px 0px;
margin-top:20px;
}
div.galary table a{
margin: 5px;
}
p.t2p{
font-size:11px;
color:#007CC2;
width:200px;
text-align:left;
width:150px;
margin-left: 10px;
}
div.copy_right_main3{
position:relative;
width:14;
height:14;
background-image:url(fon-bg.gif);
background-repeat:no-repeat;
float:bottom;
left:0;
bottom:0;
}
div.copy_right3{
position:relative;
visibility:hidden;
width: 270;
height:85;
background-color:#FFFFFF;
border: 1px solid black;
bottom:0;
float:left;
}
TD.klienty3{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#000000;
background-color:#bababa;
}
table.copy_table3{
font-family:Tahoma;
font-size:11px;
color:#000000;
font-weight:regular;
text-decoration:none;
}
table.copy_table3 a:visited{
font-family:Tahoma;
font-size:11px;
color:#000000;
font-weight:regular;
text-decoration:none;
}
table.copy_table3 a:hover{
font-family:Tahoma;
font-size:11px;
color:#999999;
font-weight:regular;
text-decoration:underline;
}
#newsfon {
background: url(/userfiles/image/yrc2010/frapa_yachts_fon.jpg) -150px -250px repeat-x; margin:0px 0 10px 0; padding-bottom:10px;
-webkit-border-top-right-radius:0;
-webkit-border-top-left-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
}
#newsfon .rocon-tl,
#newsfon .rocon-tr {
display:none;
}
/* raspr */
div.superdiv { margin: 0 0 1em 2em; }
p.rasp-direct {font-weight: bold; font-style:italic; color:#777777; margin: 1em 0 0.5em 0;}
p.rasp-point { margin-left: 1em; }
#gid p.rasp-point-adr { padding: 0em; }
p.rasp-town { font-weight: bold; color:blue; margin: 2em 0 1em 0;}
span.rasp-point-name { font-weight: bold;}
/* end rasp */
/* partners */
.par_sub {text-align:left; font-weight:bold; color: #666; margin-top:20px; padding:5px; border-top: 1px solid #999;}
.par_tit {text-align:left;}
.par_img {text-align:center; margin: 10px;}
/* end partners */