/*
Autore		> 	Fabio Dreosso | www.dreosso.it |
Versione	>	2.0 - 4.12.2009
Stile		>	Stile di default per tutte le pagine del sito www.coromonteverdi.it
*/

/* -------------------------------------------------------------- 
   Reset default browser CSS.
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
strong { font-weight:bold }
body { background:#fff; line-height:1; }
ol, ul { list-style: none }
blockquote, q {	quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

a img { border:none; }



/****  GLOBALI  ****/
HTML, BODY { height: 100%; }
HTML {font-size: 100%;}
BODY {
	font-size:	.8em;
	font-family:verdana,arial,helvetica,sans-serif;
	color:		#BBB;
	background: #000 url(../img/sfondonero2010.png);
	text-align:	center;
	}
H1, H2, H3, H4, H5, H6 { font-weight:normal; font-family: Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif; }
H1	{ font-size:2em; }
H2	{ font-size:1.6em }
H3	{ font-size:1.3em }
H4	{ font-size:1.1em }
H5	{ font-size:1em }
H6	{ font-size:1em }

A 		{ color:#FFF; text-decoration:none }
A:hover { color:#F59839; border-bottom:1px dotted } 

#skippo { position:absolute; margin-left:-10000px; }
.oldbrw { display:none }

#sito {
	background: url(../img/backmenu.jpg) 0 0 repeat-y;
	display:	block;
	width:		100%;
	min-width: 	770px !important;
	text-align:	left;
	margin:		0 auto;
	}

TABLE { margin: 10px 10px 25px 25px; }
TH { 
	color:		#FFF;
	background:	#333;
	border-left:1px solid #000;
	font-size:	1em;
	font-weight:bold;
	text-transform: uppercase;
	padding:	.5em .8em;
	text-align: left;
	}
TD {
	border-bottom: 1px dotted #333;
	font-size:	1em;
	padding:	.5em .8em; 
	}


/****  INTESTAZIONE  ****/
#intestazione { background: url(../img/top-background.jpg) 0 0 repeat-x; width:100% }
#intestazione DIV { background: url(../img/top-image.jpg) 0 0 no-repeat; width:100% }
#intestazione DIV H1 { padding:20px 0px 10px 30px }
#intestazione DIV H1 A:hover { border:none }


/****  LINGUA  ****/
#lingua { position:absolute; right:30px; top:0; font-size:85%; }
#lingua A {
	color:		#FFF;
	border: solid #383838;
	border-width:0px 5px 5px;
	padding-right:10px;
	font-size: 9px;
	text-align:	right;
	text-transform: uppercase;
	display:	block;
	width:		100px;
	height:		22px;
	line-height:22px;
	}
#lingua A:hover { border: solid #FFF; border-width:0px 5px 5px;}
#lingua A.english { background:#252525 url(../img/backengflag.jpg) 0 0 no-repeat }
#lingua A.italiano { background:#252525 url(../img/backitaflag.jpg) 0 0 no-repeat }


/****  MENU  ****/
#left { width:260px; float:left }
#menu LI	{ margin:10px 0px; }


#menu LI A	{
		font-size:		1.1em;
		font-family: 	Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;
		font-weight:	bold;
		background:		url(../img/menu1.png) repeat-y;
		padding: 		2px 0px 2px 50px;
		display:		block;
		border:			none;
		}
#menu LI A:hover	{
		color:			#FFF;
		background:		url(../img/menu2.png) repeat-y;
		}
#menu LI LI A {
		font-size:		.8em;
		font-family:	verdana,arial,helvetica,sans-serif;
		font-weight:	normal;
		background:		none;
		padding-left:	70px;
		}
#menu LI LI A:hover	{
		color:			#F59839;
		background:		none;
		}
		
#menu LI A { display: inline-block; }
/* no ie mac \*/
* html #menu LI A { height: 1%; }
#menu LI A { display: block; }
/* */


/****  BREADCRUMBS  ****/
.percorso { color:#999; text-transform:uppercase; font-size:9px; margin-bottom:15px; display:block }
.percorso A { color:#999; border-bottom:1px dotted }
.percorso A:hover { color:#F59839 }
.percorso STRONG { color:#FFF; font-weight:normal }


/****  CONTENUTO  ****/
#contenuto { font-size:.85em; margin-left:260px; position:relative }
#contenuto H1 { color:#FFF }
#contenuto H2 { color:#DFAC00; margin:25px 15px 0px 0px; }
#contenuto H2 A { color:#FFDD66; }
#contenuto H2 A:hover { color:#FFF; border-bottom:1px dotted; }
#contenuto P { margin:15px 10px 15px 0px; line-height:1.3em; }
#contenuto P A { border-bottom: 1px dotted }
#contenuto P IMG { border:10px solid #252525; margin:5px 10px }

#contenuto UL { margin:15px 10px 15px 15px }
#contenuto UL LI { margin:1em 0em; padding-left:15px; background: url(../img/arw.gif) 0 5px no-repeat}

.sinistra { float:left }
.destra { float:right }

#contenuto .internal H2,
#contenuto .internal H3 { margin-left:100px }
#contenuto .internal LI { min-height:120px; height:auto !important; height:120px; }
#contenuto .internal P	{ margin-left:100px} 
#contenuto .internal IMG { position:absolute; margin:-50px 0px 0px -120px; }


/****  REPERTORIO  ****/
#contenuto .repertorio LI { padding-bottom:20px; background: url(../img/sottoli.gif) 50% 100% no-repeat }
#contenuto .repertorio LI A:hover IMG { border:10px solid #FFF }
#contenuto .repertorio OL LI { margin:10px 0px 10px 40px; padding:0; background:none; list-style:lower-alpha }


/****  TRASFERTE  ****/
#trasferte TD { vertical-align:middle }
#trasferte TD A { border:5px solid #333; display:block; margin:0 }
#trasferte TD A:hover { border:5px solid #FFF; }
#trasferte TD H3,
#trasferte TD H2 { margin:0; padding:0 }


/****  MP3 download  ****/
.mp3download { float:left; margin:15px 15px 10px 0px }
.mp3download A { border:10px solid #333; display:block }
.mp3download A:hover { border:10px solid #FFF }
.primo,
.secondo { width:48%; }
.primo { float:left; }
.secondo { float:right; }


/**** Galleria Fotografica****/
#contenuto .gallery ul { list-style:none; margin:10px 10px 50px 10px; padding:0; }
#contenuto .gallery ul li { display:inline; background:none; padding:0; }
#contenuto .gallery ul img {
		border: 5px solid #333333;
		border-width: 5px 5px 20px;
	}
#contenuto .gallery ul a { border:none; }
#contenuto .gallery ul a:hover img {
		border: 5px solid #FFF;
		border-width: 5px 5px 20px;
		color: #FFF;
	}
#contenuto .gallery ul a:hover { color:#FFF; }


/****  CONTATTI  ****/
#formdicontatto LABEL { display:block; width:9em; float:left; }
#formdicontatto P { float:left; width:45%; margin:4px 0px }
#formdicontatto INPUT,
#formdicontatto TEXTAREA { 
			color: #000;
			background:	#FFF;
			border-top:1px solid #959595;
			border-right:1px solid #595959;
			border-bottom:1px solid #595959;
			border-left:1px solid #959595;
			font-family:verdana,arial,helvetica,sans-serif;
			margin:0px;
			}

#formdicontatto TEXTAREA:hover,
#formdicontatto INPUT:hover,
#formdicontatto TEXTAREA:focus,
#formdicontatto INPUT:focus { border:1px solid #DEAC00;}

#bottoniform { clear:both }
#bottoniform INPUT {
			color:#FFF;
			background:#595959;
			border-top:1px solid #959595;
			border-right:1px solid #595959;
			border-bottom:1px solid #595959;
			border-left:1px solid #959595; 
			padding:0px 10px;
			margin:.5em;
			font-weight:bold;
			}
#bottoniform INPUT:hover { color:#000; background:#DFAD00 }


/****  NEWS  ****/
p.data 				{ margin-bottom:5px; font-size:10px }
p.data, p.evento 	{ margin-top:0; margin-left: 30px}
p.evento 			{ color:#CCC; padding-bottom:10px; margin-bottom:20px; border-bottom: 1px dotted #333 }


/****  NEWS INTERNE ****/
#manifestazioni p.data 		{ color:#DEAC08; font-style:italic; margin:0; padding:20px 5px 0px 10px; }
#manifestazioni p.evento 	{ font-size:12px; margin:0px 10px 0px 0px; padding:0px 5px 20px 10px; }
#manifestazioni p.evento STRONG		{ color:#FFF; }

/****  BANNER  ****/
DIV#banz { height:100px; width:420px; overflow:hidden; }
DIV#banz H4 { float:left; margin-right:15px }
DIV#banz UL,
DIV#banz UL LI
DIV#banz UL LI A { margin:0; padding:0 }
DIV#banz A { border:5px solid #333; float:left; }
DIV#banz A:hover { border:5px solid #FFF; }
DIV#banz A img { display:block; height:80px; width:400px; }


/****  HOME PAGE  ****/
body.home #intestazione DIV { background: url(../img/top-image-home.jpg) 0 0 no-repeat; }
body.home #sito2 			{ background: url(../img/centro-home.jpg) 260px 0px no-repeat; }
body.home #contenuto		{ width:410px }
body.home #contenuto H2 	{ margin:0 }

/****  NEWS HOME ****/
.autoScroller-container 		{ height:100px; overflow:auto; border:5px solid #333; margin-bottom:20px }
body.home #contenuto p.data 	{ font-size:10px; margin:10px 20px 5px 20px }
body.home #contenuto p.evento 	{ color:#CCC; padding-bottom:10px; margin:0px 20px 10px 20px; border-bottom: 1px dotted #333 }


/****  FOOTER  ****/
#footer { 
	color:#C0C0C0;
	background-color:rgba(40, 40, 40, 0.5) !important;
	background:rgb(20, 20, 20);
	border: 1px solid #333;
	border-width:1px 0px;
	clear:both;
	padding:20px 0px 10px;
	height:90px
	}
#footer DIV { float:left; margin-left:30px}	

#footer h2 { color:#ACACAC; font-size:1.1em; }
#footer h2 strong { color:#fff; font-size:1.2em; font-weight:normal }
#footer P { font-size:.8em; margin:0px 0px 10px 0px }

#sotto { color:#555; padding:0px 30px; font-size:.8em; height:30px; }
#sotto A { color:#999; font-weight:bold }
#sotto A:hover { color:#F59839; }
#sotto DIV { margin:10px 0px; }
.sottosx { float:left; width:40%; text-align:left }
.sottodx { float:right; width:40%; text-align:right }

#shinystat { text-indent: -9999px; }