﻿/*------- css for www.telesio.eu -------*/
html, body
{
  margin: 0;
  padding: 0;
}

body
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 100%;
  line-height: 0.8em;
  text-align: justify;
  color: #000000;
  background-color: #FFFFFF;
}

a
{
  color: #000000;
  text-decoration: none;
}

img, table
{
  border-style: none;
}
/* --- main start ---*/

div#homeImg
{
  margin: 20px auto;
  width: 955px;
  height: 535px;
  background-image: url('../images/home.jpg');
  background-repeat: no-repeat;
}

div.container
{
  background-image: url('../images/logoback.gif');
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

table.container
{
  width: 100%;
}

.container #tdLeft
{
  width: 84px;
  padding-top: 70px;
  vertical-align: top;
}

.container #tdMiddle
{
  padding-top: 70px;
}

.container #tdContentContainer
{
  padding-top: 22px;
  vertical-align: top;
  min-width:500px;
}

.container #tdContentTitle
{
  padding-top: 30px;
  padding-left: 60px;
  color: #6d0634;
  font-size: 0.89em;
  font-variant: small-caps;
  font-weight: bolder;
}

.container #tdContentBody
{
  padding-top: 35px;
  padding-left: 60px;
}

.container #tdMenu
{
  width: 120px;
  padding-top: 30px;
  padding-right: 30px;
  vertical-align: top;
}

.container #tdRight
{
  width: 45px;
  padding-top: 70px;
  vertical-align: top;
  background-image: url('../images/gradient.gif');
  background-repeat: repeat-x;
  background-color: #BFA77C;
}

.container #horline
{
  border-width: 2px;
  border-color: #F1EDE2;
  width: 400px;
  height: 2px;
  border-top-style: solid;
}

.container .verline
{
  width: 2px;
  background-image: url('../images/gradient.gif');
  background-repeat: repeat-x;
  background-color: #BFA77C;
  vertical-align: top;
}

div#vertMenu
{
  width: 120px;
  padding-right: 30px;
  padding-top: 0px;
  position: relative;
}

/* --- main end ---*/

/*------- menu start -------*/
.mbmenu
{
  display: none;
}
.rootVoices
{
  padding: 5px;
  padding-bottom: 0;
}

.rootVoices a
{
  color: #8A0D0B;
}

.rootVoices td.rootVoice
{
  width: 120px;
  padding: 4px;
  vertical-align: middle;
  color: #8A0D0B;
  background-color: transparent;
  line-height: 18px;
  font-size: 0.75em;
  text-align: right;
  cursor: pointer;
}

/*
.rootVoices td.rootVoice.selected
{
  background: orangered url("../images/menu/bgnd_sel.png");
  padding: 4px;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.2em;
  text-shadow: #660033 1px 1px 1px;
  -moz-box-shadow: #999 2px 2px 10px;
  -webkit-box-shadow: #999 2px 2px 10px;
}
*/
.rootVoices.vertical
{
  width: 140px;
}
.rootVoices.vertical td.rootVoice
{
  -moz-border-radius: 8px 0px 0 8px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 8px;
}

.menuShadow
{
  left: -2px;
  top: 1px;
  padding: 2px;
  padding-bottom: 0px;
}

/**/

.menuContainer
{
  padding: 0;
  color: #8A0D0B;
  background-color: transparent;
}
.menuContainer .line
{
  width: 100%;
  background-color: transparent;
}
.menuContainer .line.title
{
  border-bottom: 1px solid darkred;
  background-color: #B23305;
  font-family: Verdana;
  font-size: 0.8em;
}
.menuContainer .line.title a
{
  font-size: 0.8em;
}
.menuContainer td a
{
  color: #8A0D0B;
  text-decoration: none;
}
.menuContainer td.voice
{
  padding: 4px;
  font-size: 0.8em;
}
.menuContainer .separator
{
  background-color: #999;
  height: 1px;
}
.menuContainer td.img
{
  width: 10px;
  padding: 4px;
  color: #c3c3c3;
  background-color: transparent;
  font-size: 0.8em;
  text-align: center;
}
.menuContainer td.img img
{
  width: 10px;
}
.menuContainer .textBox
{
  padding: 10px;
  color: #c3c3c3;
  font-family: Verdana;
  font-size: 0.8em;
}
.menuContainer .selected td
{
  background-color: Transparent;
}
/*
.menuContainer .selected td a
{
  color: #000;
  text-shadow: #fff 2px 2px 1px;
}
*/
.menuContainer .disabled td, .menuContainer .disabled td a
{
  color: #cccccc;
}
.menuContainer .subMenuOpener
{
  background-image: url('../images/menuArrow_w.gif');
  background-repeat: no-repeat;
  background-position: right 50%;
}
.menuContainer .selected .subMenuOpener
{
  background-image: url('../images/menuArrow.gif');
  background-repeat: no-repeat;
  background-position: right 50%;
}
.menuOpener
{
  background-image: url('../images/menuArrow.gif');
  background-repeat: no-repeat;
  background-position: right 50%;
}
/*------- menu end -------*/
