@charset "utf-8";

/*
colori
verde petrolio #146C7E
grigio #818181
*/



a, a:hover { text-decoration:none; color:#146C7E;}
ul, li { list-style:none; margin:0; padding:0;}
li a:hover { text-decoration:underline;}
h1 { font-size:27px; color:#146C7E; margin:0; padding:0;}
h2 {font-size:22px; color:#ffffff; margin:0; padding:0; font-weight:normal;}
h3 {font-size:17px; color:#146C7E; margin:0; padding:0; font-weight:normal;}
h5 {font-size:16px; color:#146C7E; margin:0; padding:0; border:0; font-weight:bold;}
h4  { font-size:15px; color:#146C7E; margin:0; padding:0; border:0; font-weight:bold; display:block; margin-top: 15px; margin-bottom:10px;}
h6 {font-size:16px; color:#146C7E; margin:0; padding:0; border:0; font-weight:normal;}
p { font-size:11px;}
table {font-size:11px;}
img { border:0px;}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:url(img_comuni/sfondo_sfumatura.jpg) repeat-x #F8F8F2;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #818181;
}
.twoColFixLtHdr #container { 
	width: 960px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 0px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	min-height:720px;
} 
.twoColFixLtHdr #header { 
	background: url(img_comuni/header.jpg) no-repeat; 
	padding: 0px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	height:359px;
} 



.twoColFixLtHdr #header h1 {
	padding-bottom:15px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 190px;
	padding-top: 30px;
}


.twoColFixLtHdr #sidebar1 a  { font-size:13px; color:#818181;}


.twoColFixLtHdr #mainContent {
	padding-top:30px;
	background-color:#F8F8F2;
	margin-left: 15px;
	float: right;
	width: 750px;
	margin-bottom: 18px;

} 

.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#F5F4E9;
	height:auto;
	border-top: #EBE8DA 1px solid;
	font-size:11px;
	clear:both;
	text-align:center;
} 

.twoColFixLtHdr #footer #footercont { width:960px; text-align:center; margin:auto;}
.twoColFixLtHdr #footer ul { margin-top:20px;}
.twoColFixLtHdr #footer li { float:left; padding-right:5px; padding-left:5px; border-right:solid 1px #146C7E;}

.twoColFixLtHdr #footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	text-align:left;
}
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.twoColFixLtHdr #container #header #header_top #logo {
	float: left;
	width: 350px;
	margin-top:18px;
}
.twoColFixLtHdr #container #header #header_top #form {
	float: right;
	height: 70px;
	width: 340px;
	padding-top:10px;
	font-size: 11px;
	color: #666666;
	padding-top: 10px;
padding-left:20px;
}

.twoColFixLtHdr #container #header #header_top #errore_login {
    width: 100%;
    text-align: center;
    color: red;
}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr #container #header #header_top #menupic {
	float: left;
	width: 200px;
	font-size:11px;
	color:#146C7E;
	text-align:right;
	margin-right:0px;
	margin-top:10px;
	margin-left: 40px;
}
.twoColFixLtHdr #container #header #header_banner {
	width: 960px;
	height:211px;
	clear:both;
	padding-top:20px;
}

.twoColFixLtHdr #testoheader { width:300px; float:left;}
.twoColFixLtHdr #container #header #menu {
	height: 48px;
	font-size:16px;
	color:#FFFFFF;
	width: 960px;
}


.twoColFixLtHdr #container #header #menu #home {
	height: 33px;
	width: 70px;
	float: left;
	margin-top: 0px;
	padding-top: 15px;
}


.twoColFixLtHdr #container #mainContent #box {
	height: 150px;
	width: 362px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background:url(img_comuni/sfondo_gadget.png) no-repeat;
}
.twoColFixLtHdr #container #mainContent #box #boximg {
	height: 130px;
	width: 130px;
	margin-top: 10px;
	margin-left: 10px;
	float:left;
	text-align:center;
}




.twoColFixLtHdr #container #header #menu #home a {color:#FFFFFF; padding-left:18px; padding-right:18px; padding-bottom:15px; padding-top:15px; height:48px; border-right:#0B4D5E solid 1px; border-left:#0B4D5E solid 1px;}
.twoColFixLtHdr #container #header #menu #home a:hover {background:url(img_comuni/sfondo_men.jpg) repeat-x; text-decoration:none; height:48px;}

.twoColFixLtHdr #container #header #menu ul { height:48px; margin-left:130px;} 
.twoColFixLtHdr #container #header #menu li a {	float:left; padding-left:28px; padding-right: 28px; padding-top:15px; height:33px;font-size:16px; color:#FFFFFF; border-left:#0B4D5E solid 1px;}
.twoColFixLtHdr #container #header #menu #borderright a {border-right:#0B4D5E solid 1px; }

.twoColFixLtHdr #container #header #menu li a:hover { background:url(img_comuni/sfondo_men.jpg) repeat-x; text-decoration:none;}

.twoColFixLtHdr #container #header #menu li a.selezionato { background:url(img_comuni/sfondo_men.jpg) repeat-x; text-decoration:none;}

.twoColFixLtHdr #bannerheader { width:660px; float: right; text-align:center;}
.twoColFixLtHdr #container #mainContent #box #testibox {
	float: right;
	width: 200px;
	margin-right:10px;
	font-size: 12px;
	color: #818181;
}

.orange_submit {
 background: url(img_comuni/puls_entra.png) no-repeat;
border: none;
height: 19px;
width: 48px;
 cursor: pointer;
 background-color: #FBFCF7;
}

.twoColFixLtHdr #container #header #header_banner #bannerheader #flash {
	height: 210px;
	width: 610px;
	background-color: #FFFFFF;
	margin-top: 7px;
	margin-bottom: 0px;
	margin-left: 6px;
}


#stampafoto{ background:url(img_comuni/stampa_foto.jpg) no-repeat;float: left;
	height: 203px;
	width: 303px;
	margin-right: 15px;
	margin-bottom: 18px;}	
	
#ingrandimenti { background:url(img_comuni/ingrandimenti.jpg) no-repeat; float: left;
	height: 203px;
	width: 303px;
	margin-right: 15px;
	margin-bottom: 18px;}
#espositori { background:url(img_comuni/promo1318.jpg) no-repeat; float: left;
	height: 203px;
	width: 303px;
	margin-right: 15px;
	margin-bottom: 18px;}
#stampatela { background:url(img_comuni/stampa_tela.jpg) no-repeat; float: left;
	height: 203px;
	width: 303px;
	margin-right: 15px;
	margin-bottom: 18px;}
#gadget { background:url(img_comuni/gadget.jpg) no-repeat;float: left;
	height: 203px;
	width: 303px;
	margin-right: 15px;
	margin-bottom: 18px;}
#prodotti { background:url(img_comuni/prodotti.jpg) no-repeat;float: left;
	height: 203px;
	width: 303px;
	margin-right: 15px;
	margin-bottom: 18px;}
#pannelli { background:url(img_comuni/stampa_diretta_pannelli.jpg) no-repeat;float: left;
	height: 203px;
	width: 303px;
	margin-right: 15px;
	margin-bottom: 18px;}
#pannelli p{
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.06, rgb(158,57,44)),
    color-stop(0.53, rgb(171,36,36))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(158,57,44) 6%,
    rgb(171,36,36) 53%
);
  border:red 1px solid;
  border-radius:40px;
  margin: 50px auto;
  color:white;
  font-family: 'Verdana';
  font-size: 20px;
  font-weight: bold;
  padding:10px 0;
  
  width:190px;
}
	
	
#listaprodotti li { list-style:disc; margin-left:12px; font-size:11px; line-height:17px;}
	

a:hover #stampafoto {opacity:0.4;filter:alpha(opacity=40);}
a:hover #ingrandimenti {opacity:0.4;filter:alpha(opacity=40);}
a:hover #espositori {opacity:0.4;filter:alpha(opacity=40);}
a:hover #stampatela {opacity:0.4;filter:alpha(opacity=40);}
a:hover #gadget {opacity:0.4;filter:alpha(opacity=40);}
a:hover #prodotti, a:hover #pannelli {opacity:0.4;filter:alpha(opacity=40);}
.twoColFixLtHdr #container #mainContent #caricamentofoto {
	border: 1px solid #C4C4C4;
	background-color: #FFFFFF;
	height: auto;
	width: 710px;
	padding:10px;
}

.arancio { color:#FF9900;}
.marginedestro { padding-right:8px}
.numeri { font-size:30px; font-weight:bold;}

input[type="button"]
{
	
	font-size:12px;
	
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

input[type="submit"]
{

font-size:12px;

/*color:#FFFFFF;*/
font-weight:bold;
cursor:pointer;
}

input#scegli_formato {
    color: #000000;
}

input[type="reset"]
{

font-size:12px;

color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}

.prezzi_formati {
    font-size: 10px;
}
.swfupload {
	background-image: url(img_comuni/selezionafoto.png);
	}.twoColFixLtHdr #container #mainContent #caricamentofoto #SWFUploadTarget #divStatus {
	margin-top: 5px;
	margin-bottom: 5px;
}
a.simil_bottone {
    background-color: #FF9900;
	font-size:12px;
	border: solid 1px #F49300;
	color:#FFFFFF;
	font-weight:bold;
	display: block;
        width: 11em;
}

.twoColFixLtHdr #container #sidebar1 #selettore_copie {
	font-size: 80%;
}

#selettore_copie {
    padding: 1px;
    margin-bottom: 10px;
}

.twoColFixLtHdr #container #sidebar1 #selettore_copie #form1 #bottone_imposta {
	text-align: center;
	margin: 5px;
}
.selettore_copie_singolo {
	margin:4px;
	margin-bottom:7px;
}
.update_icon {
	width:16px;
	height:16px;
	background-image: url(img_comuni/updating.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float:right;
        display: none;
}

#oggetto li {
	width:352px;
	height:141px;
	padding:10px;
	background: url(img_comuni/sfondo_gadget.png) no-repeat; font-size:11px; float:left;
	
}
#oggfoto { width:130px; height:130px; float:left; text-align:center;}
#oggtesto { float:right; width:200px; height:75px; margin-right:10px;}
#oggprezzo {float:right; width:200px; height:20px; margin-right:10px; text-align:right;}
#oggpersonalizza {float:right; width:200px; height:30px; margin-right:10px;text-align:right;}

#carrello { width:180px; height:55px; padding:5px; background-color:#FFFFFF;border: solid 2px #C6C6C6;}
#maincontent-new {padding:25px; background-color:#FFFFFF;border: solid 1px #C6C6C6;}
#imgcarrello { width:65px; height:55px; float:left;}
#titolocarrelli a { float:left; width:110px; font-size:12px; color:#166D80; font-weight:bold; margin-bottom:3px;}

a#link_continua {
    display: none;
    position: absolute;
    left: 500px;
}
a#link_upload {
    display: none;
    position: absolute;
    left: 240px;
}
#upload_evo {
    position: relative;
}
.twoColFixLtHdr #container #mainContent .intestazione_formato {
	font-size: 13px;
	margin-top: 10px;
        margin-bottom: 5px;
}
form.form_cambio_formato {
	display: inline;
}

.evidente { font-size:18px;}
.preventivo { width:245px; height:151px; float:right;}
#form_preventivo { width:225px; padding:10px 10px 0 10px; height:330px; float:right; background:#FFF url(img_comuni/sfondo_form_prev.jpg) repeat-x top;}
.titolo_form_prev { color:#FFF; font-weight:bold; margin-bottom:20px;}
#calcola_prezzo { background: url(img_comuni/calcolaprezzo.png) no-repeat; width:143px; height:28px; border:0; margin:8px 0 8px 0;}
#form_preventivo select { width:145px; height:20px;}
/*#form_preventivo input { width:140px; height:20px;}*/
#mainContent #form_preventivo {
	display: none;
}

.immagine_dx { float:right;}
.tabella_prezzi{ background-color:#f3f3f3; padding:8px;}

#immagine-prodotto { margin-top:15px;}
.maiuscolo { font-size:13px;}