/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


strong, b {
     font-weight: bold;
}

em, i{
     font-style:italic;
}

u {
     text-decoration:underline; 
}

a{ 
     color: #000000;
     text-decoration:underline;
}

a:hover{ 
     color: #003366;
     text-decoration:underline;
}



/* End of Eric Meyer's CSS Reset */

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px Arial, sans-serif;
	width: 100%;
	height: 100%;
}
.wrapper {
	width: 1240px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
      width: 100%;
	height: 80px;
	background: url('./img/fon-header.jpg') 0 0 repeat-x #023a5b; 
}

.header_middle {
	width: 1240px;
	margin: 0 auto;
	min-height: 48px;
	height: 48px;
}

#block_tmenu .top_menu{
    width: 1000px;
    height: 30px;
    margin: 15px 5px 0 200px;
    float: right;
}


div.nav{
    display:inline;
	font: 15px Arial, sans-serif;
	color: #fff;
}

div.nav a{
    display:inline-block;
    padding: 0 15px;
	font: 14px Arial, sans-serif; 
	color: #179bdf;
	text-decoration: none;
}

div.nav a:hover{
     color: #fff;
}


#header_date{
	width: 1240px;
	margin: 7px auto 0;
	min-height: 28px;
	height: 28px;
      text-align: right;
      color: #fff;
}

/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	padding: 0 0 160px;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.content {
	padding: 0 0 0 216px;
}


#textcontainer_full{
   width: 992px;
   min-height: 500px;
   margin: 0 0 0 0;
   background: #fff;

   overflow: hidden;
   floar: left;
}


#textcontainer{
   width: 712px;
   margin: 25px;
   overflow-x: auto;
   overflow-y: hidden;
   float: left;
}

#newscontainer{
   width: 230px;
   margin: 25px 0;
   float: left;
}

#block_gallery{
   width: 992px;
   height: 320px;
   float: left;
}

#textcontainer_view{
   width: 920px;
   margin: 25px 35px;
   overflow-x: auto;
   overflow-y: hidden;
   float: left;
}


#textcontainer_view ul {
	list-style-type: disc;
      margin: 10px 0 10px 30px;
}

#textcontainer_view ol {
	list-style-type: decimal;
      margin: 10px 0 10px 30px;
}


#textcontainer ul {
	list-style-type: disc;
      margin: 10px 0 10px 30px;
}

#textcontainer ol {
	list-style-type: decimal;
      margin: 10px 0 10px 30px;
}


/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
	float: left;
	width: 216px;
	margin-left: -100%;
	position: relative;
}

#block_logo{
     width: 175px;
     height: 120px;
     margin: -33px 9px 0 0;
     background: #023a5b;
     border-radius: 0 0 9px 9px;
     -moz-border-radius:0 0 9px 9px;
     -khtml-border-radius: 0 0 9px 9px;
     float: right;
}

#block_logo .logo{
     width: 175px;
     margin: 20px 0 0 0;
}


#block_lmenu{
     width: 175px;
     margin: 25px 9px 0 0;
     background: #023a5b;
     padding: 0 0;
     border-radius: 9px 9px 9px 9px;
     -moz-border-radius:9px 9px 9px 9px;
     -khtml-border-radius: 9px 9px 9px 9px;
     float: right;
}

#block_lmenu .lmenu{
     width: 155px;
     margin: 5px 5px 7px 10px;
}

#block_lmenu .lmenu_razd{
     width: 174px;
     height: 4px;
     background: url('./img/lknop-razd.png') 0 0 no-repeat;
     float: left;
}


a.lmn{
     display: block;
     font: 12px/12px Arial, sans-serif !important;
     color: #fff;
     text-decoration: none;
}

a.lmn:hover{
    color: #fff;
}



#block_righT{
    width:220px;
    margin:20px 5px;
    overflow-x:hidden;
    text-align:center;
    float: left;
}

#block_leftT{
    width:198px;
    margin:20px 9px;
    overflow-x:hidden;
    text-align:center;
    float: left;
}



/* Footer
-----------------------------------------------------------------------------*/
.footer {
	width: 100%;
	margin: -160px auto 0;
	height: 160px;
	background: #b7d2e2;
	position: relative;
}


.footer_middle {
	width: 1240px;
	margin: 0 auto;
	min-height: 150px;
	height: 150px;
}

.footer_top {
	width: 940px;
      height: 20px;
      margin: 0 0 0 242px;
      border-bottom:2px solid #fff;
      float: left;
}

#block_kontaktbottom{
     	width: 940px;
      height: 80px;
      margin: 15px 0 0 242px;
      float: left;
}

#block_kontaktbottom .adres{
     width: 320px;
     margin: 0 0 0 20px;
     font: 12px/18px Arial, sans-serif;
     color: #023a5b;
     float: left;
}

#block_kontaktbottom .phone{
     width: 360px;
     margin: 0 0 0 20px;
     font: 12px/18px Arial, sans-serif ;
     color: #023a5b;
     float: left;
}

#block_kontaktbottom .seti{
     width: 200px;
     margin: 0 0 0 20px;
     font: 12px/18px Arial, sans-serif ;
     color: #023a5b;
     float: left;
}

.seti_icon{
     width: 25px;
     height: 26px;
     margin: 0 5px 0 0;
     opacity: 0.7;
     float: left;
}

.seti_icon:hover{
    opacity: 1;
}

a.niz_em{
     font: 12px Arial, sans-serif ;
     color: #023a5b;
     text-decoration: underline;
}

a.niz_em:hover{
    color: #000000;
}

.copy{
	width: 240px;
      height: 25px;
      margin-left: 40px;
      font: 11px/14px Tahoma, Arial, Verdana, sans-serif;
      color: #666666;
	text-decoration: none;
      float: left;
}

.prosite{
	width: 925px;
      height: 25px;
      text-align: right;
      float: left;
}

.prosite a{
   font: 11px/14px Tahoma, Arial, Verdana, sans-serif;
   color: #666666;
   text-decoration:underline;   
}




/* Content
-----------------------------------------------------------------------------*/

div.clear{
     clear: both;
}

#block_recomend{ width:100%; margin:0 0 30px 0;padding:0; float:left;}

#block_recomend a.rk:link, a.rk:visited{
      font: bold 12px/15px Tahoma,Times New Roman,Tahoma,Verdana; 
      color:#234e80; 
      text-decoration:underline;
}

#block_recomend a.rk:hover{
       font: bold 12px/15px Tahoma,Times New Roman,Tahoma,Verdana; 
       color:#003cb4; 
       text-decoration:underline;
}

#block_recomend  .item_block{
      width:220px;
      height:216px;
      margin: 0 0 0 12px;
      border: 1px solid #19506f;
      overflow: hidden;
      display: block;
      position: relative;      
      z-index: 0;
      float:left;
}

#block_recomend .price{
      display: block;
      position: absolute;   
      background: #be0c03;
      opacity: 0.7;
      width: 220px;
      height: 40px;
       text-align: right;
       font:  18px Arial, Verdana, sans-serif; 
       color:#fff; 
       text-decoration:none;
}


img.recom{
height: 224px;
  width: 220px;
 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
       transition: all 1s ease;
}

img.recom:hover{
       width: 244px;
       height: 240px;
}


#block_rightnews{
  width: 220px;
  margin: 30px 0 0 10px;
  float: left;
}

#block_rightnews .titleNews{
     font: 16px Arial, Verdana, sans-serif; 
     color: #00a1f9;
     text-decoration:none;
     margin: 0 0 20px;
}

#block_rightnews .rnews{
  width:220px;
 font: 14px/18px Arial, Verdana, sans-serif;
 color: #009edb;
 float: left;
}

#block_rightnews .rnews a.r_news{
 font: 12px Arial, Verdana, sans-serif;
 color: #003366;
 text-decoration:underline;
}

#block_rightnews .rnews a.r_news:hover{
 color: #115c9b;
}

#block_rightnews .clearnews{
  clear: both;
  width:100%;
  margin-bottom: 25px;
}

.pagename{
     margin: 0 0 20px 0;
     font: 15px/34px Arial, Verdana, sans-serif;
     color: #028fc5;
     border-bottom:1px solid #028fc5;
}

.all{
     font: 12px/18px Arial, Verdana, sans-serif;
     color: #555555;
}

.all_2{
     font: 14px/18px Arial, Verdana, sans-serif;
     color: #016deb;
}

a.all_r{
     font: 12px/18px Arial, Verdana, sans-serif;
     color: #003366;
     text-decoration: underline;
}

a.all_r:hover{
    color: #0033aa;
}

.all_bb{
     font: 15px/24px Arial, Verdana, sans-serif;
     color: #028fc5;
}

.fotocat{
     width: 220px;
     height: 165px;
     margin: 0 15px 0 0;
     float: left;
}

.fotocat:last-child{
     width: 220px;
     height: 165px;
     margin: 0 0 0 0;
     float: left;
}

.ramka_img{
   width: 220px;
   height: 165px;
   border: 2px solid #fff;
   overflow: hidden;
}

.ramka_img_border{
      width: 224px;
      height: 169px;
      border: 1px solid #60a9f5;
      background: #cfd9df;
}

table.shop{
      width: 100%;
}


table.shop td{
      padding: 5px;
      border: 1px solid #60a9f5;
}



#catalog_razdel{
      width: 710px;
      margin: 0 0 20px 100px;
      float: left;
}

#catalog_razdel .razd_razd{
     margin: 0 0 20px;
}

#catalog_razdel .crazd{
      width: 710px;
      background: #ebebeb;
      float: left;
}


#catalog_razdel .razdfoto{
    width: 220px;
    height: 165px;
    margin:5px;
    overflow: hidden;
    float: left;
}


#catalog_razdel .razdtext{
        width: 440px;
        margin: 0 0 0 20px;
        float: left;
}

#catalog_razdel .razdtext a.tit{
     font: 14px/20px Arial, Verdana, sans-serif;
     color: #085fc3;
     text-decoration: underline;
}

#catalog_razdel .razdtext a.tit:hover{
     color: #990000;
}

#catalog_razdel .razdtext a.tx{
     font: 12px/18px Arial, Verdana, sans-serif;
     color: #028fc5;
     text-decoration: none;
}

#catalog_razdel .razdtext a.tx:hover{
     color: #003366;
     text-decoration: underline;
}


img.prod{
  width: 200px;
  height: 150px;
 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
       transition: all 1s ease;
}

img.prod:hover{
       width: 220px;
       height: 165px;
}


.news{
      width: 100%;
      margin: 25px 0 0 0;
      font: 14px/20px Arial, sans-serif;
	color: #085fc3;
	text-decoration: none;
      float: left;
      clear:both;
}

 .news a{
  	font: 12px/14px Arial, sans-serif !important;
	color: #101d57;
	text-decoration: underline;
}

 .news a:hover{
      color: #003366;
}

 .razdnews{
       width: 100%;
       height: 20px;
       border-bottom: 1px solid #eeeeee;
       float: left;
}