/* Progettouno.com CSS, Copyright 2007 Progetto Uno Software.

1:- Tipografia di base
2:- Struttura
3:- Header
4:- Footer
5:- Pagine interne
6:- Form dei contatti
7:- Portfolio


*/

/* 1. ------ Tipografia di base ------ */

/* stili sul body */
body {
	background-color: #4f4848;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	font-family: "Lucida Grande", "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
	color: #dfdddd;
	font-size: 12px;
}

/* margini e padding */
html, body {
	margin: 0;
	height:100%;
	padding: 0;
	text-align: center;
}

div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/*collegamenti ipertestuale*/
a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	}

a:hover {
	color: #398daa;
	text-decoration: none;
	}

/* 2. ------ Struttura ------ */


#sito {
	width: 1002px;
	margin: 0px auto;
	height:100%;
}

.separatore {
	width: 1002px;
	height: 26px;
	float:left;
}

#contenitore_contenuti {
	background-image:url(../images/bg_contenitore.jpg);
	width:1002px;
	height:477px;
	float:left;
	text-align: left;
}

#contenitore_contenuti a {
	color: #FFFFFF;
	text-decoration: none;
}

#contenitore_contenuti a:hover {
	color: #CCC;
	text-decoration: none;
}

#contenuti_collezione {
	width: 996px;
	height:471px;
	border:3px solid #6c6363;
	float:left;
	display:inline;
}

#contenuti_collezione .titolo {
	width:56px;
	height:471px;
	padding-right:1px;
	float:left;
}

#contenuti_collezione .immagini {
	width:939px;
	height:430px;
 float:right;
}

#contenuti_collezione .foto {
	float:left;
	border-right: 5px solid #6c6363;
	border-bottom: 3px solid #6c6363;	
	display: inline;
}

#contenuti_collezione .foto_nobordo {
	float:left;
	border-right: none;
	border-bottom: 3px solid #6c6363;	
	display: inline;
}

#contenuti_collezione .pagine {
	float:left;
	display: inline;
	width:930px;
	text-align:right;
	font-family: "Lucida Grande", "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0px 0px 0px;
	color:#b5b5b5;
}

#contenuti_collezione .pagine a {
	color: #dfdddd;
	text-decoration: none;
}

#contenuti_collezione .pagine a:hover {
	color: #ffffff;
	text-decoration: none;
}

#contenuti_collezione .foto_big {
	float:left;
	width: 784px;
	border-right:4px solid #6c6363;
	height: 471px;
}

#contenuti_collezione .dati_dettaglio {
	float:right;
	width: 208px;
	height: 471px;
}

#contenuti_collezione .dati {
	float:left;
	width:188px;
	height:226px;
	line-height:1.4em;
	padding:20px 10px 10px 10px;
	font-family: "Lucida Grande", "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
}

#contenuti_collezione .dati p {
	color: #dfdddd;
}

#contenuti_collezione .dati p.mod {
	color: #c5cb00;
	padding-bottom:10px;
}

#contenuti_collezione .dettaglio {
	float:left;
	border-top:1px solid #6c6363;
	border-bottom:3px solid #6c6363;	
}

#contenuti_collezione .pulsanti {
	width:208px;
	height:60px;
}

#contenuti_profilo {
	width: 996px;
	height:471px;
	border:3px solid #6c6363;
	float:left;
	display:inline;
	font-family: "Lucida Grande", "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
}

#contenuti_profilo .foto_azienda {
	width:557px;
	height:471px;
	border-right:3px solid #6c6363;
	float:left;
	position:relative;
}
	#contenuti_profilo .foto_azienda .sopra_foto_bg {
		position:absolute;
		height:471px;
		width: 380px;
		right:56px;
		top:0px;
		background: #444;
		filter: alpha(opacity=40);
		-moz-opacity:.40;opacity:.40;
	}
	
	#contenuti_profilo .foto_azienda:hover .sopra_foto_bg {
		filter: alpha(opacity=70);
		-moz-opacity:.70;opacity:.70;
	}

	#contenuti_profilo .foto_azienda .sopra_foto {
	position:absolute;
	text-align:right;
	height:461px;
	width: 360px;
	right:56px;
	top:0px;
	padding:10px;
	font-size:10px;
			filter: alpha(opacity=70);
		-moz-opacity:.70;opacity:.70;
	}
	#contenuti_profilo .foto_azienda:hover .sopra_foto {
		filter: alpha(opacity=100);
		-moz-opacity:.100;opacity:.100;
	}

#contenuti_profilo .testo_azienda {
	width: 386px;
	height:411px;
	float:right;
	padding: 10px 25px 30px 25px;
}

#contenuti_profilo .testo_azienda h2 {
 font-size: 12px;
	color: #c5cb00;
	margin-top:20px;
}

#contenuti_profilo .testo_azienda p {
 font-size: 12px;
	line-height:1.4em;
	padding-top:8px;
	color: #dfdddd;
}

#contenuti_contattaci {
	width: 956px;
	height:411px;
	border:3px solid #6c6363;
	float:left;
	display:inline;
	padding:30px 20px;
	font-family: "Lucida Grande", "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
}

/* 3. ------ Header ------ */

#header {
	width: 1002px;
	height: 83px;
	float:left;
}

#logo {
	width: 284px;
	height: 83px;
	float:left;
}

#lingue {
	width: 21px;
	height: 83px;
	float:left;
}

#menu {
	width: 697px;
	height: 83px;
	float:right;
}


/* 4. ------ Footer ------ */


#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 1002px;
	height: 50px;
	clear: both;
	text-align:left;
	color: #9d9b9b;
}

#footer .testo {
	width: 700px;
	float:left;
	text-align:left;
}

#footer .testo p {
	padding: 16px 0 10px 3px;
	margin: 0px;
	font-size:10px;
}

#footer .testo h2 {
	padding: 16px 0 10px 3px;
	margin: 0px;
	font-size:10px;
	font-weight:normal;
}

#footer .menu {
	width: 200px;
	padding: 16px 0px 10px 0px;
	float:right;
}

#footer .menu p {
	padding:0;
	margin:0;
}

#footer a {
	color: #9d9b9b;
	text-decoration: none;
	font-size:10px;
}

#footer a:hover {
	color: #dbdbdb;
	text-decoration: none;
	font-size:10px;	
}

/* 5. ------ Pagine interne ------ */

.cont_sx_menu{
	width:230px;
	float:left;
	margin: 0px;
	padding: 0px;
	min-height:400px;
	height:auto !important;
	height:400px;
	}

.spacer {
	width:230px;
	height:25px;
	float:left;	
}

.titolo_sez {
	margin-bottom: 14px;
	float:left;
}

.titolo_sez_int {
	float:left;
}

.cont_menu_sx{
	float:left;
	display:inline;
	width:219px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}

.color_sel{
	color:#8e687d;
	}
	
.color_sel .menu_proc {
	padding-left: 20px;
	background: url(../images/plus.gif) no-repeat 4px 0.4em;
	width: 200px;
}

.color_sel .nomenu {
	padding-left: 10px;
	line-height:1.6em;
	width: 200px;
	font-size:11px;
	color:#666;	
}

.menu_proc img{
	border:none;
	margin: 0 0 0 0;
}


#contenitore_contenuti .menu_proc a:link{
	color:#666666;
	text-decoration:none;
	}
	
#contenitore_contenuti .menu_proc a:visited{
	color:#666666;
	text-decoration:none;
	}
	
#contenitore_contenuti .menu_proc a, .menu_proc a:visited {
	float: left;
	display: inline;
	padding-left: 20px;
	background: url(../images/arrow.gif) no-repeat 4px 0.4em;
}

#contenitore_contenuti .menu_proc a:hover{
	color:#b192a3;
	}
	
	
#contenitore_contenuti .menu_proc a:hover {
		direction: ltr;
	}
	
#contenitore_contenuti .menu_proc a:hover strong {
		text-decoration: underline;
	}	
	
.cont_dx {
	width:585px;
	float:left;
	display:inline;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding-bottom: 30px;
}	

.titolo_pagina{
	float:left;
	display: inline;
	margin-top: 22px;
	font-size: 19px;
	color: #859eab;
	margin-left: 16px;
}

.titolo_pagina h1 {
	font-size: 19px;
	font-weight:normal;
}

.in_evidenza{
	float:left;
	display: inline;
	margin-top: 22px;
	font-size: 18px;
	color: #A7A7A9;
	margin-left: 16px;
}

.cont_desc_txt1 {
	float:left;
	width: 553px;
	margin: 10px 16px 0 16px;
	display: inline;
	font-size:12px;
	line-height:1.4em;
}

.cont_desc_txt1 h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
}

.cont_desc_txt1 p {
	margin-bottom: 10px;
}

.cont_desc_txt2 a, .cont_desc_txt2 a:hover {
	font-size:11px;
}

.cont_desc_txt1 a, .cont_desc_txt1 a:hover {
	font-size:12px;
}

.cont_desc_txt2 {
	float:left;
	width: 553px;
	margin: 10px 16px 0 16px;
	display: inline;
	font-size:11px;
	line-height:1.4em;
}

.cont_desc_txt2 p {
	margin-top: 10px;
}

.cont_desc_txt2 ul {
	margin-top: 10px;
}

.cont_desc_txt1 ul{
	margin: 10px;
}

.cont_desc_txt2 li, .cont_desc_txt1 li {
	margin-left: 20px;
	margin-top: 4px;
}

.cont_desc_txt2 h3 {
	font-size: 11px;
	font-weight: bold;
	margin-top:20px;
}

.navigazione_dx {
	font-weight: bold;
	text-align:right;
	margin-top: 24px;
	padding-right: 14px;
	float:right;
}

.navigazione_sx {
	font-weight: bold;
	text-align:left;
	margin-top: 24px;
	padding-left: 14px;	
	float:left;
}

.navigazione {
	font-weight: bold;
	float:left;
	width: 560px;
	text-align:center;
	margin-top: 18px;
}

/* 6. ------ Form dei contatti ------ */

input, textarea {
	border : 1px solid #b0bbbb;
	background :  #f6f6f6;
}

input.submit {
	color : #4e6462;
}

input.submit:hover {
	color : #2b5555;
	background : #e2e2e2;
	cursor: pointer;
}

#contactform p {
	margin : 0;
	line-height : 1.636;
	font-size : 92%;
	text-align : right;
}

fieldset {

}

/* 7. ------ Portfolio ------ */

.sitemap {
	font-size: 10px;
	float:left;
	text-align:left;
	margin-top: 18px;	
}

.sitemap h4 {
	font-weight: bold;
	font-size:12px;
	text-align:left;
	padding-left: 4px;
	padding-bottom: 8px;	
	margin: 0px;
	border-left: 1px solid #CCC;
	color: #8E687D;
}

#contenitore_contenuti .sitemap a {
	font-weight: normal;
	font-size: 10px;
	text-decoration:none;
	padding-left: 4px;
	color:#666;
}

#contenitore_contenuti .sitemap a:hover {
	font-weight: normal;
	font-size: 10px;
	text-decoration:underline;
	color:#378CA9;	
}