/*################################## APPIANI AGOSTINO ###############################*/

body {
  padding:0px 0px 10px 0px;
  margin:0px;
  background-color:#FFFFFF;
	background-image:url("../img/sfondo_body.jpg");
	background-positio:center top;
	background-repeat:repeat-x;
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	color:#4F4949;
	text-align:center;
} 

#contenitore {
  width:749px;
	padding:0px;
	margin:0px auto;
	background-image:url("../img/sfondo_contenitore.jpg");
	background-positio:center top;
	background-repeat:repeat-y;
} 

#contenitoreIn {
  width:749px;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding:0px;
	margin:0px;
	background-image:url("../img/sfondo_contenitore_in.jpg");
	background-positio:center top;
	background-repeat:no-repeat;
} 

#testa {
 width:749px;
 padding:0px;
 margin:0px;
} 

#menu {
 width:749px;
 height:28px;
 padding:0px;
 margin:0px;
 position:relative;
 text-align:left;
} 

#menu ul {
  padding:5px 0px 0px 0px;
  margin:0px 0px 0px 15px;
	position:relative;
}

#menu ul li {
  padding:0px;
  margin:0px 0px 0px 0px;
	list-style-type:none;
	display:block;	
	float:left;
	height:15px;
	line-height:15px;
  color:#636F78;
	font-size:10px;
	/*position:absolute;
	top:6px;*/
}

#menu ul li a {
  color:#636F78;
	padding:0px 5px 0px 5px;
	display:block;
	float:left;
	text-decoration:none;
	border-left:1px solid #B3A6A3;
}

#menu ul li a:hover {
  text-decoration:underline;
}

#menu ul li.menu {
  font-weight:bold;
	/*left:24px;*/
	margin-right:8px;
}

#menu ul li.azienda {
  /*left:79px;*/
}

#menu ul li.tecnologia {
  /*left:145px;*/
}

#menu ul li.servizi {
  /*left:234px;*/
}

#menu ul li.prodotti {
  /*left:296px;*/
}

#menu ul li.contatti a{
  /*left:372px;*/
	border-right:1px solid #B3A6A3;
}

#bandiere {
  position:absolute;
  top:4px;
  right:15px;
	padding-left:5px;
	border-left:1px solid #B3A6A3;
}

#logo {
 width:749px;
 padding:0px;
 margin:0px;
 position:relative;
} 

#briciole {
  position:absolute;
  top:104px;
  left:25px;
	width:700px;
	text-align:left;
} 

#briciole a {
  color:#4F4949;
}

#briciole a:hover {
  text-decoration:none;
} 

#corpo {
  width:749px;
  padding:0px;
  margin:0px;
	text-align:center;
}


#footer {
  width:749px;
	height:100px;
	padding:0px;
	margin:0px auto;
	text-align:center;
	background-image:url("../img/sfondo_footer.jpg");
	background-positio:center center;
	background-repeat:no-repeat;
	position:relative;
} 

#footer p {
  padding:13px 0px 0px 0px;
  margin:0px auto;
	color:#5E646D;
} 

#footer p a {
  color:#5E646D;
	font-weight:bold;
	text-decoration:none;
}

#footer p a:hover {
  text-decoration:underline;
}

#footer .link {
  position:absolute;
  top:15px;
  right:13px;
} 

/********************************** ELEMENTI GENERICI ******************************/

a {
  color:#5E646D;
}

a:hover {
  text-decoration:none;
}

.blocca {
  clear:both;
	height:0px;
	line-height:0px;
	margin:0px;
} 

img {
  border:0px;
  padding:0px;
  margin:0px;
} 

h1 {
  font-size:15px;
	color:#636F78;
	padding:0px;
	margin:0px 0px 0px 180px;
	background-color:#FFFFFF;
	position:relative;
}

h1.monoColonna {
  margin:0px 0px 0px 10px;
}

h2 {
  color:#2F6E9E;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size:12px;
}

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

img.fleft {
  float:left;
	margin:0px 10px 10px 0px;
	border:1px solid #2F6F9D;
}

img.fright {
  float:right;
	margin:0px 0px 10px 10px;
	border:1px solid #2F6F9D;
}

.center {
  text-align:center;
}

.right {
  text-align:right;
}

.separatore {
  margin:10px 0px;
	padding:0px;
} 


/************************************ HOME PAGE **************************************/

#contenutoHome {
  width:735px;
	padding:25px 0px 0px 0px;
	margin:0px auto;
	text-align:center;
}

#colonne4 {
  width:700px;
	padding:0px;
	margin:0px auto;
	background-image:url("../img/sfondo_colonne4.jpg");
	background-position:center top;
	background-repeat:repeat-y;
}

.colonna {
  float:left;
  width:175px;
	padding:0px 6px;
	margin:0px;
	text-align:center;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width:163px;
} html>body .colonna { width:163px; } 

.colonna .foto {
  width:163px;
	height:162px;
	padding:0px;
	margin:0px auto;
}

.colonna .foto img {
  border:2px solid #707684;
}

.colonna .testo {
  border-top:2px solid #FFFFFF;
	text-align:left;
	padding:3px;
} 

.colonna .testo h2 {
  font-size:10px;
	padding:0px;
	margin:0px;
}

.colonna .testo .freccinaHome {
  padding:0px;
  margin:5px 0px 5px 0px;
} 

/********************************* PAGINE INTERNE *********************************/

#contenuto {
  width:735px;
	padding:10px 0px 20px 0px;
	margin:0px auto;
	text-align:left;
}

#contenuto p {
  line-height:15px;
}

#contenutoIn {
	width:735px;					 
	padding:10px;
	margin:0px auto;
	background-color:#F4F2F1;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width:715px;
} html>body #contenutoIn { width:715px; }

#sidebar {
  float:left;
  width:170px;
	min-height:310px;
	height:auto !important;
	height:310px;
  padding:0px;
  margin:0px;
	background-image:url("../img/sfondo_sidebar.jpg");
	background-position:left top;
	background-repeat:repeat-x;
} 

#menu2 {
  padding:0px;
  margin:0px 0px 0px 0px;
}

#menu2 ul {
  padding:0px;
  margin:0px;
} 

#menu2 ul li {
  padding:0px 0px 5px 5px;
  margin:5px 2px;
	list-style-type:none;
	border-bottom:1px solid #C3C2C2;
}

#menu2 ul li a {
  text-decoration:none;
	color:#636F78;
}

#menu2 ul li a:hover {
  text-decoration:underline;
} 

#pagina {
  float:left;
  width:565px;
	padding:0px 0px 0px 10px;
	margin:0px;
	color:#636F78;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width:555px;
} html>body #pagina { width:555px; } 


#paginaIn {
  width:555px;
	min-height:310px;
	height:auto !important;
	height:310px;
	margin:0px;
	padding:10px;
	background-color:#F4F2F1;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width:535px;
} html>body #azienda { width:535px; } 


/*************************************** PRODOTTI **********************************/

.menuProdotti table {
	border-collapse:collapse;
	width:700px;
	table-layout:fixed;
}

.menuProdotti table td {
  vertical-align:middle;
	text-align:left;
	padding:0px;
}

.menuProdotti table td.img {
  width:95px;
}

/*
.menuProdotti table td.testo {
  width:100px;
}*/

.menuProdotti a {
  color:#2F6E9E;
	text-decoration:none;
	font-weight:bold;
} 

.menuProdotti a:hover {
  text-decoration:underline;
}


/*********************************** CATEGORIE OMBRELLERIA **************************/

.tornaIndietro {
  text-align:left;
  margin-bottom:5px;
	color:#2F6E9E;
}

.tornaIndietro a {
  color:#2F6E9E;
	color:#666666;
	text-decoration:none;
}

.tornaIndietro a:hover {
  text-decoration:underline;
}

.tornaIndietro strong {
  font-size:12px;
}

h1.catOmbrelleria {
  margin:0px 0px 5px 66px;
}

#catOmbrelleria {
  width:600px;
  padding:0px;
  margin:0px auto;
	background-image:url("../img/sfondo_articoli_ombrelleria.jpg");
	background-position:center top;
	background-repeat:repeat-y;
} 

#catOmbrelleria .colonna1 {
  width:300px;
	float:left;
	padding:5px;
	margin:0px;
	text-align:left;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width:290px;
} html>body #catOmbrelleria .colonna { width:290px; }  


#catOmbrelleria .colonna2 {
  width:300px;
	float:left;
	padding:5px 0px 0px 10px;
	margin:0px;
	text-align:left;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width:290px;
} html>body #catOmbrelleria .colonna { width:290px; }  

#catOmbrelleria div {
  margin-bottom:10px;
}

#catOmbrelleria div a {
  color:#4E4A49;
	text-decoration:none;
} 

#catOmbrelleria div a:hover {
  text-decoration:underline;
}

#catOmbrelleria div a img {
  margin-right:3px;
}

#catOmbrelleria div span {
  color:#2F6E9E;
}
/************************************ ELENCO ARTICOLI ******************************/

#elencoArticoli .articolo {
	width:555px;				
	padding:10px 0px;
	margin:0px 0px 5px 0px;				
	background-color:#F4F2F1;
} 


#elencoArticoli .articolo .foto {
  float:left;
  width:120px;
	text-align:center
} 

#elencoArticoli .articolo .foto img {
  border:1px solid #4F84AC;
} 

#elencoArticoli .articolo .testo {
  float:left;
  width:431px;
	padding:0px;
	margin:0px;
} 

#elencoArticoli .articolo .largo {
  float:none;
	width:540px;
	margin-left:10px;
}

#elencoArticoli .articolo .testo ul {
  margin:10px 0px;
  padding:0px;
}

#elencoArticoli .articolo .testo ul li {
  margin:5px 0px;
  padding:0px;
	list-style-type:none;
} 

#elencoArticoli .articolo .testo .schedaProdotto {
  text-align:right;
	padding:20px 5px 0px 0px;
}

#elencoArticoli .articolo .testo .schedaProdotto a {
  text-decoration:none;
	color:#2F6E9E;
}

#elencoArticoli .articolo .testo .schedaProdotto a:hover {
  text-decoration:underline;
}

#elencoArticoli .articolo .testo .schedaProdotto img {
  vertical-align:middle;
} 


/*********************************** SCHEDA PRODOTTO ********************************/

#schedaProdotto ul {
  margin:10px 0px;
  padding:0px;
}

#schedaProdotto ul li {
  margin:5px 0px;
  padding:0px;
	list-style-type:none;
} 

#schedaProdotto table {
  border-collapse:collapse;
}

#schedaProdotto table td {
	width:100px;
	height:100px;												 
  padding:5px;
	text-align:center;
	vertical-align:middle;
} 

h1 a.tornaElenco {
  font-size:10px;
	color:#2F6E9E;
	font-weight:normal;
	text-decoration:none;
	position:absolute;
	top:3px;
	right:5px;
}

h1 a.tornaElenco:hover {
  text-decoration:underline;
}

h1 a.tornaElenco img {
  vertical-align:middle;
  margin-right:3px;
	padding-top:1px;
}

div.tornaElenco {
  text-align:right;
	padding-top:5px;
	padding-right:5px;
} 

div.tornaElenco a.tornaElenco {
  font-size:10px;
	color:#2F6E9E;
	text-decoration:none;
}

div.tornaElenco a.tornaElenco:hover {
  text-decoration:underline;
}

div.tornaElenco a.tornaElenco img {
  vertical-align:middle;
  margin-right:3px;
	padding-top:1px;
}

/************************************* COME RAGGIUNGERCI ****************************/

#mappa {
  margin-bottom:20px;
} 

#mappa a img {
	border:2px solid #2F6E9E;
}

#mappa img {
  vertical-align:middle;
} 
/************************************** CONTATTI ************************************/


#contatti ul.recapiti {
  margin:0px 0px 0px 20px;
  padding:0px;
}

#contatti ul.recapiti li {
  margin:5px 0px;
  padding:0px;
	list-style-type:none;
} 

#contatti a {
  color:#2F6E9E;
}

#contatti a:hover {
	text-decoration:none;
}

/*** form ***/

form#contattaci {
  width:500px;
	margin:10px auto 0px auto;
	padding:20px 0px;
	font-size:11px;
	text-align:left;
}

form#contattaci input.hide {
  visibility:hidden;
}

form#contattaci p {
  margin:0px;
}

form#contattaci fieldset {
	border:1px solid #CCCCCC;
	padding:10px;
	margin-bottom:10px;
} 

form#contattaci legend {
	color:#2F6E9E;
	font-weight:bold;
	font-size:12px;
} 

form#contattaci .campo {
  margin-top:10px;
}

form#contattaci label {
  padding-bottom:10px;
	color:#666666;
	font-weight:bold;
}

form#contattaci .campo input {
  border:1px solid #CDCDCD;
	color:#333333;
	margin-top:3px;
	margin-bottom:10px;
	display:block;
	font-size:11px;
	width:99%;
} 


form#contattaci textarea {
  border:1px solid #CDCDCD;
	color:#333333;
	margin-top:3px;
	width:100%;
	height:150px;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
} 

form#contattaci .pulsanti {
  text-align:center;
} 

form#contattaci .pulsanti input {
  width:150px;
	height:25px;
	color:#666666;
	font-size:10px;
	font-weight:bold;
}


/*** visualizzazione errori ***/ 

form#contattaci .campi .errore label {
  color:#E60000;
  font-weight:bold;
  font-size:11px;
}

form#contattaci .campi .errore input {
  border:2px solid #E60000;
} 

form#contattaci .campi .errore textarea {
  border:2px solid #E60000;
} 


/*** messaggi ***/

.mexgrazie {
  width:500px;
  border:2px solid #267500;
  background-color:;
  color:#267500;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  margin:10px auto;
  padding:5px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width:490px;
} html>body .mexgrazie { width:490px }

.mexerrore {
  width:500px;
	border:2px solid #E60000;
  background-color:; 
  color:#E60000;
 	font-weight:bold;
 	font-size:11px;
	text-align:center;
	margin:10px auto;
	padding:5px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width:490px;
} html>body .mexerrore { width:490px }