@import url("reset.css");
/*-----------------------------------------------------------------------------

version:	1.0 del 13/02/2008
author:		federico pizzutto [www.pngised.net]
website:	http://www.navigatorevarietale.it/ [www.clamerinforma.it]
scope:		foglio di stile per la pagina dettaglio
            
- Convenzioni -
NOTE:: --> utilizzato per indicare particolari informazioni
HACK:: --> utilizzato per indicare correzioni specifiche
-----------------------------------------------------------------------------*/

/*body {	background: #fff url(App_Themes/Pingised/images/bgSfumatura.gif) repeat-x 0 -40px;}*/
#dettaglio { padding: 10px;}
.dettaglio img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 2px solid #acca20;
}
#dettaglio table table {
/*	float: right; */
	width: auto;
}
/*#dettaglio ul {
	display: block;
	clear: both;
}*/
.votazione {
	background-color: #c4e626;
	padding: 10px 10px 5px;
	border: 2px solid #acca20;
	overflow: hidden;
	margin-bottom: 1em;
}
.votazione span {
	padding-right: 15px;
	width: auto;
	float: left;
	text-align: center;
	white-space: nowrap;
	padding-right:10px;
	font-weight:normal;
	overflow:hidden
}
.votazione span input, .votazione span label {	vertical-align: middle;}
.ico {
	width: auto;
	float: left;
	padding: 5px 10px 5px;
	background-color: #fab600;
	border: 2px solid #e8a903;
	margin-right: 10px;
}
/*.testi { position: relative;float: left;}*/
.testi img.stella {
	/*position: absolute;
	top: 0;
	left: -70px;
	background-color: #fff;*/
	float:right;
}
.testi textarea {
	width: 90%;
	height: 110px;
	color: #226900;
	border: 0;
	padding-top: 1em;
	background: transparent;
	border-top: 1px solid #eee;
	font: 1em Geneva, Verdana, Arial, Helvetica, sans-serif;
}
/* Webbanner */
.Webbanner {
	width: auto;
	float: right;
	margin-top: 5px;
	
	
}

/* --> TYPOGRAPHY, PARAGRAPH, LISTS
-----------------------------------------------------------------------------*/
body, table {
  font: 10px/1.6 Geneva, Verdana, Arial, Helvetica, sans-serif;
  color: #226900;
}
#dettaglio, table{ font-size: 1.2em; /*=12px*/}
/*#dettaglio b {	font-weight:   bold;}*/
p{	padding: 0.2em 0 0.6em 0;}


/* --> LINKS
-----------------------------------------------------------------------------*/
a {
	color: #226900;
	text-decoration: none;
	border-bottom: 1px dotted #226900;
}
a:hover {	border-bottom-style: solid;}
a:focus { outline: none;}


.scarica {
	margin-bottom: 2em;
	font-size: 1.2em;
}
.scarica a{
	/*border: 2px solid #f48520;*/
	border:0;
	background: #226900;
	color: #fff;
	padding: 0.2em;
}
.scarica a:hover {
	background: #f48520;
}

/* --> FORM
-----------------------------------------------------------------------------*/
.bottone {
	padding-top: 1em;
	text-align: center;
	margin: 1em auto;
}
a.buttons {
	color: #fff;
	cursor: pointer;
	border: 0;
	background-color: #305a0f;
	padding: 2px 5px;
	font-size: 1.2em;
	width: auto;
	text-align: center;
}