/* ==|== primary styles =====================================================
   Author: Ibatullin Emil
   ========================================================================== */

@import url(pagination.css);

body {
  font-family: Arial, Tahoma, sans-serif;
  color: #fff;
  font-size: 13px;
  /*line-height: 20px;*/
  background: #799aa5;
}

header,
#main,
footer {
  margin: 0 auto;
  position: relative;
}

header {
  width: 80%;
  min-width:940px;
  padding-top: 20px;
}

#main,
footer {
  width: 80%;
  min-width:940px;
}

footer {
  background: url(../img/footer-bg.png) no-repeat top;
  height: 60px;
  padding: 20px 0 0 0;
  margin: 30px auto -100px;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 13px;
  text-align: center;
  line-height: 24px;
}

p {
  line-height: 20px;
  margin: 0 0 1em 0;
}

#main .article {
  padding: 20px 30px 20px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#main .date {
  font-size: .85em;
  line-height .5em;
  margin: -0.6em 0 0;
  padding: 0;
}

.color_01 {
  background: #2b4e69;
  color: #fff;
}
.color_02 {
  background: #fff;
  color: #2b4e69;
}
  
.color_01  h1,
.color_01  h2 { color: #fff }
.color_02  h1,
.color_02  h2 { color: #2b4e69 }

.color_01  p { color: #fff }
.color_02  p { color: #2b4e69 }

.color_01 .date { color: #7792a7 }
.color_02 .date { color: #799aa5 }

.color_01  a:link { color: #ccccff }
.color_01  a:hover { color: #fff !important }
/*.color_01  a:visited { color: #799aa5 }*/
.color_01  a:visited { color: #ccccff }

.color_02  a:link { color: #05c }
.color_02  a:hover { color: #CC0000 !important }
/*.color_02  a:visited { color: #682321 }*/
.color_02  a:visited { color: #05c }
  

.logo {
  width: 554px;
  height: 94px;
  background: url(../img/logo.png) no-repeat;
}

.slogan {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 18px;
  text-align: right;  
}

header .logo { margin-bottom: 15px }
header .slogan {  }

.line_ver {
  background: url(../img/line_ver.png) no-repeat center left;
  padding-left: 3px;
}

.fl { float: left }
.fr { float: right }

.first { margin-left: 0 !important }
.last { margin-right: 0 !important }

.B_crumbBox,
.B_crumbBox li { margin:0;padding:0 }
.B_crumbBox li {
  display: inline;
  list-style: none;
  font-size: 11px;
  }
  .color_01 .B_crumbBox li a:visited { color: #ccccff }
  .color_02 .B_crumbBox li a:visited { color: #05c }

.item_list,
.item_list li {
  padding:0;margin:0;
  list-style: none;
}
.item_list li { margin: 30px 0 }

.canvas { padding-bottom: 100px !important }

.back {
  display: inline-block;
  font-size: 16px;
  /*background: url(../img/back.png) no-repeat 0 0;
  padding: 2px 0 20px 33px;*/
  margin-top: 1em;
  *zoom: 1;
  *display: inline;
}

.border_01 { border-width: 1px; padding: 8px; background: #fcfcfc; border-color: #e1e7e9; border-style: solid; border-left-color: #e2e8ea; border-bottom-color: #c3c8ca; margin: 0 0 1em 0; }

.catalog_widget,
.catalog_widget li {
  padding:0;margin:0;
  list-style: none;
}
.catalog_widget li {
  display: inline-block;
  width: 125px;
  margin: 0 25px 0 17px;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
}
.catalog_widget_index li {
  display: inline-block;
  width: 130px;
  margin: 0 25px 30px 28px;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
}


/* Links
----------------------------------------------------------------------------------------------------*/

a:link {
  color: #05c;
  text-decoration: underline
}
a:visited {
  /*color: #682321;*/
  color: #05c;
  text-decoration: underline
}
a:hover,
a:visited:hover {
  color: #CC0000;
  text-decoration: underline
}





/* Headers H1, H2, h3
----------------------------------------------------------------------------------------------------*/

h1, h2 {
  padding: 0;
  color: #fff;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: .5em;
}
h1:first-child ,
h2:first-child { margin-top: 0px; }
h1 + p,
h2 + p { margin-top:0 }


h3 {
  padding: 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 .5em 0;
}
h3:first-child { margin-top: 0px; }
h3 + p { margin-top:0 }





/* Image, thumbs
----------------------------------------------------------------------------------------------------*/

.thumb_01 {
  margin-right: 10px; 
}

.thumb_02 {
  margin-right: 20px; 
}




/* Navigation
----------------------------------------------------------------------------------------------------*/

.bar {
  /*height: 52px;*/
  margin-bottom: 30px;
  padding: 0 0;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA6CAIAAAA/Te4cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnZJREFUeNrkV1tuHTEINZazl/527dlAN9KvfHQTHU6wwRg/JoruVRVFta5GDDZweHouvf76kx5d5eePl4eFc3piFSL6MsvfFDY9IZz+P5/TM3nOn7AM4AjQYMu2PO9cOPJFJB+5O6G0cyzaqjVnI6ivaDC3tUAQuog2xU3dihC0gUnpENnysZ8IMkpHTk3Vsn1QFIgoL7VNCBuqYgEZOQhmxjCgcIhOKtLGKd05VMIzcZPZNLOLuUz9qSdiPsdrw6R0O18qQJVUMZOfLIZXp9GEUUUVdVdMNxU+QZFnoYg6zeW3Zn6i5ZcDILg7SIj8AwqDTT5TsrK4uaCBFE7uBlxLsyrVgYLuA9T7vs/WpIYoxtS1tFRNITSLZJ0oLUVWQrAtHw9l79JlMa/F5udrnueyodA/aSvwGHYJB5L9PJuYjuouGKMnlumJJlOr23yKLd0ilwmmt0bbfO4uNffAtPlmueh+yuvFrPI5nlbWQov2GNEWc9LdwomnCaJprElHCimFJqqf7BWmWhHDS6EPwlwA1oAxe+dT9JBiuYVbQbcsYAKPK2WDkK05tn5wtDSexbCYo1bE1T7fjJTALJC49+uK2oYHl+ZiTG6nl0C1zOJ3e+eadFCiePsdK1+tlMskrQF6D2I0IHaxmv1UA4aIaLqHj/eu2LAZrZYpXALc77SRdGC5qPxMLRL2HGo+eCBtrRJqhEbLycN8rlWeia8Bu88dm0HgxsGY+UKIz9Boy8DxtG0hsqZb4lZaelpsrsvqTvvfg9esu9KYufL34ptZQ4po34rCFwWs6F8q1yRZOeP7RmMkef799vgfFPp47v7DD9enhN8FGABvOt3D4Tjy5QAAAABJRU5ErkJggg%3D%3D) repeat;
  *background: #fff url(../img/nav-bg.png) repeat;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 /* overflow: hidden;*/
}

.primary-nav {
/*  height: 52px;*/
  font-size: 13px;
  color: #fff;
  overflow: hidden;
  text-align: center;
  }
  
.jcarousel-skin-tango {
  text-align: center;
width: 887px;
margin: 0 auto;
  }
  
  .primary-nav  li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
	
    *zoom: 1;
    *display: inline;
  }
  
  .primary-nav  li.active a {
    background: #2b4e69 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAAQCAIAAACwUfWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGJJREFUeNrsmr9v5EQUx+eHx/b6kk1Cko0SpYKSin+BIg3S/R3QnU5XnUQFBXRQAwV/ABUdNLTkxHWIOwq4q5AubFZL1utfM2O+49l1/COJNiS6HNI8vYxmxs/2ZPYzb96zTd+9/xFx8nqlhGiFCmWcUuom5LWJ56bgDmCXuSpyVLnwqecTR7zD/X8t9HLUtWE9Q2k78Mc8/2ofX7oJdbi/sUxfYEkt67pUhS5SLQs00APoKSlxlHoC2F/rRm4NONzvBu6VghGwLguVG9b9V79mWcYO3zMrAOhXF2cgnrIVQqHueBz3qwtzU/AfWDf+uKmk1rKpbKl0yTqi9mjy++7u7tbWVv7iyXkobw4VMGONsxbnLnQxhuZ967G52N/hfvusNzmr4WYtxCs/TRe6NC4Rw6giRRmMn49Go9lslqbp+vo6iKe0bBoQG9s0lNHWvZa36+4qjniH+y2zXlNeM8faXLJzOpdaOW+dJyjFyW87Ozvj8TiOY+SmRVFsbm6mfzxhxkzXZjildQXSWjyUNreRrpt34nC/RdZbkNVhDKt0QWfLK2skozY3FX8/B+tnZ2dJknDOGWNhGGqth8Nh9vJpdalSI5FFVKOQv2rWWz+sQX8T+qabd8Q73G8M/TnrXcop6QYeFfrG/VdB+eI5DD95dnBwMJ1O5/M5rwTBTJ7ngF4pBe6TP3+xWwGIr+N42ttDWltHA/pV02WHu5uCq117h3XScbGG77IVxNPSumqbgIJ19urZ4eHh6emprgR826fsqGdZZpPVIAiSF09pldTq5QOcxTPKTobQSY57xDvsr/pNv//pLzcLtyIguchzXX0dIGUxm02TefzVFw/29vYmkwkidWANd46K53m2DvQBvRACnh498P0PP/7aOCHGB9G9tbUNzzyPN03h+yjdJN8U97J0z20vljTXUuksN5pLPU8VNMlUnKo4kbYZp3KayNOkgJ7EyTj+Z5qmM6VTpQuZv3P8+Wg0QmKKMAaISykx26iAeAQwiGfg5tHj++atKjw9OmE5ef+TkJGAe+tBMBRiKPhWONjdGG5EgyjkA58PAo4K9F7I1yIvCr1BwNAMfe4L5nvM82gg3L7tgpnriHnhr8vqvQ5Cam0acN1YAVISrUrUCqmkUfQYPw1TJkoxICKi/trbP3+2vb2NGAa42zAGXtyyjhL28O42Z0UPWMdRLABENcMfH5PoLR5tchFxHvheKLhnHLtSpJBEQXF3ZZrmNa3GtlKN1Xx4Vn19VjoX5rz7tVnvzAvrJYMWLBuOy4ageXR0tL+/D9ZRR6AClGEGrJe5r5l2dNY9VrAMYIZDSZIcHx97lcDMZrdYGO7zyZvi/um3370pWWFZVcpGZ79OG2bNTtIzIL3TO2XnFHLRfUnvCqQx1Hblh2++tLDaiAVhCai1EGMNoAJkQX99SRvPIJKxnShhYNcPToGbhwGaQPyDDx9d8C9fNub+UMnl/x1dYdr7k9n/schqo7pr+VeAAQBc8f0u016HTAAAAABJRU5ErkJggg%3D%3D) bottom center no-repeat;
    *background: #2b4e69 url(../img/nav-active.png) bottom center no-repeat;
    color: #fff;
    }
    .primary-nav  li.active a:hover { 
      padding: 17px 18px 18px;
      text-decoration: underline;
    }
  
  .primary-nav a {
    display: block;
    height: 100%;
    padding: 17px 18px 18px;
    color: #2b4e69;
    text-decoration: underline;
    }
    .primary-nav a:hover {
      background: #2b4e69;
      padding: 17px 18px 13px;
      color: #fff;
      text-decoration: underline;
    }





/* Columns
----------------------------------------------------------------------------------------------------*/

.col,
.in-bl {
  display: inline-block;
  vertical-align: top;
  position: relative;
  *zoom: 1;
  *display: inline;
}

.onecol { width: 63.41% }
.twocol { width: 30.48% }




/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_1 {
	padding-left:60px;
}

.prefix_2 {
	padding-left:120px;
}

.prefix_3 {
	padding-left:180px;
}

.prefix_4 {
	padding-left:240px;
}

.prefix_5 {
	padding-left:300px;
}

.prefix_6 {
	padding-left:360px;
}

.prefix_7 {
	padding-left:420px;
}

.prefix_8 {
	padding-left:480px;
}

.prefix_9 {
	padding-left:540px;
}

.prefix_10 {
	padding-left:600px;
}

.prefix_11 {
	padding-left:660px;
}

.prefix_12 {
	padding-left:720px;
}

.prefix_13 {
	padding-left:780px;
}

.prefix_14 {
	padding-left:840px;
}

.prefix_15 {
	padding-left:900px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.suffix_1 {
	padding-right:60px;
}

.suffix_2 {
	padding-right:120px;
}

.suffix_3 {
	padding-right:180px;
}

.suffix_4 {
	padding-right:240px;
}

.suffix_5 {
	padding-right:300px;
}

.suffix_6 {
	padding-right:360px;
}

.suffix_7 {
	padding-right:420px;
}

.suffix_8 {
	padding-right:480px;
}

.suffix_9 {
	padding-right:540px;
}

.suffix_10 {
	padding-right:600px;
}

.suffix_11 {
	padding-right:660px;
}

.suffix_12 {
	padding-right:720px;
}

.suffix_13 {
	padding-right:780px;
}

.suffix_14 {
	padding-right:840px;
}

.suffix_15 {
	padding-right:900px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.push_1 {
	left:60px;
}

.push_2 {
	left:120px;
}

.push_3 {
	left:180px;
}

.push_4 {
	left:240px;
}

.push_5 {
	left:300px;
}

.push_6 {
	left:360px;
}

.push_7 {
	left:420px;
}

.push_8 {
	left:480px;
}

.push_9 {
	left:540px;
}

.push_10 {
	left:600px;
}

.push_11 {
	left:660px;
}

.push_12 {
	left:720px;
}

.push_13 {
	left:780px;
}

.push_14 {
	left:840px;
}

.push_15 {
	left:900px;
}

.push_16 {
	left:40px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.pull_1 {
	left:-60px;
}

.pull_2 {
	left:-120px;
}

.pull_3 {
	left:-180px;
}

.pull_4 {
	left:-240px;
}

.pull_5 {
	left:-300px;
}

.pull_6 {
	left:-360px;
}

.pull_7 {
	left:-420px;
}

.pull_8 {
	left:-480px;
}

.pull_9 {
	left:-540px;
}

.pull_10 {
	left:-600px;
}

.pull_11 {
	left:-660px;
}

.pull_12 {
	left:-720px;
}

.pull_13 {
	left:-780px;
}

.pull_14 {
	left:-840px;
}

.pull_15 {
	left:-900px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}






/* Catalog Index
----------------------------------------------------------------------------------------------------*/

.catalog_index { margin-top: 25px }

.catalog_index ul,
.catalog_index li {
  padding:0;margin:0;
  list-style: none;
}

.catalog_index li {
  width: 240px;
  margin-right: 70px;  

  display: inline-block;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
  }

  .catalog_index ul > li:nth-child(3n+3) { margin-right: 0 }

.catalog_index ul ul li {
  width: auto;
  margin-right: 0;
  display: block;
}

.catalog_index ul {
  line-height: 22px;
  font-size: 18px;
  font-style: italic;
  font-family: Georgia;
  }
  .catalog_index ul li { margin-bottom: 10px }

.catalog_index ul ul {
  line-height: 20px;
  font-size: 13px;
  font-style: normal;
  margin-top: 5px;
  font-family: Arial;
  }
  .catalog_index ul ul li { 
    margin-bottom: 0;
    padding: 5px 10px;
  }

.catalog_index > ul > li > a:link { color: #152737 }
.catalog_index > ul > li > a:visited { color: #152737 }
.catalog_index > ul > li > a:hover,
.catalog_index > ul > li > a:visited:hover { color: inherit }



/* Catalog Sub Pages
----------------------------------------------------------------------------------------------------*/

/*.catalog_list,
.catalog_items {
  display: inline-block;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
}*/
.catalog_list {
  float: left;
}
.catalog_items {
  float: right;
}

.catalog_list {
  width: 220px;
  margin-right: 15px;
  padding-top: 30px;
}

.catalog_items {
  width: 67%;
}


/* catalog_list */

/*.catalog_list ul a:link,
.catalog_list ul a:visited { color: #05C }
.catalog_list ul a:hover { color: #C00 }*/


.catalog_list ul ul a:link,
.catalog_list ul ul a:visited { color: #fff }
/*.catalog_list ul ul a:visited { color: #dedede }*/
.catalog_list ul ul a:hover,
.catalog_list ul ul a:visited:hover { color: #0d436c }

.catalog_list ul,
.catalog_list ul li {
  padding:0;margin:0;
  list-style: none;
}

.catalog_list ul {
  line-height: 22px;
  font-size: 18px;
  font-style: italic;
  font-family: Georgia;
  }
  .catalog_list ul li { margin-bottom: 10px }

.catalog_list ul ul {
  line-height: 20px;
  font-size: 13px;
  font-style: normal;
  margin-top: 5px;
  font-family: Arial;
  }
  .catalog_list ul ul li { 
    margin-bottom: 0;
    padding: 5px 10px;
  }

  /* UL UL .ACTIVE */
  .catalog_list ul ul .active {
    background: #fff;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    display: inline-block;
    vertical-align: top;
    *zoom: 1;
    *display: inline;
  }
  /* UL UL .ACTIVE A */
  .catalog_list ul ul .active a:link,
  .catalog_list ul ul .active a:visited ,
  .catalog_list ul ul .active a:hover,
  .catalog_list ul ul .active a:visited:hover {
    text-decoration: none;
    color: #2b4e69;
  }