body {
    background: url(/images/bg_login_pinavto1.jpg);
	font-family: Roboto, sans-serif;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
	margin: 0px;
}
 	
body.popup { background:#FFFFFF; margin:0 0 0 10px; }
td,div {font-size:12px;}
img {border:0;}
table {border-collapse:collapse;}

a {
    cursor: pointer!important;
    text-decoration:underline!important;
    font-size: 13px;
}

a:link,a:active,a:visited {color:#000000; text-decoration:underline;}
a:hover {text-decoration:none;}

h1 {margin:10px 0 10px; font-size:1.7em; font-weight:normal;} 
h2 {margin:10px 0 10px; font-size:1.6em; font-weight:normal;} 
h3 {margin:10px 0 10px; font-size:1.5em; font-weight:normal;}  
h4 {margin:10px 0 10px; font-size:1.4em; font-weight:bold;}
h5 {margin:10px 0 10px; font-size:1.3em; font-weight:bold;}
h6 {margin:10px 0 10px; font-size:1.2em; font-weight:bold;}
hr {color:#666666; background-color:#666666; border:none; height:1px; }  

form { padding:0px; margin:0px 8px 8px 8px; }

a.dark:link, a.dark:active, a.dark:visited {color:#2C2D2E; text-decoration:none;}
a.dark:hover {color:#0089CF; text-decoration:underline;}

strong {
    color: #ED1C24;
}

#mainlogin input {
    padding: 10px 12px 9px;
    min-width: 250px;
    border-radius: 8px;
    border: none;
    margin-bottom: 10px;
    background: #f0f7ff;
    font-size: 16px;
}

#mainlogin .formsubmit {
    vertical-align: middle;
    background-color: #999;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 200px;
    border-radius: 8px;
    padding: 7px 10px 7px 10px;
    text-align: center;
    font-size: 14px;
    box-shadow: 0px 0px 3px #ccc;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    position: relative;
}
	
#mainlogin .formsubmit:hover {
    background-color: #ed1c24;
}

#mainlogin a:hover {
    color: #ed1c24;
}

#root {width:1000px;}

#header {width:917px; height:241px; background:url('/dlimages/header00.jpg') no-repeat top left; }
#header #mainheader {position:relative; height:241px; text-align: right; padding-right: 20px;}
#header #mainheader #plavnik {position:absolute; height:38px; width:39px; background:url('/dlimages/plavnik0.jpg') no-repeat top left; left:752px; top:-40px;}
#header #mainheader #plavnik2 {position:absolute; height:41px; width:16px; background:url('/dlimages/plavnik-.gif') no-repeat top left; left:901px; top:265px;}
#header #mainheader #logo {position:absolute; left:105px; top:95px;}
#header #mainheader #logo img {width:124px; height:107px;}
.logo {max-width:300px; opacity:0.8; margin-bottom: 20px;}

.hs {height:1px; overflow:hidden; margin:10px 0; background:url('/dlimages/hs000000.gif') repeat-x;}

#footer {background:url('/dlimages/footer-b.gif') repeat-x top;}
#footer table {width:100%;}
#footer table tr td {padding:0;}

#subfooter {height:120px; background:#ffffff /*url('images/sub-foot.gif') repeat-x top*/; padding:0 50px; vertical-align:top; color:#878C8F;}
#subfooter div.hs {margin:24px 0;}
#subfooter td {color:#878C8F;}

#contents {/*background:#d0d3d5 url('images/contents.gif') repeat-x top;*/ background-color:#FFFFFF; vertical-align:top; padding:0 43px;}

#contents h1 {
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #B80000;
margin-top: 20px;
margin-bottom: 0.3em;
margin-left: 0px;
border-bottom: 1px solid #ccc;
}

.menu {}
.menu td { text-align:center; padding: 5px 0px 5px 0px;}
.menu td:hover {background-color: #111;}
.menu tr { background-color: #BB0404;}
.menu a, .menu a:link, .menu a:active, .menu  a:visited {font-size:15px; text-decoration:none; color:#ffffff; margin:5px;}
.menu a:hover {text-decoration:underline;}

/*.q {padding:0 25px; background:url('images/q-bg0000.gif') repeat-y; width:336px;}*/
.q2 {padding:0px; width:214px;}
.q2 a, .q2 a:visited, .q2 a:hover, .q2 a:link {color:#000000;}
.q2 strong {color:#0089CF;}
.q2 div {margin:0px 15px 0px 25px;}
.q2 .mainmenu {}
.q2 ul {list-style-type: square; padding:0px 0px 0px 0.5em; margin:0px 0px 0px 0.5em; color:#696e70;}	
.q2 ul li {line-height:160%;}
.q2 ul li#active { background-color:#ccdddd; padding:0.3em;}

/* tablestyle */
table.tablestyle {padding:0px; margin-top:0.5em; border:#A5ACB2 1px solid; border-collapse:collapse;}
table.tablestyle thead {background-color:#b5c3ca; font-weight:bold; text-align:left; }
table.tablestyle  td { font-size:0.7em; vertical-align:top; padding:2px 5px 2px 5px; margin:0px; border:#A5ACB2 1px solid; border-collapse:collapse; }
table.table_noneborder td { color: #555555; font-size: 11px; padding: 2px 5px 2px 5px; margin: 0px; border: 0; border-collapse: collapse} 

.newsdate {vertical-align:top;padding-right:10px;}
.newsdate strong {font-size:10px;}

h1 {font-size:22px; margin:0; padding:0; color:#1090D2; font-weight:normal; font-style:italic;}

#ofpart {width:222px; font-size:10px;}
#ofpart img {margin-left:10px; margin-bottom:5px;}

.ImageMargin {margin-right:10px;float:left;}
#height_fixer {height:150px;}

#auth1 {background:url('/dlimages/auth-top.gif') no-repeat top left; height:83px; padding-left:116px; vertical-align:top; padding-top:23px;}
#auth1 table {border-collapse:collapse;}
#auth1 table tr td {padding:0;}
#auth1 input {background:url('/dlimages/input-bg.gif') repeat-x bottom; border:0; display:inline; margin:0; color:#868D90; font-size:11px; height:20px; width:104px; padding:3px 2px;}
#auth1 input.ok {background:none; height:auto; width:auto; padding:0;}
#auth2 {background:url('/dlimages/auth-foo.gif') no-repeat top left; height:44px; padding-left:29px; vertical-align:top; display: none;}
#auth2 a {color:#000000; margin-right:6px;}
	
.blue {color:#0089CF;}	
.nav { font-size:1.2em; margin:2em 50px 0px 0px;}

.authr {text-align:right;}
.authr p {margin-top:16px; margin-bottom:0px;}
.authr a, .authr a:active, .authr a:visited, .authr a:hover, .authr a:link {color:#000000; font-size:0.9em;}
.authr img { vertical-align:bottom;}

select, input.qtyedit { font:11px Roboto,sans-serif; }

.search_main {margin:10 10 0 0;}
.search_main img, .search_main input {margin-left:0px; margin-right: 
0px;}
.search_main input#search {border: 1px solid #cdd0d1; height:20px; width:350px;} 
.search_main input.dd {border: 1px solid #cdd0d1; height:20px; margin- right:2px;} 
.search_main p {font-size:0.9em; color:#A4A5A5; margin-left:1px; margin-top:0px; margin-right:2px;} 
.search_main p.big {font-size:1.2em; color:#2C2D2E; }
.unavailable {font-size: 24px; text-align: center; padding: 10px; 
background: yellow; color: red; font-weight: 100; border-radius: 5px;}

.logincontent {
	padding: 20px 20px 20px 20px; color: #000; box-shadow: 0px 0px 20px #666;    border-radius: 10px; background: #fff;
}
.copyright {
    text-align: center;
    margin-top: 20px;
}

.about {
    font-size: 16px;
    background: rgba(255,255,255, 0.9);
    padding: 20px;
    color: #000;
    line-height: 1.5;
    font-weight: 100;
}

.about strong {
    font-size: 16px;
}

.about .diler {
    color: #444;
    font-size: 15px;
    font-style: initial;
}

.about .about-content {
    font-size: 17px;
}

.author {
	text-align: center;
    color: #fff;
    margin-top: 40px;
    width: 100%;
}

.author .inner {
    width: fit-content;
    margin: auto;
    border-radius: 5px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.1);
}

.author a {
    color: #fff;
}

.author a:hover {
    color: #ed1c24;
}

.screen-cover {
	position:fixed;
	top:0px;
	left:0px;
	width:100%; 
	height:100%; 
	background: rgba(0, 0, 0, 0.7); 
	z-index:1000;	
}

.registration-form {
	width: 100%;
    max-width: 450px;
    margin: auto;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
    color: #333; 
    min-height: 500px;
    box-shadow: 0px 0px 5px #000;	
}

.registration-form .header {
	margin-top: 5px;
	margin-bottom: 2px;
	font-size: 14px;
}
.registration-form .formsubmit {
	margin-top: 20px;
}

.registration-form .btnClose {cursor: pointer; z-index: 999; font-size: 20px; font-weight: 600; color: #fd5900;}

.registration-form .validation {
	font-size: 12px;
	font-style: italic;
	color: #666;
	height: 25px;
}

.registration-form .success {
	font-size: 18px;
    margin-top: 100px;
    color: #ED1C24;
	margin-bottom: 120px;
}

.login-info {
    background: rgba(200,200,200, 0.1);
    padding: 5px;
    border-radius: 8px;
    text-align: center;
}