/*******************
Stile standard 
CAST 1983 Club Amici Sostenitori Torino
Autori: Gabriele Barbero www.staffevents.it
Data: Febbraio 2009
*******************/

/****************************/
/********* Layout **********/
/****************************/

html, body {
	margin: 0;
	padding: 0;
	background: #800000 url(http://www.cast-1983.it/immagini/erba02.jpg) repeat;
	color: #FFFFFF;
	font: 0.83em/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;

}
/* html { min-width: 938px; }  per Mozilla/Firefox fix */


/*-- BOX --___________________________________________________________*/


#header {
background-color: #800000;
width: 938px;
margin: 0 auto;
padding: 0;
border-bottom: 1px solid #fff;
}
#skipcontents {
font-size: 1px;
left: -9999px;
letter-spacing: -1px;
position: absolute;
width: 9000px;
}
#logo {
float: left;
text-align: left;
padding: 6px 0 0 30px;
}
#logo h1 {
font-size: 1px;
left: -9999px;
letter-spacing: -1px;
position: absolute;
width: 9000px;
}
#sitebar {
background: #ccc;
float: right;
text-align: right;
margin: 8px 0 0 0;
padding: 7px 35px 0 20px;
}
.sitebarform, .sitebarform p {
margin: 2px 0 0;
padding: 0;
}
.sitebarforminput {
margin: 2px 0 0;
	padding: 0;
	width: 80px;
	height: 14px;
	font-size: 100%;
	background:#800000;
	border: 1px solid #0099CC;
}
.sitebarformbutton {
	margin: 0 0 -2px;
	padding: 0;
	width:50px;
	height:22px;
	color:#800000;
	font-size: 10px;
	background:url(../img-prodotti-chimici/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
	font-weight: bolder;
	text-transform: uppercase;
}

/*-- QUICK --___________________*/
#quicklinks {
	background-color: #ffffff;
	color : #ccc;
	display: block;
	text-align: center;
}

/*-- MENU --___________________*/

#menu {
	background-color: #ffffff;
	color : #ccc;
	display: block;
	text-align: right;
}
#menu ul {
	font-size: 12px;
	margin : 0;
	position: relative;
	padding: 8px 0px 0px 25px;
	height : 30px;
}
#menu ul li	{
	display: block;
	float: left;
}
#menu ul li a {
	padding: 5px 5px 29px;
	text-decoration : none;
	margin: 0;
	font-weight: bold;
}
#menu ul li a:link {
	color : #800000;
}
#menu ul li a:visited{
	color : #800000;
}
#menu ul li a:active {
	color : #800000;
}
#menu ul li a:hover {
	color : #FEA400;
	text-decoration: none;
}
/*-- FINE MENU --___________________*/
/*-- MENU MONOGRAFIE --___________________*/
#menumono {
	background-color: #FF6600;
	color : #ccc;
	display: block;
	text-align: right;
}
#menumono ul {
	font-size: 12px;
	margin : 0;
	position: relative;
	padding: 8px 0px 0px 25px;
	height : 30px;
}
#menumono ul li	{
	display: block;
	float: left;
}
#menumono ul li a {
	padding: 5px 5px 29px;
	text-decoration : none;
	margin: 0;
	font-weight: bold;
}
#menumono ul li a:link {
	color : #ffffff;
}
#menumono ul li a:visited{
	color : #ffffff;
}
#menumono ul li a:active {
	color : #ffffff;
}
#menumono ul li a:hover {
	color : #EAEAEA;
	text-decoration: none;
}
/*-- FINE MENU MOMNOGRAFIE --___________________*/

#container {
clear: both;
background-color: #800000;
margin: 0 auto;
padding: 0 7px 6px 7px;
text-align: left;
width: 938px;
voice-family: "\"}\""; /* Box Model Hack */
voice-family:inherit;
width: 924px;
}
#containerFILA {
clear: both;
margin: 0 auto;
padding: 0 7px 6px 7px;
text-align: center;
image-align: center;
width: 938px;
voice-family: "\"}\""; /* Box Model Hack */
voice-family:inherit;
width: 924px;
}
#branding {
background-color: #800000;
clear: both;
margin: 0 auto;
padding-top: 2px;
padding-bottom: 0px;
width: 924px;
height: 262px; 
voice-family: "\"}\""; /* Box Model Hack */
voice-family:inherit;
height: 235px;
}
#contain-default {
float: left;
width: 926px;
margin: 0;
padding: 0;
}
#contain-default h1, #contain-default p {
padding: 0 10px 0 25px;
align: center
}
#contain-default ul {
padding: 0 10px 0 25px;
list-style-type: none;
}
.boxhome {
background: #800000;
float: right;
margin: 0;
padding: 0 10px 0 0px;
}
/*	Approfondimenti e news */
#box-important {
clear: both;
text-align: left;
margin: 0 15px 0 14px;
padding: 10px 0 0 0;
border: 0;
}
#box-important div h2 {
padding: 0;
}
#box-important div h3, #box-important div p {
padding: 0px 20px;
}
#box-important div ul {
text-align: left;
list-style: none;
margin: 0;
padding: 0 0 0 17px;
}
#box-important div ul li {
background: transparent url(../img/icon-freccia.gif) 0px 4px no-repeat;
margin: 0;
padding: 0px 0px 8px 0px;
text-indent: 14px;
}
#cast, #news, #ultima, #prossima {
float: left;
width: 221px;
background: #D0D0C4 url(../img/_bg-box-aree.gif ) 0px bottom repeat-x;
margin: 0;
padding: 0;
border-left: 3px solid #800000;
}
#news {
float: left;
width: 221px;
background: #D0D0C4 url(img/_bg-box-aree.gif) repeat-x 0px bottom;
margin: 0;
padding: 0;
border-left: 3px solid #800000;
}
#cast {
width: 221px;
border-left: 0;
}
#ultima{
width: 221px;
border-left: 3px solid #800000;
}
#cast ul, #news ul, #ppiano ul, #prossima ul {
background-color: transparent;

}
/****** pagine interne ***************/

#nav-path {
	margin-top: 10px;
	text-transform: lowercase;
}

#content-left-page {
background: #800000 url(img/_bg-bottnav-top.gif) 18px top no-repeat;
float: left;
margin: 0 auto;
padding: 36px 25px 6px 18px;
width: 210px;
voice-family: "\"}\""; /* Box Model Hack x IE 5.x */
voice-family:inherit;
width: 210px; 
}
#content-left-page div ul {
text-align: left;
list-style: none;
margin: 0;
padding: 0 0 0 17px;
}
#content-left-page div ul li {
background: transparent url(img/icon-freccia.gif) 0px 4px no-repeat;
margin: 0;
padding: 0px 0px 8px 0px;
text-indent: 14px;
}
#menu-left {
background: #D0D0C4 url(img/_bg-box-aree.gif ) 0px bottom repeat-x;
}
#content-page {
float: left;
margin: 0;
padding: 0 0 0 2px;
position: relative;
align: justify
width: 597px;
w\idth: 597px; /* Box Model Hack x IE 5.x */
}


/************ FOOTER ************/
#footer {
color: #ffffff;
font-weight: bold;
text-align: center;
clear: both;
margin: 0 auto;
padding: 5px 0px;
width: 938px;
}
#footer h5, #footer h6  {
color: #ffffff;
font-weight: bold;
}
#footer h6  {
	margin: 0px;
	padding: 0px;
}
#footer a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#footer a:hover {
color: #ffffff;
text-decoration: underline;
}
/****************************/
/************ FORMATTAZIONE ************/
/****************************/

/*________________________________________________*/
/*Attenzione Cambiare colore dopo la prova grafica
 a:visited ed a:active
*/
img {
border: 0;
}
p, ul, ol, li { line-height: 140%; }
big { font-size: 110%; }
strong, b { font-weight: bold;} 
a { color: #041E6A; text-decoration: none;} 
a:visited { color : #041E6A;}
a:hover { color : #041E6A; text-decoration: none;}
a:focus { color : #FFFFFF; }
a:active { color : #041E6A; }


h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-family: Verdana, Arial;
}	
p, ol, li, dd, table {
	font-size: 1em;
	line-height: 1.7em;
	margin: 0 0 1em 0;	
	text-align: left;
}
p { line-height: 1.7em; }
h1 {
color: #fdf700;
font-size: 1.75em;
font-weight: normal;
line-height: 1.4em;
margin-bottom: 0.6em;
}
h2 {
color: #041E6A;
font-size: 1.5em;
margin-bottom: 0.5em;
}
h3 {
color: #800000;
font-weight: normal;
font-size: 1em;
}
h4 {
color: #FF0000;
font-weight: normal;
font-size: 1em;
}
h5 {
color: #8C8C83;
font-weight: normal;
font-size: 1em;
}
h6 {
font-size: 1.0em;
}
form {
margin: 0;
padding: 0px 20px;
}
table {
border-collapse: collapse;
width: 100%;
margin: 0 0 1em 0;
padding: 0;
border: 0;
}
thead, tbody, tfoot {
padding: 0;
border: 0;
}
tr {
vertical-align: top;
padding: 0;
border: 0;
}
td, th {
padding: 0 0 0 12px;
}
td img {
margin: 0;
padding: 0;
border: 0;
}
tr, td {
vertical-align: top;
}
td, th {
text-align: left;
}
th, th p {
font-size: 1.0em;
font-weight: bold;
}
ul {
margin: 1em 0 1.5em 0;
padding-left: 1.5em;
}
li {
margin-bottom: 0.7em;
}
hr {
background: #ccc;
border: 0; 
color: #ccc;
height: 1px;
margin: 0 0 1em 0;
}
/****************************/
/************ SELETTORI CLASS ************/
/****************************/
.external {
	color: #ffffff;
	text-decoration: none;
}
.txtsmall {
font-size: 0.9em;
}	
img.imgleft {
float: left;
padding: 0 30px 1em 0;
}
.center {
text-align: center;
}
.left {
float: left;
width: 290px;
margin: 0;
padding: 0 10px 0 0;
}
.right {
float: left;
width: 290px;
margin: 0;
padding: 0;
}
.alignRight {
text-align: right;
}
.inputlogin {
	width: 100px;
	font-size: 100%;
}
.uppercase {
	text-transform: uppercase;
}
.red {
	color: #FF0000;
}
.clear {
clear: both;
}
div.clear {
height: 0;
overflow: hidden;
}

#container .clear {
overflow: inherit;
}