/* CSS Document */


HTML {height: 100%; width:auto; font-size:70%;overflow-y: scroll;} 
BODY {
	width: auto;
	height: 100%;
	background: #4e382a;
	margin: 0px 0 1px 0 ;
	padding: 0;
	font:100% "Times New Roman, Times, Serif, Georgia";
	color: #757575;
}

p {
 margin: 15px 0;
 text-align: justify;
 line-height: 1.5em;
}

.boxtext {
 margin: 0px 6px;
 text-align: justify;
 line-height: 1.3em;
}

DIV {/*border: 1px #fff solid; */}
HR { display: none;}

H1 {
	font-size: 1.6em;
	padding: 0px;
	color: #FFF;
	font-family: arial;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

H2 {
	font-size: 1em;
	margin: 5px 20px 3px 30px;
	padding: 0px;
	font-weight:bold;
}

INPUT.masked{
  height:25px;
  width:200px;
  margin-top: 4px;
  padding: 5px 4px 0 120px; 
  font-size: 14px; /* font fisso perché fissa è l'img*/
  background: url(../img/input_text_mask.png) no-repeat;
  border-width:0px;
} 

.searchform {
	display: block;
	position: absolute;
	width: 390px;
	right: 0;
    top: 4px;
    /*border: 1px #aaa solid;/**/
}

.searchform .imglogin{
  position: absolute;
  top: 0;
  border: 0;
  cursor: pointer;
}


/* Default link*/
A:link,
A:visited,
A:active {
	color : #757575;
	text-decoration: none;
}
a:hover {
	color : #DDD;
	text-decoration: underline;
}


/* for splash only */
#vert-container { width: 100%; height: 100%; display: table; }
#vert-position { display: table-cell; vertical-align: middle; }
#vert-content {width: 100%; margin: 0 auto; text-align: center;}
#vert-content a:link, 
#vert-content a:visited,
#vert-content a:active
{text-align: center;margin-top: 90px;font-size: 1.1em;letter-spacing: 5px;font-variant: small-caps;}
#vert-content a:hover {}
#vert-content span {display: block; margin: 100px;}
/*-----*/

/* MAIN STRUCT */
#bodyContent {
	width: 700px; 
	height: 500px;
	margin: 0 auto;
	margin-top: 80px;
}

#martin{width:auto; float:left; position:relative;}
#easy{width:auto; float:right;position:relative;}
#casa{width:100%; float:left;position:relative; margin-top:30px;}

#header{
  height: 190px;  
  text-align: center;
  color: #000;
  width: 100%;
  margin: 30px 0 0 0;
    /* position this div however you want, but
       keep its padding and border at zero */
  padding: 0px;
  border: 0px;	
}

#principale {
	margin: 0 -1px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

#principale .box {
  padding: 26px 36px 0 36px; 
}

#slideshow{
	margin: 0 auto;
	width: 497px;
	height: 331px;
	border: 1px #444 solid;
}

#alacarte{
	margin: 0 auto;
	text-align: center;
	width: 630px;
}
#alacarte img {
	margin: 10px;
}



#newsletter {
	text-align: center;
}
#newsletter .info{
	display: block;
	margin: 20px 0;
}
#newsletter .info label{
	display: block;
	margin: 0;
	padding: 0;
}

#about, #friends-descr {
	display: block;
	text-align: center;
	color: #757575;
	/*background: #757575;*/
	font-size: 1.3em;
	padding: 10px;	
}

#emails a{
	text-align: center;
	font-size: 1.2em;
	line-height: 1.3;
	letter-spacing: 5px;
	display: block
}

#friends{
	position: relative;
	height: 280px;
	margin-bottom: 20px;
}

#friends-short {
	text-align: center;
}

#footer {
  	height: 30px;
		font-size: 1em;
		padding: 10px 0;
		line-height: 1.5em;
		text-align: center;
}

#footer a {}
#footer a:active, #footer a:hover {}

#footer .notes{
	font-size: 0.9em;
	letter-spacing: 5px;
	font-variant: small-caps;
}
/*----------------------------------------------------------*/


/* ---------------------- TOP MENU -------------------------*/
ul#topmenu {
	list-style:none;
	/*border: 1px solid #888;/**/
	margin: 0 auto;
	width: 630px;
	padding:10px 0;
	height: 20px;
	background: url(../img/topmenu_back.png);
}
ul#topmenu li {display:inline;}
ul#topmenu li a {  
 	float: left;
 	text-align: center;
	padding: 0 8px;
	margin: 0;
	height: 20px; line-height: 20px;
	font-size: 1em;
	letter-spacing: 5px;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration:none;
	border-right: 1px solid 
}
ul#topmenu li a.last {border:0
 }
ul#topmenu li a:link, ul#topmenu li a:visited {
	text-decoration:none;
}

ul#topmenu li a:hover, ul#topmenu li a:active, ul#topmenu .sel {
  background: #63172B;
  color: #ddd;
}

/* ---------- FINE TOP MENU ---------------*/


/* ----------- EVENTS ----------------------*/
.event{
	width: 630px;
	margin: 0 auto 20px auto;
}

.event .date, #friends-short {
	display: block;
	margin: 6px 0;
	color: #000;
	font-size: 1.2em;
	line-height: 1.3;
	letter-spacing: 5px;
	font-variant: small-caps;
	font-weight: bold;
}

.event .content{ 
	display: block;
	width: 100%;
	color: #757575;
	/*background: #757575;*/ 
	padding: 10px;
}

.event .newsimg{ 
	float: left;
	border: 1px solid #aaa;
	margin: 5px 10px 0 0;
}

.event .title{
	display: block;
	color: #757575;
	margin: 3px;
	font-size: 1.2em;
	line-height: 1.4;
	letter-spacing: 5px;
	font-variant: small-caps;
	font-weight: bold;
}

.event .abstract{color: #000; 	font-size: 1.3em;}

.event a.readmore {
	display: block;
	float: right;
	color: #AAA;
	font-size: 0.9em;
	margin; 10px 0 0 0;
	font-variant: small-caps;
}

a.archive {
	display: block;
	text-align: center;
	color: #AAA;
	margin; 10px 0 0 0;
	font-variant: small-caps;
	font-size: 1em;
	line-height: 1.3;
	letter-spacing: 5px;
}

.event-archive {
	display: block;
	text-align: center;
	color: #757575;
	/*background: #757575;*/
	font-size: 1.3em;
	margin: 10px auto 0 auto;
	font-variant: small-caps;
}

.event-archive a{color: #000}

/* ----------- FINE EVENTS --------------------*/

#viewer {margin: 0 auto; height:100px; width:300px; clear:both; overflow:hidden;}
#viewerFrame {width:505px; clear:both; padding:0;}
#viewer img {margin:5px; display:inline; border:0;}
#viewer a {display:block; float:left; width:auto;}
#scrollernav {margin: 20px; auto; text-align: center;}
#scrollernav img{ margin: 0 30px;}


/*---------------- MISC -----------------------*/
.hilite {color: #D82319; font-weight: bold}
.smallcaps {font-variant: small-caps;}
.label {font-size: 1.2em; line-height: 1.3; letter-spacing: 5px;}
.msg {
	text-align: center;
	margin: 0 auto;
	color: #ddd;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3;
	letter-spacing: 5px;
	font-variant: small-caps;
}