
/* Progettouno.com CSS, Copyright 2007 Progetto Uno Software.

1:- Tipografia di base
2:- Struttura
3:- Header
4:- Footer
5:- Form dei contatti
6:- Sitemap


*/

/* 1. ------ Tipografia di base ------ */

/* stili sul body */
body {
	background-color: #684118;
	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: #fdb912;
	text-decoration: none;
	}

/* 2. ------ Struttura ------ */


#sito {
	width: 1002px;
	margin: 0px auto;
	height:100%;
}

.separatore {
	width: 1002px;
	height: 20px;
	float:left;
}

#contenitore {
	width:996px;
	height:556px;
	float:left;
	text-align: left;
	border:3px solid #d9d9d9;
	margin-top:20px;
}

#contenitore_contenuti {
	background:url(../images/bg_contenuti.jpg);
	width:996px;
	min-height:413px;
	height:auto !important;
	height:413px;	
	float:left;
	text-align: left;
}

#flash {
	width:590px;
	height:413px;
	border-right: 1px solid #d0c0b0;
	float:left;
	text-align: left;
}

#contenitore_contenuti a {
	color: #fdb912;
	text-decoration: none;
}

#contenitore_contenuti a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#contenuti_home {
	width: 405px;
	min-height:413px;
	height:auto !important;
	height:413px;	
	background:url(../images/bg_contenuti_home.jpg);
	float:right;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#contenuti_home .slogan {
	padding:15px;
	float:left;
}

#contenuti_home .slogan p {
	padding-top:6px;
	color: #ffffff;
	line-height:1.4em;
}

#contenuti_home .focus {
	padding:0 15px 15px 15px;
	float:left;
}

#contenuti_home .titolo {
	padding-bottom:15px;
}

#contenuti_home .focus h2 {
	font-weight:bold;
	font-size:10px;
	color: #f9cd62;
}

#contenuti_home .focus a {
 font-size:10px;
	color:#FFFFFF;
}

#contenuti_home .focus a:hover {
 font-size:10px;
	color:#fdb912;
}

#contenuti_home .foto_focus {
	float:left;
	border: 1px solid #f9eecb;
	display: inline;
	float:left;
}

#contenuti_home .testo_focus {
	float:right;
	width: 290px;
}

#contenuti_home .testo_focus p {
 padding-top: 8px;
	color: #ffffff;
}

#contenuti_home .news {
	padding:25px 15px 15px 15px;
	float:left;
}

#foto {
	display:inline;
	float:left;
	text-align: left;
}

#contenuti_interno {
	font-family: "Lucida Grande", "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_linea.jpg) top left no-repeat;
	min-height:413px;
	height:auto !important;
	height:413px;	
	float:left;
	display:inline;
}

#box_unico {
 width: 944px;
	height:381px;
	padding: 0 16px 0 16px;
	float:left;
}

#box_unico p {
	margin-top: 16px;
}

#contenuti_interno .testo {
	padding: 0 15px 0 15px;
	width: 415px;
	float:left;
}

#contenuti_interno .testo_contenuto {
	overflow:auto;
	height:300px;	
}

#contenuti_interno .testo p {
	line-height:1.3em;
	padding:5px 4px 0 4px;
	color:#ffffff;
}

#contenuti_interno .testo h2 {
 font-size: 28px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #fdb912;
	padding-left:2px;
	font-weight:normal;
}

#contenuti_interno .testo h3 {
 font-size: 18px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	font-weight:normal;
		padding-left:2px;
	margin-top:15px;
}

#contenuti_interno .submenu {
	background-color:#865e36;
	height:20px;
	width: 407px;
	padding:2px;
	margin-top: 5px;
	margin-bottom: 6px;
}

#contenuti_interno .submenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:6px;
}

#contenuti_interno .titolo {
width: 68px;
height: 413px;
float:right;
}

#contenuti_interno .directory {
	padding:6px 0px 10px 20px;
}

#contenuti_interno .directory a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
}

#contenuti_interno .directory a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCC;
	text-decoration:none;
}


/******************** PRODOTTO **************************/
#contenuti_interno .prodotto {
	display:block;
	width: 220px;
	height: 65px;
	float:left;
	margin-top:10px;
	overflow:hidden;
}

#contenuti_interno .prodotto img {
	float:left;
	border: 1px solid #f9eecb;
	margin-right:10px;
	margin-left:5px;
	margin-top:0px;
}

#contenuti_interno .prodotto img.hov {
	float:left;
	border: 1px solid #f9eecb;
	margin-right:10px;
	margin-left:0px;
	margin-top:-5px;	
	display:none;
}

#contenuti_interno .prodotto:hover {
	font-size:14px;
	font-weight:bold;
}

#contenuti_interno .prodotto:hover img {
	display:none;
}

#contenuti_interno .prodotto:hover img.hov {
	display:block;
}


#contenuti_interno .elenco_prodotti {
	width: 238px;
	height: 413px;
	float:left;
}

#contenuti_interno .elenco_prodotti h2 {
padding-top:42px;
}

#contenuti_interno .elenco_prodotti ul {
margin-left:22px;
margin-top:15px;
color:#fdd36d;
}

#contenuti_interno .elenco_prodotti li {
line-height: 1.4em;
}

#contenuti_interno .elenco_prodotti ul a {
color:#fdd36d;
}

#contenuti_interno .elenco_prodotti ul a:hover {
color:#fff;
}

#contenuti_interno .applicazioni {
	width: 239px;
	height: 413px;
	border-left: 1px solid #FFFFFF;
	float:left;
}

#contenuti_interno .foto_testo {
	border: 1px solid #FFFFFF;
	margin-right:10px;
	margin-top:10px;
	float:left;
}

#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: 996px;
	height: 143px;
	background-image:url(../images/bg_header.jpg);
	float:left;
}

#logo {
	width: 219px;
	height: 143px;
	float:left;
}

#lingue {
	width: 21px;
	height: 83px;
	float:left;
}

#menu {
	width: 777px;
	height: 143px;
	float:left;
}

	.menu_dx a {
		color:#ddd;		
	}
/*	.menu_dx a:active
	{
		outline: none;
	}
	
	.menu_dx a:focus
	{
		-moz-outline-style: none;
	}	*/


/* 4. ------ Footer ------ */


#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 1002px;
	height: 24px;
	clear: both;
	text-align:left;
	color: #cacaca;
	font-size:10px;
}

#footer .testo {
	width: 700px;
	float:left;
	text-align:left;
}

#footer .testo p {
	padding: 5px 0 10px 0px;
	margin: 0px;
}

#footer .menu {
	width: 300px;
	padding: 5px 0px 10px 0px;
	float:right;
	text-align:right;
}

#footer .menu p {
	padding:0;
	margin:0;
}

#footer a {
	color: #cacaca;
	text-decoration: none;
	font-size:10px;
}

#footer a:hover {
	color: #FDB812;
	text-decoration: none;
	font-size:10px;	
}

/* 5. ------ Form dei contatti ------ */


#formcontatti {
	margin-left: 35px;
}

#formcontatti label {
	display : block;
	margin-top : 1em;
	margin-bottom : .3em;
	font-size : 92%;
	line-height : 1.636;
	color : #FFF;
}

#formcontatti input, textarea {
	width : 250px;
	padding : 2px;
	border : 1px solid #FDB912;
	background :  #f6f6f6;
	font : 109.1% Verdana, Geneva,  Arial, Helvetica, sans-serif;
}

#formcontatti input.submit {
	width : auto;
	padding : 4px .5em;
	color : #4e6462;
	font-size : 100%;
}

#formcontatti input.submit:hover {
	color : #2b5555;
	background : #e2e2e2;
	cursor : pointer;
	cursor : hand;
}

#contactform p {
	margin : 0;
	line-height : 1.636;
	font-size : 92%;
	text-align : right;
}

fieldset {
	border: 0px;
	width: 250px;	
}

/* 6. ------ Sitemap ------ */

.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;	
}

.download {
	margin-left:10px;
	margin-top:10px;
}

.tit_slogan {
	background:#A08066;
	width:365px;
	height:24px;
	font-size:13px;
	line-height:24px;
	padding-left:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
