/* colors
blu		    				#084181
azzurro 					#2D79AD
turchese        			#00b0d6

celestino 	(background)	#AAD5ED
grigio		(background)	#F1F1F1
grigio 		(border) 		#E3E3E3


nero (bg)	#1a171b
rosso-   	#a90329
rosso+      #6d0019
*/

/* ..... GENERAL RESET */
html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }
body { background:#FFFFFF; color:#000000; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:12px; line-height:150%; text-align:center; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-transform: uppercase; text-align:left; }
h2 { font-size:18px; color:#6d0019; margin:10px 0 5px 0; padding-bottom:5px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
h3 { font-size:16px; color:#a90329; margin:10px 0 4px 0; font-family:"Times New Roman", Times, serif; font-weight:bold; }
h4 { font-size:14px; color:#333333; margin:10px 0 4px 0; }
h5 { font-size:12px; color:#666666; margin:10px 0 4px 0; }
h6 { font-size:12px; color:#a90329; margin:10px 0 4px 0; }

a:link, a:visited  { text-decoration:none; color:#a90329; }
a:hover, a:focus, a:active { color:#000000; }

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color:#6d0019; }
h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active { color:#a90329; }

ol, ul, li { list-style-type:none; margin:0; padding:0;}
p { margin:0 0 5px 0; }

/* .......... LAYOUT */
#header-wrapper, #container-wrapper, #footer-wrapper { width:100%; float:left; } 
#header, #container, #footer { width:960px; margin:0 auto; }

#header-wrapper { background:#1a171b url(bg-header-wrapper.jpg) repeat-x top left; height:220px; } 
#container-wrapper { background:#FFFFFF; }
#footer-wrapper { height:150px; background:#3d6689; color:#FFFFFF; padding-bottom:150px }

#content { width:740px; float:left; display:inline; margin-right:10px; }
#sidebar { width:200px; float:right; margin:10px 0; display:inline; background:#E3E3E3; text-align:center;  }

/* .......... FOOTER */
#footer { padding:35px 0 15px 0; }
#footer a:link, #footer a:visited  { color:#FFFFFF; }
#footer a:hover, #footer a:focus, #footer a:active { color:#000000; }

/* .......... HEADER */
#header { position:relative; margin-top:10px; height:200px; z-index:99 }

h1#logo { position:absolute; width:440px; height:40px; top:0; left:0; z-index:100; background:url(logo.jpg) no-repeat top left; text-indent:-9999px; }
h1#logo-festival { position:absolute; width:70px; height:110px; top:0; right:0; z-index:100; background:url(logo-festival-54.jpg) no-repeat top left; }
h1#logo-festival a { display:block; width:70px; height:110px; text-indent:-9999px; }

#nav-bar { position:absolute; width:700px; height:30px; bottom:0; left:0; z-index:100; }
#navigation { width:700px; margin:0; padding:0; }
#navigation li { float:left; position:relative; z-index:101; margin-right:10px; }
#navigation a { display:block; float:left; padding:0 15px; height:30px; line-height:30px; text-transform:uppercase; }
#navigation a:link, #navigation a:visited  { color:#000000; background:#9aa0cc; }
#navigation a:hover, #navigation a:focus, #navigation a:active { color:#FFFFFF; background:#be767e;  }

#navigation ul { width:12em; background:#9aa0cc; position:absolute; top:30px; left:0; z-index:102; padding-top:10px; }
#navigation ul li { text-indent:0; float:left; white-space:nowrap; width:100%; text-align:left; background:#a90329; overflow:hidden; }
#navigation ul li a  { display:block; float:none; border-bottom:1px solid #FFFFFF;  }
#navigation ul li a:link, #navigation ul li a:visited  { background:#9aa0cc; }
#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:active { background:#be767e; }

#lang { position:absolute; bottom:0; right:0; height:30px; z-index:100; text-transform:uppercase; font-size:9px; }
#lang a, #lang a:hover { background-repeat:no-repeat; background-position:0 center; padding-left:20px; color:#FFFFFF; height:30px; line-height:30px; }
#lang a.eng { background-image: url(eng.gif); }
#lang a.ita { background-image: url(ita.gif); margin-right:15px; }

/* .......... PROTOFADE HEADER */
#protofade { position:absolute; left:0; top:0; z-index:90; display:block; margin:0; padding:0px; width:900px;  height:200px; overflow:hidden; }
#protofade li { position:absolute; top:0; left:0; display:block; margin:0; padding:0; background:none;}
#protofade li img { display:block; }

/* .......... SIDEBAR */
#sidebar h2, #sidebar h3 { color:#000000; text-align:center; margin-bottom:0; }
#sidebar h2 a { color:#000000; }

ul.side-nav { width:100%; float:left; border-top:1px solid #ffffff; margin:10px 0 20px 0; text-align:left; text-transform:uppercase;}
ul.side-nav li { padding:0; border-bottom:1px solid #FFFFFF; float:left; width:200px; }
ul.side-nav a:link, ul.side-nav a:visited { display:block; padding:10px 5px 10px 30px; background:#E3E3E3 url(bullet-sidebar.gif) no-repeat 10px 50%; color:#000000; }
ul.side-nav a:hover, ul.side-nav a:focus, ul.side-nav a:active { background:#F1F1F1 url(bullet.gif) no-repeat 10px 50%;; color:#000000; }

/* .......... MARQUEE BANNER */
#main-sponsor, #institutional, #supporter {	background:#f1f1f1;	width:170px; margin:5px 15px 20px 15px; overflow:hidden; text-align:center; border-top:15px solid #f1f1f1; border-bottom:15px solid #f1f1f1; }
#main-sponsor { height:320px; }
#institutional { height:320px; }
#supporter { height:320px; }

ul.sponsor { margin:0; padding:0; text-align:center; width:100%; }
ul.sponsor li { margin:0 auto 5px auto; padding:3px 0; width:146px; background:#CCCCCC; text-align:center; }
ul.sponsor a { width:140px; margin:0 auto; display:block}
ul.sponsor img { display:block; }


/* .......... NOTIZIE - ARTICOLO */
.articolo {  border-top:5px solid #E3E3E3; margin:10px 0; float:left; background:#F1F1F1; }
.articolo h3 { margin-top:0; }

.testo-articolo, .foto-articolo { display:inline; float:left; text-align:left; }
.testo-articolo { width:570px; margin:0 10px 0 0; } 
.foto-articolo { width:150px; margin:5px 0 0 10px; }
.footer-articolo { text-align:left; margin-top:5px; font-size:11px; clear:left; background:#E3E3E3; }
.footer-articolo p { padding:5px 10px; margin-bottom:0; }


.read { background:url(read.gif) no-repeat; padding-left:20px; margin-left:15px; }
.gallery { background:url(gallery.gif) no-repeat; padding-left:20px; margin-left:15px; }
.video { background:url(video.gif) no-repeat; padding-left:20px; margin-left:15px; }

#pagination { clear:both; padding-top:10px; text-align:center; }

.testo { text-align:justify; }

.nav-bar-articolo { background:#E3E3E3; text-align:left; }
.nav-bar-articolo p { padding:5px 10px; }

#gallery { border-top:5px solid #E3E3E3; padding:10px 0; margin-top:20px; width:740px; text-align:center; }
#gallery div { width:140px; float:left; display:inline; margin:10px 4px 10px 4px;  }

ul.list, .testo ul { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
ul.list li, .testo li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


/* .......... HOME PAGE - ARTICOLI + RILIEVO */
.articolo-home, .rilievo-home { margin:10px 10px 15px 0; float:left; display:inline;  text-align:left; position:relative; z-index:1; }
.articolo-home  h3, .rilievo-home h3 { margin-top:0; }
.articolo-home  h3 { padding-left:10px; padding-right:10px; }

.foto-home, .foto-rilievo { float:left; display:inline; margin-right:10px; }
.testo-home, .testo-rilievo { float:right; display:inline; }

.articolo-home { width:365px; border-top:5px solid #E3E3E3; background:#F1F1F1 }
.testo-home { width:195px; padding-bottom:35px; margin-right:10px; } 
.foto-home { width:140px; position:relative; margin-left:10px; }

.rilievo-home { width:100%; padding: 10px 0; background:#E3E3E3; }
.testo-rilievo { width:490px; margin-right:10px; padding-bottom:15px; } 
.foto-rilievo { width:220px; height:160px; overflow:hidden; margin-left:10px; }

.relative { position:relative; width:100%; }
.foto-home img, .relative .foto-rilievo img, .video-box img  { position:absolute; z-index:1; top:0; left:0;}
.foto-home span, .foto-rilievo span, .video-box span { position:absolute; z-index:2; width:40px; height:28px; top:10px; left:10px; text-indent:-9999px; overflow:hidden; background:url(play.png) no-repeat; }

.footer-home { text-align:left; font-size:11px; clear:left; position:absolute; width:100%; right:0; bottom:0; background:#E3E3E3; }
.footer-home p { padding:5px 10px; margin-bottom:0; }
.footer-rilievo { text-align:left; font-size:11px; clear:left; position:absolute; right:10px; bottom:0; }


/* .......... GALLERIE IMMAGINI, GALLERIA VIDEO, CARTOLINE */
#galleria-immagini { width:100%; padding:10px 0; }
#galleria-immagini div { width:220px; float:left; display:inline; margin:10px 40px 10px 0;  }
#galleria-immagini span { font-size:11px; padding-top:0; display:block; }

#galleria-video { width:100%; padding:10px 0; }
.video-box { width:220px; float:left; display:inline; margin:10px 40px 10px 0; text-align:center; }
.video-box .relative { height:160px; }
.video-box p.caption { font-size:10px; padding-top:10px; height:25px; }

.enlarge { background:url(zoom.gif) no-repeat 0 50%; padding-left:20px; padding-right:5px;  }
.save  { background:url(save.gif) no-repeat 0 50%; padding-left:20px; padding-right:5px; }


/* ..... CALENDAR */
table#calendar { width:740px; margin:10px 0 15px 0; padding:0; font-family: "Trebuchet MS"; font-size:12px; border-collapse:collapse; }
table#calendar th, table#calendar td { border:1px solid #FFFFFF; border-collapse:collapse; text-align:center; vertical-align:middle; line-height:500%;  }
table#calendar th, table#calendar td { background:#F1F1F1; padding:0; font-weight:normal; }
table#calendar tr#cal_days th { background:#e3e3e3; }
table#calendar th { font-weight:bold; text-transform:uppercase; }
table#calendar th a { color:#a90329; }
table#calendar th a:hover { color:#6d0019; }
table#calendar td.cal_today, table#calendar td.cal_today a { background-color:#bb3f5b; color:#FFFFFF; }
table#calendar td a { background:#dfb5bf; display:block; color:#000000; }
table#calendar td a:hover { background-color:#6d0019; color:#FFFFFF; }
table#calendar td a.cal_events { background-color:#a90329; color:#FFFFFF; }
table#calendar td a.cal_events:hover { background-color:#6d0019; color:#FFFFFF; }

table#calendar table { vertical-align:top; text-align:left }
table#calendar table td { vertical-align:top; text-align:left; line-height:150% }

.protip { padding:7px; border: 1px solid #000000; background:#F2F3F5; position: absolute; z-index:100; text-align:left; font-size:10px; }


/* .......... CONTATTI E NEWSLETTER */
#form { width:740px; margin:20px 0; }
#form div { padding:10px 0; float:left; display:inline; width:370px; border-top:1px solid #E3E3E3;}
#form label { padding-right:10px; width:120px; display: block; float:left; text-align:right; }
#form legend { font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#333333; margin:0; padding-bottom:5px; text-transform:uppercase; }

#form input, #form textarea { border:1px solid #CCCCCC; padding:2px; width:200px; background:#FFFFFF; font-size:12px; font-family:"trebuchet MS", Verdana, Arial, sans-serif; }

#form textarea { overflow:auto; width:570px; }
#form div.textarea { clear:both; width:740px; float:left; }
#form div.textarea input { width:740px;}
#form div.button {clear:both; width:740px; float:left; padding-top:10px; }
#form .button input { font-size:12px; border:0; padding:0; height:auto; float:left; width:auto; background:none; cursor:pointer; color:#a90329; }
.button p { margin:0; padding-right:40px; float:right;  }
#form input.hoverfocus, #form textarea.hoverfocus { border:1px solid #a90329;}

input#privacy_Req { width:auto; float:left; display:inline; margin-left:15px; margin-right:10px; }

#error { border-top:1px solid #E3E3E3; background-color:#FFFFFF; margin:20px auto 0 auto; padding:5px 0; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }


/* ..... COMMON RULES */
.small { font-size:9px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }

.img-left { float:left; margin-right:10px; }
.img-right { float:right; margin-left:10px; }

.last, #galleria-immagini div.last,  #galleria-video div.last  { margin-right:0; }
.first { margin-top:10px; }


/* ..... 960 MEMO */
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9  { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }