/*

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, LANGUAGES
----------------------------------------------- */

#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;}
		div.scheda table tr td.descrizione strong { color: #333;}

 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 {
	  	display: block;
		padding: 0.3em 25px 0.3em 0;
		background: transparent url(../images/pdf.png) no-repeat right center;
		color: #000000;
		text-decoration: none;}
		div.scheda .documentazione a:hover { color: #717171; 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;}
#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
----------------------------------------------- */
#contatti { font-size: 0.95em; }
#contatti a { color: #666; text-decoration: none;}
#contatti tr td.sx { height: 114px; width: 49%; text-align: left; padding: 10px 0; background: transparent url(../images/bg_sx.gif) no-repeat right center;}
#contatti tr td.sx p { display: block; float: left; height: 79px; padding: 35px 0 0 0;}
#contatti tr td.sx img { float:left; margin: 0 10px 0 0; border: 3px solid #babbbd;}

#contatti tr td span.ruolo { display: block; margin-top: -18px; margin-bottom: 7px; color: #fff; font-size: 1.2em; font-weight: bold; }

#contatti tr td.dx { height: 114px; width: 49%; text-align: right; padding: 10px 0;  background: transparent url(../images/bg_dx.gif) no-repeat left center;}
#contatti tr td.dx p { display: block; float: right; height: 79px; padding: 35px 0 0 0;}
#contatti tr td.dx img { float:right; margin: 0 0 0 10px; border: 3px solid #babbbd;}

#contatti tr td.unique { height: 114px; text-align: left; padding: 10px 0;  background: transparent url(../images/bg_unique.png) no-repeat left center;}
#contatti tr td.unique p { display: block; float: left; height: 79px; padding: 35px 0 0 0;}
#contatti tr td.unique img { float:left; margin: 0 10px 0 0; border: 3px solid #babbbd;}


	.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#languages { background: #dcdcdc; width: 500px; border: 1px solid #cbcbcb; margin: 25px 0;}
    div#languages .current { padding:0 10px; background: url(../images/arrow-down.gif) no-repeat 460px center;}
	div#languages .current a { display: block; padding: 10px 10px 10px 20px; font-size: 1.3em; font-weight: bold; text-decoration: none;}
	div#languages .current a:hover { }
	div#languages .available {border-top: 1px dotted #a9a9a9; padding: 10px 20px}
		div#languages .available p { width: 50%; font-size: 90%; display: block; float: left;}
		div#languages .available ul#dati_tecnici { display: block; float:left;}
		div#languages .available ul#dati_tecnici li { display: block; float:left; margin: 0 20px 0 0;}

div#listone { border: 0px solid lime; }
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: 0 0 0 80px; font-size: 0.9em; 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;}