/* 	********************************************************************************************** 

	*		LAYOUT GENERALE *
	*		Created:	 03/03/2009	 *
	*		Last update: *
	*		Nome gruppo di proprieta': Tamtamweb	 	     *
    *		Author: Katty Garcia		 		 *

   	********************************************************************************************** */

/* IMPOSTAZIONI GENERALI */

*, html {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #970204 url(../img/bg.jpg) repeat left top;
	font-family: Arial, Verdana, sans-serif;
	font-size: 70%;
	color: #d0a840;
	margin: 0px;
	padding: 0px;
}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

img, img a {
	border: none;
}

a, a:link {
	text-decoration: none;
}

p {
	padding-bottom: 10px;
	color: #d0a840;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Verdana, sans-serif;
}

strong {
	color: #f2c961;
	font-weight: bold;
}

h1, h2 {
	color: #efdadd;
	font-size: 35px;
	letter-spacing: -1px;
	font-weight: normal;
	border-bottom: 1px solid #600;
}

h2 {
	font-size: 21px;
	border: none;
	color:#fff;
}

h3 {
	color: #fff;
	font-size: 18px;
	margin: 5px 0 0 0;
}

h4 {
	background: #861011;
	color: #fff;
	font-size: 21px;
	margin: 0;
	padding: 10px 0 3px 15px;
	border-bottom: 2px solid #cc9933
}
h4.rosso  {
	background: #CF000B;
}
h4.past  {
	background:#57b1e3 ;
}
h4.torroncini  {
	background: #F90;
}
h4.torroni {
	background:#f89420;
}
h4.pralineria  {
	background: #b197c6;
}
h4.specialita  {
	background: #a3cc39;
}
h4.ricorrenze  {
	background: #d4589f;
}
h4.strenne {
	background:#f26620;
}
h4.gelees {
	background: #6C9;
}
.left {
	float: left;
	margin-right: 15px;
}

.right {
	float: right;
	margin-left: 15px;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	color: #300;
	padding-top: 20px;
}

.sepH {
	width: 900px;
	height: 2px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background: url(../img/hr.png) no-repeat;
}

a {
	color: #fb6966;
}

a:hover {
	color: #fdcccc;
}
a.video {
	background: url(../img/icoVideo.gif) no-repeat 5px 5px;
	padding:10px 10px 15px 45px;
	font-size: 12px;
	color: #d0a840;
	margin-right: 30px;
	border: 1px solid #5F0202;
	}
	a.video:hover {
	color: #fff;
	font-family: Arial, Verdana, sans-serif;
}
/*layout*/

#container {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/lightSfondo-trans.gif) no-repeat center top;
	float: left;
}

#wrap {
	width: 900px;
	margin: 0 auto;
}

#header {
	margin: 0;
	padding: 0;
	height: 61px;
}

#banner, #banner-page, #banner-prod {
	width: 900px;
	height: 431px;
	background-color: #fff;
	display: block;
	margin: 0;
	padding: 0;
}

#banner-page {
	height: 310px
}
#banner-prod {
	height: 200px;
}
#flashcontent, #flashcontent2, #flashcontent3 {
	width: 900;
	height: 431px;
	display: block;
}
#flashcontent2 {
	height:310px;
}
#flashcontent3 {
	height:583px;
}

#flashcontent p, .error, #flashcontent2 p, #flashcontent3 p {
	padding-top: 200px;
	text-align: center;
	background: url(../img/process_warning.png) no-repeat 410px 80px;
	font-size: 14px
}

#flashcontent a {
	color: #C00;
	background-color: #FCC;
	padding: 5px;
}

#flashcontent a:hover {
	color: #fff;
	background-color: #C00
}

#footer {
	width: 900px;
	height: 130px;
	display: block;
	background: url(../img/bgFooter.gif) no-repeat;
	float: left;
}

/*header styles*/

.logo {
	padding: 0;
	margin: 0;
	background: url(../img/logo-trans.png);
	width: 240px;
	height: 110px;
	z-index: 1;
	position: absolute;
	top: 0;
	margin-left: -120px;
	left: 50%;
}

ul#menu {
	width: 900px;
	position: relative;
	top: 38px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/bgTopNav.jpg) repeat-x;
}

#menu li, #menu li.active {
	margin: 0;
	list-style: none;
	float: left;
	color: #edce7e;
	padding: 2px 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#menu li a {
	padding: 2px 12px;
	display: block;
	color: #edce7e;
	font-size: 12px;
	font-weight: bold;
	background: url(../img/bgNav.png) no-repeat 0 23px;
}

#menu li a:hover {
	background: url(../img/bgNav.png) no-repeat 0 0;
	color: #feff96;
}

#menu li.active {
	margin-top: 2px;
	padding: 2px 15px;
	color: #fff;
}

#menu li.space {
	width: 219px;
	display: block;
}

#info, #infoprod {
	width: 900px;
	padding: 0;
	margin: 0;
	background-color: #970204;
	float: left;
}

#infoprod {
	background: #fff;
}

#info .box, #infoprod .box {
	padding: 25px 20px 0 20px;
	width: 260px;
	background: url(../img/boxSep1.png) no-repeat right top;
	float: left;
	background-color: #970204;
}

#infoprod .box {
	background-color: #fff;
}

#info .box.last {
	background: none;
}

#info .box.page {
	padding: 25px 20px 25px 20px;
	width: 860px;
	background: none;
	float: left;
	background-color: #970204;
}

#info .box.page p {
	padding-top: 25px;
	line-height: 21px;
	font-size: 12px;
	text-align: justify;
}

#info .box.page img {
	float: right;
	margin-left: 20px;
	padding-bottom: 30px;
}

#info .box img {
	clear: both;
	float: right;
	padding-bottom: 15px;
}
.box.page li {
	list-style-image: url(../img/icoLista.gif);
	list-style-position: inside;
	font-size: 12px;
	padding-top:15px;
}
a.link, a:visited.link, a.link2, input.link {
	width: 55px;
	height: 21px;
	padding-top: 5px;
	background: url(../img/link1.png) no-repeat left top;
	display: block;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	margin-top: 20px;
}

.link3{
	width: 80px;
	height: 26px;
	padding-top: 5px;
	background: url(../img/link3.png) no-repeat left top;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	margin-top: 15px;
}

a:hover.link {
	background: url(../img/link1.png) no-repeat left bottom;
	font-family: Arial, Verdana, sans-serif;
}
a.link2, a:visited.link2 {background: url(../img/link2.png) no-repeat left top;}
a:hover.link2 {background: url(../img/link2.png) no-repeat left bottom;}
.seisu {
	background: url(../img/hr.png) no-repeat left bottom;
	font-size: 12px;
	padding: 8px 5px 8px 20px;
	color: #fff;
	float: left;
	width: 900px;
}

.seisu span {
	font-size: 16px;
	letter-spacing: -1px;
	color: #c83733;
	background: url(../img/seisu.png) no-repeat right top;
	padding-right: 20px;
	font-weight: bold;
}

.seisu .pagine {
	float: right;
}

.pagine {
	clear: both;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	padding-right: 15px;
	float: right;
}

.pagine a {
	background: #520800;
	padding: 0 5px;
}

a.zoom {
	width: 5px;
	height: 21px;
	padding: 8px 0px 8px 35px;
	background: url(../img/zoom_in.png) no-repeat left top;
	display: block;
	cursor: pointer;
	font-size: 12px;
	margin-top: 10px;
}

/*form styles */
.contatti label {
	background:#600;
	margin-top:6px;
	padding:4px;
	display: block;
	width:200px;
	float:left;
	margin-bottom:5px;
}

#lav label {
	background:#600;
	margin-top:6px;
	padding:4px;
	display: block;
	width:190px;
	float:left;
	margin-bottom:5px;
	
}


input.error { height: 10px; width: 10px; background: none; padding: 0px; margin: 0px;} 
input, select {
	width: 200px;
	height: 23px;
	background: url(../img/input.png) no-repeat;
	color: #320400;
	padding: 10px 0px 0px 8px;
	margin: 0;
	border: none;
}
input.pic {
	width: 53px;
	height: 23px;
	background: url(../img/input2.png) no-repeat;
	color: #320400;
	padding: 10px 0px 0px 8px;
	margin: 0;
	border: none;
	}
	
input.short {
	width: 88px;
	height: 23px;
	background: url(../img/inputshort.png) no-repeat;
	color: #320400;
	padding: 10px 0px 0px 8px;
	margin: 0;
	border: none;
	}

.contatti input, .contatti select  { margin:0 5px 5px 5px ; float:left;}
/*.contatti select { float:none; background:url(../img/bgSelect.png) no-repeat left top; width:428px; height:30px; padding:5px; margin:0 0 10px 5px;}
*/.contatti select.short { float:none; background:url(../img/input.png) no-repeat left top;  width:208px; height:30px; padding:5px; margin:0 0 10px 5px;}


.contatti textarea {
	width: 635px;
	height: 200px;
	background: url(../img/bgTextarea.png) no-repeat;
	color: #320400;
	padding: 10px 0px 0px 8px;
	margin:0 0 0 5px;
	border: none;
	font-family: Arial, Verdana, sans-serif; font-size:12px;}
.opt { background: #f1e7d1; padding:5px; border-bottom:1px solid #e7d6b4;}
input.btn {
	width: 55px;
	height: 26px;
	padding: 0;
	background: url(../img/link1.png) no-repeat left top;
	display: block;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	margin-top: 15px;
}
input:hover.btn {
	background: url(../img/link1.png) no-repeat left bottom;
}
input.mail {
	width: 168px;
	background: url(../img/inputMail.png) no-repeat left top;
	padding-left: 40px;
}
.copyright {
	width: 500px;
	float: left;
	margin: 18px 0 0 15px;
	font-size: 12px;
}

.copy {
	font-size: 11px;
	width: 500px;
	float: left;
	margin: 20px 0 0 130px;
	color: #300
}

.search {
	width: 350px;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
}

.credits a {
	background: url(../img/credits.png) no-repeat right top;
	width: 80px;
	height: 30px;
	font-size: 11px;
	color: #ffcc66;
	display: block;
	float: right;
	padding-top: 10px;
	margin-top: 20px
}

.credits a:hover {
	background: url(../img/credits.png) no-repeat right bottom;
}

input.search {
	width: 158px;
	padding-left: 15px;
	padding-right: 40px;
	padding-top: 10px;
	background: url(../img/inputSearch.png) no-repeat left top;
	height: 23px
}

/* Easy Slider */

#slider {
	width: 930px;
	overflow: hidden;
	height: 500px;
	margin: 0;
	position: relative;
	float: left;
}

#slider ul, #slider li {
	width: 900px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	overflow-x: hidden;
}

#slider li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width: 900px;
	height: 550px;
	overflow: hidden;

}

#prevBtn, #nextBtn {
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 700px;
	text-indent: -9999px;
}
#prevBtn {
	margin-right:450px;
	right: 50%;
}

#nextBtn {
	margin-left: 415px;
	left: 50%;

}

#prevBtn a, #nextBtn a {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../img/btn_prev.gif) no-repeat 0 0;
	margin-left:14px;
}

#nextBtn a {
	background: url(../img/btn_next.gif) no-repeat 0 0;
}

/* // Easy Slider */

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
	overflow: hidden;
	width: 890px;
	padding:5px;
	background:#7F0005;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(../img/Chevron.gif) no-repeat 100% 0;

}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	font-size: 12px;
	display: block;
	overflow: hidden;
	background: url(../img/Chevron2.gif) no-repeat 100% 0;
		padding-right: 15px;
}
.breadCrumb ul li a
{
	font-size: 12px;
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;

	
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(../img/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
	font-size: 12px;
}
.chevronOverlay
{
	display: none;
	background: url(../img/Chevron.gif) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}

.clear{clear:both;}

.textbox {
	height:30px;
	width:150px;
	float:left;
	margin-right: 0 !important;
    padding-right: 2px;
}