/*
Autore: giuliano antola (gantola@alecsandria.it)
Versione: 1 (03-02-210)

PALETTE COLORI:

*/

@import "reset.css";
@import "core.css";

/* @group structure */
body {
	background: #eaeaea url(img/bk_body.jpg) repeat-x 0 0; color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 15px;
	text-align: center;
	padding: 0; margin: 0;
}
.pg {
	width: 940px;
	position: relative; z-index: 1;
	text-align: left;
	margin: 0 auto; padding: 0;
}
#header {
	width: 100%;
	height: 120px;
	float: left;
	margin: 0;
}
#navigation {
	background: url(img/bdr_bt_navigation.jpg) repeat-x 0 100%;
	position: relative;
	width: 100%;
	float: left;
	padding: 0 0 52px; margin: 0;
}
#main {
	width: 100%;
	float: left;
}
#main-content {
	width: 710px;
	float: right;
}
#content {
	background: url(img/bdr_bt_content.jpg) repeat-x 0 100%;
	width: 100%;
	float: left;
	padding: 0 0 49px;
}
.c-3 .col-1 .article { float: left; width: 450px; }
/*#sidebar,*/
.c-3 .col-3 {
	width: 210px;
	float: left;
	margin: 0; padding: 0;
}
/*#news-content,*/
.c-3 .col-1 {
	width: 480px;
	float: left; display: inline;
	margin: 0; padding: 0;
}
/*#sub-content,*/
.c-3 .col-2 {
	width: 210px;
	float: right;
}
#footer {
	background: url(img/bdr_oriz.gif) repeat-x 0 100%;
	position: relative;
	width: 100%;
	clear: both;
	margin: -20px 0 5px;
	padding: 0 0 5px
}
/* fine group structure */

/* @group link color */
.article a:link, .article a:visited { color: #ef020b; }
.article a:hover,
.news-item-tit a:hover,
.video-item-tit a:hover { color: #58534F; }
.news-item-tit a:link, .news-item-tit a:visited,
.video-item-tit a:link, .video-item-tit a:visited {
	color: #ef020b;
	text-decoration: underline;
}
.nav-main a:link,
.nav-main a:visited,
.nav-footer a:link,
.nav-footer a:visited {
	color: #fff;
}
/* @group header */
#header {
	background: url(img/foto_header.jpg) no-repeat 100% 0;
	overflow: hidden;
}
.logo-site {
	position: relative; top: 0; left: 0; z-index: 2;
	width: 210px; height: 120px;
	display: inline; float: left;
	margin: 0; padding: 0;
}
.logo-site a span {
	background: url(img/logo_amuchina.jpg) no-repeat 0 0;
	position: absolute; top: 0; left: 0; z-index: 2040;
	width: 100%; height: 100%;
	display: block;
	cursor: pointer;
}
.logo-site a {
	font-size: 12px; line-height: 12px;
	width: 100%; height: 100%;
	display: block;
}
.tagline { display: none; }
/* fine group header */
/* @group nav */
.nav li { list-style-type: none; margin-left: 0 }
/* =nav-main */
.nav-main {
	background-color: #ff040d;
	padding: 5px; margin: 0
}
.nav-main ul,
.nav-main li,
.nav-main a {
	margin: 0; padding: 0
}
/* =lv01 */
.nav-main li {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top: 1px dashed #fff;
}
.nav-main a {
	background: url(img/bk_lv01.gif) repeat-x 0 100%;
	display: block;
	margin: 0 0 1px;
}
.nav-main strong {
	background: url(img/ico_lv01.gif) no-repeat 184px 12px;
	font-weight: normal;
	display: block;
	padding: 10px 20px 10px 5px;
}
/* =lv02 */
.nav-main ul li {
	background: transparent none;
	font-size: 11px;
	text-transform: none;
	border: 0;
}
.nav-main ul li a {
	background: #d80008 url(img/ico_lv02.gif) no-repeat 184px 8px;
	padding: 5px 20px 5px 5px;
}
/* =lv03 */
.nav-main ul ul li a {
	background: #be0209 /*url(img/ico_lv02.gif) no-repeat 184px 8px*/;
}
/* =lv04 */
.nav-main ul ul ul li a {
	background: #980207 none;
}
.nav-main .final a,
.nav-main .final strong { background-image: /*#980207*/ none; }
.nav-main .selected a { background: #000 none; }
/* =nav-footer */
.nav-footer {
	text-align: center;
	/*position: fixed; bottom: 0; left: 50%;*/
	margin: 0 0 5px; padding: 2px 0
}
.nav-footer a {
	color: #fff; background-color: #ff040d;
	font-size: 10px;
	line-height: 15px;
	display: inline-block;
	padding: 2px 5px;
}

/* fine group nav */

.breadcrumbs {
	background: #fff url(img/bdr_oriz.gif) repeat-x 0 100%;
	width: 100%;
	min-height: 40px; height: auto !important; height: 40px;
	float: left;
}
.breadcrumbs ol { float: left; display: inline; margin: 0; padding: 0 0 0 15px; }
.breadcrumbs li {
	list-style-type: none;
	float: left; display: inline;
	white-space: nowrap; /* ie6 + ie7 */
	margin: 0; padding: 2px 0 0
}
.breadcrumbs a {
	background: url(img/ico_path.gif) no-repeat 100% 5px; color: #666;
	font-size: 11px; line-height: 15px;
	float: left; display: block;
	padding: 0 10px 0 0; margin: 0 5px 0 0;
}
.breadcrumbs h2 {
	color: #666;
	font-size: 11px; line-height: 15px;
	font-weight: bold;
	float: left; display: block;
	margin: 0; padding: 0
}

/* =footer */
#footer { text-align: center; }
#footer .copy { font-size: 10px; line-height: 15px; }
/* @group mod */
/* fine group mod */
.newsAmuchina, .videoAmuchina {
	background: url(img/bdr_bt_news.jpg) no-repeat 0 100%;
	padding: 0 0 46px
}
.newsAmuchina .mod-tit, .videoAmuchina .mod-tit {
	background: transparent url(img/bk_modtit_subcontent.gif) no-repeat 0 0; color: #000;
	font-size: 18px; line-height: 40px;
	font-family: Trebuchet Ms, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 100%;
	min-height: 40px; height: auto !important; height: 40px;
	margin: 0; padding: 0
}

/* @group news */
.news-item,
.video-item {
	list-style-type: none; margin-left: 0
}
.newsAmuchina .lst-news,
.videoAmuchina .lst-video {
	background: #fff url(img/bdr_oriz.gif) repeat-x 0 0; color: #000;
	padding: 0 0 10px; margin: 0
}
.newsAmuchina .news-item,
.videoAmuchina .video-item {
	background: url(img/bdr_oriz.gif) repeat-x 0 100%; color: #000;
	font-size: 11px; line-height: 15px;
	padding: 5px
}
.newsAmuchina .news-item-tit,
.lst-video .video-item-tit { font-size: 11px; line-height: 15px; }
.news-item-bd,
.video-item-bd {
	background-color: #f2f2f2;
	overflow: hidden;
	padding: 10px;
}
.newsAmuchina .news-item p { margin: 0 }
.newsAmuchina .news-photo,
.videoAmuchina .video-photo { text-align: center; margin: 0 0 10px }
.videoAmuchina .video-photo {
	/*float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #d9d9d9*/
}
.news-photo img,
.video-photo img { display: block; margin:0 auto; width: auto; }
.video-photo img { border: 1px solid #d9d9d9 }

.video-item-meta { clear: both; }
.video-item-meta span { display: block }
.newsAmuchina p.goto-news,
.videoAmuchina p.goto-video {
	background-color: #d9d9d9;
	height: 16px; width: 100%;
	margin: 0;
	clear: both;
}
.goto-news a, .goto-video a {
	background: url(img/ico_goto.gif) no-repeat 100% 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.goto-video a {
	background-image: url(img/ico_goto_video.gif)
}
/* @group form */

/* =article */
.article {
	background: #fff url(img/bk_content.jpg) repeat-x 0 0;
	font-size: 1em; /* 12px */
	line-height: 1.666em; /* 20px */
	padding: 15px;
}
.article a { font-weight: bold; }
.article h2 {
	color: #000;
	font-size: 16px; line-height: 20px;
	font-weight: bold;
	margin: 0 0 10px
}
.article h3 {
	color: #000;
	font-size: 14px; line-height: 20px;
}
.pic .caption {
	color: #949494;
	font-size: 10px;
	line-height: 14px;
	margin: 0
}
.article .lf,
.article .rf,
.article .cf {
	margin-bottom: 10px;
}
/* =pg-soluzione */
.pg-soluzione .article h2 {
	background: url(img/tit_section.gif) no-repeat 0 3px;
	left: -10px;
	position: relative;
	padding: 0 0 0 25px; margin: 0 0 10px
}
.pg-soluzione .article h3 {
	background: url(img/tit_sub_section.gif) no-repeat 0 7px;
	padding: 0 0 0 15px;
}
/* =pg-problema */
.pg-problema .article h2 {
	background: url(img/tit_section.gif) no-repeat 0 3px;
	left: -10px;
	position: relative;
	padding: 0 0 0 25px; margin: 0 0 10px
}
.pg-problema .article h3 {
	background: url(img/tit_sub_section.gif) no-repeat 0 7px;
	padding: 0 0 0 15px;
}
/* =lst-datiLegali */
.lst-datiLegali {
	background-color: #f2f2f2;
	width: 100%;
	float: left;
	clear: both;
	padding: 10px 0; margin: 0;
}
.lst-datiLegali ul {
	background: url(img/bdr_vert.gif) repeat-y 0 0;
	width: 100%;
	float: left;
	padding: 0; margin: 0
}
.lst-datiLegali li {
	font-size: 11px; line-height: 15px;
	width: 129px;
	float: left;
	list-style-type: none;
	padding: 0 10px; margin: 0;
}
.lst-datiLegali h4 { color: #000; padding: 0 0 5px; margin: 0 }
/* =lst-soluzioni */
.lst-soluzioni li {
	list-style-type: none; margin: 0;
}
.lst-soluzioni li a {
	/*background: url(img/tit_sub_section.gif) no-repeat 0 7px;
	font-size: 12px; line-height: 15px;*/
	/*padding: 0 0 0 15px;*/
	background: url(img/ico_goto.gif) no-repeat 100% 50%;
	display: block;
	padding: 2px 20px 2px 0;
	margin: 0;
	border: 1px solid #d9d9d9; border-width: 2px 0 1px
}
/* =lst-faq */
.lst-faq dt {
	background: url(img/ico_faq.gif) no-repeat 0 5px; color: #000;
	padding: 0 0 0 15px;
}
.lst-faq dd {
	padding: 0 0 0 15px;
	margin: 0 0 15px
}
/* =lst-download */
.lst-download { clear: both; margin: 0; padding: 0 0 10px }
.lst-download li {
	background: url(img/ico_pdf.gif) no-repeat 0 2px; color: #999;
	font-size: 11px; line-height: 20px;
	list-style-type: none;
	margin: 0 0 5px; padding: 0 0 0 20px;
}
/* =lst-aree */
.lst-aree {
	background: url(img/amuchina_hmp.gif) no-repeat 50% 50%;
	position: absolute; top: 20px; left: 0;
	width: 100%; height: 260px;
	overflow: hidden;
}
.lst-aree ul { list-style-type: none; margin: 0; padding: 0 }
.lst-aree li {
	width: 82px; height: 80px;
	overflow: hidden;
	position: absolute;
	margin: 0; padding: 0;
}
.lst-aree span,
.lst-aree a { width: 100%; height: 100%; display: block; cursor: pointer }
.lst-aree span {
	background: url(img/lst_aree.jpg) no-repeat 0 0;
	position: absolute; top: 0; left: 0; z-index: 10;
}
#a-cucina, #a-camera { left: 110px; }
#a-giardino, #a-bagno { left: 263px; }
#a-cucina, #a-bagno { top: 0 }
#a-giardino, #a-camera { bottom: 0; }
#a-cucina a:hover span { background-position: 0 -80px; }
#a-bagno a:hover span { background-position: 0 -160px; }
#a-camera a:hover span { background-position: 0 -240px; }
#a-giardino a:hover span { background-position: 0 -320px; }

.hmp .article {
	background: #fff none;
	position: relative;
	padding: 300px 15px 0;
}
.hmp .article h2 {
	color: #FD0100;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 20px;
	text-align: center;
	margin: 0
}
.hmp .article p {}
/* @page video */
#video-content { width: auto; margin: 0 auto 15px; }

/* =footer */
#footer .copy { margin: 0 }

/* @group form */
.lst-cont { list-style-type: none }
.cont, .cont-btn { margin-left: 0 }

label {
	color: #000;
	font-size: 11px; line-height: 15px;
	/*text-transform: uppercase;*/
	display: block;
	margin: 0 0 5px
}
input, textarea, select {
	font-size: 11px; line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.num-caratteri {
	clear: both; text-align: right;
}
.formEsperto .text,
.formEsperto .textarea { width: 99%; padding: 3px 0; margin: 0 }

.formEsperto .cont {
	background: url(img/bdr_oriz.gif) repeat-x 0 100%;
	padding: 0 0 5px; margin: 0 0 15px
}
.num-caratteri label {
	font-size: 11px; font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding: 5px 0 0
}
.num-caratteri input { background-color: transparent; width: 2em; padding: 0; border: 0 }

.aree { background-color: #fff; width: 100%; float: left; }
/* =sitemap */
.sitemap {
	background: #fff url(img/bk_content.jpg) repeat-x 0 0;
	font-size: 1em; /* 12px */
	line-height: 1.666em; /* 20px */
	overflow: hidden;
	padding: 15px;
}
.sitemap .aree { background-color: transparent }
.sitemap h2 {
	background: url(img/tit_section.gif) no-repeat 0 3px;
	left: -10px;
	position: relative;
	padding: 0 0 0 25px; margin: 0 0 10px
}
.sitemap h3 {
	background: url(img/tit_sub_section.gif) no-repeat 0 7px;
	padding: 0 0 0 15px;
}
.sitemap ul li { list-style-type: none; margin-left: 0 }
.sitemap ol li {
	background: url(img/ico_link_sitemap.gif) no-repeat 0 5px;
	font-size: 11px; line-height: 15px;
	list-style-type: none;
	display: block; height: 1%;
	margin-left: 0; padding: 0 0 0 12px
}
.sitemap .aree { float: left; width: 33% }
/* =nav-aree */
.nav-aree { padding: 15px }
#indetro-btn, #avanti-btn {
	float: left;
	height: 30px;
	width: 29px;
}
#avanti-btn { float: right; }
/* =button */
.cont-btn { overflow: hidden }
button {
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	padding: 0;
	border: 0
}
button span {
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
	display: block
}
.button-invia {
	background-color: #ef020b; color: #fff;
	text-transform: uppercase; font-weight: bold;
	cursor: pointer;
	float: right;
	padding: 5px 10px;
	border: 0;
}
.button-invia:hover {
	background-color: #58534F; color: #fff;
}

/* =css3 */
.nav-main a,
.nav-footer a { text-shadow: 0 1px 1px rgba(0,0,0,0.2);}