/* www.settebello.org 06/08/2006
   Author: Carlo Carmagnini http://www.ztl.it
   You may adapt certain elements of this CSS in your own projects, but the unique
   combination of images, colors, sizes, typography, and positioning ("the DESIGN")
   is copyright Viola Club Settebello and may not be reproduced. */ 
	
/* * { padding: 0; margin: 0; border: 0; } */

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	text-align: left;
}

body {
	color:#710279; /* color:#710279;*/
	font: 80.1%/120% Verdana, Helvetica, Arial, sans-serif;
	background:#710279 url(/img/home/sfondohome.jpg) center top repeat-x scroll;
	text-align: center; /* per quel cesso di Explorer 5 */
}

a:active { text-decoration: none; color:#9B022D;}
a:link {text-decoration: none; color:#C2007B; /*C2007B */}
a:visited {text-decoration: none; color:#B85994;}
a:hover {text-decoration: underline; color:#E30094;}
a:visited:hover { text-decoration: underline; color:#900;}

h1 { font-size: 180%; font-weight: normal; margin: 0.9em 0 0.4em 0; }
h2 { font-weight:bold; margin: 1em 0 0.5em 0; border-bottom: 1px solid #e9e9e9 }
h3 { font-weight:bold; margin: 1em 0 0.3em 0; }
pre {font-size: 110%;}
dt {font-weight: bold; margin: 0.5em;}
dd {margin: 0.5em 1em;}
hr { clear:both; width:90%; height:2px; border-bottom:1px solid #f9f9f9; background-color: #e9e9e9; }
form { padding:2px;}
strong { font-weight:bold;}
/* input, select,textarea {border:1px solid #666;} meglio di no */


q, blockquote {
      font: italic 100% Georgia, Palatino, Palatino Linotype, serif;
      color:#333;
      quotes: '' '' "" ""; 
      }

blockquote { margin: 1em; padding: 3px; }
/*
blockquote { margin: 3px; padding: 3px; font: italic 14px Georgia, Palatino, Palatino Linotype, serif; }
q:before, q:after, blockquote:before, blockquote:after {
      font-size: 150%; font-weight:bold; color:#710279;
      font-family:georgia, "Times New Roman", serif; 
   }
q:before, blockquote:before { content:open-quote; padding-right: 5px; }
q:after, blockquote:after { content: close-quote; vertical-align: text-bottom; padding-left: 10px;}
*/

/* Add an external-link icon to absolute links */ 
#contenuti a[href^="http:"] { background: url(../img/external_link.gif) right center no-repeat; padding-right: 15px; } 
#contenuti a[href^="http://www.settebello.org"] { background: transparent; padding-right: 0px; }

/* STRUTTURA */

#boxext {width:762px; padding:0px; margin:0px auto; overflow:hidden; background-color:#fff;}
body>div#boxext {background: transparent url(../img/home/sfondo_cen.png) center top repeat-y; /* IE e' una merda */ } 
#boxint {/*background: transparent url(../images/sfumods.jpg) right top repeat-y;*/ width:728px; padding:0px;
	text-align:left; margin: 8px 17px 0 17px;/* test background-color:#fec;  */}
/*#testata {width:728px; height: 109px; margin:0px; padding:0;
	background: transparent url(../temp/prova-testata.jpg) left top no-repeat;}*/
#testata {width:728px; height: 108px; background-color:#fff;}
#contenuti { clear: both; margin:0 0 2em 0; padding: 0 20px; overflow:hidden; background-color:#fff; }
#contprinc {float: left; overflow:hidden; width:460px; text-align:left; margin:0; padding:0 20px 0 0;
	/* background-color:#fcc; */}
#contsecon {float: left; width: 200px; margin: 0 0; /* test background-color:#fc0;*/  } 
#footer {margin: 1em 0px 0px 0px; border-top:1px solid #999; clear: both; padding:2px 20px; overflow:hidden;
	background-color:#fff;}

/* TESTATA */ 

p#logo { 
	text-indent: -9999px; float:left;
 	margin: 0;
	padding: 0;
	border: 0;
	}
p#logo a:link, p#logo a:visited	{
	display: block; float:left;  width: 290px; height: 86px;
	background: transparent url(../img/settebello-curva-fiesole.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	z-index:1;
}
/* #testata h1 { 
	display: block;
	text-indent: -9999px;
	width: 720px;
	height: 110px;
	margin: 0 8px 0 0 !important; 
	margin-top: -96px; ######## per IE non capisce il float
	padding: 0;
	border: 0;
	z-index:3;
} */
/* 
p#tit-testata a:link, p#tit-testata a:visited	{
	display: block;	background: url(../img/sez-notizie.jpg) top left no-repeat;
	text-indent: -9999px;
	width: 650px;
	height: 110px;
	margin: 0;
	padding: 0;
	border: 0;
	}
*/
p.access	{display: none;}

/* ----- */


/* blockquote { border-left:1px dashed #fc0; border-top:1px dashed #fc0; padding:0.5em; margin: 0.5em 0.5em 0.5em 2em;}*/


/* NAVIGAZIONE */


ul#menu  {
width:100%;
background: #710279;
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#menu a, #menu div {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px;

}
#menu div {
height: 21px;
color: #fff;
text-transform: uppercase;
background: #710279 url(../img/sfumoviola.jpg) left top repeat-x;
}

#menu a {
color: #D3AED4;
text-align:center;
text-transform: uppercase;
background: #710279 url(../img/sfumoviola-r.jpg) left top repeat-x;
text-decoration: none; 
letter-spacing: 0.15em;
}
#menu a:hover {
color: #A541AA;
background: #710279 url(../img/sfumoviola-on.jpg) left top repeat-x;
}
#menu li {position: relative; float:left; width:120px; list-style: none;}

ul#menu ul ul {
position: absolute;
top: 0;
left: 100%;
}
ul#menu ul {
position: absolute;
z-index: 500;
}
ul#menu ul { display: none;}
ul#menu li:hover ul {display: block;}
ul#menu li:hover ul {display: block;}
ul#menu ul, ul#menu li:hover ul ul, ul#menu ul li:hover ul ul {display: none;}
ul#menu li:hover ul, ul#menu ul li:hover ul, ul#menu ul ul li:hover ul {display: block;}

#menu li li {
	display: block;
	background-color: #710279;
	float: none;
	border: 0;
}

/* per la mierda de IE */
li.over ul { display: block; }

/* ------- */
#submenu { float:right; width: 120px; margin: 0 10px; padding: 2px 4px; border-left: 1px solid #e7e7e7; }
#submenu li { border-bottom: 1px solid #e7e7e7; }
/* ########## STILI NEI BLOCCHI */


#contenuti ul {list-style: none; }
#contenuti li {margin: 0.75em 0px;}
#contprinc h2 { /*font: bold medium Georgia, "Times New Roman", Times, Serif;*/ font-size:120%; }
#contenuti p, #contprinc p { line-height:160%; margin:0.5em 0 1.2em; }
h1#titolo, p#titolo { display:block; font-weight:bold; width: 266px; font-family: Georgia, "Times New Roman", serif; 
	margin: 0 0 2em 0; padding: 2px 4px; border-left: 2px solid #710279; font-size:105%; text-transform: uppercase; 
	background: #fff url(/img/sfondoh1.gif) right bottom no-repeat; }
#contenuti h2, #contprinc h2 {font-family: Georgia, "Times New Roman", serif; margin: 1.45em 0 1em; clear:both; color: #6B0024}
#contenuti h3, #contprinc h3 {font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin: 1em 0 0.25em 0;}
#contenuti h4, #contprinc h4 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	margin: 0.75em 0 0.25em 0;}


#contsecon ul { margin:0; padding:2px;}
#contsecon ul li {line-height:1.4em; }
#contsecon h2 { font-size: 120%; background: #fff url(/img/home/grigio-bianco.jpg) left top no-repeat; 
	padding: 2px 3px; margin: 0px 0px 3px 0px}
#contsecon h3 {font-size:120%; margin:0; margin-top:0.4em; padding:0;}
#contsecon p {margin:0; padding:0.3em;}

.sezione {border:1px solid #e7e7e7; border-top-width:0px; margin:0; margin-bottom:1em;}

#footer p {font-size: 10px; color:#666;}
#footsn { float: left; margin: 0px 2px; padding:0; width: 85px; height:31px; background-color:#c00;}
#footds { float: right; margin: 0px 2px; padding:0; width: 85px; height:31px; background-color:#c00;}
#footcn { padding: 2px; margin: 0px 100px; color: #444; text-align:left; }


/* classi immagini */

p.imgart {display: block; float:right; margin:0 3px; padding: 0 1em 0.25em 0.25em;  
	color:#666; font:0.8em arial, helvetica,sans-serif; text-align: center; 
	}
p.imgart img { display: block; margin: 0 auto; border: 1px solid #7A1819; padding:1px;}


.img { margin:0 4px 2px 0; padding:2px; border:1px solid #e7e7e7; background-color:#fff; float:left;}
.minifoto { border: 1px solid #f9f9f9; padding: 1px; }
.imgleft { float:left;  margin: 0 4px 4px 0; }

.oggetto { clear:both;}
.asinistra {float:left;} /* applicato a tabelle e altri oggetti */

/* classi varie */
br.puliscifloat {clear:left;}
div.listathumbs, div.listafoto { overflow:hidden; clear:both; }
div.listathumbs p { display:block; float:left; width:320px; height:90px; border:1px solid #f4f4f4; font-size:75%;
	margin:3px;	padding: 2px; background-color:#f9f9f9;}
div.listathumbs img { float:left; margin-right:6px;}

div.fotogallery { float:left; text-align:center; height: 210px; width: 218px; display:block; margin: 4px 0px 4px 5px; }
.fototesti { float:left; text-align:center; width: 218px; display:block; margin: 0px 4px;}
.fototesti p, .fotogallery p { display:block; line-height: 75%; font-size: 75%; color:#666; padding:0 3px; text-align:center; }
.fototesti img, .fotogallery img {border: 1px solid #7A1819; margin: 0 0; padding:1px;}
/* usata in bancarella */

.gallery p { display:block; float:left; width:340px; height:170px; font-size:85%; margin: 3px 0px !important;}

table.tabella { border: 0px solid #e7e7e7; margin: 8px 2em; width:300px;}
.tabella th { border: 1px solid #e7e7e7; background-color:#f9f9f9; }
.alldx {text-align: right; padding: 2px 2px; }
.tabella td { border-bottom: 1px dotted #e7e7e7; padding: 2px 2px;}
th.intestazione {background-color: #f2f2f2; padding:3px 1em; font-size: 120%;}
.bloccotesto { margin: 0 0 0 0.85em;}
.scorr {clear:left; text-align: center;} /* scorrimento risultati */

/* classi sezioni */
.notizie, p.notizie {background: url(/img/sez-notizie.jpg) top right no-repeat;}
.fiorentina {background: url(/img/sez-fiorentina.jpg) top right no-repeat;}
.tifo {background: url(/img/sez-tifo.jpg) top right no-repeat;}
.infosito {background: url(/img/sez-infosito.jpg) top right no-repeat;}
.club {background: url(/img/sez-club.jpg) top right no-repeat;}
.links {background: url(/img/sez-links.jpg) top right no-repeat;}
.community {background: url(/img/sez-community.jpg) top right no-repeat;}


/* FORMS */

label {
float: left;
width: 120px; text-align:right;
font-weight: bold; padding-right:4px;
}

input, textarea, select {
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}
.submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}
.clearbutton {
margin-left: 120px;
margin-top: 5px;
width: 90px;
}