* {margin: 0; padding: 0;}

html {height: 100%; font-size: 62.5%;}

body {
height: 100%;
background: #FFFFFF url('../img/topb.png') repeat-x 0 0;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
min-width: 950px;}

#main {
width: 100%;
min-height: 100%;
height: 100%;
position: relative;}
 
body>#main {height: auto;}

a:link {color: #005AA1; text-decoration: underline; font-weight: bold;}
a:visited {text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: none;}
a.menu:link, a.menu:visited {color: #000000; text-decoration: none; font-weight: normal;}
a.menu:hover {text-decoration: underline;}

.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden; content: ' ';}

.cleaning-box {min-height: 1px;}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0; 
content: ' ';}

.noscreen {display: none;}

.hidden { /* Skip menu */
position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}

p {line-height: 170%; margin-bottom: 10px; color: #000000;}

ul.mainul, ol.mainul {margin-left:50px; line-height: 170%; margin-bottom: 10px; color: #000000;}

ul.list {line-height: 170%; margin-bottom: 10px;}
ul.list li {padding:5px; list-style-type: none;}
ul.list li span {font-size:14px; width:22px; height:20px; background: url('../img/pics/fonul.png') no-repeat 0 4px; margin-right:13px; padding:5px; list-style-type: none; color:#FFFFFF;}

ul.list2 {line-height: 170%; margin-bottom: 10px;}
ul.list2 li {padding:5px; list-style-type: none;}
ul.list2 li span {font-size:14px; width:22px; height:20px; background: url('../img/pics/fonul2.png') no-repeat 0 4px; margin-right:13px; padding:5px; list-style-type: none; color:#FFFFFF;}

hr.pra {height:2px; background-color:#F5C800; border:none;}

dl {line-height: 170%;}
dd {margin: 0 0px 18px 0px; line-height: 170%;}

h1 {
font-size: 2.8em;
font-weight: normal;
color: #FFFFFF;
text-align: left;
padding: 25px 0 0 60px;
background: url('../img/vseonefti-logo.png') no-repeat 0 22px;}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;}

h2 {
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #2A0A0A;
letter-spacing: 1px;
padding-bottom: 3px;
border-bottom: 1px solid #2A0A0A;
margin-bottom: 10px;}

h2 a:link, h2 a:visited {
text-decoration: none;
color: #2A0A0A;}

h3 {
font-size: 1.4em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #2A0A0A;
letter-spacing: 1px;
padding-bottom: 3px;
text-align: left;
margin: 15px 0px 7px 0px;}

h4 {font-size: 1.2em; color: #800000; padding: 20px 0px 15px 0px;}

/* Images */

img.float {
float: left;
border: 1px solid #004C87;
margin: 0.5em 0.8em 0.5em 0;}

img.small {
float: left;
border: 0px solid #004C87;
margin: 0.5em 0.8em 0.5em 0;}

img.right {
float: right;
border: 0px solid #004C87;
margin: 0.5em 0 0.5em 0.8em;}

/* Header */

#header {
height: 80px;
position: relative;
margin: 0 auto 5px auto;
}

#header-in {
width: 900px;
height: 80px;
position: relative;
margin: 0 auto;
padding:0 25px 0 25px;}

ul#navigation {
float: right;
margin: 0;
padding:8px 5px 0 0;
display: inline;
color: #FFFFFF;}

ul#navigation li {
float: left;
display: inline;
list-style-type: none;
text-align: center;
font-size: 0.9em;}

ul#navigation li a, ul#navigation li a:visited {
text-decoration: none;
color: #FFFFFF;
font-weight: normal;}

ul#navigation li a:hover {text-decoration: underline;}

li#house {
background: url('../img/house.gif') no-repeat 0 1px;
padding-left: 24px;}

li#house a {margin-right: 16px;}

li#sitemap {
background: url('../img/sitemap.gif') no-repeat 0 2px;
padding-left: 24px;
margin-left: 16px;}

li#sitemap a {margin-right: 16px;}

li#envelope {
background: url('../img/envelope.gif') no-repeat 0 2px;
padding-left: 23px;
margin-left: 16px;}

/* Menu */

#menu-box {width: 950px; height:35px; margin: 0 auto;}

#menu {width: 908px; margin: 0 auto;}

#menu li {display: inline; list-style-type: none; text-align: center;}

#menu li.first a {margin-left: 4px; display: inline}

#menu li a {
float: left;
color: #FFFFFF;
font-weight: bold;
font-size: 1.1em;
display: block;
padding: 9px 0 0 0;
height:26px;
width:150px;
background: url('../img/button.png') no-repeat 0 0;
text-decoration: none;}

#menu li a:hover, #menu li a.active {
color: #D0F500;
font-weight: bold;
font-size: 1.1em;
background: url('../img/button2.png') no-repeat 0 0;
text-decoration: none;}

.share {float:right; margin:1em 1.4em 0em 1.4em;}

/* Content box */

#content {
background: #E8E8E8 url('../img/bg-c.png') repeat 0 0;
min-height: 900px;}

#content-box {
width: 948px;
margin: 0 auto;
background-color: #FFFFFF;
text-align: left;
border-right: 1px solid #B0B0B0;
border-left: 1px solid #B0B0B0;
padding-bottom: 40px;
min-height: 820px;}

#content-box-big {width: 905px; float: left; background-color: #FFFFFF; padding: 1.8em 1.8em 7em 1.8em;}

#content-box-in-left {width: 70%; float: left; background-color: #FFFFFF;}

#content-box-in-left-in {margin: 1.8em 1em 7em 1.8em;}

#content-box-in-right {width: 29%; float: right; background-color: #FFFFFF;}

#content-box-in-right h3 {
text-align: center;
border: 0;
background-color: #252525;
color: #FFFFFF;
padding: 3px 0 4px 0;
font-size: 1.3em;
margin: 12px 0px 8px 0px;}

#content-box-in-right-in {margin: 1.8em 0.6em 7em 1.5em;}

#content-box-in-right-in p {line-height: 140%; margin:5px 0 10px 0; color: #000000;}

#content-box-in-right-in dl {margin: 0 0 20px 0;}

#content-box-in-right-in dt {
margin-bottom: 3px;
font-weight: bold;
background-color: #F5C800;
color: #800000;
line-height: 140%;
padding: 1px 0 1px 5px;}

#content-box-in-right-in dd {margin: 0 5px 18px 2px; line-height: 140%;}

.menu-right {border:1px solid #B0B0B0; margin-top:20px; padding:0 7px 5px 7px;}

blockquote {background: #FFFFFF; line-height: 170%; font-family: Verdana, Georgia, "Times New Roman", Times, serif; border: 0px;}
blockquote.test {background: #FFFFFF; line-height: 170%; font-family: Verdana, Georgia, "Times New Roman", Times, serif; border: 0px; margin:1.0em 0 0 28px;}

/* Table */

table {
font-size: 1.1em;
border-collapse: collapse;
border: 2px solid #800000;
margin: 15px 0 20px 0;
table-layout: fixed;
width: 90%;}

caption {font-weight: bold; padding-bottom: 10px;}

th, td {padding: 3px 13px; border: 1px solid #800000;}

th {text-align: right; font-weight: bold;}

td {text-align: right;}

.first-row {background: #F4FF7C;}

.first-row th {text-align: center; font-weight: bold; border-bottom: 2px solid #800000;}

.first-column {background: #FFD162; border-right: 1px solid #800000;}

.last-column {background-color: #FFD162; border-left: 1px solid #800000;}

.tab2 {font-size: 0.9em; width: 100%;}

.message {width:390px; border:1px; margin: 5px; border-spacing:6px; text-align: center;}
.message td {padding: 20px;}

/* Footer */

#footer {
width: 100%;
height: 35px;
background: #252525 url('../img/footer-bg.gif') repeat-x 0 0;
border-top: 5px solid black;
position: absolute;
bottom: 0;
left: 0;}

#footer-in {width: 950px; margin: 0 auto;}

p.footer-left {
float: left;
width: auto;
color: #FFFFFF;
text-align: left;
margin: 4px 0 0 15px;
display: inline;}

p.footer-left a, p.footer-left a:visited {color: #FFFFFF; padding: 1px 2px;}

p.footer-left a:hover {background-color: #FFFFFF; color: #800000;}

p.footer-right {
float: right;
width: 450px;
color: #FFFFFF;
text-align: right;
margin: 4px 15px 0 0;
display: inline;}

p.footer-right a, p.footer-right a:visited {color: #FFFFFF; padding: 1px 2px;}
p.footer-right a:hover {background-color: #FFFFFF; color: #800000;}
p.footer-right a, p.footer-right a:visited  {font-weight: normal;}

@media screen and (min-width:100px) and (max-width:650px) {
html {height: 100%; font-size: 100%;}
body {background:none;min-width: 200px;}
#header
 {background:#252525;height:90px; font-size: 62.5%; margin: 0 auto 0 auto;}
#header-in {width: 100%; padding:0; margin:0;}
H1 {margin-left:25px;}
H2 {margin-top:1.2em;}
ul#navigation
 {display: none;} 
#menu-box {width: 100%;}
#menu {width: 100%; padding: 0;}
#menu li.first a {margin-left: 0px;}
#menu li a {border-top:2px solid #FFFFFF;
color: #FFFFFF;
font-weight: bold;
font-size: 0.69em;
display: block;
padding: 9px 0 0 0;
height:26px;
width:100%;
background: grey;
text-decoration: none; margin:0;}
#menu li a:hover, #menu li a.active {
color: #D0F500;
font-weight: bold;
font-size: 0.69em;
background: #242424;
text-decoration: none;}
#content {width: 100%; background: none; font-size: 80%;}
#content-box {width: 90%; border:0; float:none;}
#content-box img {display: none;}
#content-box-big {width: 100%; border:0; padding:0;}
#content-box-in-right {width: 100%; padding:0 0 3em 0; float:none;}
#content-box-in-right-in {margin: 0; padding:0;}
#content-box-in-left {width: 100%; border:0; padding:0;}
#content-box-in-left-in {margin: 0; padding:0;}
#content-box-in-left-in table {font-size: 0.8em; border: 1px solid #800000;}
#bottom-column {width: 100%; padding:0;}
#otzyvy {display: none;}
#option {display: none;}
#bottom-stuff {display: none;}
#podpiska {display: none;}
#hidden {display: none;}
#footer{background:#252525;border-top:5px solid #252525;}
#footer-in {width:100%; font-size: 62.5%;}
#footer .footer-right {display: none;} 
}