/* !reset */
@import url(blueprint/src/reset.css);
@import url(blueprint/src/typography.css);

body             { color:#222; }
html             { overflow-y:scroll; margin-left:-1px; }
strong           { color:#000; }
a                { color:#4b6ccd; }
a:focus, a:hover { color:#000; }

input                      { vertical-align:middle; }
input.text_field, textarea { padding:2px; font:12px Arial,Helvetica,sans-serif; background:#fff; color:#555; border:1px solid #ccc; }
select { background:#fff; color:#555; border:1px solid #ccc; }

.titolo_sezione   { margin-bottom:0; font-size:1.8em; color:#1F5AA0; margin-bottom:0.5em; font-family:Arial, Helvetica, sans-serif; }
#bussola          { color:#999; font-size:11px; margin-bottom:1em; line-height:24px; background:url(../images/bgBussola.png) no-repeat 0 0; padding-left:24px; }
#bussola a        { color:#999; }
#bussola a:hover  { color:#000; }

.decorative-title { margin-bottom:0; font-size:1.3em; color:#1F5AA0; margin-bottom:0.5em; font-family:"Century Gothic", Avantgarden, arial, sans-serif; }

.box-title p {  }
.box-title a { float:right; }

.clearfix { clear:both; }

.error, .errore { color:#d00; font-weight:bold; }

h1,h2,h3,h4,h5,h6 { }
h4 { font-weight:bold; }

/* !utilities */
.mir { display:block; overflow:hidden; outline:none; text-indent:-9999em; }

/* !layout */
html, body { height:100%; }

body             { background:#fff url(../images/bgContent.png) repeat-y center top; }
.wrapper         { width:950px; margin:0 auto; }
#header          { height:110px; background:url(../images/bgHeader.png) repeat-x 0 0; }
#header .wrapper { height:110px; position:relative; }
#banner          { height:270px; background:#445381 url(../images/bgBanner.jpg) no-repeat center top; }
#banner .wrapper { height:270px; background:url(../images/bgBannerCentrale.jpg); }

#bannerInterno          { height:90px; background:#445381 url(../images/bgBannerPagineInterne.jpg) no-repeat center top; }
#bannerInterno .wrapper { height:90px; }
#bannerInterno .wrapper h3 { height:90px; width:950px; background:url(../images/bannerPagineInterne.jpg); margin:0; }
.en #bannerInterno .wrapper h3 { background:url(../images/bannerPagineInterneEN.jpg); margin:0; }

#footer          { height:320px; background:url(../images/bgContentArea.png) repeat-y center top; }
#footer .wrapper { width:910px; height:280px; padding:20px; position:relative; background:url(../images/bgFooter.jpg) no-repeat 0 0; }

#pagewrap { min-height:100%; height:auto !important; height:100%; margin-bottom:-320px; }

#content { padding-bottom:320px; }
#content .wrapper { }

#contentarea { margin:20px; background:url(../images/fauxColumn.png) repeat-y left top; width:910px; overflow:hidden; }
#sidebar { float:left; width:240px; }
#maincolumn { float:right; width:630px; }

/* header */
#logo { position:absolute; top:14px; left:12px; width:240px; height:83px; }
#logo a { width:240px; height:83px; background:url(../images/mirLogo.png); }
#logo a:hover { background-position:0 -83px; }
#box-cerca { position:absolute; top:10px; right:200px; }
#menunav { position:absolute; top:0; left:300px; height:72px; }
#menunav ul { margin:0; list-style-type:none; }
#menunav li { float:left;  }
#menunav a { float:left; height:72px; background:url(../images/bgMenuTab.png) no-repeat right -1072px; padding-right:20px; text-decoration:none; font-weight:bold; color:#000; }
#menunav a span { float:left; height:30px; padding-top:42px; background:url(../images/bgMenuTab.png) no-repeat left -1000px; padding-left:20px; }

#menunav a:hover { background:url(../images/bgMenuTab.png) no-repeat right -72px; }
#menunav a:hover span { background:url(../images/bgMenuTab.png) no-repeat left -0px; }

#lingue { position:absolute; left:12px; top:80px; }

/* footer */
#footer { color:#7a8699; }
#footer .sidebar { float:left; width:250px; padding-right:4px; border-right:1px solid #606772; font-size:11px; }
#footer .sidebar h5 { font-size:14px; font-weight:bold; color:#fff; margin:0; }

#footer a { color:#7a8699; }
#footer a:hover { color:#fff; }
#footer input.text_field { background:#191e27; border-color:#191e27; color:#fff; margin:2px 0; width:190px; }

#footer #formLogin .field-group { float:left; width:100px; }
#footer #formLogin .field-group input { width:80px; }
#footer #formLogin .submit-wrapper { float:left; width:20px; padding-top:18px; }

#footer .main-column { float:left; padding-left:25px }
#footer .main-column h5 { font-size:14px; font-weight:bold; color:#fff; margin-bottom:10px;  }
#footer .address { color:#fff; }
#footer .address em { color:#7a8699; font-style:normal; font-size:11px; }
#footer .infosocietarie, #footer .credits { color:#7a8699; font-size:11px; }

#telefono { position:absolute; top:20px; right:20px; width:162px; height:44px; background:url(../images/mirNumeroVerde.png); }

/* menucat */
#titoloProdotti { width:80px; height:20px; background:url(../images/mirProdotti.png); margin-bottom:10px; margin-top:0px; }
.en #titoloProdotti { background:url(../images/mirProdottiEN.png) no-repeat 0 0; }

#menucat .section-title { margin-bottom:0; }
#menucat ul { margin:0 0 1em; padding:0; list-style-type:none; width:240px; overflow:hidden; border-top:1px solid #ccc; }
#menucat ul li { float:left; width:240px; }
#menucat ul li a { display:block; padding:4px 20px 4px 10px; text-decoration:none; color:#29375F; border-bottom:1px solid #ccc; background:url(../images/arrowMenu.png) no-repeat right center; font-weight:bold; }
#menucat ul li a:hover { color:#000; background-color:#C3CEDF;  }
#menucat ul li a.current { color:#fff; background-color:#61A6DF; }

#menucat ul ul              { margin:0; border:none; }
#menucat ul ul li a         { padding-left:30px; font-weight:normal; background:url(../images/arrowMenuSub.png) no-repeat right center; color:#666; }
#menucat ul ul ul li a      { padding-left:50px; font-weight:normal; }
#menucat ul ul ul ul li a   { padding-left:70px; font-weight:normal; }

/* home */
#banner .wrapper { position:relative; }
#banner #slogan { width:400px; height:270px; position:absolute; top:0; left:0; }
#banner #animazione { width:514px; height:327px; position:absolute; top:-28px; right:0; }

#mainCats { width:950px; height:110px; list-style-type:none; margin:0 0 -20px; }
#mainCats li { float:left; }
#mainCats li a { float:left; height:110px; background:url(../images/pulsantoniHome.jpg) no-repeat 0 0; }

.en #mainCats li a { float:left; height:110px; background:url(../images/pulsantoniHomeEN.jpg) no-repeat 0 0; }

#mainCats li a#box1 { background-position:   0px 0px; width:236px; }
#mainCats li a#box2 { background-position:-236px 0px; width:240px; }
#mainCats li a#box3 { background-position:-476px 0px; width:240px; }
#mainCats li a#box4 { background-position:-716px 0px; width:234px; }

#mainCats li a#box1:hover { background-position:   0px -110px; }
#mainCats li a#box2:hover { background-position:-236px -110px; }
#mainCats li a#box3:hover { background-position:-476px -110px; }
#mainCats li a#box4:hover { background-position:-716px -110px; }

#box-newsletter p { margin-bottom:0.5em; }

#welcome { width:370px; height:50px; background:url(../images/mirSloganHome.png); margin-bottom:0; }
#welcomePicture { float:right; width:210px; }
#welcomeDesc { width:370px; text-align:justify; line-height:18px; }

#titoloNews { width:120px; height:20px; background:url(../images/mirTitoloNotizie.png); margin-bottom:20px; margin-top:10px; }
.en #titoloNews { background:url(../images/mirTitoloNotizieEN.png) no-repeat 0 0; }

.singleNews { width:100%; overflow:hidden; margin-bottom:20px }

.singleNews p { margin:0; }
.singleNews .cover { float:left; margin-right:10px; }
.singleNews .data { font-size:11px; color:#444; }
.singleNews .titolo { font-size:14px; font-weight:bold; }


/*******************************************************/
/*    STRUTTURA CATEGORIE PRODOTTI                     */
/*******************************************************/
#imm_cat_corrente {
	padding-bottom:1em;
	text-align:center;	
}

#desc_cat_corrente {
    margin-bottom:10px;
}

/*ELENCO A RIGHE*/
.item_elenco {
    float:left;
    width:100%;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
    padding-bottom:10px;
}

.item_elenco_download {
	border-bottom:1px dashed #ccc;
	margin-bottom:15px;
}

.item_elenco .immagine {
	float:right;
}

.item_elenco .titolo {
	font-size:1.0em;
	padding-bottom:.5em;
}

.item_elenco .titolo, .item_elenco .descrizione {
	margin-right:160px; /*lascio lo spazio a dx per l'immagine*/	
}

/*ELENCO A CELLE*/
.item_cella {
	float:left;
	width:30%;
	height:160px;
	border:1px solid #ddd;
	margin-right:0.9%;
	margin-bottom:0.9%;
	text-align:center;
	background-color:#fafafa;
}

.item_cella .immagine {
	padding-top:15px;	
}

.item_cella .titolo {
	font-size:1.0em;
}

.item_cella .titolo, .item_cella .descrizione {
	padding:5px;
}

/*ELENCO SPECIALE PER IL DOVESIAMO
(mostra l'immagine e la descrizione direttamente in
elenco, senza passare per il descChisiamo.html)
------------------------------------------------------*/
.dovesiamo_elenco {
	padding-bottom:.5em;
	border-bottom:1px dashed #ddd;
	margin-bottom:1em;	
}

.dovesiamo_elenco .immagine {
	text-align:center;
}

.dovesiamo_elenco .titolo {
	font-size:1.0em;
	text-align:center;
	padding:.5em 0;	
}

.dovesiamo_elenco .descrizione {
	text-align:center; /*allinea l'indirizzo*/
	padding:.5em 0;	
}

/*ELENCO SPECIALE PER IL CHISIAMO
(mostra l'immagine e la descrizione direttamente in
elenco, senza passare per il descChisiamo.html)
------------------------------------------------------*/
.chisiamo_elenco {
	padding-bottom:.5em;
	border-bottom:1px dashed #ddd;
	margin-bottom:1em;	
}

.chisiamo_elenco .immagine {
	text-align:center;
}

.chisiamo_elenco .titolo {
	padding:.5em 0;
}

.chisiamo_elenco .descrizione {
	padding:.5em 0;
}


/*******************************************************/
/*    DESCRIZIONE                                      */
/*******************************************************/

#descrizione {
	
}

#descrizione #imm_prodotto {
	text-align:center;
	padding-bottom:.5em;
}

#descrizione #imm_prodotto img {
    margin:0 10px;
}

#descrizione #titolo {
	font-size:1em;
	text-align:center;
}

#descrizione #desc_prodotto {
	padding:.5em .5em;
	background-color:#fafafa;
	border:1px solid #ccc;
	margin:1em 0;
}

#descrizione table {
}


.img_zoom { float:left; width:150px; }

/*********************/
/* RISULTATI RICERCA */
/*********************/
.risultati_ricerca {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:3px double #ddd;
}

/***********/
/* SITEMAP */
/***********/

#sitemap .titoloSitemap {
	margin:0;
}

#sitemap ul {
	padding-left:4em;
	list-style-type: disc;
	color:#aaa;
}

#sitemap ul li {
	margin:.2em 0;
}

#sitemap ul ul {
	padding-left:3em;
	font-size:1em;
}

/*******************/
.messaggio_errore {
	background-color:#f00;
	color:#fff;
	font-weight:bold;
	padding:2px 5px;
}



#form_contatti fieldset             { clear:both; border:none; }
#form_contatti fieldset#fs_pulsanti { padding-left:25%; }
#form_contatti ul                   { list-style-type:none; padding:0; }
#form_contatti li                   { padding:2px 0px; margin:2px 0px; }
#form_contatti label                { width:25%; float:left; }
#form_contatti textarea             { width:74%; height:10em; padding:0px; border:1px solid #ccc; }

#form_contatti textarea.focus       { background-color:#f2f2f2; border:1px solid #777; padding:0px; }
#form_contatti input.text_field     { background-color:#fff; border:1px solid #ccc; padding:1px; }
#form_contatti input.focus          { background-color:#f9f9f9; border:1px solid #777; }
#form_contatti .half_left           { width:49.5%; float:left; }
#form_contatti .half_right          { width:49.5%; float:right; }
#form_contatti .three_cols          { float:left; width:32%; margin-right:.3%; }
#form_contatti h5                   { font-size:1em; padding-top:1.5em; margin-bottom:.7em; clear:both; border-bottom:1px solid #333; }

.error                              { font-weight:bold; color:#f00; }
.success                            { font-weight:bold; color:#0f0; }

/* sitemap */
#sitemap ul    { font-weight:bold; color:#5E7899; }
#sitemap ul ul { font-weight:normal; }
#sitemap ul a { color:#1d3555; }
#sitemap ul a:hover { color:#2a77dd; }