/**
 * @subpackage  Mwebdes-IP   
 * @author      Mwebdes (www.mwebdes.spb.ru)
 * @date        2013-01-02
 * @package     Joomla
 * @copyright   Copyright (C) 2013 Mwebdes. All rights reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
*/


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-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  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;
}

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;
}



/**  General **/

* {
  margin: 0;
}

html {
  overflow-y: scroll;
}

html, body {
  height: 100%;
}

body {
  background-color:#ffffff; width:100%; color:#000000; height:98%;
  background-image:url(../images/hands_bg.gif);
  font-family: Arial, "Helvetica CY", "Nimbus Sans L";
  font-size:1em;
  line-height:1.4em;
  text-align:center;
}

a {
  color: #555555;
  text-decoration: none;
}

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

img {
  border-style: none;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}


p {
  line-height:1.4em;
  margin:4px 0 2px 0;
}


/*Стили Интерпроекта*/
.img-fulltext-right{float:right !important; text-align:right !important;
}
.img-fulltext-right img{float:right !important;
}
.img-intro-right{float:right !important; text-align:right !important;
}
.img-intro-right img{float:right !important; width:160px; height:auto;
}
.item-separator{height:10px;
}
.date{
  margin-top:4px; margin-bottom:4px;  color:#d92518; font-size:120%;
}
.place{
  margin-top:4px; margin-bottom:4px;  color:#68605f; font-size:105%; font-weight:bold;
}
.composer{color: #892F2F; font-size:105%; margin-top:4px; line-height:18px;}
.composer a, .composer a:visited{color: #892F2F; text-decoration:none; font-weight:bold;}
.composer a:hover{text-decoration:underline;}

.first_text{
  width: 28%;
  margin:20px 10px 10px 10px;
  font-size:1em;
  line-height:1.4em;
  font-style:italic;
  color:#cecfcd;
  opacity: 0.5;
}



h1 {
  font-weight: 400;
  color: #d92518;
  font-size: 130%;
  line-height:1.15em;
  margin-bottom: 12px;
}

h1 a {
  color: #cecfcd;
  text-decoration: none;
}

h1 a:hover {
  color: #c92d1f;
  text-decoration: none;
}


h2 {
  font-weight: 400;
  color: #892F2F;
  font-size: 120%;
  line-height:1.15em;
  margin-top: 18px;  
  margin-bottom: 10px;  
  }

h2 a {
  color: #892F2F;
  text-decoration: none;
}

h2 a:hover {
  color: #c92d1f;
  text-decoration: none;
}

h3 {
  font-weight: 400;
  color: #cecfcd;
  font-size: 120%;
  line-height:1.15em;
  margin-bottom: 6px;
}

h3 a {
  color: #cecfcd;
  text-decoration: none;
}

h3 a:hover {
  color: #c92d1f;
  text-decoration: none;
}

.moduletable h3 {
  font-weight: 400;
  color: #cecfcd;
  font-size: 120%;
  margin-bottom: 6px;
}

h4 {
  font-weight: 600;
  color: #cecfcd;
  font-size: 110%;
}

h5 {
  font-weight: 300;
  color: #cecfcd;
  font-size: 110%;
}

h6 {
  font-weight: 600;
  font-size: 1em;
}


ul, ol {
  list-style-position: outside;
  list-style-type: disc;
  padding-left: 30px;
  margin-top: 6px;
  margin-bottom: 6px;
}

hr {
  border: 0;
  color: rgb(226,226,226);
  background-color: rgb(226,226,226);
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.tip {
  font-size:0.9em;
  text-align:left;
  line-height: 1.2em;
  padding:3px;
  max-width:400px
}

.tip-title {
  font-weight:bold;
}

#wrapper {
  display: block;
  padding: 0;
  min-height: 100%;
  max-width:1500px;
  min-width:600px;
  height: auto !important;
  margin: 0 auto -4.6em;
  text-align:left;
  padding-left:10px;
}




.readmore a {
  color: #555555;
  font-weight: 600;
  margin-bottom:14px;
}




/** Header **/


#header {
  width: auto;
  margin: 10px 30px 10px 30px;
  min-height: 100px;
  margin-bottom: -1px; /* iPhone/iPad fix */
  overflow: auto;
  }

#logo {
  float: left;
  padding-left: 26px;
  padding-bottom: 14px;
  margin: 0px;
}
#logo img{
  width:300px;
  height:auto;
}
  #logo a {
  text-decoration: none;
  }

#logo a:hover {
  text-decoration: none;
  }


#topnav_wrap {
  background-color: #555555;
  overflow: auto;
  min-width: 960px;
}


#topnav {
  width: 900px;
  margin: auto;
  font-size: 0.87em;
}

#topnav a {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}

#topnav a:hover,
#topnav li.active a {
  color: #cecfcd;
  text-decoration: underline;
}

#topnav h3 {
  display: none;
}

#topnav ul.menu {
  float: right;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: -11px;
}

#topnav ul.menu li {
  display: inline;
  padding-left: 12px;
  padding-right: 12px;
  border-left: 1px solid #555555;
}

#topnav ul.menu li:first-child {
  border: 0;
}






/** Content/Menu Wrap **/

#content-menu_wrap_bg {
  
  
  margin-bottom: -1px; /* iPhone/iPad fix */
  
}

#content-menu_wrap {
  width: auto;
  padding: 10px;
  margin: auto;
}











/** Menus (Left/Right) **/

#leftmenu {
  
  float: left;
 }

#rightmenu {
  width: 24%;
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 26px;
  float: right;
  line-height: 1.7em;  
  position:relative;
  display:inline-block;
  min-height:400px;  
}

li.menu_m{
position:absolute; width:25%; height:5%; border-left:1px solid #cecfcd; padding:8px; display:inline-block;
vertical-align: middle; text-align:left; border-top:1px solid #cecfcd; border-bottom:0px !important; 
font-size:110% !important; font-weight:normal !important; color:#000 !important; z-index:1;
}
.menu_m a{color:#000 !important;}
.menu_m a:hover{color:#c92d1f !important;}


.m1{left:50%; top:38%;}
.m2{left:35%; top:48%;}
.m3{left:20%; top:58%;}
.m4{left:5%; top:68%;}
.m5{left:-10%; top:78%;}
.m6{left:-25%; top:88%;}
.rojal{text-align:right; left:0%; top:80%; position: absolute; padding-right:18px;}



#leftmenu a,
#rightmenu a {
  color: #cecfcd; text-decoration: none;
}

#leftmenu a:hover,
#rightmenu a:hover {
  color: #c92d1f; text-decoration: none;
}

#leftmenu ul,
#rightmenu ul {
  padding-left: 0px;
  list-style-type: none;
  margin-left: 0px;
  margin-top: 12px;
  margin-bottom: 20px;
}

#leftmenu ul li,
#rightmenu ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;  
  list-style-type: none;
}

#leftmenu ul li ul,
#rightmenu ul li ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

#leftmenu ul li ul li,
#rightmenu ul li ul li {
  border: 0px;
  padding-bottom: 2px;
  list-style-type: none;
  font-size: 0.96em;
  line-height: 1.5em;  
}

#leftmenu ul.menu li.current a,
#rightmenu ul.menu li.current a {
  font-weight:bold;
}

#leftmenu ul.menu li.current ul li a,
#rightmenu ul.menu li.current ul li a {
  font-weight:normal;
}


.moduletable {
  overflow: hidden;
  margin-bottom: 16px;
}



/** Content **/

#content-w1 {  /** left and right menu visible **/
  width: 456px;
  float: left;
  padding-left:20px;
  padding-top: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  border-left: 1px solid #cecfcd;
}

#content-w2 {  /** left or right menu visible **/
  width: 60%;
  float: left;
  padding-top: 4px;
  overflow: hidden;  
  margin-bottom: 10px;
  min-height: 610px;
}

#content-w3 {  /** no menu visible **/
  width: 900px;
  float: left;
  padding-top: 20px;
  overflow: hidden;
  margin-bottom: 30px;
}

#content-w1 h3,
#content-w2 h3,
#content-w3 h3 {
  margin-top: 20px;
}

#content-top {
  margin-bottom: 18px;
}

ul.actions {
  margin: 0;
  padding: 0;
  margin-top: -6px;
  margin-bottom: -2px;
  list-style-type: none;
  text-align: right;
}

li.print-icon,
li.email-icon,
li.edit-icon {
  display: inline;
  margin-right: 2px;
}

li.print-icon a,
li.email-icon a,
li.edit-icon a {
  text-decoration: none;
}

dl.article-info {
  clear: both;
  margin-left: 0;
  padding: 0px;
  font-size: 0.86em;
  line-height: 1.3em;
}

.article-info dd, .article-info dd {
  margin-left: 0;
}

.article-info-term {
  display:none
}

.categories-list ul {
  list-style-type: none;
  padding-left: 0;
  padding-left: 5px;
  margin-top: 8px;
}

.categories-list ul li {
  list-style-type: none;
  padding-left: 5px;
}

.categories-list dl dt, .categories-list dl dd {
  display: inline;
}

.image-left {
  float: left;
  margin-top: 0pt;
  margin-right: 10px;
  margin-bottom: 4px;
  margin-left: 0pt;
}

.category-desc p img {
  float: left;
  margin-top: 0pt;
  margin-right: 10px;
  margin-bottom: 2px;
  margin-left: 0pt;  
}

.first ul {
  padding-left: 15px;
  padding: 5px;
  
}

.first ul li {
  padding-bottom: 8px;
  padding: 5px;

}

.last ul {
  padding-left: 15px;
  
}

.last ul li {
  padding-top: 10px;
}


.cat-children ul {
  list-style-type: none;
  margin-top: 10px;
  padding-left: 0px;
}

ul#archive-items {
  list-style-type: none;
  margin-top: 10px;
  padding-left: 0px;  
}

.intro ul {
  margin-top: 10px;
  margin-bottom: 20px;
}

fieldset.filters {
  border:solid 0px #ddd;
  margin-top: 5px;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 2px;
}

legend.hidelabeltxt {
  display: none;
}

.items-leading {
  margin-bottom: 20px;
}

.newsfeed ol li {
  margin-top: 10px;
}

.newsfeed ol li img {
  margin-top: -10px;
}

#article-index {
  width:25%;
  float:right;
  border:solid 1px #eee;
  padding:10px;
  margin-bottom: 10px;
  margin-left: 10px;
  background:#f9faf9
}

#article-index h3 {
  font-size:1em;
}

#article-index ul {
  list-style-type:disc;
  padding-left: 1.4em;
  color:#f9faf9;
}

.pagenavcounter {
  font-weight:bold;
  padding-top: 10px;
  padding-bottom: 10px;
}







/** Tables **/
table {
  border-collapse:collapse
}

tr, td {
  border:solid 1px #ddd;
  vertical-align: top;
}

table.weblinks,
table.category {
  margin:10px 10px 20px 0px;
  width:100%;
}

table.weblinks td,
table.category td {
  border-collapse:collapse;
  padding:7px;
}

table.weblinks th,
table.category th {
  padding:7px;
  text-align:left
}

td.num {
  vertical-align:top;
  text-align:left;
}

td.hits {
  vertical-align:top;
  text-align:center
}

td p {
  margin:0;
  line-height:1.3em
}

.display-limit,
.filter {
  text-align:right;

}

tr.cat-list-row1 {
  background-color: rgb(242,242,242);
}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
  background: #141d29;
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a,
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
  color:#fff
}

table.category th a img {
  border:solid 0px ;
  display: none;
}

table.category th a:hover {
  color: #febf00;
}

table.moduletable td,
table.moduletable tr {
  border:0;
}






/** Pagination **/
.pagenav {
  padding:2px
}

ul.pagenav {
  list-style-type: none;
  margin: 0;
  margin-top: 20px;
  padding: 4px;
  overflow: hidden;
}

li.pagenav-prev a,
li.pagenav-next a {
  font-size: 13.5px;
  color: #fff;
  background-color: #555555;
  border: 0px;
  padding: 4px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 0px;  
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
         border-radius: 3px;
  text-decoration: none;
} 

li.pagenav-prev a:hover,
li.pagenav-next a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #141d29;
}

li.pagenav-prev {
  float: left;
}

 li.pagenav-next {
  float:right
}

.pagination {
  clear: both;
  padding-top:8px;
  padding-bottom:8px;
  border-top:solid 1px rgb(226,226,226);
}

.pagination ul {
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:left;
}

.pagination li {
  display:inline;
  padding:2px 5px;
  text-align:left;
  margin:0 2px
}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
  border:0
}

.pagination li.pagination-start,
.pagination li.pagination-start  span {
  padding:0
}

p.counter {
  font-weight:bold;
}






/** Blog **/

.cols-1 {
  display: block;
  float: none !important;
  margin: 0 !important;
}

.cols-2 .column-1 {
  width:48%;
  float:left;
}

.cols-2 .column-2 {
  width:48%;
  float:right;
  margin:0
}

.cols-3 .column-1 {
  float:left;
  width:29%;
  padding:0px 5px;
  margin-right:4%

}

.cols-3 .column-2 {
  float:left;
  width:29%;
  margin-left:0;
  padding:0px 5px
}

.cols-3 .column-3 {
  float:right;
  width:29%;
  padding:0px 5px
}

.items-row {
  overflow:hidden;
  margin-bottom:10px !important;
}

.column-2 {
  width:55%;
  margin-left:40%;
}

.column-3 {
   width:30%
}

.blog-more {
  padding:10px 5px
}






/** Login **/

#login-form fieldset.userdata {
  margin-bottom: 5px;
  margin-top: -15px;
  margin-left: 0px;
  border: 0px;
  font-size: 0.96em;
  float: left;
}

#login-form ul {
  margin-left: 0px;
}


#login-form ul li {
  border: 0px;
  line-height: 1.1em;
  float: left;
  width: 100%;
}


#login-form input.inputbox {
  width: 80%;
  margin-left: 0px;  
  padding: 6px;
  padding-right: 24px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border: 1px solid #e2e2e2;
  outline: none;
}

#login-form label {
  display: block;
  margin-left: 0px;  
}

#form-login-remember label {
  float: none;
  width: auto;
  display: inline;
}

#form-login-remember input.inputbox {
  width: auto;
  border: 0;
}


.login fieldset {
  border: 0;
}

.login-fields {
  margin:10px 0
}

.login-fields label {
  float:left;
  width:9em
}

.login-description,
.logout-description {
  overflow:hidden;
  padding-left:5px;
  margin:20px 0 10px 0
}

.logout-description {
  margin-bottom:20px
}

.validate-username,
.validate-password {
  width: 140px;
  margin-left: 0px;  
  padding: 6px;
  padding-right: 24px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border: 1px solid #e2e2e2;
  outline: none;  
}



/** User profile **/

#users-profile-core,
#users-profile-custom {
  margin:10px 0 15px 0;
  padding:15px;
}

#users-profile-core dt,
#users-profile-custom dt {
  float:left;
  width:12em;
  padding:3px 0;
}

#users-profile-core dd,
#users-profile-custom dd {
  padding:3px 0;
}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend {
  font-weight:bold
}

#member-profile fieldset,
.registration fieldset {
  margin:10px 0 15px 0;
  padding:15px;
}

.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd {
  float:none;
  padding:5px 0;
}

.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input {
  width: 17em;
}

.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt {
  clear: left;
  float: left;
  padding: 5px 5px 5px 0;
  width: 16em;
}

#users-profile-core,
#users-profile-custom {
  border: solid 1px #ccc;
}

#member-profile fieldset,
#member-registration fieldset {
  border: solid 1px #ccc;
}

#user-registration.form-validate fieldset {
  border: solid 0px;
  padding-left: 0;
}







/** Contacts **/

h3.pane-toggler {
  font-size: 1.1em;
  border-top: 1px solid rgb(226,226,226);
  margin-bottom: 2px;
  padding-bottom: 8px;
  padding-top: 8px;
}

h3.pane-toggler-down {
  font-size: 1.1em;
  border-top: 1px solid rgb(226,226,226);
  margin-bottom: 2px;
  padding-bottom: 8px;
  padding-top: 8px;
}

address span {
  display: block;
  font-style: normal;
}

.contact-address img {
  margin-bottom: 10px;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
  padding:10px
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
  margin:20px 0 0 0
}

#contact-form fieldset {
  border: 0px;
}

#contact-form fieldset dl dt {
  padding-top: 4px;
}

#jform_contact_email_copy-lbl {
  float: left;
  padding-right: 6px;
}

#jform_contact_email_copy {
  margin: 4px;
}

.star {
  color: #cc0000;
}

.tip
{
  border:solid 1px #333;
  background:#ffffcc;
  font-size: 0.86em;
  padding: 5px;
}




/** Search **/

.searchintro {
  font-weight:normal;
  margin:20px 0 20px;
}

.searchintro img {
  border:0px
}

.word {
  border:solid 0px #ccc ;
}

fieldset.word label {
  font-weight: bold;  
  color:#333;

}

.form-limit {
  margin:20px 0 0;
  text-align:right;
  padding:0 10px 0 20px;
}

.highlight {
  font-weight: bold;
}

.ordering-box {
  width:40%;
  float:right;
}

.phrases-box {
  width:60%;
  float:left
}

.only,
.phrases {
  border:solid 1px #ccc;
  margin:10px 0 0 0px;
  padding:15px ;
  line-height:1.3em;
}

label.ordering {
  display:block;
  margin:10px 0 10px 0
}

.word {
  padding:10px 10px 10px 0;
}

.word input {
  font-weight:bold;
  margin:0px 10px 0px 10px;
  padding:4px;
  font-size:1em
}

.word label {
  font-weight:bold
}

fieldset.only label,
fieldset.phrases label {
  margin:0 10px 0 0px
}

.ordering-box label.ordering {
  margin:0 10px 5px 0;
  float:left
}

form .search label {
  display:none
}

.search legend {
  font-weight:bold
}




/** Search results **/

dl.search-results dt.result-title {
  border-top: solid 1px #ddd;
  padding-top: 10px;
  font-weight:bold;
}

dl.search-results dd.result-created {
  padding-top: 6px;
  padding-bottom: 10px;
  color: rgb(170,170,170);
}


dd.result-category {
  padding-top: 6px;
  padding-bottom: 6px;
}




/* Stats */
.stats-module dl {
  margin:10px 0 10px 0
}

.stats-module dt {
  float:left;
    margin:0 10px 0 0;
    font-weight: bold;
}

.stats-module dt,
.stats-module dd {
  padding:2px 0 2px 0
}



/* Syndicate */

a.feed-link {
  margin-top:15px;
  display:block;
  text-decoration:none
}

.feed-link img {
  border:0
}




/** Footer **/

#footer_wrap {
  padding-bottom: 10px;
  min-width: 960px;
}

#footer {
  clear: both;
  width: 900px;
  margin: auto;
  padding-top:6px;
  }

#copyright {
  clear: both;
  margin: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #141d29;
  font-size: 0.86em;
  text-align: center;
  color: #2f4058;
  margin-bottom: -1px; /* iPhone/iPad fix */
  min-width: 960px;
}

#copyright a {
  color: #2f4058;
  text-decoration: none;
}

#copyright a:hover {
  color: #2f4058;
  text-decoration: none;
}
@media all and (max-width:992px){
#rightmenu{
  position:absolute;
  width:80%;
  left: 15%;
 top: 100px;
}
li.menu_m{
  position:relative;
  left:auto;
  top:auto;
  float:left;
  border:0px;
  padding:0px 4px;
  width:auto;
  heigh:auto;
  font-size: 120% !important;
}
li.menu_m a{
   text-decoration:underline !important;
}
.rojal{display:none;
}
#content-w1{
   width:auto;
}
#content-w2{
   width:90%;
}
}
@media all and (max-width:768px){
#wrapper{
min-width: 320px;
}
#content-w2{
  width:auto;
}
#rightmenu{
  width: auto;
  left: 10%;
 top: 80px;
}

#leftmenu{
   display:none;
} 
li.menu_m a{
   font-size:90% !important;
}
#copyright{
min-width: 320px;
} 
}