/* CSS Document - arte y flamenco */

/* generali */

html	
{
	margin: 0; 
	padding:0; 
	overflow:-moz-scrollbars-vertical;
}

body 
{
	margin: 0px auto;
	padding: 0px 0 0 0 ;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #000000;

}

#container 
{
	position:relative; 
	width: 820px; 
	margin: 0 auto; 
	text-align: justify; 
	border: 0; 
	vertical-align:top
}
#containerPopup 
{
	position:relative; 
	width: 400px; 
	height:300px;
	margin: 0 auto; 
	text-align: justify; 
	border: 0; 
	vertical-align:top
}

div#top 
{
	width:820px; 
	height:134px; 
	background: #000 url(img/top.jpg) top center no-repeat; 
	text-align:left; 
	border-bottom:1px solid #ed1c24; 
	margin:0; 
	padding:0; 
}
div#content 
{
	width:820px; 
	
	padding:0; 
}

@font-face {
font-family: 'Lucida Calligraphy italic';
src: local('Lucida Calligraphy italic'), url('Lcallig.ttf') format('truetype');
}


table, td, p, div, span
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
p
{
margin:2px;
padding:2px 4px;
line-height:16px;
}
p.news
{
margin:3px;
padding:3px 10px;
line-height:17px;
text-align: justify; 
}
p.left{
padding-left:28px;
padding-right:6px;
}
img 
{
	border: 0;
	padding: 0;
	margin: 0;	
}
/* colore font */

.rosso{
color: #ed1c24;
}
ul{
margin:0;
margin-left:18px;
padding:0;
padding-left:28px;
}

li{
margin:0px;
padding:0px 0px 4px 0px;
list-style: url(Img/quadratino_rosso.gif);
}

ul li a:link, ul li a:visited, ul li a :active{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
ul li a:hover
{
text-decoration: underline;
color: #ed1c24;
font-size: 11px;
}


/* link */
a:link
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
a:active
{
	color: #ed1c24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
a:visited
{
	color: #ed1c24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
a:hover
{
	color: #ed1c24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

 a.video:hover
{
	color: #ed1c24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.testo:hover{
color: #ffffff;
text-decoration: none;
}
/* struttura pagine interne */

table#news
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_news.jpg) top center no-repeat;
	margin:0;
	padding:0;
	
}

table#contatti
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_contatti.jpg) top center no-repeat;
}

table#associazione
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_associazione.jpg) top center no-repeat;
}

table#monica
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_monica.jpg) top center no-repeat;
}

table#accademia
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_accademia.jpg) top center no-repeat;
}

table#mediateca
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_mediateca.jpg) top center no-repeat;
}

table#compagnia
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_compagnia.jpg) top center no-repeat;
}

table#credits
{
	width:400px;
	height:320px;
	background: transparent url(Img/sfondo_credits.jpg) top center no-repeat;
}
 
 table#video
{
	width:820px;
	height:434px;
	background: transparent url(Img/sfondo_video.jpg) top center no-repeat;
}
td.primafascia
{width:472px;
height:20px;
border:0px solid blue;

}
td.secondafascia
{
vertical-align:top;
text-align: right;
padding-top:34px;
padding-right:20px;
border:0px solid blue;
}

.titolo 
{
	color: #ed1c24;
	font-weight: normal;
	font-size:36px;
	font-style: italic;
	font-family: Lucida Calligraphy;
	
}
td.contFrame
{
vertical-align:top;
width:330px;
text-align: left;
border:0px solid blue;
padding:0;
padding-left:20px;
margin:0;
}
.box

{width:340px !important;width /**/:330px;
 height:340px !important;height /**/: 344px;
 overflow:auto;
 padding: 0px;
 
 border:0px solid #161616;
 border-right:0;
 
 scrollbar-base-color : #000000;
 scrollbar-3dlight-color : #000000;
 scrollbar-arrow-color: #ed1c24; 
 scrollbar-highlight-color: #000000; 
 scrollbar-face-color: #302f2f; 
 scrollbar-shadow-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-track-color: #000000; 

}

.boxNews

{width:780px !important;width /**/:770px;
 height:340px !important;height /**/: 344px;
 overflow:auto;
 padding: 0px;
 border:0px solid #161616;
 border-right:0;
 
 scrollbar-base-color : #000000;
 scrollbar-3dlight-color : #000000;
 scrollbar-arrow-color: #ed1c24; 
 scrollbar-highlight-color: #000000; 
 scrollbar-face-color: #302f2f; 
 scrollbar-shadow-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-track-color: #000000; 

}

hr{
color:#ffffff;
margin:2px 0;
padding:0;
height:1px;
border:0px;
border-top:1px solid #fff;


}

hr.nera{
color:#000;
margin:2px 4px 0px 16px;
padding:0;
height:4px;
border:0px;
border-top:4px solid #000;


}
/* contenuti homepage */



/* menu */
#menu{padding-top:10px;}

#menu a:link,#menu a:visited,#menu a:active {
	color: #ffffff;
	text-decoration: none;
	padding-right:18px;
}

#menu a:hover {
	color: #ed1c24;
	text-decoration: none;
	padding-right:18px;
}

#menu a.selected
{
	color: #ed1c24;
}

/* bottom */

#footer
{
	width:820px;
	height:30px;
	border-top: 4px solid #ed1c24;
}

#crediti {
	position:absolute; top:620px; 
	}
#crediti span {
	border-top:1px solid #999897; padding-top:5px; color:#999897; font-size:11px;
	}
#crediti a:link,#crediti a:visited,#crediti a:active {
	color: #999897;font-size:11px;
}
	
#crediti a:hover {
	color: #ed1c24;
}