html {
width: 100%; 
height: 100%;
}

body {
margin: 0; 
padding: 0; 
width: 100%; 
height: 100%; 
color: #fff;
background-color:#000; 
}

body, p, a, ul, ol, li, div {
margin: 0px;
padding: 0px;
}

p, div {font-family: Tahoma, Verdana, Arial, "MS Sans Serif";}
h1, h2, h3, h4, li, .menu a, #lang a {
font-family: Verdana, Arial, Sans-Serif;
font-weight: bold;
}

img {border: 0;}

#head {
background-color: #000;
color: #fff;
}

#body {
width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 700)? "700px" : "100%");
min-width: 700px;
min-height: 100%;
}

*html #body {height: 100%;} /*min-height for IE*/

.index {background-color: #000;} 
.inner {background-color: #F7EFDE;}
.page {background-color: #F5EFDD;}

.index p {
font-size: 12px;
color : #CCC;
}

.index h1 {
font-size: 1.2em;
color: #fff;
}

.index h1 a, 
.index h1 a:visited, 
.index h1 a:hover, 
.index h1 a:active {text-decoration: none;}

.index {
background: no-repeat 350px 0px url('i/Eva-Tonin-Soprano-.jpg');
background-color:#000;
}

a, a:active, a:visited, a:hover {
color:#CCC; 
text-decoration: underline;
}

.index a:hover {color:#FFF;}

#header_index {
height: 148px; 
background: no-repeat top left url('i/Eva-Tonin-Soprano-Logotype.jpg');
}

.header {

}

.inner .header {
height: 124px;
background: repeat-x 0 0 url('i/back.gif');
}

#lang a, #lang a:visited, #lang a:active {
font-size: 12px;
font-weight:bold;
color: #900; 
text-decoration: none;
}

#lang a:hover {
text-decoration: none;
color: #bc0000;
}

#lang li {
list-style: none; 
margin: 0; 
padding: 0; 
}

#header_index #lang, .header #lang {
position: absolute; 
left: 85%; 
top: 55px;
}

.inner .header #lang {
left: 85%; 
top: 38px;
}

#content {width: 100%; clear: both;}
.index #left {float: left; width: 328px; position: relative; left: 20px;}
.inner #left {float: left; width: 130px; height:500px; position: relative; 
padding-left: 20px;
background: #990100 repeat-x 0 0 url('i/menu-back.jpg')
}

/*#left div {margin-left: 50px;}*/
#right {float: right; width: auto;}


#footer {
width: 100%; 
clear: both; 
height: 20px;
padding: 150px 0 2px;
text-align: center;
font-size:10px;
color:#ccc;
}

.menu {
color:#CCC; 
font-weight: bold;
text-transform: uppercase;
}

.index div .menu {
font-size: 12px;
padding: 0; 
margin: 25px 0 1.2em 0; 
line-height: 20px;
}

.inner div .menu {
font-size: 12px;
padding: 0; 
margin: 25px 0 1.2em 0; 
line-height: 16px;
}

.menu li a, 
.menu li a:visited, 
.menu li a:hover, 
.menu li a:active {text-decoration: none;}

.menu li a:hover {color:#900 !important;}

.menu li {
list-style: none; 
margin: 0 0 .3em 0; 
padding-left: 0; 
}