/*
Theme Name: Officine Savioli
Theme URI: http://www.marketinginformatico.it/
Description: Il tema č originale, basato pur sempre sul pių famoso <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Manuel Masia
Author URI: http://www.marketinginformatico.it/
Tags: officine savioli, marketing informatico

*/


/* Inizio standard e generale */
body {
	margin:0;
	padding:0;
	font-family:'Lucida Sans Unicode','Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:20px;
	width:100%;
}
img, div, input, span, a, h1 {
	behavior:url("http://www.saviolilelio.com/pngfix/iepngfix.htc");
}
textarea {
	background:#fff;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-weight:normal;
}
img {
	display:block;
	border:none;
}
form {
	display:inline;
	margin:0;
	padding:0;
}
table, tr, td, form {
	margin:0;
	padding:0;
	vertical-align:top;
}
a:active {
	outline:none;
}
a:focus {
	-moz-outline-style:none;
}
a {
	color:#1d536f;
	text-decoration:underline;
}
	a:hover {
		text-decoration:none;
	}
.link{
	text-decoration:underline;
}
.link:hover{
	text-decoration:none;
}
.linkt{
	text-decoration:none;
	cursor:text;
	color:#000000;
}
.testo{
	text-decoration:none;
	cursor:text;
	color:#000000;
}
.grassetto{
	font-weight:bold;
}
.alignleft {
	float:left;
	display:inline;
}
.alignright {
	float:left;
	display:inline;
}
.titolo, .titolo a {
	font-family:'Century Gothic','Lucida Sans Unicode','Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#6ca7c2;
	font-size:30px;
	line-height:35px;
	text-decoration:none;
}
.sottotitolo, .sottotitolo a {
	font-family:'Century Gothic','Lucida Sans Unicode','Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	text-transform:uppercase;
	color:#777;
}
.chiudi {
	float:right;
	display:inline-block;
	display:moz-inline-box;
	text-decoration:none;
	color:#fff;
	width:41px;
	height:48px;
	background:url(imgs/chiudi.png) no-repeat;
}
.blu {
	height:auto;
}
div, a, li, p, img {
	behavior:url("pngfix/iepngfix.htc");
}
ul,li {
	margin:0;
	padding:0;
	list-style:none;
}
	
/* Contenitori */
#cento {
	float:left;
	display:inline;
	width:100%;
	min-width:1000px;
	background:url(imgs/bg.jpg) top center repeat-x #fff;
}
#chiodo {
	margin:0 auto;
	width:1000px;
}
#flag {
	position:absolute;
	top:0;
	z-index:200;
	*
	margin-left:-1000px;
}
	#quadro {
		width:1000px;
		float:left;
		display:inline;
	}
		#head {
			width:1000px;
			height:214px;
			overflow:hidden;
			float:left;
			display:inline;
			background:url(imgs/menu-bg.jpg) no-repeat top left;
		}
			#toplink {
				height:11px;
				font-size:9px;
				line-height:11px;
				height:11px;
				color:#6ca7c2;
				text-align:right;
				width:976px;
				padding:0 12px;
			}
				#toplink a {
					color:#6ca7c2;
					text-decoration:none;
				}
					#toplink a:hover {
						text-decoration:underline;
					}
			#linkhome {
				position:absolute;
				padding:0;
				margin:0 0 0 179px;
				width:473px;
				height:57px;
				text-decoration:none;
			}
			#cerca {
				padding:0;
				margin:0;
				width:98px;
				height:38px;
				margin:19px 0 0 0;
				text-decoration:none;
				background:url(imgs/cerca.jpg) no-repeat top;
				float:right;
				display:inline;
			}
				#cerca:hover {
					background:url(imgs/cerca.jpg) no-repeat bottom;
				}
			#logo {
				position:absolute;
				z-index:100;
				margin:0 0 0 14px;
			}
		.sxbottom .navigation {
			float:left;
			display:inline;
			padding:0;
			width:615px;
			text-transform:uppercase;
		}
			.sxbottom .navigation .alignleft {
				float:left;
				display:moz-inline-box;
				display:inline-block;
				text-align:left;
				width:280px;
				padding:10px 0;
			}
			.sxbottom .navigation .alignleft a {
				background:url(imgs/alignleft.jpg) no-repeat center left;
				padding:0 0 0 20px;
				color:#6da5c8;
				text-decoration:none;
			}
				.sxbottom .navigation .alignleft a:hover {
					text-decoration:underline;
				}
			.sxbottom .navigation .alignright {
				float:right;
				display:moz-inline-box;
				display:inline-block;
				text-align:right;
				width:280px;
				padding:10px 0;
			}
				.sxbottom .navigation .alignright a:hover {
					text-decoration:underline;
				}
			.sxbottom .navigation .alignright a {
				background:url(imgs/alignright.jpg) no-repeat center right;
				padding:0 20px 0 0;
				color:#6da5c8;
				text-decoration:none;
			}
		.sinistra {
			float:left;
			display:inline;
			width:655px;
		}
		.sx {
			float:right;
			display:inline;
			width:655px;
			margin:0 0 30px 0;
			background:url(imgs/sx.jpg) repeat-y;
		}
			.sx ul {
				padding:0 10px;
				margin:0 0 0 20px;
			}
			.sx li {
				list-style:disc;
				list-style-position:inside;
			}
			.sx img {
				border:1px solid #000;
				display:moz-inline-box;
				display:inline-block;
				margin-bottom:5px;
			}
			.sx img.noborder {
				border:none;
			}
			.sx .alignleft {
				margin-right:5px;
			}
			.sx .alignright {
				margin-left:5px;
			}
			.sx .titolo {
				background:url(imgs/titolo.jpg) top no-repeat;
				padding:15px 20px 0 20px;
			}
			.sx .titolo a {
			}
			.sx .border {
				display:block;
				clear:both;
				height:10px;
				border-bottom:1px solid #6ca7c2;
				margin:0 0 10px 0;
			}
				.sx .pertre {
					width:615px;
					overflow:hidden;
					padding:0;
					margin:0;
				}
				.sx .pertre img {
					padding:0;
					margin:0;
				}
				.sx .pertre td {
					width:195px;
					padding:10px 10px 0 0;
					overflow:hidden;
					margin:0;
				}
			.sx .sottotitolo {
				padding:12px 0 0 0;
			}
			.sx .zebra {
				color:#464646;
				padding:0;
				margin:0;
				display:block;
				clear:both;
				border:none;
				margin:20px 0 0 0;
				background:#edf3f5;
			}
			.sx .zebra tr {
				margin:0;
				padding:0;
				border:none;
			}
			.sx .zebra td {
				border:none;
				padding:15px 30px;
				margin:0;
				width:287px;
				background:#fff;
			}
			.sx .zebra .blu td {
				color:#6ca7c2
			}
			.sx .zebra th {
				font-size:20px;
				text-align:center;
				font-family:"Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-weight:normal;
				line-height:24px;
				padding:5px 30px;
			}
			.testa {
			}
			.zebra th.testa {
				font-size:14px;
				line-height:20px;
				background:#d5e3e8;
				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
				text-align:left;
			}
			.sxbottom {
				float:left;
				display:inline;
				width:615px;
				padding:0 20px 20px 20px;
				background:url(imgs/sxbottom.jpg) bottom no-repeat;
			}
				.sxbottom p {
					padding:10px 0 0 0;
					margin:0;
				}
			.recentpost ul, .recentpost li {
				padding:0;
				margin:0;
			}
		.vetrina {
			display:block;
			clear:both;
			text-align:center;
		}
		.vetrinapop td {
			text-align:center;
			vertical-align:middle;
			padding:0 20px;
			cursor:pointer;
		}
			.vetrinapop a.link {
				font-size:14px;
				line-height:16px;
				text-decoration:none;
			}
			.inputsearch {
				width:299px;
				height:25px;
				padding:6px 5px 0 5px;
				background:url(imgs/inputsearch.jpg) no-repeat top left;
				border:none;
				font-family:'Lucida Sans Unicode','Trebuchet MS', Arial, Helvetica, sans-serif;
				color:#666666;
			}
			.sendbut {
				width:35px;
				border:none;
				height:34px;
				background:url(imgs/lentesearch.jpg) no-repeat bottom left;
				padding:0;
				margin:0;
				cursor:pointer;
			}
		.destra {
			float:right;
			display:inline;
			width:310px;
		}
		.dx {
			float:right;
			display:inline;
			width:310px;
			margin:0 0 30px 0;
			background:url(imgs/dx.jpg) repeat-y;
		}
			.dx .titolo {
				background:url(imgs/titolodx.jpg) top no-repeat;
				color:#fff;
				padding:15px 20px 0 20px;
			}
			.dx .titolo a {
				color:#fff;
			}
				.dx .titolo:hover, .dx .titolo a:hover {
					color:#c1dbe7;
				}
			.dx .border {
				display:block;
				clear:both;
				height:10px;
				border-bottom:1px solid #fff;
			}
			.dxbottom {
				background:url(imgs/dxbottom.jpg) bottom no-repeat;
				width:270px;
				padding:0 20px 20px 20px;
				float:right;
				display:inline;
			}
			#news {
				color:#6ca7c2;
				font-size:10px;
				line-height:12px;
			}
			#news li {
				padding:10px 0;
			}
				#news a {
					color:#fff;
					text-decoration:none;
					font-size:13px;
					line-height:18px;
					clear:both;
					display:block;
				}
					#news a:hover {
						text-decoration:underline;
					}
				#fiere .border {
					margin-bottom:10px;
				}
				#fiere a {
					color:#fff;
					text-decoration:none;
					font-size:13px;
					line-height:18px;
					clear:both;
					display:block;
				}
					#fiere a:hover {
						text-decoration:underline;
					}
				#fiere table {
					border:0;
					padding:0;
					margin:0;
					text-align:left;
					vertical-align:top;
					width:270px;
				}
					#fiere td.legend1 {
						width:65px;
						padding:0 5px 0 0;
						color:#6ca7c2;
						font-size:11px;
						line-height:13px;
						vertical-align:top;
					}
					#fiere td.content1 {
						width:190px;
						padding:0;
						color:#fff;
						font-size:11px;
						line-height:13px;
						vertical-align:top;
					}
					#fiere td.legend2 {
						width:65px;
						padding:0 5px 0 0;
						color:#6ca7c2;
						font-size:13px;
						line-height:15px;
						vertical-align:top;
					}
					#fiere td.content2 {
						width:198px;
						padding:0;
						color:#fff;
						font-size:13px;
						line-height:15px;
						vertical-align:top;
					}
	#piede {
		float:left;
		display:inline;
		width:100%;
		min-width:1000px;
		height:auto;
		color:#fff;
		background:url(imgs/piedebg.jpg) repeat-x top left #000;
		font-size:13px;
		padding:18px 0 0 0;
		*
		padding:30px 0 0 0;
	}
		#piede a {
			color:#6ca7c2;
		}
		.titolo-cont {
			width:460px;
			float:left;
			display:moz-inline-box;
			display:inline-block;
			padding:0;
			margin:0;
			text-align:left;
			font-family:'Century Gothic','Lucida Sans Unicode','Trebuchet MS', Arial, Helvetica, sans-serif;
			font-size:30px;
			line-height:35px;
			text-decoration:none;
		}
		.titolo-cont a {
			color:#a1a1a1;
		}
		.wpcf7-mail-sent-ciao{
			color:#a1a1a1;
		}
		a#tornasu {
			float:right;
			display:moz-inline-box;
			display:inline-block;
			background:url(imgs/tornasu.jpg) no-repeat left bottom;
			padding:13px 0 0 20px;
			margin:0;
			height:15px;
			color:#a1a1a1;
			text-decoration:none;
			text-transform:uppercase;
			text-align:right;
			font-size:15px;
		}
			#piede .sinistra .border {
				display:block;
				clear:both;
				height:10px;
				border-bottom:1px solid #a1a1a1;
				margin:0 0 5px 0;
				width:615px;
			}
			#piede .destra {
				width:270px;
				padding:13px 20px 0 20px;
				*
				padding:0 20px;
			}
			#piede .destra .titolo {
				color:#a1a1a1;
			}
			#piede .destra .border {
				display:block;
				clear:both;
				height:10px;
				border-bottom:1px solid #a1a1a1;
				width:270px;
				margin:0 0 7px 0;
				*
				margin:0 0 6px 0;
			}
			#piede .contatto {
				float:left;
				display:inline;
				padding:0 20px;
			}
			#piede input.contatti, #piede textarea.contatti {
				display:block;
				clear:both;
				border:1px solid #707070;
			}
			#piede .contatto input.hide {
				display:none;
				border:none;
				widows:0;
				height:0;
				clear:none;
			}
			img.bordo {
				border:1px solid #d7edf2;
				float:right;
				display:inline;
				margin:-14px 3px 0 0;
				*
				margin:-14px 0 0 0;
			}
			.tbpiede .tddx {
				padding:0 0 0 10px;
			}
			.tbpiede input {
				width:281px;
				height:20px;
				padding:0 0 0 15px;
			}
			.tbpiede textarea {
				width:281px;
				height:60px;
				padding:0 0 0 15px;
			}
			.tbpiede input.captinput {
				display:inline;
				float:left;
				width:165px;
				margin:0 10px 0 0;
				padding:0 0 0 15px;
			}
			.tbpiede p {
				float:right;
				display:inline;
				margin:-14px 0 0 0;
			}
			#piede .accetta {
				float:left;
				display:inline;
				width:400px;
				font-size:11px;
				line-height:13px;
			}
			#piede .invia {
				float:right;
				display:inline;
			}
			#piede .checkaccett {
				float:left;
				display:inline;
			}
			#piede input.invia, #piede input.wpsb_form_btn {
				background:url(imgs/invia.jpg) no-repeat;
				color:#fff;
				font-size:14px;
				font-family:'Lucida Sans Unicode','Trebuchet MS', Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				border:none;
				width:53px;
				height:24px;
				cursor:pointer;
				padding:0 7px 3px 0;
				*
				padding:0 7px 0 0;
			}
			#piede .credits {
				display:inline;
				float:left;
				width:960px;
				padding:8px 20px;
				margin:25px 0 10px 0;
				border-top:1px solid #a1a1a1;
				color:#a1a1a1;
				font-size:10px;
				line-height:12px;
			}
			.wpsb_form_txt {
				width:207px;
				height:18px;
				border:1px solid #707070;
			}
			.wpsb_form_label br {
				height:0;
				line-height:0;
				display:none;
			}
			.wpsb_form_label p {
				padding:0;
				margin:0;
			}
			div.wpsb_form_label {
				display:block;
				clear:both;
				margin:10px 0;
			}
			#piede a.skype {
				display:block;
				clear:both;
				height:33px;
				padding:17px 0 0 0;
				background:url(imgs/skype.jpg) no-repeat right center;
				text-decoration:none;
				color:#fff;
				margin:30px 0 0 0;
			}
			#piede .marketing a {
				color:#a1a1a1;
				text-decoration:none;
				cursor:text;
			}
			

/* Slide */
	#slide {
		position:absolute;
		width:100%;
		min-width:1000px;
		height:328px;
		background:url(imgs/slidebg.jpg) top repeat-x;
		top:184px;
		left:0;
		padding:10px 0 0 0;
	}
		#slideimg {
			margin:0 auto;
			height:307px;
			width:1000px;
		}
			#coprislidedx {
				position:absolute;
				width:97px;
				height:303px;
				margin:25px 0 0 903px;
				background:url(imgs/coprislidedx.png) no-repeat right top;
				z-index:100;
			}
			#coprislidesx {
				position:absolute;
				width:97px;
				height:303px;
				margin:25px 0 0 0;
				background:url(imgs/coprislidesx.png) no-repeat left top;
				z-index:100;
			}
			#imageFlow {
				position:absolute;
				width:1000px;
				height:328px;
				top:-25px;
				overflow:hidden;
				z-index:2;
			}
			#imageFlow .diapo {
				position:absolute;
				left:-4000px;
				cursor:pointer;
				-ms-interpolation-mode:nearest-neighbor;
			}
			#imageFlow .link {
				margin-left:-1px;
				margin-bottom:-1px;
			}
			#imageFlow .text {
				position:absolute;
				left:0px;
				width:100%;
				bottom:8.9%;
				text-align:center;
				color:#FFF;
				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
				z-index:1000;
			}
			#imageFlow .title {
				font-size:0.9em;
			}
			#imageFlow .legend {
				font-size:0.8em;
			}
			#imageFlow .scrollbar {
				position:absolute;
				margin:300px 0 0 0;
				width:1000px;
				height:18px;
				z-index:1000;
			}
			#imageFlow .track {
				position:absolute;
				left:1%;
				width:98%;
				height:18px;
			}
			#imageFlow .arrow-left {
				position:absolute;
				cursor:pointer;
			}
			#imageFlow .arrow-right {
				position:absolute;
				right:0px;
				cursor:pointer;
			}
			#imageFlow .bar {
				position:absolute;
				height:18px;
				left:20px;
				width:102px;
			}
			#imageFlow .title {
				display:moz-inline-box;
				display:inline-block;
				padding:0 5px;
				height:20px;
			}
			#imageFlow .legend {
				display:moz-inline-box;
				display:inline-block;
				padding:0 5px;
				height:20px;
				background:url(imgs/legend.png);
			}
	#slide2 {
		width:1000px;
		float:left;
		display:inline;
		height:312px;
		margin:0;
	}
/* Fine slide */	
	
/* Menu a tendina */
#suckerfishnav {
    font-size:15px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-weight:bold;
	z-index:1;
	position:absolute;
    list-style:none;
    width:792px;
	margin:57px 0 0 196px;
}
#suckerfishnav li.current_page_item a {
	background:url(imgs/menu-hover.jpg) no-repeat;
	cursor:text;
}
#suckerfishnav li.current_page_item li a {
	background:none;
	cursor:text;
}
#suckerfishnav li.current_page_parent a {
	background:url(imgs/menu-hover.jpg) no-repeat;
}
#suckerfishnav li.current_page_parent li a {
	background:none;
}
#suckerfishnav li li a {
	background:none;
}
#suckerfishnav ul {
	position:absolute;
	left:-196px;
	background:url(imgs/sottomenu.jpg) no-repeat top right;
	text-align:center;
    padding:5px 8px 0px 196px;
    width:784px;
	height:55px;
	margin:0;
	*
	margin:51px 0 0 0;
}
#suckerfishnav ul li {
	text-align:center;
}
#suckerfishnav a {
	display:-moz-inline-box;
	display:inline-block;
    color:#ffffff;
    text-decoration:none;
    padding:15px 0 0 0;
    width:132px;
	height:36px;
	background:url(imgs/link.jpg) no-repeat right top;
}
#suckerfishnav a:hover {
	background:url(imgs/menu-hover.jpg) no-repeat top;
}
#suckerfishnav li {
    float:left;
    padding:0;
    text-align:center;
}
#suckerfishnav ul a {
    color:#484848;
	background:none;
	font-size:13px;
    padding:0 23px;
	width:auto;
	display:inline;
	cursor:pointer;
}

#suckerfishnav ul a:hover, #suckerfishnav li:hover li a:hover {
    color:#ffffff;
	background:none;
	font-size:13px;
	cursor:pointer;
}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#484848;
	background:none;
	font-size:13px;
	cursor:pointer;
}
/* Fine menu a tendina */

/* Slide dock */
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}
/* FINE slide dock */


/*	Anna dice al mostro:"Ah, se tu mi amassi!"
	E il mostro:"Mah no che non ti amasso!" */