body,html {
padding:0;
margin:0;
margin-bottom:10px;
color:#000033;
}
#body_bg{
background:url(../images/topbg.png) repeat-x top left;
max-width:1600px;
min-width:410px;
margin:auto;
}
#mainLogo{
position: absolute; 
margin-left: 40px; 
margin-top: 3px;
width: 180px; 
height: 38px; 
background: url(../images/header-main.png) no-repeat; 
background-size: contain;  
z-index: 1;
}
#keyword{
height: 22px;
width: 250px;
margin: 0;
border: 0;
}
.main { 
float:left; 
width:100%;
margin:0; 
padding:0;
}
#mp{left: 260px;}
.mod {
background:#FFFFFF;
width:2px;
}
#mm{
float:right;    
}
h1, h2, h3, h4 {
color:#000000;    
}
td, tr, p, div {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
}
hr {
color:#999999;
height:1px;
width:100%;
}
form {
margin:0; 
padding:0;
}
.hide{
display:none;     
}
.show{
display:block;    
}
.leftrow {
width:169px;
height:100%;
margin-right:0;
background:#f5f5f5;
}
.rightrow {
width:169px;
height:100%;
margin-right:0;
background:#f5f5f5;
}
.main_body {
border-top: 3px solid #ffffff;
padding: 3px;    
}
.back_button {
color:#999999;
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding-bottom:3px;
margin-right:4px;
float:right;
line-height:20px;
}
.button {
font-size:12px;
color:#333333;
border:1px solid #999999;
margin:3px;
background-color:#EDEDED;
padding:2px !important;
cursor:pointer;
border-radius	:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.button2 {
font-size:12px;
font-weight:bold;
color:#961616;
border:0px;
background-color:#ffffff;
cursor:pointer;
}
.button3 {
font-size:16px;
color:#ffffff;
border:1px solid #999999;
margin:3px;
background-color:#9f111b;
padding:2px !important;
padding:1px;
cursor:pointer;
}
.button4 {
display: block;
position: absolute;
top: 3px;
left: 225px;
background: url(/images/M_images/loupe_r.png) 100% 100% no-repeat;
width: 20px;
height: 20px;
border: 0;
}
.inputbox {
color:#000033;
background:#ffffff;
border:1px solid #cccccc;
margin:3px;
}
.contact_email {
width:100%;
}
.contact_email .inputbox {
width:345px;
}
table.moduletable {
margin:0 0 8px 0;
width:100%;
}
table.moduletable th {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
width:100%;
background-color:#9f111b;
color:#f1f1f1;
padding:2px;
text-indent:30px;
line-height:15px;
background-image:url(../images/photocam.ico);
background-repeat:no-repeat;
text-decoration:underline;
}
table.moduletable td {
padding-top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.sectiontableheader {
font-size:12px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
color:#FFFFFF;
background:#9f111b; 
padding:1px;
}
.sectiontableentry1 {
vertical-align:top;
padding:3px;
background:none;
border-bottom:1px solid #ffffff;
line-height:25px;
}
.sectiontableentry2 {
vertical-align:top;
padding:3px;
border-bottom:1px solid #ffffff;
background:#e1e1e1;
line-height:25px;
}
.sectiontableentry1 img{
padding-right:4px !important;
padding-right:2px;
}
.sectiontableentry2 img{
padding-right:4px !important;
padding-right:2px;
}
.rw100{
position: relative; 
width: 100%;    
}
.rflr{
position: relative;
float:right;    
}
.rfll{
position: relative;
float:left;    
}
.mt5{
margin-top: 5px;   
}
.schbl{
position: relative;
float:right;    
margin:5px 2.5% 0;
}
.crt {
float:right;
clear: both;
border-left: 1px solid #cccccc;
margin-top: 13px;
padding: 2px 2.5% 9px 10px;
height:20px;
}
.crt-txt{
float:left;
margin-left:4px;
width: 87px;    
}
.crt-txt:hover{
color: #9f111b;    
}
a.mainlevel {
display:block;
width:auto;
margin:1px 0px;
padding:0;
font-size:12px;
background:none;
text-indent:10px;
}
a.mainlevel:link, a.mainlevel:visited {
display:block;
font-size:12px;
background-color:#f1f1f1;
font-weight:normal;
padding:2px 0;
color:#a70b00;
font-weight:bold;
text-indent:10px;
border-width:1px;
border-style:solid;
border-top-color:#cccccc;
border-right-color:#cccccc;
border-bottom-color:#cccccc;
border-left-color:#cccccc;
}
a.mainlevel:hover {
display:block;
font-size:12px;
background-color:#9f111b;
font-weight:normal;
padding:2px 0;
color:#ffffff;
font-weight:bold;
text-indent:10px;
border-width:1px;
border-style:solid;
border-top-color:#cccccc;
border-right-color:#cccccc;
border-bottom-color:#cccccc;
border-left-color:#cccccc;
}
a.mainlevel:hover + div {
display: block;
}
a.sublevel:hover + div {
display: block;
}
#active_menu {
color:#a70b00;
}
a#active_menu:hover {
color:#fff;
}
a:link, a:visited {
font-size:12px;
color:#961616;
text-decoration:none;
font-weight:bold;
}
.mt5 a, .mt5 a:visited{
font-size:13px;    
color:#fff;    
}
.mt5 a:hover{
font-size:13px;    
color:#dcc;    
}
#spec ~ a:link, #spec ~ a:visited, #spec ~ a:hover {
font-size:2ex;    
} 
a:hover {
font-size:12px;
color:#d70b00;
text-decoration:none;
font-weight:bold;
}
a.category:link, a.category:visited {
font-size:12px;
font-weight:bold;
}
a.readon:link, a.readon:visited {
color:#999999;
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
background:url(../images/readon.gif) no-repeat;
white-space:normal;
font-weight:bold;
padding:1px 0 3px 18px;
float:right;
line-height:10px;
text-decoration:underline;
}
a.readon:hover {
color:#a70b00;
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
background:url(../images/readon.gif) no-repeat;
white-space:normal;
font-weight:bold;
padding:1px 0 3px 18px;
line-height:10px;
text-decoration:underline;
}
ul {
margin:2px;
padding-left:10px;
list-style:none;
}
li {
line-height:15px;
padding-left:10px;
padding-top:0;
background-image:url(../images/strelka.gif) ;
background-repeat:no-repeat;
background-position:0px 5px;
}
table.contenttoc {
border:1px solid #dcdcdc;
background:#F1F1F1;
padding:4px 10px;
margin-left:2px;
margin-bottom:2px;
width:100%;
}
.pagenavcounter {
font-size:10px;
color:#0066CC;
padding-bottom:15px;
}
.pagenavbar {
border-top:1px solid #666666;
padding:20px;
text-align:center;
}
.pagenav {
font-weight:bold;
}
a.pagenav:link, a.pagenav:visited {
font-size:12px;
color:#666666;
text-decoration:none;
}
a.pagenav:hover {
font-size:12px;
color:#a70b00;
text-decoration:none;
}
.date {
font-size:10px;
font-weight:bold;
color:#707070;
padding-right:10%;
}
.small {
font-size:10px;
color:#333333;
}
.smalldark {
font-size:10px;
color:#333333;
}
.createdate, .modifydate {
float:left;
font-size:10px;
color:#666666;
font-weight:bold;
}
.content_vote {
font-size:10px;
height:22px;
padding-top:2px;
padding-bottom:2px;
padding-left:30px;
}
.content_rating {
font-size:10px;
color:#999999;
}
.pathway {
font-size:12px;
color:#333333;
padding-left:4%;
}
a.pathway:link, a.pathway:visited {
font-size:12px;
padding-left:0;
white-space:nowrap;
}
a.pathway:hover {
font-size:12px;
padding-left:0;
}
table.content{
width:100%;
padding:0;
border-collapse:collapse;
border-spacing:0;
margin-bottom:10px;
}
table.contentpane {
width:100%;
border-spacing:0;
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
}
table.contentpaneopen {
width:100%;
border-spacing:0;
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
}
.poll {
color:#333333;
line-height:12px;
font-weight:normal;
}
.pollstableborder{
border-color:#999999;
}
.contentheading {
border-bottom:1px solid #a70b00;
font-size:12px;
font-weight:bold;
line-height:16px;
text-align:left;
text-indent:0;
color:#a70b00;
width:100%;
padding:1px;
margin:3px 0px;
}
.componentheading {
border-bottom:1px solid #a70b00;
font-size:14px;
font-weight:bold;
line-height:16px;
text-transform:uppercase;
text-align:left;
text-indent:0;
color:#a70b00;
width:100%;
padding:1px;
margin:3px 0px;
}
.ontab {
border-left:1px solid #666666;
text-align:center;
font-weight:bold;
color:#333333;
padding:5px;
cursor:pointer;
line-height:30px;
}
.offtab {
border-left:1px solid #666666;
text-align:center;
color:#999999;
font-weight:normal;
padding:5px;
cursor:pointer;
line-height:30px;
}
.tabpadding {
border-left:1px solid #666666;
}
.footer {
position:relative; 
overflow:hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000033;
font-weight:bold;
min-height:31px;
border-top:1px solid #cccccc;
padding-top	:5px;
background-color:#f5f5f5;
}
.footer a:link, .footer a:visited {
color:#000033;
text-decoration:none;
font-weight:bold;
}
.footer a:hover {
color:#999999;
text-decoration:none;
font-weight:bold;
}
.lcol {
vertical-align:top;
background:#ffffff;
padding-top:5px;
border-left:1px solid #cccccc;
padding-left:3px;
}
.rcol {
vertical-align:top;
background:#ffffff;
padding-top:5px;
border-right:1px solid #cccccc;
padding-right:3px;
}
.foot {
background:none;
vertical-align:top;
}
.contentdescription { 
width:auto !important;
margin:0;
padding:0;
padding-top:5px;
text-align:left;
}
td.top1{
margin:0;
padding:0;
padding-right:2.5%;
height:28px !important;
height:28px;
padding-top:2px !important;
padding-top:3px;
background:url(../images/shadow.jpg) #ffffff repeat-x top;
background-size: contain;
}
table.top2{
background:#ffffff; 
width:95%; 
}
.searchbox {
margin:0;
padding:0;
margin-top:-1px;
margin-left:10px;
width:80%;
max-width:380px;
font-size:12px;
color:#444;
padding:2px !important;
padding:1px; 
border:1px solid #cccccc;
background:none;
}
.sublevel {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#666666;
padding:3px 0px 3px 5px;
margin:2px 0px 2px 3px;
}
a.sublevel:link, a.sublevel:visited {
color:#666666;
text-decoration:none;
}
a.sublevel:hover {
color:#a70b00;
text-decoration:none;
}
a.sublevel#active_menu {
background:transparent;
color:#a70b00;
border:0px;
}
td.mainheader{
margin:0;
height:65px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:lighter;
color:#FFFFFF;
text-decoration:underline;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:35px;
background-image:url(../images/header.jpg);
background-repeat:repeat-x;
 }
td.bgline {
margin:0px;
padding:0px;
background:url(../images/s.gif) repeat-y;
width:7px;
}
.aside-bl{
display: none;
position: absolute;
width:169px;
margin-left: 169px;
margin-top: -33px;
height: auto;
background:#f5f5f5;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
z-index: 5;
}
.aside-bl:hover{
display: block;    
}
div.bgline{
position:absolute;
top:-1px;
bottom:-1px;
background:#fff;
width:3px;
border-right:1px solid #ccc;    
}
#mainlevel-nav {
font-size:12px;
list-style:none;
padding:0;
margin:17px 0 0;
}
#mainlevel-nav li {
position:relative;
float:right;
display:block;
list-style:none;
background-image:none;
padding: 4px 2px 0;
margin:0;
width:auto !important;
font-size:12px;
line-height:22px;
white-space:nowrap;
border-left:1px solid #cccccc;
z-index:100;
}
#mainlevel-nav :first-child a {
pointer-events:auto !important;
}
#mainlevel-nav>li>a {
pointer-events:none !important;
}
#mainlevel-nav li a {
padding-left:10px;
padding-right:10px;
font-size:13px;
color:#000033;
text-decoration:none;
}   
#mainlevel-nav li:hover > a.mainlevel-nav {
font-size:13px;
color:#999999;
}
ul.sublevel-nav {
position:absolute;
left:-9999px;	
margin:0;
padding-left:0px;
border-width:0 1px;
border-style:solid;
border-color:#cccccc;
}
#mainlevel-nav li:hover ul.sublevel-nav{
left:-1px;
}
#mainlevel-nav .sublevel-nav li:first-child{
background:url(../images/shadow.jpg) #ffffff repeat-x top;
border:0;
}
#mainlevel-nav .sublevel-nav li{
float:none;
border-width:0 0 1px 0;
border-style:solid;
border-color:#cccccc;
background:#f1f1f1;
text-align:left;
}
.blog_more {
margin:10px 0 7px 7px;
}
.buttonheading {
padding:0 2px;
}
.mosimage {
border:1px solid #dedede;
margin:5px;
padding-top:3px;
}
.mosimage_caption {
margin-top:3px;
padding:2px;
color:#a70b00;
font-size:10px;
background:#f1f1f1;
}
.message{
padding:15px 0;
font-weight:bold;
}
.tbl-row {
display:table;    
position:relative;
width:100%;
padding:1em 0;
clear:both;
}
.fl-row {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-around;
-webkit-box-pack: center;
-webkit-justify-content: space-around;
-ms-flex-pack: center;
position:relative;
width:100%;
padding:1em 0;
clear:both;
}
.tbl-cell {
position:relative; 
float:left;
text-align:center; 
width:48%;
min-width:240px;
margin:0 1%;
}
.tbl-cell3 {
position:relative; 
float:left;
text-align:center; 
width:31%;
min-width:240px;
margin:0 1%;
}
.tbl-cell4 {
position:relative; 
float:left;
text-align:center; 
width:23%;
min-width:140px;
margin:0 1%;
}
.tbl-text {
text-align:left;
padding-top:10%;
}
#slider-wrap{
width:auto; 
background-color:#f5f5f5;
}
#slider{
margin:auto;
overflow:hidden;
border:#f5f5f5 solid 5px;
position:relative;
}
.slide{
width:100%;
height:100%;
}
.sli-links{
position:absolute;
bottom:10px;
left:0;
right:0;
margin:auto;
text-align:center;}
.sli-links .control-slide{
margin:2px;
display:inline-block;
width:16px;
height:16px;
overflow:hidden;
text-indent:-9999px;
background:url(/images/M_images/radioBg.png) center bottom no-repeat;
}
.sli-links .control-slide:hover{
cursor:pointer;
background-position:center center;
}
.sli-links .control-slide.active{
background-position:center top;
}
#prewbutton, #nextbutton{
display:block;
width:15px;
height:100%;
position:absolute;
top:0;
overflow:hidden;
text-indent:-999px;
background:url(/images/M_images/arrowBg.png) left center no-repeat;
opacity:0.8;
z-index:3;
outline:none !important;
}
#prewbutton{left:10px;}
#nextbutton{
right:10px;
background:url(/images/M_images/arrowBg.png) right center no-repeat;
}
#prewbutton:hover, #nextbutton:hover{
opacity:1;
}
.footer ul, .footer li {
display:block;
list-style:none;
background-image:none;
padding:0;
pointer-events:auto;
font-size:12px;
}
#mainlevel-foot {
margin:0 auto;
}
#mainlevel-foot > li {
float:left;
min-width:120px;
padding:0 15px 10px;
pointer-events:none;
border-left:1px solid #cccccc;
}
#mainlevel-foot > li > a {
font-size:14px;
color:#9f111b;
}
.sublevel-foot {
margin-top:10px;    
}
.tac {
text-align:center;    
}
.tar {
text-align:right;     
}
.tal {
text-align:left;     
}
.fz13 {
font-size:13px;    
}
.pad20{
padding:0 20px; 
}
.w90c {
width:90%;
margin:auto;
}
.hred {
color:red;
margin-top: 1.2em;
clear: both;    
}
.rowd {
background:#ccc;    
}
.rowl {
background:#f1f1f1;   
}
.info-bl{
min-width:215px;
overflow:hidden;
word-wrap:break-word;
}
.overlay {
background: #000;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1000;
opacity: .5;
}
.modal-parent {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
white-space: nowrap;
text-align: center;
font-size: 0;
z-index: 1000;
}
.modal-parent:before {
height: 100%;
display: inline-block;
vertical-align: middle;
content: '';
}
.modal-block {
display: inline-block;
white-space: normal;
vertical-align: middle;
text-align: left;
width: 500px;
max-width: 80%;
position: relative;
z-index: 2000;
}
.modal-content {
padding: 0 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f5f5f5;
overflow: hidden;
}
.mobIcon{
position: absolute;
display:none;
width: 22px;
height: 22px;
cursor:pointer;
margin: 4px;
z-index:200;
}
.mobCross{
background: url(../images/cross.png) 50% 50% no-repeat !important;    
}
.iconMenu{
left: 0;
margin-left: 36px; 
background: url(../images/menu.png) 50% 50% no-repeat;
background-size: contain;
}
.iconLogin{
right: 0;
margin-right: 36px; 
background: url(../images/man.png) 50% 50% no-repeat;
background-size: contain;
}
.iconPhone{
right: 0;
margin-right: 86px; 
background: url(../images/phone.png) 50% 50% no-repeat;
background-size: contain;
}
@media all and (max-width: 1030px) {
#lp {display: none;}
}
@media all and (max-width: 960px) {
.iconLogin{display:block;}
.iconPhone{display:block;}
.rightrow {position: absolute; right: 2.5%; z-index: 5; display: none;}
.rightrow > .moduletable {display: none;background: #f5f5f5;}
}
@media all and (max-width: 940px) {
#mp > :nth-child(2){display: none;}
.schbl {margin-right: 140px;} 
}
@media all and (max-width: 800px) {
#mp {display: none;}
}
@media all and (max-width: 670px) {
#body_bg{background:url(../images/topbg.png) repeat-x top left;}   
td.bgline{display: none;}
hr{width:99%;}
#mm{clear:both;width:100%;}
.schbl{position:absolute;top:40px;}
.crt{margin-top:42px;}
.main_body{padding: 3px 0;}
table.top2{width:100%;}
.lcol{border-left:0px;padding-left:0px;}
.rcol{padding-right:0px;border-right:0px;}
.rightrow {position: absolute; right: 0;  z-index: 5; display: none;}
#mainlevel-nav {margin:0px 2.5% 0;}
#mainlevel-nav li a {padding-left:3px;padding-right:2px;}
#mainLogo {top: 0; left: 50%; margin-left: -90px;} 
.leftrow {position: relative; left: 175px; margin-left: -169px; z-index: 5; display: none;}
.iconMenu{display:block;}
.mobIcon{width: 30px;height: 30px;}
}