@import url(blueprint/src/reset.css);
@import url(blueprint/src/typography.css);
/**************************************
	blu aziendale DAL CIN => #2c3386
***************************************/

/*************************************************************************** GENERICI *****/
BODY             								{ color: #333; background: #f1f1f1 url(../images/sf_sito.jpg) no-repeat top center; font-size: 13px; }
A          									{ color: #333; text-decoration: underline; }
A:focus, 
A:hover 									{ color: #000; text-decoration: none; }

INPUT                      							{ vertical-align: middle; }
INPUT.text_field, 
textarea 									{ padding: 2px; font: 11px Arial, Helvetica, sans-serif; background: #fff; color: #222; border: 1px solid #bbb; }
INPUT.text_field:focus, 
textarea:focus 							{ background:#eee; border-color:#999; }

SELECT 									{ background:#fff; color:#222; border:1px solid #bbb; }

.titolo_sezione   { 
	font-size: 24px; 
	margin-bottom: 5px; 
	font-weight: bold; 
	text-transform: lowercase; 
}
#bussola          							{ color: #777; font-size: 11px; margin-bottom: 1em; background: #e1e1e1 url(../images/bgBussola.png) no-repeat 0 0; padding-left: 24px; line-height: 20px; }
#bussola A        							{ color: #777; }
#bussola A:hover  						{ color: #000; }

.section-title 							{ border-bottom:1px solid #c00 }

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

.clearfix 								{ clear:both; }

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

h1,h2,h3,h4,h5,h6 						{ color: #2c3386; }
h4 { font-weight: bold; }

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

/*************************************************************************** LAYOUT *****/
#container					{ width: 960px; margin: 0 auto; }
#header						{ height: 100px; position: relative; color: #333; }
#lingue						{ position: absolute; top: 20px; right: 10px; }
#lingue	A					{ color: #333; text-decoration: none; }

#menu_header				{ position: absolute; top: 20px; right: 75px; border-right: 1px solid #fff; padding-right: 10px; }
#menu_header A				{ text-decoration: none; padding: 0; margin: 0; }
#menu_header A:hover			{ text-decoration: none; }

/*************************************************************************** HEADER *****/
#logo       						{ width:184px; height:55px; position:absolute; top:20px; left:10px; }
#logo a.mir 						{ width:184px; height:55px; background:url(../images/logo_dalcin.gif) no-repeat 0 0; }

#slogan 							{ width:440px; height:150px; position:absolute; top:0px; right:0px; background:url(../images/slogan.jpg) no-repeat 0 0; }

#box-search						{ width: 250px; position: absolute; top: 18px; right: 175px; border-right: 1px solid #fff; }
#box-search	LABEL				{ padding-right: 5px; }

/*************************************************************************** CONTENTAREA *****/
#contentarea.homepage { 
	border:1px solid #fff;
	background: url(../images/sf_main.jpg) repeat-x top #fff;
}
#contentarea { 
	clear: both; 
	overflow: hidden;
	/*border:1px solid #fff;*/
	/*background: url(../images/sf_main.jpg) repeat-x top #fff;*/
	padding: 0; 
	margin: 0;
}
#content-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0; 
	margin: 0;
}
/*************************************************************************** LEFTBOX *****/
#sidebar { 
	float: left; 
	width: 300px;
	padding: 10px 10px 0 0; 
	margin: 0;
}
/* SIDENEGOZI */
#sidenegozi h3 {
	margin-left:10px;
}
#sidenegozi UL {
	margin: 0 0 20px 0;
	padding: 0 10px;
	list-style-type: none;
}
#sidenegozi UL LI {
	margin: 0;
	padding: 0;
	display: block;
	line-height: 20px;
}
#sidenegozi UL LI SPAN {
	color: #2c3386;
	font-weight: bold;
}
#sidenegozi UL LI A {
	padding: 5px;
	text-decoration: none;
}
#sidenegozi UL LI A:hover {
	text-decoration: none;
	color: #2c3386;
	border-bottom: 1px solid #ccc;
	background: #f1f1f1;
}
/* MENUCAT */
#menucat h3 {
	margin-left: 10px;
}
#menucat UL {
	margin: 0 0 20px 0;
	padding: 0 10px;
	list-style-type: none;
}
#menucat UL LI { 
	margin: 0;
	padding: 0;
	display: block;
	line-height: 30px;
}
#menucat UL LI SPAN {
	color: #2c3386;
	font-weight: bold;
}
#menucat UL LI A { 
	padding: 5px;
	text-decoration: none;
}
/*
#menucat ul li a span			{
	background:url(../images/linea_cat.jpg) no-repeat left bottom; display:block; padding:8px 5px 8px 18px;}
*/
#menucat UL LI A:hover,
#menucat UL LI A.current {
	text-decoration: none;
	color: #2c3386;
	border-bottom: 1px solid #ccc;
	background: #f1f1f1;
}
#menucat ul ul li a { padding-left:25px; font-weight:normal; }
#menucat ul ul ul li a { padding-left:45px; }
#menucat ul ul ul ul li a { padding-left:65px; }
#menucat ul ul ul ul ul li a { padding-left:85px; }
#menucat ul ul ul ul ul ul li a { padding-left:105px; }

/* promo */
DIV#promo {
	width: 90%;
	padding: 15px;
	margin: 0 0 25px 15px;
	font-size: 11px;
	color: #666;
	border-bottom: 1px dashed #999;
	background: #fff;
	height: 80px;
}
DIV#promo IMG {
	float: left;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	padding: 0;
}
DIV#promo H4 {
	color: #c33;
	font-size: 30px;
	margin: 0;
	padding: 0;
}
DIV#promo H4 a{color: #c33; text-decoration:none;}

/* archivio promo */
DIV.elencopromo {
	border-bottom: 1px dashed #666;
	padding: 10px;
	margin: 15px 0;
	font-size: 11px;
	color: #666;
	height: 90px;
}
DIV.elencopromo IMG {
	float: left;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	padding: 0;
}
DIV.elencopromo H4	{
	color: #c33;
	font-size: 30px;
	margin: 0;
	padding: 0;
}
DIV.elencopromo A {
	text-decoration: none;
}

/* marchio */
DIV.marchio {
	text-align: right; 
	margin-top: 10px;
}

/* contenuti */
#maincontent { 
	float: right;
	width: 629px;
	padding: 15px 10px 15px 0;
	margin: 0;
	position: relative;
	min-height: 446px; 
	height: auto !important; 
	height: 446px;
}
#maincontentext { 
	float: right;
	width: 940px;
	padding: 15px 10px 15px 10px;
	margin: 0;
	position: relative;
	min-height: 446px; 
	height: auto !important; 
	height: 446px;
}
#galleryhome { 
	position: absolute;
	width: 629px;
	right: 0;
	padding: 0;
	margin: 0;
/*margin-left: 331px;*/
}
#galleryhome IMG {
	width: 629px;
	height: 446px;
	padding: 0;
	margin: 0;
	float: right;
}
#maincontent BIG,
#maincontentext BIG,
H3.titolo { 
	color: #666;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
}

/* menunav */
#menunav { 
	margin: 0;
	padding: 0;
	position: absolute; 
	bottom: 20px;
	right: 10px;
	text-align: right;
}
#menunav UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 
#menunav UL LI {
	display: inline;
	padding: 0 0 0 30px;
	text-align: right;
} 
#menunav UL LI A {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#menunav UL LI A:hover {
	color: #2c3386;
	text-decoration: none;
}

/* footer */
DIV#footer {
	width: 95%;
	clear: both;
	margin: 0 auto; 
	padding: 20px 10px;
	font-size: 11px;
	text-align: center;
	color: #333;
	background: /*url(../images/sf_footer.jpg) no-repeat top center*/;
}
DIV#footer P {
}
DIV#footer A {
	color: #666;
}

#box-login A					{ color: #8d8d8d; }
P#btn-login-wrap			{ margin-left: 102px; }

/* !categorie prodotti */
.item-cella,
.item-cella-prod { 
	float: left;
	width: 21%; 
	height: 70px;
	padding: 5px; 
	text-align: center; 
	margin: 0 10px 10px 0; 
	font-weight: normal; 
	color: #2c3386; 
	font-size: 13px;
}
.item-cella:hover,
.item-cella-prod:hover { 
	text-decoration: underline; 
}
.item-cella .immagine,
.item-cella-prod .immagine { 
	height: 45px;
}
.item-cella .titolo,
.item-cella-prod .titolo		{ font-size: 13px; }

.item-cella-prod { 
	width: 30%; 
	height: 80px;
	margin: 0 10px 30px 0; 
}

.immagine-laterale     		{ float: right; background: #fff; border-bottom: 1px dashed #999; padding: 15px; margin-left: 15px; }
.immagine-laterale IMG 		{ margin-left: 10px; }
.wrapper-elenco        			{ clear: both; }

/* gallery */
.image-gallery            		{ clear:both; }
.image-gallery H4         		{ padding:0.5em 0; margin:0; }
.gallery-item             			{ float:left; width:110px; height:110px; margin:10px 10px 0 0; }
.gallery-item a img       		{ padding:4px; border:1px solid #ddd; background:#eee; }
.gallery-item a:hover img 	{ background:#ddd; border-color:#ddd; }

/* elenco a righe */
.item-elenco               				{ float: left; width: 100%; padding: 1em 0; }
.item-elenco:last         			{ border-bottom: none; }
/*
.item-elenco .titolo    		{ margin-bottom: 0.5em; }
.item-elenco .titolo A			{ text-decoration: none; color: #c33; }
*/
.item-elenco p.data        			{ margin: 0; color: #666; font-size:11px; }
.item-elenco .immagine     		{ float: right; background: #fff; border-bottom: 1px dashed #999; padding: 15px; margin-left: 15px; }
.item-elenco .immagine IMG 		{ }
.item-elenco .descrizione     		{ text-align: justify; }
.item-elenco .descrizione BIG 	{ font-weight: italic; }

/* dove siamo */
#mappagoogle        { text-align:center; }
#mappagoogle iframe { width:100%; }

/* contattaci */
.contact-form fieldset { border:0; padding:1em 0; }
.contact-form h5 { margin-bottom:1em; border-bottom:1px solid #ccc; }
.contact-form ul { margin:0; padding:0; }
.contact-form li { clear:both; padding-bottom:4px; width:100%; overflow:hidden; list-style-type:none; margin:0; }
.contact-form .label { float:left; width:15em; color:#666; }
.contact-form .text_field, .contact-form textarea { width:24em; }
.contact-form em { color:#f33; }
.align-to-label { margin-left:15em; }
#fs_pulsanti { margin-left:15em; }
#fs_pulsanti input,#fs_pulsanti button {  background:#26368a; border:1px solid #16267a;  font:bold 12px Arial,Helvetica,sans-serif; padding:2px 40px; color:#fff; }

.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; }

/* carrello */
.tableCarrello { border-collapse:collapse; }
.tableCarrello thead th { background:#c00; color:#fff; }
.tableCarrello .tbody td { padding:3px 10px; border:1px solid #ccc; }
.tableCarrello .narrow { white-space:nowrap; width:1%; text-align:center; }
.tableCarrello .tot { font-weight:bold; }
.tableCarrello .tfoot { font-style:normal; }
.tableCarrello .tfoot .tlTotale { text-align:right;  }
.tableCarrello .tfoot .tot { text-align:center; font-size:18px; color:#000; }

.cart-form ul { list-style-type:none; margin-left:0; }
.cart-form li { line-height:2.2em;  }
.cart-form .label {float:left; width:18em; }

.empty-cart { color:#d00; font-size:1.2em; font-weight:bold; }

.info-cart { padding:10px 10px 10px 50px; border:1px solid #ddd; background:#eee url(../images/cart.gif) no-repeat 10px center; width:300px; }
.info-cart em { color:#555; }

.add-to-cart { padding:4px 10px; background:#c00; border:0; color:#fff; font:bold 12px arial,helvetica,sans-serif; }

		#banner { 
			float: right; 
			width: 629px;
			padding-bottom: 0; 
			height: 446px;
			margin: 0 0 0 0;
		}
		#banner_animato  #image {
			top: 0; 
			left: 0; 
			width: 629px; 
			height: 446px;
			z-index: 10; 
			overflow: hidden;
			border-left: 1px solid #fff;
		}
		#banner_animato  #image IMG {
			top: 0; 
			left: 0; 
		}
		#banner2 { 
			float: right;
			width: 184px; 
			padding-bottom: 0; 
			height: 55px;
			margin: 0 0 0 0;
		}
		#banner_animato2  #image2 {
			top: 0; 
			left: 0; 
			width: 184px; 
			height: 55px;
			z-index: 10; 
			overflow: hidden; 
			/*border: 1px solid #ccc;*/
			padding: 5px;
		}
		#banner_animato2  #image2 IMG {
			top: 0; 
			left: 0; 
		}