/* Css Hauspix created on 18 February 2010 */

/* BODY */
body{
	background-color: #D8BFD8;
	color: #000000;
	font: 100%;
	font-family: Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}


/* TOTAL CONTAINER */
#container{
	background-image: url(immagini/ombra.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 685px; /*776*/
	width: 932px;
	margin-left: auto;
	margin-right: auto;
}


/* HEADER */
/* start header block */
#header{
	background-image: url(immagini/head.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: auto;
	margin-right: auto;
	height: 165px;
	width: 900px;
}

/* start boxHeader */
#boxHeader{
	height: 20px;
	width: 126px;
	top: 133px;
	left: 749px;
	position: relative;
}

#login a{
	background-color: transparent;
	color: White;
	height: 20px;
	width: 44px;
	float: left;
	text-align: center;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
	padding-top: 3px;
}

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

#loginBox{
	background-color: #E6E6FA;
	height: 120px;
	width: 180px;
	position: relative;
	top: -10px;
	left: 685px;
	border: thin solid #DCDCDC;
	filter: alpha(opacity=90);
	opacity: 0.9;
	display: none;
}

#loginBoxCloser{ 
	height: auto;
	width: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	cursor: pointer;
	padding-right: 2px;
	padding-bottom: 2px;
}

label{
	font-size: xx-small;
	text-align: left;
}

input{
	height: auto;
	width: auto;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
}

input.btn{
	height: 20px;
	font-size: small;
}

/*
textarea{
	height: auto;
	width: auto;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
}
*/

fieldset{
	height: 90px;
	width: 130px;
	margin-left: -8px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: auto;
	border-style: none;
}

#ita a{
	background-color: #D8BFD8;
	color: White;
	height: 20px;
	width: 40px;
	float: left;
	text-align: center;
	text-decoration: none;
	font-size: small;
	font-weight: bold;
	border-color: #DCDCDC #DCDCDC #DCDCDC #DCDCDC;
	border-style: solid solid solid solid;
	border-width: thin thin thin thin;
}

#ita a:hover{
	background-color: #669999;
}

#eng a{
	background-color: #D8BFD8;
	color: White;
	height: 20px;
	width: 40px;
	float: left;
	text-align: center;
	text-decoration: none;
	font-size: small;
	font-weight: bold;
	border-color: #DCDCDC #DCDCDC;
	border-style: solid none solid none;
	border-width: thin 0 thin 0;
}

#eng a:hover{
	background-color: #669999;
}
/* finish boxHeader */
/* finish header*/
/* HEADER */


#contentHeader{
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	width: 900px;
}

#contentMenu{
	/* margin: 0px; */
	padding: 0px;
}

#contentMenu ul{
	padding: 0;
	margin: 0 0 0 16px;
}

#contentMenu li{
	position: relative;
	float: left;
	list-style: none;
	margin-left: 4px;
	margin-right: 0px;
}

#contentMenu li a{
	width: 211px;
	height: 30px;
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 30px; /* background-color: #666;*/
	background-color: #708090;
	color: white;
}

#contentMenu li a:hover{
	background-color: #669999;
}


/* MAINCONTENT */
#mainContent{
	height: 435px;
	width: 900px;
	margin-top: 4px;
	margin-left: 32px;
	margin-right: auto;
}

#mainContent .title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	font-size: 22px;
}

#mainContent .boldtitle {
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", sans-serif;
	font-size: 22px;
}

#mainContent .title a {
	color: #000;
	text-decoration: none
}

#mainContent .title a:hover {
	color: #bbb;
	text-decoration: none
}


/* CENTRALCONTAINER */
#centralContainer{
	background-image: url(immagini/massaggio.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 390px;
	width: 860px;
}

#article{
	height: 385px;
	width: 250px;
	/*border-left-color: #E6E6FA;
	border-left-style: solid;
	border-left-width: thin;*/
	float: right;
	color: #708090;
	padding-left: 5px;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	overflow: scroll;
	overflow-x: hidden;
	/* overflow-y: hidden; */
	overflow-y: auto;
}

.explanation{
	background-color: #fff;
	height: 385px;
	width: 275px;
	overflow: scroll;
	overflow-x:hidden;
	opacity: 0.6;
	filter: alpha(opacity=60);
	float: right;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	overflow-x: hidden;
	overflow-y: hidden;
}

#article h1 {
	font-weight: normal;
	font-size: 24px;
	color: #c9c;
}

#article h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #333;
}

/* FOOTER */
#footer{
	font-size: 12px;
	color: #999;
	background-color: White;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	height: 25px;
	width: 900px;
	text-align: center;
}


/* DROPDOWN EFFECT */
ul.sliding-navigation{
	width: 200px;
	list-style: none;
	font-size: small;
	margin-top: 10px;
}
  
ul.sliding-navigation li.sliding-element a{  
    display: block;  
    width: 150px;  
    padding: 5px 15px;  
    margin: 0; 
	margin-left: -20px; 
    margin-bottom: 2px;  
}

ul.sliding-navigation li.sliding-element a:hover{
	color: #001B1E;
}


/* UNORDERED LIST DROPDOWN EFFECT (TEST) */

.sliding-navigation li {
	list-style: none;
	color: #274027;
	margin-top: 2px;
}

.sliding-navigation li ul {
	margin-left: -40px;
}

.sliding-navigation a {
	border: thin solid #708090;
	text-decoration: none;
}

.sliding-navigation li a {
	background-color: #D8BFD8;
}

.sliding-navigation li ul a {
	background-color: #FFE4E1;
}