/* 
Description:
Standard Styles Sheet per Michela Monzani.
---	
Autore: 
Lucia Alacchi (lucia.alacchi@libero.it)
Infinite Eye Web Development Studio (info@infiniteeye.com.au)
---   
Version: 
0/15-03-08
Copyright Michela Monzani (c) 2008, . All rights reseved.
------------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	color:#000;
	overflow:auto;
	background-color: #FFFFFF;
}

hr {
display:none;
}

.clear {
clear:both;
}

img {
border:0;
}

a {
outline:none;
text-decoration:none;
color:#C41200;
}
#contatti a:hover{  background-color:#C41200; color:#FFFFFF }
h1, h2 {
margin:0;
text-align:center;
}

h1 {
padding:0;
}

h2 {
	bottom:0;
	width:170px;
	padding:0;
	position:absolute;
	line-height: 2px;
}


#container {
z-index:10;
top:45%;
left:45%;
width:882px;
height:560px;
text-align:left;
position:absolute;
margin-top:-256px;
margin-left:-380px;
border:1px solid #CCCCCC;
background-color: #FFFFFF;
}

#main-nav {
	float:right;
	width:170px;
	height:560px;
	position:relative;
	background:url(../img/sfondo_nav.png) 0 0 no-repeat;
}



#main-nav ul {
left:0;
padding:0 0 0 7px;
bottom:120px;
width:160px;
text-align:left;
position:absolute;
margin:0 0 30px 3px;
}

#main-nav ul li {
margin-top:6px;margin-left:6px;
font-size:15px;
letter-spacing:1px;
list-style-type:none;
text-transform:uppercase;
font-family: 'Kravitz', Arial, sans-serif;
}

#main-nav ul li a {
color:#C41200;
display:block;
text-decoration:none;
padding:4px 40px 4px 0;
}

#main-nav ul li a:hover,
#main-nav ul li a.current {
color:#fff;
background-color:#C41200;
}

#content {
	width:709px;
	height:560px;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:#FFFFFF;
}
#indirizzo {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-left: 20px;
	padding: 0px;
	z-index:0;
}
#indirizzo p {
   line-height: 0.5em;
   color:#CCCCCC;
	text-align: center;
	font-size:11px;
	text-transform:lowercase;
}
#indirizzo a {
font-weight:bold ;
color:#CC0000;
font-size: 10px;
}
#loading {
top:135px;
left:230px;
z-index:50;
position:absolute;
}

#content .sezione-1 {
width:690px;
height:418px;
overflow: hidden;
position:relative;

background-color:#009900;
}

#home,  #progetti, #contatti ,#concorsi{
	position:absolute;
	left:20px;	
	top:20px;
	width:690px;
	z-index: 99;	
	overflow:visible;
	height:518px;
}

#contatti  {background:  #FFFFFF url(../img/fotocontatti.jpg) no-repeat;}
#home  {background:  #FFFFFF url(../img/testo_home.png) no-repeat;}
#progetti  {background:  #FFFFFF url(../img/fotoprogetti.jpg) no-repeat;}
#progetti-nav { 

}
#progetti  ul {
position:absolute;
text-align:right;
z-index:99;
overflow:hidden;
background-color:#000000;
top:425px;
left:-10px;
width: 690px; 
height:98px;
margin-top:-5px; /* important for Mozilla !*/
margin-left: 10px;  /* important for Mozilla !*/
}

#concorsi   ul {

position:absolute;
left:-40px;
top:420px;
width: 690px; 
height:100px;
text-align:right;
z-index:99;
overflow:visible;
}
#concorsi ul li {
position:relative;
float:left;
list-style-type:none;
}
#progetti ul li {
left:35px; top:35px;
position:relative;
float:left;
list-style-type:none;
padding-right:20px;
}
#progetti ul li a {
display:block;
}
#progetti ul li a {
display:block;
width:20px;
height:20px;
outline:none;
font-size:24px;
font-weight:bold;
text-transform: uppercase;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #C41200;
border:1px #C41200  solid;
line-height: 18px;
padding:8px 0px 0px 8px;
}
#concorsi ul li a img:active,
#concorsi ul li a img:hover,
#concorsi ul li a .current {
    color: #FFF;
	border:#C41200 1px dashed;
}
#progetti ul li a:active,
#progetti ul li a:hover,
#progetti ul li a.current {
    color: #FFF;
	background-color:#C41200;
}
#progetti ul li a:hover span {
    display:block;
	position:absolute;
	/*float:left;*/
	/*white-space:nowrap;*/
 	top:10px;
	left:150px; 
	/*border:1px solid #C41200;*/
	color:#C41200;
	z-index:10;	
	}
#progetti ul li a span {
    display:none;
}

.img{
   border:hidden;
   top: 0px;
   left: 0px;
   width: 690px;
   height: 518px;
 }
#mainarea{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 690px;
   height: 518px;
   z-index: 1;
   overflow: hidden;
   background: transparent;     
   margin:0;
 }


#content .sezione-3 {
height:518px;
width:690px;

}

p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase; font-size:14px}
p.capitalize {
	text-transform: capitalize	
}
/* FORM
--------------------------------------------------------- */
 

 
form {
	position: absolute;
	top: 5px;
	left: 390px;
	width: 280px;
	height: 505px;
	z-index: 100;

	/*
	color: #990000;*/
	/*font-family: "Kravitz" Helvetica,Tahoma,Arial,sans-serif;
    font-style: normal;
	font-weight: bold;
	font-size: 10px;
	background-color:silver;*/
}
form p{
width: 280px;
clear: left;
margin: 0;
padding: 5px 0 8px 5px;
border-top: 1px dashed #FFFFFF;	font:small Verdana Tahoma,Arial,sans-serif;color:#FFFFFF;
 
}
fieldset { border:0; font:small Verdana Tahoma,Arial,sans-serif;color:#FFFFFF;}
label {	
 
display: block;
float: left;
margin-left: -1px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:right;	
margin-right:2px;	
margin-top:5px;
font-weight:bold;
}

input.text,textarea, select ,  .inputbox{	
	 
	width:170px;
	color: #666666;
	padding-top: 5px ;
    padding:0px;
    margin-top:5px; 
	background-color:#FFFFFF;border: none;
/*	border:1px solid #ccc;
	opacity: .3;
	filter: alpha(opacity=30);
	border-color: #CC3300;*/
}   
 

input.submit {
display: block;
border-style: none;
position:absolute;
top:250px;
left:-90px;
cursor:pointer;
height:100px;
width:100px;
 background: url(../img/button-bg.gif) 0 0 no-repeat;
 z-index:101;
}

input.submit:hover, input.submit:active {
  background: url(../img/button-on-bg.gif) 0 0 no-repeat;
  color: #CC3300;
}


.inputbox:hover, .inputbox:focus {	border: 1px solid #E1A635;}

 

/* div for animation on home page */
#panel {
  background:  transparent;
  height:            518px;
  margin-left:       auto;
  margin-right:      auto;
  width:             709px;
  overflow:          hidden;
}
#intro {
  height:            518px;
  width:             709px;
}
#intro img {
  display:           block;
}


#intro div.image {

  overflow:          hidden;
  position:          relative;
  height:            518px;
  background:transparent;
 
}

#news {
  position:          absolute;
}
/* testo presente nelle immagini riportato per completezza */ 
.testonascosto { visibility:hidden;}
#testo {
left:500px;
top:0px;
/*background-image:url(../img/testo.png);*/
  position:  absolute;
  margin-right:30px;
}

/* Testo in Home Page*/

#presentazione {
	position:absolute;
	top:10px;
	left:460px;
	width:220px;
	height:500px;
	z-index:98;
	/* testo*/
	text-align:right;
	color: #170F0B;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	line-height:15px;
 	margin: 5px;
}

span.first-letter {
	font-size: 150%;
	font-weight: bold;
	margin: 0px 2px 0px 10px; 
	font-variant: small-caps;
	}

/* testo visibile in tutte le pagine */ 
#indirizzo1 {
	position:absolute;
	top:545px;
	left:20px;
	width:780px;
	height:18px;
	font-weight:bold;
	/* testo*/
	text-align:right;
	vertical-align:top;
	z-index:99;
	color:#C41200;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-align:right;
	font-size: xx-small;
}	


/* FOOTER --------------------------------------------------------- */

#footer {
z-index:999;
left:5px;
top:16px;
color:#666;
width:940px;
line-height:17px;
text-align:left;
position:relative;
margin-left:0px;
font-size:xx-small;
text-transform:lowercase;
}
#footer1 { 
position:relative;
float: left;
width:25%;
font-variant:small-caps;	

}
#footer2 { 
position:relative;
float: left;
width:32%;
font-variant:small-caps;	

}
#footer3 { 
position:relative;
float: left;
width:23%;
text-align:center;
font-variant:small-caps;	
}
#footer4 { 
position:relative;
float: left;
width:15%;
text-align:left;
font-variant:small-caps;	
}

#footer span {
margin-right:25px;
font-variant:small-caps;
}

#footer a {
color:#444;
text-decoration:none;
}

#footer a:hover {
color:#777;
}

/*** ultime ***/