/*

CSS FRONT-END VER. 1

LAYOUT

© Interattiva e-comunicazione
  www.lineagrafica.it

------------------------------------------------
*/

html { height: 101%; }

body {
	background: #ededed url(../images/bg.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 0.8em;
	line-height: 1.2;
	color:#666;}
    body.index { background: #fff;}
	img#palline {position:absolute; height:70px; width:77px; right:0px; top:0px;}

	.area {position:relative;width:800px;margin: 0 auto; border: 0px solid #666;}

/* -----------------------------------------------
	SPLASH IN THE PAGE
----------------------------------------------- */

	table.welcome {margin: 0 10px;}
	table.welcome td {border: 0px dotted #ccc; position: relative; padding: 0 0 1em 0;}


	/*#logo_pav { display: block; position: absolute; top:100px; left:70px;}
	#logo_tex { display: block; position: absolute; top:240px; right:70px;}
	#world { display: block; position: absolute; top:30px; right:130px;}

	#globe {position: absolute; top:30px; right:40px; border: 1px solid red;}*/

/* -----------------------------------------------
	HEADER, LOGO, documenti
----------------------------------------------- */

#header_index {
position: relative;
background: #e2eeef url(../images/bg_header.jpg) repeat-x left top;}
#header_index .area {width: 1000px;height: 180px;}

#header_index h1#logo {
	position: absolute;
	left: 0; top: 30px;
	width: 338px;
	height: 71px;
	background: transparent url(../images/marchio_pavarini.png) no-repeat left top;}
	#header_index h1#logo a { position: relative; display: block;}
	#header_index p#intro { width:450px; font-size: 90%; color: #a1a1a1;}

	#header {position: relative; height: 100px;  border: 0px solid lime;}
        #header h1#logo {position: absolute; left: 0px; top: 15px;}

		ul.languages { position: absolute; right: 0px; top:60px;}
		ul.languages li { float: left; margin:  0 0 0 10px;}
		ul.languages li a { display: block; width: 27px; height: 24px;}
		ul.languages li a.ita { background: transparent url(../images/italy.png) no-repeat left top;}
		/*ul.languages li.selected a.ita { background: transparent url(../images/it_selected.png) no-repeat left top;}*/
		ul.languages li a.eng { background: transparent url(../images/great_britain.png) no-repeat left top;}
		/*ul.languages li.selected a.eng { background: transparent url(../images/gb_selected.png) no-repeat left top;}*/



/* -----------------------------------------------
	CONTENT MAIN E SIDEBAR
----------------------------------------------- */
	#content_index {
		min-height: 400px;
		padding: 30px 0 0 0;
		background: #fff /*url(../images/bg_content.gif) repeat-x left top;*/}
		/*#content .area { width:700px;}*/

#content { min-height: 400px;}
.sidebar {position: relative; float: left; width:200px; min-height: 200px;}
.main {position: relative; float: left; width:600px;  min-height: 200px;}
.text {position: relative; float: left; width:220px; padding: 0 20px 20px 0;}
.photos {position: relative; float: left; width:340px; padding: 0 0 20px 20px; border: 0px solid red;}

#sorting {
	position: relative;
	float: right;
	/*border-left: 1px dotted #666;*/
	width: 210px;
	}
	#sorting p {padding: 0 0 1em 10px;}
	#sorting table td {
		border-left: 1px solid #999;
		padding: 2px 0 2px 8px;
	}


div.scheda {
	 position: relative;
	 width: 480px;
	 padding: 10px 10px 0 10px;
	 margin-bottom: 30px;
	 border: 1px solid #c6c6c6;
	 background: #d7d7d7;}
	 div.scheda  h4 {color: #666666; margin-bottom: 0.2em; font-weight: bold;}
	 div.scheda strong { color: #000;}
	 	div.scheda p.riassunto { font-size: 0.9em; padding: 0 0 1em 0;}
		div.scheda table { position: relative; width: 100%; margin-bottom: 0.3em;}
		div.scheda table tr td.foto { width: 100px; padding: 0; vertical-align: middle;}
		div.scheda table tr td.descrizione {  padding: 0 0 0 15px; vertical-align: top; font-size: 0.9em;}
		div.scheda table tr td.descrizione strong { color: #333; display: block;}

 div.scheda .documentazione {
	 position: relative;
	 width: 480px;
	 padding:10px;
	 margin:0 0 -1px -10px;
	 border-top: 1px solid #a4a4a4;
	 background: #bebebe;
	 text-align: left;
	 font-weight: bold;}
	  div.scheda .documentazione a.apri {
	  	display: block;
	  	float: left;
	  	width: 214px;
		padding: 0.3em 0 0.3em 25px;
		background: transparent url(../images/pdf.png) no-repeat left center;
		color: #000000;
		border-right: 1px solid #666; 
		text-decoration: none;}
		div.scheda .documentazione a.scarica {
	  	display: block;
	  	float: left;
	  	width: 215px;
	  	text-align: right;
		padding: 0.3em 25px 0.3em 0;
		background: transparent url(../images/disk.png) no-repeat right center;
		color: #000000;
		text-decoration: none;}
		div.scheda .documentazione a:hover { color: #C21C8D; text-decoration: underline;}


/* -----------------------------------------------
	HOME STUFF
----------------------------------------------- */

#snodo{ position: absolute; left: 247px; top: -60px; z-index: 20; width: 286px; height: 286px;}
.carousel { position: relative; margin: 0 0 30px 0; overflow: visible;}
#in-a-gadda-da-vida {overflow: visible;}
#in-a-gadda-da-vida a.prev, #in-a-gadda-da-vida a.next{
	position: absolute;
	top: 50px;
	z-index: 20;
	text-indent: -9999px;
	width: 19px;
	height: 65px;}
#in-a-gadda-da-vida a.prev{ left: -35px; background: url(../images/prev.png) no-repeat left top; }
#in-a-gadda-da-vida a.next{ right: -35px; background: url(../images/next.png) no-repeat left top; }

/* -----------------------------------------------
	SMILING FACES SOMETIMES
----------------------------------------------- */

.contatto {
	position: relative;
	font-size: 0.95em;
	width: 410px;
	background: transparent url(../images/bg_contatto.png) no-repeat left top;
	padding: 10px 20px 0px 20px;
	margin-bottom: 36px;}

.contatto a { color: #666; text-decoration: underline;}
.contatto span.ruolo { display: block; margin-bottom: 7px; color: #fff; font-size: 1.2em; font-weight: bold; }
.contatto span.tappo { position: absolute; left: 0; bottom: -16px; background: transparent url(../images/bg_contatto_bottom.png) no-repeat left top; width: 450px; height: 16px; }
.contatto strong { color: #3e3d40;}
/* .contatto img { float:left; margin-top:-20px;  border: 3px solid #babbbd;} */

#terminali_speciali { border-right: 1px dotted #adadad;}
#terminali_speciali tr td { text-align: center; vertical-align: middle; width: 33%; padding: 15px;}
#terminali_speciali tr td.code {vertical-align: top; font-weight: bold; padding-top: 5px;}


	.box {width: 306px; padding: 0; margin: 0 0 0 0; }
		.box a img{ margin: 0 1px 1px 0;}
		.box a:hover img { margin: 1px 0 0 1px;}
		.box img.sample { display: none; }

/* -----------------------------------------------
	FOOTER
----------------------------------------------- */

#footer { padding: 2em 0; font-weight: bold; text-transform: uppercase; color: #000;}

div#documenti {width: 250px; border-left: 0px solid #adadad; float: right;}
    div#documenti .current {}
	div#documenti .current a { display: block; padding:10px; font-size: 1em; font-weight: bold; text-decoration: none; color: #C21C8D;}
	div#documenti .available {border-top: 1px dotted #adadad; padding:10px}
		div#documenti .available ul#dati_tecnici li { display: block;  margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px dotted #adadad; }
		div#documenti .available ul#dati_tecnici li a { text-decoration: none;}
		div#documenti .available ul#dati_tecnici li a.apri { display: block; padding: 5px 5px 2px 25px; background: transparent url(../images/pdf.png) no-repeat left 5px; font-weight: bold;}
		div#documenti .available ul#dati_tecnici li a.apri span { display: block; font-size: 0.9em; font-style: italic; font-weight: normal; }
		div#documenti .available ul#dati_tecnici li a.scarica { display: block; padding: 4px 5px 5px 25px; background: transparent url(../images/disk.png) no-repeat left 2px; font-size: 0.9em; font-style: italic;}

div#listone { border: 0px solid lime; width: 530px;}
div#listone div { min-height: 60px; padding: 0 0 15px 0;}
div#listone ul { float: left; display: block; }
div#listone ul li {
	position: absolute;
	width: 70px;
	height: 60px;
	padding: 10px 0 0 0;
	background: white;
	display: block;
	text-align: center;
	border: 0px solid red;}
div#listone a.nome {  float: left; display: block; margin: 31px 0 0 80px; font-size: 1.1em; text-transform: capitalize;}



#tipologie { position: relative;}
	#tipologie li { padding: 0 0 15px 0;}
		#tipologie li a {
			display: block;
			font-weight: bold;
			text-transform:uppercase;
			text-decoration:underline;}


a#banner { display: block; margin: 10px 0 10px 0; background: #e8e8e8; text-decoration: none; border:1px solid #999; border-bottom: 5px solid #83c345; width: 200px; height: 50px;}
a#banner:hover { border-bottom: 5px solid #c11c8d; color: #c11c8d; }
#banner img { float: right; display: block; margin: 10px 10px 0 0;}
#banner span { display: block; padding: 10px; font-size: 13px; font-weight: bold; }
#documenti a#banner {margin-left: 10px;}