﻿@charset "utf-8";

/*
Descrizione: CSS con contenuti Generici riguardante l'intero Sito.
Version: 1.0
Autore: Farizzo
*/

/* --- TOC

00. RESET
01. GLOBALE
		1. Impostazioni Pagine
		2. Contenitore Logo Login
		3. Corpo pagina
		4. Contenitore Specifica pagina
02. MENU
03. AREA BROCHURE E CERTIFICAZIONE
04. FOOTER

Condizioni IE:
<!--[if IE]>....<![endif]-->: verifica se il browser è Internet Explorer, indipendentemente dalla versione.
<!--[if IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer solo versione 5;
<!--[if gt IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer, versione superiore alla 5;
<!--[if gte IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer versione 5 o superiore;
<!--[if lt IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione inferiore alla 6;
<!--[if lte IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione 6 o inferiore;
<!--[if !IE 5.5]>....<![endif]-->: verifica se il browser è Internet Explorer versione diversa dalla 5.5.


/* ________________________________________________________________________________________________________________
	                                              00. RESET 
   ________________________________________________________________________________________________________________ */


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1.0em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* ________________________________________________________________________________________________________________
	                                              01. GLOBALE 
   ________________________________________________________________________________________________________________ */

/* ------- 1. Impostazioni Pagine ------- */
html, body{
	overflow: scroll;
	overflow-x: hidden;  /* oppure auto */
	overflow-y: scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; /* 1.0em */
	background:#323232 url("img/backdef.jpg") repeat scroll top left;}
body.page{
	overflow:visible;
	position:relative;
	width:780px;
	margin:10px auto 10px auto;
	background:#FFFFFF url("img/bg_pagina.png") no-repeat scroll 10px 90px;}
body.pop{
	overflow:auto;
}

/* ------- 2. Contenitore Logo Login ------- */

#content_Logo_Login{
	position:relative;
	margin:0 auto;
	width:760px; height:90px;
	background:url(img/Logo.jpg) no-repeat left bottom;}

/* ------- 3. Corpo pagina ------- */

#content_page{
	position:relative;
	width:760px;
	margin:0 auto 0 auto;
	min-height:300px;}
	
	#content_left{
		position:relative;
		float:left;
		width:195px; min-height:200px;}
	#content_right{
		position:relative;
		float:right;
		width:565px; min-height:200px;}

/* ------- 4. Contenitore Specifica pagina ------- */

#pagina_specifiche{
	position:relative;
	margin-top:28px;}

/* ________________________________________________________________________________________________________________
	                                              02. MENU 
   ________________________________________________________________________________________________________________ */


#menu{
	position:relative;margin-left:15px;}
	#menu ul{ list-style-type:none;}
	#menu ul li{
		display:inline; line-height:42px; margin-right:34px;
		font-size:12px; font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase; font-weight:bold;}
	#menu ul li a{color:white; text-decoration:none;}
	#menu ul li a:hover{color:#FFD416; text-decoration:underline;}
		

/* ________________________________________________________________________________________________________________
	                                              03. AREA BROCHURE E CERTIFICAZIONE
   ________________________________________________________________________________________________________________ */

#brochure_banner{
	position:relative;
	height:150px;
	margin-top:59px;
	cursor:pointer;}

#news{ /* Provvisorio in attesa di JQuery */
	position:relaive;
	/*height:150px;*/
	}

#certificazione{
	position:relative;
	height:155px; width:145px;
	margin:0 auto 8px auto;
	cursor:pointer;
	background-image:url(img/certificazione.png);}

#galleria{
	position:relative;
	width:190px;
	margin:0 auto 8px auto;}

	#galleria img{margin-top:4px;}

/* ________________________________________________________________________________________________________________
	                                              04. NEWS
   ________________________________________________________________________________________________________________ */

h1.news_data{font-size:11px; font-family:Verdana, Geneva, sans-serif; margin:0 8px 0 5px; line-height:130%;}
h1.news_title{
	font-size:11px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#333; 
	margin:3px 8px 3px 5px; line-height:170%;
	border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;}
p.news_txt{font-size:11px; font-family:Verdana, Geneva, sans-serif; margin-left:8px; margin-right:8px;}

/* ________________________________________________________________________________________________________________
	                                              04. FOOTER
   ________________________________________________________________________________________________________________ */

#footer{
	position:relative;
	width:760px; height:95px;
	margin:5px auto 0 auto;
	background:url(img/bg_footer.png) no-repeat scroll top;}

#footer_link{position:absolute; top:20px;left:0; width:100%;height:16px; text-align:center;}
#footer_link table{border-collapse:collapse;height:16px; margin:0 auto;}
#footer_link table td{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#footer_link a{color:white; text-decoration:none;}
#footer_link a:hover{color:#FFD416; text-decoration:underline;}

#footer_aziendadati{position:absolute; bottom:10px;left:0; width:100%; text-align:center;}
#footer_aziendadati p{text-align:center; font-family:Verdana, Geneva, sans-serif; color:#898587; font-size:10px;}

/* ________________________________________________________________________________________________________________
	                                              05. ETICHETTE
   ________________________________________________________________________________________________________________ */

h1.titolo_pagina{
	position:realtive;
	font-size:2.0em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:100%; border-bottom:1px solid #CCC;
	margin:10px 8px 5px 5px; padding-bottom:5px;
	background:url(img/ind.gif) no-repeat scroll right center;
}

.immagine_testata{text-align:center;padding-top:5px;}

/* ________________________________________________________________________________________________________________
	                                              06. ACCORDION
   ________________________________________________________________________________________________________________ */

/* ---------------- Accordion ----------------------- */

#accordion {
	position:relative;
	text-align:left;
	margin:6px auto 0 auto;
	width:552px;
}

h3.toggler {
	cursor: pointer;
	border:1px dotted #B2B2B2;
	font-family:'MS Sans Serif', Verdana;
	font-size: 16px; text-align:right;
	background: #373536;
	margin: 0 0 2px 0;
	padding: 3px 5px 3px 0;
}

div.element {
	margin:0; padding:5px;
}

div.element p {
	font-family:Verdana;
	font-size:11px;
	margin:0 0 0 0;
	padding-bottom:6px;
}

div.element ul {
	font-family:Verdana;
	font-size:11px;
	margin:6px 0px 6px 20px;
	padding:0px;
}

b.note {color:#436192;}
div.element a {color:#41464D;}
div.element a:hover {color:#E27907;}


/* ________________________________________________________________________________________________________________
	                                              ... GENERICI
   ________________________________________________________________________________________________________________ */

.float_off{clear:both;}




/* --------------- Stili Sito -------------------- */


.contatti{
	font-family:MS Sans Serif;
	font-weight:normal;
	font-size:12px;
	color:#333;
	text-align:right;
}

	.contatti td {
		font-family:MS Sans Serif;
		font-weight:normal;
		font-size:12px;
		color:#333;
		text-align:right;
	}
	.contatti a:hover {
		font-family:Verdana;
		text-decoration:underline;
		color:#FFD416;
	}


/* --------------- Font Generici -------------------- */


.verdana10 {font-family:verdana;font-size:10px;color:#000000}

.verdana11 {font-family:verdana;font-size:11px;color:#000000}

.verdana12 {font-family:verdana;font-size:12px;color:#000000}

.tahoma10 {font-family:tahoma;font-size:10px;color:#000000}

.tahoma11 {font-family:tahoma;font-size:11px;color:#000000}

.tahoma12 {font-family:tahoma;font-size:12px;color:#000000}

.tahoma13 {font-family:tahoma;font-size:13px;color:#000000}

.tahoma14 {font-family:tahoma;font-size:14px;color:#000000}

.tahoma15 {font-family:tahoma;font-size:15px;color:#000000}

.tahoma16 {font-family:tahoma;font-size:16px;color:#000000}

/* --------------- Link Generici -------------------- */

a.verdana9 {font-family:verdana;font-size:9px;text-decoration:none;color:#000000}

a.verdana10 {font-family:verdana;font-size:10px;text-decoration:none}

a.verdana11 {font-family:verdana;font-size:11px;text-decoration:none}

a.verdana13 {font-family:verdana;font-size:13px;color:#000000;text-decoration:none}

a.tahoma10 {font-family:tahoma;font-size:10px;color:#000000;text-decoration:none}

a.tahoma11 {font-family:tahoma;font-size:11px;color:#000000;text-decoration:none}
a.tahoma11:hover {font-family:tahoma;font-size:11px;color:#000000;text-decoration:underline}

a.tahoma12 {font-family:tahoma;font-size:12px;color:#000000;text-decoration:none}

a.tahoma13 {font-family:tahoma;font-size:13px;color:#000000;text-decoration:none}

a.tahoma10h {font-family:tahoma;font-size:10px;color:#000000;text-decoration:none}
a.tahoma10h:hover {font-family:tahoma;font-size:10px;color:#000000;text-decoration:underline}
