/*
***********************************************************

Author: 		alessandro zapelloni (www.kitchen-studio.net)
Created: 		September 2007
Last modified: 	////////////

***********************************************************
*/

/* ######################################################################### */
/* TITOLI, PARAGRAFI, LISTE, LINKS, CLASSI VARIE,  ETC ETC */
/* ######################################################################### */

h1 {
font-size:17px;
color:#312929;
font-weight:bold;
border-bottom: #312929 solid 1px;
margin:0px;
padding:0px 0px 3px 0px;
text-transform: uppercase;
}


h2 {
font-size:14px;
color:#FF6600;
font-weight:bold;
border: #0px;
margin:0px;
padding:5px 0px 10px 0px;
}

p {
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
}



.data {
font-size:14px;
color: #695757;
font-style: italic;
margin:0px 0px 5px 0px;
}

.grigio {
font-size:14px;
color: #695757;
font-style: italic;
margin:0px;
}

ul {
list-style:none;
padding: 10px 10px 10px 0px;
margin: 0px;
}

li {
padding-left:11px;
margin-bottom: 4px;
}

.ImgPad {
padding:0px;
margin-left:5px;
}


a:link,
a:visited {
padding:1px;
color: #FF6600;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
padding:1px;
color: #FFFFFF;
background-color:#FF6600;
text-decoration:underline;
}

/* ######################################################################### */
/* BODY */
/* ######################################################################### */

body {
margin: 55px 0px 0px 0px;
padding: 0px;
text-align:left;
background:#FFFFFF url(../images/sfondo.gif) top left repeat-x;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#000000;
line-height: 17px;
}



/* ######################################################################### */
/* centro il layout */
/* ######################################################################### */

#centrato {
width: 850px;
margin: auto;
text-align:left; /* per quella maerda di IE5.x/Win */
}


/* ######################################################################### */
/* il contenitore generale del layout */
/* ######################################################################### */
#contenitore {
float:left;
width: 850px;
padding:0px;
background:#FFFFFF url(../images/sfondo_contenitore.gif) top left repeat-x;
margin:0px;
}


/* ######################################################################### */
/* TESTATA */
/* ######################################################################### */
#testata {
width: 850px;
height:120px;
background:#463A3A;
}

div#testataColonna1 {
float:left;
width:264px;
height:120px;
padding:0px 0px 0px 0px;
background: trasparent;
margin:0px;
}

h1#logo{
	background: url(../images/raphaelledegroot.gif) left top no-repeat;
	margin:0;
	padding:0;
	position:relative;
	left:0px;
	top:0px;
	width:264px;
	height:120px;
	text-indent:-8000px;
	overflow:hidden;
	z-index:10;
	border:0px;
}
h1#logo a {
	display:block;
	height:120px;
	padding:0px;
	margin:0px;
	border:0px;
}



h1#logo a:hover,
h1#logo a:focus,
h1#logo a:active {
background: url(../images/raphaelledegroot.gif) left top no-repeat;
display:block;
height:120px;
text-decoration:none;
padding:0px;
margin:0px;
border:0px;
}

/* ######################################################################### */
/* IL CORPO DEI CONTENUTI */
/* ######################################################################### */
#corpo {
float:left;
width: 810px;
padding:55px 20px 0px 20px;
margin:0px;
background:#FFFFFF;
}


/* ######################################################################### */
/* LA COLONNA DEL MENU DI NAVIGAZIONE */
/* ######################################################################### */

#colonnaNavigazione {
float:left;
width:210px;
background: #FFFFFF;
color: #605D57;
padding:0px;
margin:0px;
}


.navigazione ul {
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px;
}

.navigazione ul li {
padding:0px 0px 2px 0px;
margin-bottom:5px;
border-bottom: #605D57 solid 1px; 
}


.navigazione li a:link,
.navigazione li a:visited {
color:#605D57;
text-decoration:none;
font-weight:bold;
}
.navigazione li a:hover,
.navigazione li a:focus,
.navigazione li a:active{
color:#605D57;
text-decoration:underline;
font-weight:bold;
background-color:#FFFFFF;
}

/***** LO STILE PER IL LINK DELLA SCELTA DELLA LINGUA ******************************************************/

ul.secondaVoce {
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px;
}


ul li.secondaVoce {
padding:0px 0px 2px 0px;
margin-bottom:5px;
border-bottom: #605D57 solid 1px; 
}


.navigazione .secondaVoce a:link,
.navigazione .secondaVoce a:visited {
color:#FF6600;
text-decoration:none;
background-color:#FFFFFF;
}
.navigazione .secondaVoce a:hover,
.navigazione .secondaVoce a:focus,
.navigazione .secondaVoce a:active{
color:#FF6600;
text-decoration:underline;
background-color:#FFFFFF;
}




/* ######################################################################### */
/* LA COLONNA DI SVILUPPO DEI CONTENUTI */
/* ######################################################################### */

#contenuti {
float:left;
width: 560px;
padding:0px;
margin:0px 0px 0px 40px;
}


.spazioNavigazione {
float:left;
width:560px;
padding:15px 0px 20px 0px;
background: #FFFFFF;
border-bottom: #9B968D dotted 1px;
}

.spazioNavigazione ul {
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px;
}

.spazioNavigazione ul li {
padding-left:13px;
background:url(../images/marcatore.gif) 0 3px no-repeat;
margin-bottom:3px;
}

.spazioNavigazione li a:link,
.spazioNavigazione li a:visited {
color:#FF6600;
text-decoration:none;
}
.spazioNavigazione li a:hover,
.spazioNavigazione li a:focus,
.spazioNavigazione li a:active{
color:#FF6600;
text-decoration:underline;
background-color:#FFFFFF;
}


.spazioContenuti {
float:left;
width:560px;
padding:15px 0px 20px 0px;
background: #FFFFFF;
border-bottom: #9B968D dotted 1px;
}

.spazioContenuti ul {
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px;
}


.spazioContenuti ol {
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px;
}

.spazioContenuti ul li {
padding-left:13px;
background:url(../images/marcatore_news.gif) 0 3px no-repeat;
margin-bottom:15px;
}

.spazioContenuti ol li {
padding-left:13px;
background:url(../images/marcatore_news.gif) 0 3px no-repeat;
margin-bottom:15px;
}

/***** colonnina della categoria di una di una news ******************************************************/

.categoriaNews {
float:left;
width:150px;
color: #312929;
padding:0px;
margin:0px;
font-weight:bold;
}


/***** colonnina del testo di una di una news ******************************************************/

.testoNews {
float:left;
width:400px;
margin-left:10px;
background: trasparent;
padding:0px;
}



/* ######################################################################### */
/* LA COLONNA DI SVILUPPO DELLE FOTO PER LA PAGINA TRAVAUX O PER LA PAGINA RELATIVA A UN PROGETTO */
/* ######################################################################### */

.spazioImmagini {
float:left;
width:560px;
padding:15px 0px 0px 0px;
background: #FFFFFF;
margin:0px;
}

.Immagini_1_2 {
float:left;
width:180px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
background: #FFFFFF;
}

.Immagine_3 {
float:left;
width:180px;
padding:0px 0px 0px 0px;
background: #FFFFFF;
margin:0px 0px 0px 0px;
}

.spazioImmagini p {
padding:5px 0px 0px 0px;
margin:0px;
}

.titolo  {
padding:0px;
}

.titolo a:link,
.titolo a:visited {
padding:1px;
color: #FF6600;
text-decoration: none;
}
.titolo a:hover,
.titolo a:focus,
.titolo a:active {
padding:1px;
color: #FFFFFF;
background-color:#FF6600;
text-decoration:underline;
}

a.immagini:link,
a.immagini:visited {
padding:0px;
color:#FF6600;
text-decoration:none;
}
a.immagini:hover,
a.immagini:focus,
a.immagini:active {
padding:0px;
color:#FF6600;
text-decoration:none;
background-color:#FFFFFF;
}

.spazioImmaginiProgetto {
float:left;
width:560px;
padding:15px 0px 0px 0px;
background: #FFFFFF;
margin:0px;
}


.spazioImmaginiProgetto a:link,
.spazioImmaginiProgetto a:visited {
padding:0px;
color:#FF6600;
text-decoration:none;
}
.spazioImmaginiProgetto a:hover,
.spazioImmaginiProgetto a:focus,
.spazioImmaginiProgetto a:active{
padding:0px;
color:#FF6600;
text-decoration:none;
background-color:#FFFFFF;
}



/* ######################################################################### */
/* LA CHIUSURA DEL SITO */
/* ######################################################################### */

#chiusura {
width: 100%;
float:left;
/*clear:both;*/
background:#463A3A url(../images/sfondo_centrato_chiusura.gif) center repeat-y;
color:#927D7D;
margin: 0px;
padding:0px;
}

.clear {
visibility: hidden;
clear: both;
}

#centratoChiusura {
width: 820px;
margin: 0px auto;
text-align:left; /* per quella maerda di IE5.x/Win */
}

#centratoChiusura a:link,
#centratoChiusura a:visited {
padding:1px;
color: #CCCCCC;
text-decoration: none;
}

#centratoChiusura a:hover,
#centratoChiusura a:focus,
#centratoChiusura a:active {
padding:1px;
color: #CCCCCC;
background-color:#463A3A;
text-decoration:underline;
}

#chiusuraSinistra {
	width: 263px;
	height:240px;
	float: left;
	margin: 15px 0px 0px 10px;
}

#chiusuraCentro {
	width: 263px;
	float: left;
	margin: 15px 0px 0px 10px;
}

#chiusuraDestra{
	float: left;
	margin: 15px 0px 0px 10px;
}

#chiusuraCentro ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#chiusuraCentro li {
	margin: 0;
	padding: 0px 0px 3px 0px;
}

#footer {
	width: 100%;
	clear:both;
	color: #99b4bb;
	background: #213034 url(images/footer-bg.gif) repeat-x;
	margin-top: 20px;
}

#footer_wrap {
	width: 990px;
	margin: 0px auto;
}
#footer_middle {
	width: 300px;
	height: 280px;
	float: left;
	margin: 15px 15px 0 0;
}
#footer_left {
	width: 300px;
	float: left;
	margin: 15px 25px 0 25px;
}
#footer_right {
	float: left;
	margin: 15px 0 0;
}
#footer_right ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_right li {
	margin: 0;
	padding: 0 0 15px;
}
#footer_right a cite {
	text-decoration:none;
	color: #A5D6E0;
	font-weight: bold;
	font-style: normal;
}
#footer_right a:hover cite {
	text-decoration:none !important;
}


.footer_copyright {
	margin-top: 10px;
	text-align: right;
	clear: both;
	font-size: 90%;
}







/* ######################################################################### */
/* FORM */
/* ######################################################################### */

input, textarea, select{
font-size: 12px;
font-family:"Trebuchet MS", Optima, "Lucida Grande", Georgia;
color:#333333;
}