/* *** css by alessandro zapelloni www.kitchen-studio.net *** */

/* * GESTIONE TITOLI E PARAGRAFI * */


h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
margin: 0px 0px 6px 0px;
padding:0px;
color:#000000;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
margin: 10px 0px 6px 0px;
padding:0px;
color:#D12421;
}

h3 {
font-size:12px;
margin: 10px 0px 0px 0px;
padding:0px;
color:#D12421;
}

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

.data {
font-family:'Arial Narrow', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, sans-serif;
color: #777777;
font-size:9px;
text-transform:uppercase;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/*
ol, ul, li {
margin:0px;
list-style:disc;
padding:0 0 0 14px
}
*/

ul {
list-style:none;
padding: 6px 10px 10px 0px;
margin: 0px;
color:#666666;
}

li {
padding-left:10px;
background:url(../images/marcatore.gif) 0 3px no-repeat;
margin-bottom:4px;
/*border-bottom: #DFCAB8 1px solid;*/
}

/* * GESTIONE LINK * */

a:link,
a:visited {
color: #D12421;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #D12421;
text-decoration:underline;
}


/***** CLASSI *****************************************************************************/





/* * GESTIONE LAYOUT * */

body {
margin: 0px;
padding: 0px;
text-align:center;
background:#FFFFFF;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
line-height: 16px;
}



/* *  CENTRO IL LAYOUT * */
#centrato {
width: 704px;
margin: auto;
padding-top:30px;
text-align:left; /* per IE5.x/Win */
}


#testata {
width: 704px;
height:122px;
padding:0px;
margin:0px 0px 0px 0px;
}

#testataColonna1 {
float:left;
width:240px;
height:100px;
padding:10px 0px 10px 0px;
background: trasparent;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
margin:0px;
}

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


#testataColonna2 {
float:left;
width:434px;
height:100px;
/*background: url(../images/img_testata.gif) 0 10px no-repeat;*/
padding:10px 0px 10px 0px;
text-align:right;
color: #DAF6B3;
margin-left:30px;
background: trasparent;
border-bottom: solid 1px #999999;
border-top: solid 1px #999999;
}


/***** NAVIGAZIONE con menu verticali a lista ******************************************************/

#navigazione {
float:left;
width:704px;
background: trasparent;
color: #333333;
padding:30px 0px 0px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
}


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

#navigazione ul li{
background:none;
padding:0px 0px 5px 0px;
margin:0px;
/*border-bottom: #DFCAB8 1px solid;*/
}


.navigazione li a:link,
.navigazione li a:visited {
color:#008CCC;
text-decoration:none;
font-weight:normal;
}
.navigazione li a:hover,
.navigazione li a:focus,
.navigazione li a:active{
color:#008CCC;
text-decoration:underline;
font-weight:normal;
}


/***** FINE ******************************************************/





/***** CORPO DEI CONTENUTI ******************************************************/


#loStudio {
float:left;
width: 704px;
padding-top:10px;
margin:80px 0px 0px 0px;
background:#FFFFFF;
text-align:left;
}

#servizi {
float:left;
width: 704px;
padding-top:10px;
margin:80px 0px 0px 0px;
background:#FFFFFF;
text-align:left;
}

#contatti {
float:left;
width: 704px;
padding-top:10px;
margin:80px 0px 0px 0px;
background:#FFFFFF;
text-align:left;
}


.corpo {
float:left;
width: 704px;
padding:0px;
margin:80px 0px 0px 0px;
background:#FFFFFF;
text-align:left;
}


/***** COLONNA SINISTRA - CONTENUTI PRINICPALI ******************************************************/


.colonnaTitolo {
float:left;
width:240px;
padding:0px 0px 0px 0px;
background: #FFFFFF;
color: #333333;
border-top: solid 1px #999999;
}

.colonnaSinistra {
float:left;
width:240px;
padding:0px 0px 0px 0px;
background: #FFFFFF;
color: #333333;
}


.colonnaContenuti {
float:left;
width: 434px;
padding-top:10px;
margin-left:30px;
border-top: solid 1px #999999;
}




.spaziatore {
float:left;
width: 704px;
padding:0px;
margin:10px 0px 0px 0px;
background:#FFFFFF;
text-align:right;
font-size:11px;
}

.spaziatore p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}



/***** CHIUSURA E CREDITI ******************************************************/



#chiusura {
clear:left;
padding-top:5px;
margin-bottom:20px;
border-top:#999999 solid 1px;
background: trasparent;
color:#444444;
font-size:11px;
text-align:left;
}





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

input, textarea, select{
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#555555;
}