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

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

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



/* * GESTIONE TITOLI E PARAGRAFI * */

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
margin: 0px 0px 6px 0px;
padding:10px 0px 0px 0px;
color:#008CCC;
border-top: solid 1px #999999
}

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


p {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 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:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-top: solid 1px #999999;
}

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

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

li {
padding-left:11px;
background:url(../images/marcatore_contenuti.gif) 0 6px no-repeat;
margin-bottom: 4px;
}

/* * GESTIONE LINK * */

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

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

br { clear:both }

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





/* * GESTIONE LAYOUT * */

body {
margin: 0px;
padding: 0px;
text-align:center;
background:#FFFFFF;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#555555;
line-height: 16px;
}



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


div#testata {
position:relative;
width: 704px;
height:120px;
padding:0px;
margin:0px 0px 0px 0px;
background: url(../images/img_testata.gif) 0 0px no-repeat;
}

div#testataColonna1 {
float:left;
width:234px;
height:100px;
padding:10px 0px 10px 0px;
background: trasparent;
margin:0px;
}

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



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

div#navigazione {
position:relative;
width:704px;
background: trasparent;
color: #008CCC;
padding:30px 0px 0px 0px;
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
}


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

div#navigazione ul li{
background:none;
padding:0px 0px 5px 0px;
margin:0px;
}


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

.navPortfolio {
text-decoration:line-through;
}


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





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



div#ultimilavori {
position:relative;
width: 704px;
padding:0px;
margin:0px;
background:#FFFFFF;
text-align:left;
}

div#servizi {
position:relative;
width: 704px;
padding:0px;
margin:0px;
background:#FFFFFF;
text-align:left;
}

div#contatti {
position:relative;
width: 704px;
padding:0px;
margin:0px;
background:#FFFFFF;
text-align:left;
}




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


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


.colonnaContenuti {
float:left;
width: 440px;
padding: 0px;
margin:80px 00px 0px 30px;
}

div#contatti .colonnaContenuti { margin:80px 0px 30px 30px }

.corpoImmagini {
width: 440px;
padding:0px;
margin:10px 0px 10px 0px;
}

.PadImmagine {
padding:5px;
margin-right:5px;
background-color:#cccccc;
}

.PadImmagine3 {
padding:5px;
margin:0px;
background-color:#cccccc;
}




.tornaSu {
width: 440px;
padding:0px;
margin:10px 0px 0px 0px;
text-align:right;
font-size:10px;
}

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

.tornaSu a {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.tornaSu a:link,
.tornaSu a:visited {
color: #008CCC;
text-decoration: none;
padding:1px;
}

.tornaSu a:hover,
.tornaSu a:focus,
.tornaSu a:active {
background:#008CCC;
color: #FFFFFF;
padding:1px;
text-decoration:line-through;
}

.linea {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-bottom: solid 1px #999999;
}



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



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





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

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