html { 
    width: 100%; height: 100%; 
    background: #DDDDDD;
}

#Valens { 
    font-family: arial, helvetica, sans-serif;
    margin: 0px; padding: 0px; background: #DDDDDD;
    font-size: 100%; 
}

img { 
    display: block; border: 0px; margin: 0px; 
}

.img_content_bottom {
    display: block; border: 0px; margin: 0px; float: left;
}

#container { 
  width: 900px; margin: auto; display: block; height: auto;
}

#wholesite             { 
    width: 900px;
    float: left;
    background: white;
}

#logoDiv                        { 
  width: 100%; 
  height: 284px;
  background:url(http://valens.sk/images/logo.png);
  background-repeat: no-repeat;
}

.logo1                {
  float: left; 
  height: 284px; 
  width: 210px;
}

.logoLink            {
  margin: 32px 0px 0px 20px; 
  display: block; 
  width: 150px; 
  height: 100px;
}

.logo2                {
  float: left; 
  height: 284px; 
  width: 540px;
}

.logo2 a            {
  color: #404040;
  text-decoration: none;
  font-size: 90%;
}

.logo2 a:hover        {
  text-decoration: underline;
}

.obal1 {
    width: 100%; float: left; height: 18px;
    margin-top: 33px;;
}


.option1            {
  display: inline; float: left; height: 18px; width: auto;
  margin: 0px 0px 0px 355px; width: auto;
}

.obal2 {
    width: 100%; float: left; height: 18px;
    margin-top: 18px;
}

.option2            {
  display: inline; width: auto; 
  height: 18px; float: left; 
  margin: 0px 0px 0px 355px;
}

.obal3 {
    width: 100%; float: left; height: 18px;
    margin-top: 18px;
}

.option3            {
  display: inline; 
  float: left; height: 18px; text-align: left; 
  margin: 0px 0px 0px 340px;
}

.obal4 {
    width: 100%; float: left; height: 18px;
    margin-top: 16px;
}

.option4            {
  display: inline; float: left; height: 18px; width: auto;
  margin: 0px 0px 0px 300px;
}

.obal5 {
    width: 100%; float: left; height: 18px;
    margin-top: 18px;
}

.option5            {
  display: inline; float: left; width: auto; height: 18px;
  margin: 0px 0px 0px 255px;
}

.obal6 {
    width: 100%; float: left; height: 18px;
    margin-top: 18px;
}

.option6            {
  display: inline; float: left; height: 18px; width: auto;
  margin: 0px 0px 0px 190px;
}

.obal7 {
    width: 100%; float: left; height: 18px;
    margin-top: 18px;
}

.option7            {
  display: inline; width: auto; 
  float: left; height: 18px;
  margin: 0px 0px 0px 135px;
}

.sel-lang            {
    width: 121%; position: relative; float: left; top: 250px; text-align: right;
}

.sel-lang-a            {
  color: #404040; 
  font-size: 90%;
  text-decoration:none;
  font-weight:normal;
}

.sel-lang a:hover    {
  text-decoration:underline;
}

.sel-lang-act             {
  font-weight: bold;
  color: #404040;
  font-size: 90%;
}

.sel-lang-lomitko        {
  color: #404040;
  font-size: 90%;
}

.menu                { 
  display: block; 
  float: left; 
  width: 204px; 
  margin-left: 3%;
  _margin-left: 1.5%;
}

.motto                {
  display: block;
  float: left;
  width: 165px;
  /* height: auto; odstranene kvoli textu*/
  height: 15px;
}

.motto-text            {
  font-size: 80%; color:#990077; margin:5px; text-align:justify;
}

.menubox            {
  display: block; 
  float: left; 
  width: 204px;
}

.menubox-title            {
  overflow: hidden; display: block; width: 150px; height: 21px;
  background-image:url(http://valens.sk/images/bg-small.png);
  float: left;
}

.menubox-core            {
  background-image: url(http://valens.sk/images/menu-body.png);
  width: 170px;
  text-align: left;
  clear: both;
  float: left;
}

.menubox-text            {
  font-size: 80%;
  margin-left: 10px;
}

.menubox-text a            {
  text-decoration:none;
  color:#404040;
  font-weight: bold;
}

.menubox-text a:hover    {
  text-decoration:underline;
}

.menubox-text-active    {
  color:#880088;
}

.menubox-text-active a    {
  color:#880088;
  font-weight: bold;
  text-decoration:none;
}

.menubox-text-active a:hover    {
  text-decoration:underline;
}

.menubox-title-span        {
  float: left; font-size: 80%; color: #FFFFFF; font-weight: bold; margin: 4px
}

#flying_message {
    width: 600px; float: left; min-width: 630px;
}

#flying_message a {
    text-decoration: none; color: #990077; float: left;
}

#flying_message a:hover{
    text-decoration: underline; color: #CC33AA; float: left;
}

#flying_message a:visited{
    text-decoration: none; color: #990077; float: left;
}

.flying_message_marquee {
    width: 620px;
}

.contact {
    font-weight: bold; color: #404040;
}

.img-corner    {
  float: right;
}

.content {
    display: block; width: 70%; float: left;
}

.content-block        {
    display: block; float: left; clear: both;;
}

.content-separator {
    width: 100%;
    height: 30px;
    float: left;
}

.content-title            {
    overflow: hidden; width: 600px; height: 26px; float: left;
    background-image: url(http://valens.sk/images/bg-big.png);
}

.content-title-span        {
  float: left;
  font-size: 80%;
  color: #ffffff;
  font-weight: bold;
  margin: 6px
}

.content-body            {
    background-image: url(http://valens.sk/images/content-body.png); background-repeat:repeat-y;
    width: 630px; text-align: left; float: left; clear: both; margin-right: 1px; clear: both;
}

.content-text            {
    font-size: 80%; margin-left: 10px; margin-right: 10px; overflow: hidden;
    float: left;
    _margin-left: 5px; _margin-right: 15px; _margin-top: -10px; 
}

.content-text    a        {
    color: #990077; text-decoration: none;

}

.content-text    a:visited        {
    color: #990077; text-decoration: none;
}

.content-text    a:hover        {
    color: #990077; text-decoration: underline;
}

.article-disp           {
  text-align: right;
  color: #CC0066;
  font-size: 80%;
  text-decoration: none;
  margin-left: 380px;
}

.article-disp:hover     {
  text-decoration: underline;
}

#foot                 {
    margin-left: 55px;
    background-image: url(http://valens.sk/images/bg-foot.png); background-repeat: repeat-x;
    height:auto; width:680px; width:838px; float:left; font-size: 75%; color:#999999;
    font-weight:bold; letter-spacing:1px; margin-left: 30px; text-align: center;
    background: #CBD0D4;
    _margin-left: 15px; _background: #C0CAD0;
}

#foot a                { 
  color: #999999; 
  font-weight: bold;
  padding-top: 10px;
  text-align: center;
  text-decoration: none;
  margin-top: 2px;
}

#foot a:hover        {
    text-decoration: underline;
}

.foot-menu            {
    padding: 10px 0px 0px; display: block; clear: none; float: left; width: 616px; width: 776px;
    background-image: url(http://valens.sk/images/bg-foot.png); background-repeat: repeat-x;
}

.foot-span            {
  color: #999999;
  font-weight: bold;
  margin: 10px;
  font-size:15px;
}

.corner-foot-left    {
    float: left;
}

.corner-foot-right     {
    float: left;
}

.form_div {
    background: #e2e2e2;
    border: solid 1px #404040;
    padding: 20px;
    width: 80%;
    margin: 0px auto;
}

form table tr td {
    border: 0px; width: 50%; padding: 0px;
}  

form table {
    width: 100%;
}

input[type="text"], input[type="password"] {
    width: 100%;
    border: solid 1px #404040;
}

textarea, select {
    width: 100%;
    border: solid 1px #404040;
}

textarea {
    wrap: hard;
}