/* @override http://www.oml.ch/nuovo/styles/main.css */

* {
	margin: 0;
	padding: 0;
}

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

.hidden {
	display: none;
}

body {
	width: 38em;
	min-width: 610px;
	margin: 0 auto;
	background: #fff url(../images/background.png) repeat-x 50% 5px;
	font-size: 1em;
}
a {
	outline: none;
}
#contents img {
	padding: 3px;
	border: 1px solid #8398bc;
	background: #e4edfe;
}
#contents img.left {
	margin: 8px 10px 4px 0;
	float: left;
}
.error {
	color: red;
}
#contents img.right {
	margin: 8px 0 4px 10px;
	float: right;
}

#top {
	position: fixed;
	top: 0;
	left: 0;
	background: #ddd url(../images/top_background.png) repeat-x 50% 100%;
	width: 100%;
	height: 5px;
}

/* Special styles for logged users */
body.logged {
	padding-top: 30px;
}

.logged #top {
	height: 32px;
}

body #top ul {display: none;}
body.logged #top ul {display: block;}
#top ul {
	margin-left: 10px;
}
#top ul li {
	display: block;
	float: left;
	margin-left: 10px;
}
#top ul li a {
	display: block;
	height: 28px;
}
#top ul li a span {
	display: none;
}
/*
#top a:hover {
	height: 25px;
	text-decoration: none;
	font-family: verdana;
	font-size: 0.7em;
	
}
#top a:hover span {
	display: inline;
	color: #333;
	display: block;
	height: 20px;
	width: 100%;
	background: #ddd;
	line-height: 20px;
}
*/

#top a span, #title h1 span {
	display: none;
}

#title h1 {
	height: 230px;
	width: 100%;
	margin: 40px 0 23px 0;
	background: url(../images/logo.png) no-repeat 50% 0;
}


#menu {
	float: left;
	width: 18%;
	text-align: right;
	font-family: verdana;
	color: #999;
	font-size: 0.8em;
}
#menu li {
	list-style-type: none;
	display: block;
	margin: 0 0 10px 0;
}
#menu li a {
	line-height: 1.7em;
	color: #999;
	text-decoration: none;
	border-right: 3px solid #ccc;
	background: #f9f9f9;
	display: block;
	padding-right: 4px;
}
#menu li a:hover {

}
#menu li a.a0:hover {color: #3C941C; border-color: #3C941C;}
#menu li a.a1:hover {color: #E67530; border-color: #E67530;}
#menu li a.a2:hover {color: #F2D900; border-color: #F2D900;}
#menu li a.a3:hover {color: #E635AB; border-color: #E635AB;}
#menu li a.a4:hover {color: #4C59E6; border-color: #4C59E6;}
#menu li a.a5:hover {color: #AE65E6; border-color: #AE65E6;}
#menu li a.a6:hover {color: #597030; border-color: #597030;}
#menu li a.a7:hover {color: #AF1228; border-color: #AF1228;}
#menu li a.a8:hover {color: #3C8EB0; border-color: #3C8EB0;}
#menu li a.a9:hover {color: #F3C73A; border-color: #F3C73A;}

#contents {
	float: right;
	width: 78%;
	font-family: georgia, verdana, helvetica, sans-serif, serif;
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.5em;
}
#contents h1 {
	font-size: 1.2em;
	text-align: center;
	line-height: 1.5em;
	font-weight: normal;
	font-family: Trebuchet MS;
	margin: 0 0 1.3em 0;
}
#contents h2 {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
	font-family: Trebuchet MS;
	margin: 0;
}
#contents ul, #contents ol {
	margin-left: 20px;
}
#contents ul li {
	background-position: 0% 0.4em;
	background-repeat: no-repeat;
}
#contents ul li.li0 {background-image: url(../images/bull0.png);}
#contents ul li.li1 {background-image: url(../images/bull1.png);}
#contents ul li.li2 {background-image: url(../images/bull2.png);}
#contents ul li.li3 {background-image: url(../images/bull3.png);}

#contents p {
	margin: 0 0 1em 0;
}

#imgtable a {
	border: 1px solid #ccc;
	display: block;
	line-height: 0;
	padding: 3px;
	margin: 4px;
}
#imgtable a:hover {
	background: #CAD9FF;
	border-color: #999;
}
#imgtable a img {
	border: 0;
	padding: 0;
}

#footer {
	clear: both;
	font-family: verdana;
	padding-top: 40px;
	font-size: 10px;
	color: #ccc;
	text-align: center;
}
#footer a {
	color: #799FFF;
	text-decoration: none;
}
.obbl {
	color: red;
}

#contents ul.order_error {
	margin: 0 20px 10px 50px;
}
.message {
	margin: 20px 0;
	padding: 10px 20px;
	text-align: center;
	color: #C90;
	background: #ffe;
	border: 1px solid #fc0;
}
.message.ok {
	color: green;
	border-color: green;
	background-color: #d3e9bd;
}
.message.error {
	color: red;
	border-color: red;
	background-color: #fff2f2;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	margin-bottom: 1em;
}

/*
Le immagini sono contenute in divs denominati "flickr_badge_image" caratterizzati da questa id "flickr_badge_imageX". "X" è un numero intero che specifica un certa posizione. In fondo troverai alcuni stili per poter iniziare!
*/
#flickr_badge_uber_wrapper {text-align:center; margin: 0 -5px;}
#flickr_badge_wrapper {padding:10px 0 10px 0; overflow: auto;}
.flickr_badge_image {margin:0 5px 10px 5px; float: left;}
.flickr_badge_image a {
	display: block;
}
.flickr_badge_image img {border: 1px solid black; float: left;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}