/* Paolo Veronica | www.ektor.net | Ultima modifica 17.03.2007 */

/* Global */
*{ padding: 0; margin: 0; border: 0; }

/* Generali */
body { 
	font: 78%/1.6em "Lucida Grande", verdana, helvetica, arial, sans-serif; 
	color: #FFF; 
	text-align: center; 
	background:#7c0b0b url(../immagini/marco/bg_body.gif) top left repeat; 
}

/* LINK */

a:link { color: #ffe100; text-decoration: none; border-bottom: 1px dotted #ffe100;}
a:visited { color: #ffe100; text-decoration: none; border-bottom: 1px dotted #ffe100;}
a:focus { color:#F00; }
a:hover { text-decoration: none; background: #fdfae9;color: #005189; }

#colonna-dx a{border: none;}
p.toplink { text-align: left; font-size: 0.92em; clear: both; background: transparent url(../immagini/marco/su.png) bottom left no-repeat; padding: 1em 0 0 1.8em; }

/* Intestazioni */
h1 { font: bold 3em/1.5 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; }
h2 {
	font: bold italic 1.8em/1.5 "Times New Roman", serif;
	color: #ffe100;
	margin: 0.2em 0 0 0;
	background:transparent url(../immagini/marco/logo_h2.gif) no-repeat top left;
	padding-left:35px;
	height:40px;
}
h3 {font: bold italic 1.3em/1.5 "Times New Roman", serif; color: #ffc528; margin:0 0 0.5em 0;}
h4 {font: bold 1.1em/1.5 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;color: #FFF;margin:0;}

#colonna-dx h2{	margin-bottom: 0.5em;}

/* Formattazione Testo */
#colonna-sx p { font-size: 1em; line-height: 1.6em; margin: 1em 1.5em 1em 0; }
#colonna-dx p { font-size: 0.8em; line-height: 1.4em; margin: 0.3em 1.5em 1em 0; }
#content strong{color:#ffc528; font-weight:100;}

/* Layout */
#wrapper { 
	width: 100%; 
	margin: 0; 
	padding: 0; 
}

#header { 
	width: 100%; 
	background: transparent url(../immagini/marco/bg_header.gif) repeat-x top left; 
	float: left; 
	height: 156px;
	z-index: -1; 
}

#title {
	position:relative; 
	margin:0 auto;
	text-align:left;
	width:750px;
	height:57px;
}

#title h1 { 
	background: transparent url(../immagini/marco/logo_orienteinmovimento.gif) no-repeat top left; 
	height: 57px; 
	width: 483px; 
}

#butt-title{
	position:absolute;
	top:0;right:10px;
	width:254px;
	height:56px;
	z-index:10;
}

#bordo-content{
	float:left;
	clear: both; 
	width: 100%; 
	background: #981010 url(../immagini/marco/bg_bordo_content.gif) repeat-x top left; 	
}

#content {
	width: 750px; 
	margin: 10px auto 0 auto; 
	padding: 1em 0; 
	text-align: left;
	background: transparent url(../immagini/marco/bg_content.gif) 485px 0 repeat-y; 	
	overflow: hidden;	
}

#colonna-sx {
	width: 480px;
	float: left; 
	padding: 0; 
	overflow: hidden;
}

#colonna-dx {
	width: 240px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
}

#footer { 
	clear: both; 
	background: transparent url(../immagini/marco/bg_footer.gif) repeat-x top left; 
	padding: 0; 
	float: left; 
	width: 100%; 
	overflow: hidden; 
}

#footer-content { clear: both; margin: 0 auto; width: 750px; }
#footer p { margin: 1.2em 0; padding: 0; font-size: 0.7em; clear: both; color:#ffc528 }

.info{margin:5px 0;border: 4px solid #770808;padding:5px; background-color:#9c4b4b}

/* FORM */
input, textarea { background-color:#fff; font: 1em/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; border: 1px solid #1b4e6b; padding: 0.5em; }

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #d9eaf4; }

p.input input, textarea { width: 450px; }
#colonna-dx p.input input, #colonna-dx textarea { width: 200px; }

.bottone{padding:0.1em}

/* -- DATA -------------------------------------------------------------- */

.data {
	float:left;
	height:35px;
	width:45px;
	margin:0 4px 0px -4px;
	padding-top:14px;
	background:url(../immagini/marco/bg_data.gif) no-repeat top right;
}
	
.data p {
	text-align:center;
	color:#981010;
	margin:-6px 0 0 -2px!important;
	line-height:14px;
	text-transform:uppercase;
	}
.data span.giorno {
	font-size:18px;
	display:block;
	margin-top:-1px;
	}
.data span.mese {
	font-size:9px;
	height:13px;
	display:block;
	}

/* MENU-UP */
#menu-up { 
	position:relative; 
	width:750px; 
	clear:left;
	margin:0 auto;
}
#menu-up ul {
	font-size: 0.92em; 
	font-weight:bold; 
	background:transparent; 
	padding: 0 30px 0 0;
}

#menu-up li { 
	padding: 8px 0 9px 1px; 
	list-style: none; 
	margin: 0; 
	float: left; 
}

#menu-up li a { 
	padding: 5px 7px 1px 9px; 
	border:none;
	/* hack per IE 5.0 Win + IE Mac \*/ margin: -5px 0 -8px 0; display: block; /* End hide */ 
}

#menu-up li a:hover { padding: 5px 7px 1px 9px; background-color:#981010;color: #fff; text-decoration: underline; }

body#qigong a#qinav, body#biografia a#bionav, body#corsi a#corsinav, body#seminari a#seminarinav, body#formazione a#formnav, body#video a#videonav, body#contatti a#contattinav, body#link a#linknav, body#articoli a#articolinav, body#foto a#fotonav { background: #ffc528; padding: 5px 7px 1px 9px; color: #870a0a; text-decoration:none; }

/*LISTE*/
#content ul{
	margin: 0;
	list-style-type: square; 
	position: relative; 
	padding:0.8em 0 0.8em 1em;
	border-bottom: 1px dotted #eee;
	border-top: 1px dotted #eee;
}
#content ul li {margin-left:1em;}

dl{margin:0 0 10px 15px;list-style-type:square; position:relative;}
dl li {margin-bottom:0.3em;}

/* VARIE */

img, a img { border: 0; }
div#footer a { background-color:transparent;border:none;}

.c-both { clear: both; }

.errore {color:#FF0; padding: 4px 0; font-size:0.8em;font-weight:bold;}

#butt-title img{float:left;}

div#title h1 {text-indent:-8000px}

.img-leftb { float: left; margin:5px 10px 0 0;border: 4px solid #ffc528; }
.img-b { margin:5px 0;border: 4px solid #ffc528; }
.img-left { float: left; margin:5px 10px 0 0;}