@charset "utf-8";
/* CSS HOLCIM */

html, body {
	margin:0;
	padding:0;
	font-size:12px;
	background:url(images/texMain.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
}

/******************************************************************************************************************************************************************************************/
/* Da qui in poi, tutti gli elementi sono in ordine alfabetico */

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:#D96B12;
	text-decoration:underline;
}


/*****************************************************/
/*********************** A ***************************/

/*****************************************************/
/*********************** B ***************************/

.box_rotelle2 {
	font-size:11px;
}
.boxUtenteInesistente {
	*padding:15px 0!important;
}

.boxLogin {
	float:left;
	width:206px;
	border-top:3px solid #666666;
	border-bottom:1px solid #666666;
	margin-top:10px;
}
.boxLogin label {
	padding:15px 0 7px;
	display:block;
	color:#666;
}
.boxEntra {
	color:#666;
	text-decoration:none;
	background:url(images/lente.jpg) no-repeat right;
	/*display:inline-block;*/
	padding:5px 25px 5px 10px;
}
.boxRegistrati {
	color:#666;
	text-decoration:none;
	padding:10px 0 10px 15px;
	background:url(images/arrowBox.jpg) no-repeat left;
	display:inline-block;
	margin-bottom:10px
}
.boxMenuContainer {
	
}
.boxMenu {
	float:left;
	width:200px;
	margin-right:20px;
}
.boxMenu h2,
.boxNews h2,
.boxGeneric h2,
.boxContatti h2{
	font-size:16px;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:5px 0;
}
.boxMenu a {
	display:block;
	background:url(images/visualizza.jpg) no-repeat left;
	width:84px;
	height:18px;
	float:right;
	margin:3px 0;
}
.boxMenu a:hover {
	background:url(images/visualizza.jpg) no-repeat right;
}
.boxMenu,
.boxNews,
.boxGeneric {
	border-bottom:1px solid #333;
	min-height:194px;
	position:relative;
}
.boxNews,
.boxContatti {
	position: relative;
	width:322px;
	margin:0;
	float:right;
}
.boxNews .boxVisualizza {
	position:absolute;
	right:0;
	text-align:right;
	top:0;
	color:#000;
	font-size:12px;
	background:url(images/arrowBox.jpg) no-repeat left center;
	padding:10px 0 10px 15px;
}
.boxGeneric li .textContainer {
	border-top:1px solid #333;
}
.boxNewsList,
.boxGeneric li:first-child .textContainer,
.boxContatti p,
.boxGeneric > .textContainer {
	border-top:3px solid #333;	
}

.boxNewsList li {
	padding:15px 0 5px 17px!important;
	background:url(images/arrowBox.jpg) no-repeat left 17px;
}
.boxNewsList li a {
	color:#000;
	text-decoration:none;
}
.boxNewsList li a h3,
.boxNewsList li a h4{
	margin:0;
	padding:0;
}
.boxNewsList li a h3{
	text-decoration:underline;
	font-weight:bold;
	display:block;
	font-size:14px;

}
.boxNewsList li a h4 {
	font-weight:normal;
	margin:2px 0;
	font-size:12px;	
}
.boxNewsList li a:hover {
	color:#D96B12;
}
.boxGeneric {
	height:auto;
	width:754px;
	width:756px;
	float:left;
}
.boxGeneric p,
.boxContatti p {
	margin-top:0px;
	padding-top:10px;	
}
.boxContatti {
	width:213px;
}
.borderBottom {
	border-bottom:1px solid #333;
	padding-bottom:10px!important;
}
/*****************************************************/
/*********************** C ***************************/

.contentContainer {
	padding-left:36px;
}
.content {
	padding:20px 0;
}
.contactLink {
	display:block;
	padding:0px 0px 0px 16px;
	background:url(images/contact.gif) no-repeat left center;
	color:#000;
	text-decoration:none;
}
.contactLink:hover{
	color:#D96B12;
	text-decoration:none;
}

/*Colori testi*/

.color_red {
	color:red;
}


/*****************************************************/
/*********************** D ***************************/

/*****************************************************/
/*********************** E ***************************/

/*****************************************************/
/*********************** F ***************************/

#footer {
	background:url(images/footer.jpg) repeat-x;
}
.footNavigation {
	background:url(images/logoHolcimFooter.jpg) no-repeat right;
	margin:0 auto;
	width:1006px;
	position:relative;
}
.footerLinks {
	display:block;
	width:80px;
	height:50px;
	position:absolute;
	top:18px;
	right:0px;
	background:url(images/x.gif) repeat;
}

.footNav li {
	float:left;
}
.footNav li a, .footNav li span {
	 display:block;
	 padding:0px 9px;
	 border-left:1px solid #fff;
	 text-decoration:none;
	 color:#fff;
	 font-size:12px;
}
.footNav li:first-child a {
	border:0;
}
.footNav li a:hover {
	color:#444;
}

.footNav {
	padding:40px 0 34px 260px!important;
}
.foot_tornaSU {
	display:block;
	background:url(images/tornaSU.jpg) no-repeat;
	width:66px;
	height:20px;
	position:absolute;
	top:0;
	left:24px;
}

/*****************************************************/
/*********************** G ***************************/

.guidaMenu {
	clear:both;
	float:right;
	padding:10px 0!important;
}
.guidaMenu li a {
	background:url(images/arrowBoxRed.jpg) no-repeat left;
	padding:0 0 0 20px;
	color:#000;
	font-size:12px;
	text-decoration:none;
}
.guidaMenu li a:hover {
	color:#D96B12;
}
/*****************************************************/
/*********************** H ***************************/

.header .head li {
	float:left;
}
.head li.head_logo {
	padding:0;
}
.head_logo a {
	display:block;
	background:url(images/logo_holcim.jpg) no-repeat;
	width:225px;
	height:68px;
	margin-top:10px;
}
.header .head_benvenuto {
	width:580px;
	text-align:center;
	padding-top:63px;
}
.head li.head_search {
	width:205px;
	float:right;
	padding-top:55px;
}
.head_search input,
.head_search label,
.head_search a {
	float:left;
	font-size:11px;
}

.head_search a {
	font-size:12px;
	color:#000;
	padding:3px 25px 3px 15px;
	display:block;
	background:url(images/lente.jpg) no-repeat right;
	cursor:help;
	text-decoration:none;
}
.head_search a:hover,
.boxEntra:hover,
.boxRegistrati:hover {
	color:#D96B12;
}	

.hpText {
	float:right;
	width:750px;
	font-size:13px;
}

/*****************************************************/
/*********************** I ***************************/

.rotella input {
	width:116px;
	height:14px;
	font-size:11px;
	color:#444;
}

/*****************************************************/
/*********************** J ***************************/

/*****************************************************/
/*********************** K ***************************/

/*****************************************************/
/*********************** L ***************************/

.listReset,
.listReset li {
	margin:0;
	padding:0;
	list-style:none;
}

/*****************************************************/
/*********************** M ***************************/

/*****************************************************/
/*********************** N ***************************/

.navigation {
	height:75px;
}
.nav {
	padding-top:32px;
}
.nav li {
	float:left;
	font-weight:bold;
	font-size:14px;
}
.nav li a {
	display:block;
	padding:10px 20px 10px 0;
	color:#fff;
	text-decoration:none;
}
.nav li a:hover,
.nav li.selected a{
	color:#000;
}
.newsCont {
	margin-bottom:10px!important;
}
.news img{
	float:left;
	width:200px;
	padding:10px 10px 10px 0;
}

.news h1 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding:10px 0 4px;
}
.news p {
	margin:5px 0!important;
	padding:0!important;
}

.newsPaginator {
	text-align:right;
	position:absolute;
	top:auto;
	right:0;
	padding-top:10px;
}
.newsPaginator a, .prev {
	color:#000;
	text-decoration:none;
}
.newsPaginator a:hover, .prev:hover {
	color:#D96B12;
}
.newsPaginator a.prev, a.prev {
	background:url(images/GreyLinkIconprev.jpg) no-repeat left;
	padding:2px 0px 2px 15px;
}
.newsPaginator a.succ, a.succ {
	background:url(images/GreyLinkIcon.jpg) no-repeat right;
	padding:2px 15px 2px 10px;
	margin-left:30px;
}

a.succ {
	background:url(images/GreyLinkIcon.jpg) no-repeat left;
	padding:2px 0px 2px 15px;
	margin-left:0px;
	text-decoration:none;	
}

a.succ:hover{
	text-decoration:none;
}

.news100 {
	width:100%!important;
}
/*****************************************************/
/*********************** O ***************************/

/*****************************************************/
/*********************** P ***************************/

/*****************************************************/
/*********************** Q ***************************/

/*****************************************************/
/*********************** R ***************************/

/*****************************************************/
/*********************** S ***************************/

/*****************************************************/
/*********************** T ***************************/

/*****************************************************/
/*********************** U ***************************/

/*****************************************************/
/*********************** V ***************************/

/*****************************************************/
/*********************** W ***************************/

.wrapper {
	width:1028px;
}

/*****************************************************/
/*********************** X ***************************/

/*****************************************************/
/*********************** Y ***************************/

/*****************************************************/
/*********************** Z ***************************/

/* Sticky footer*/

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -92px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 92px; /* .push must be the same height as .footer */
}


/* ::: */


/* pulizia dei float*/
.header:after,
.content:after,
.footNavigation:after,
.boxGeneric:after,
.textContainer:after,
.newsCont:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	_height: 1%;
}
*:first-child+html .header, .content, .footNavigation, .boxGeneric, .textContainer, .newsCont {
	min-height:1px;
}
/* fine della pulizia*/
