/**
  * Cantine Cooperative Riunite Soc. Coop. Agr.
  * @version 1.0.0
  * @copyright (C) 2008 by Be&Partners (Be S.r.l.) and Simone Conti
 **/
 
 
 /* # GENERAL # */

BODY {
	color                : #fff;
	background-color     : #000;
	border               :  0px;
	margin               :  0px;
	padding              :  0px;
	text-align           : left;
	font-size            : 12px;
	line-height          : 14px; 
	font-family          : "Helvetica", "Arial", "Microsoft Sans Serif"; 

	background-image     : url( ../img/bck/bck_background.gif );
	background-repeat    : repeat-x;
	background-color     : #000;
}

td,
tr,
div {
}

p,
p.iva {
	margin      :  0px;
	margin-top  :  5px;
	margin-right: 10px;
	text-align  : justify;
	line-height : 18px;
}

p.iva {
	margin-top  :  25px;
	color: #d5a054;
	text-align  : center;
}

p.uva {
	margin-top:    -2px;
	margin-bottom: 10px;
}

h1,
h2,
h5 {
	border : 0px;
	margin : 0px;
	padding: 0px;
	color  : #d5a054;
	
	font-size: 18px;
	line-height: 21px;
	
	display: inline;
}

h2 {
	color: #fff;
	
	font-size: 18px;
	line-height: 21px;
}

h5 {
	margin-top : 15px;
	font-size  : 12px;
	line-height: 14px;
	
	display    : block;
}

div#newshomebox_wrapper {
	border               :  0px;
	margin               :  0px;
	padding              :  0px;
	text-align           : center;
}

div#newshomebox {
	position   : relative;
	top        :-500px;
	background : #000000;
	margin     :  0px auto;
	padding-top: 50px;
	width      : 500px;
	min-width  : 500px;
	max-width  : 500px;
	height     : 275px;
	min-height : 275px;
	max-height : 275px;
	text-align : center;
}

div#header_wrapper {
	border               :  0px;
	margin               :  0px;
	padding              :  0px;
	text-align           : center;
}

	div#header {
		margin          : 0px auto;
		border		    : 0px;
		padding         : 0px;
		width           : 800px;
		min-width       : 800px;
		max-width       : 800px;
		height          : 80px;
		min-height      : 80px;
		max-height      : 80px;
		text-align      : left;
	}

		div#menu_bar {
			position        : relative;
			margin          :  0px;
			border		    :  0px;
			padding         :  0px;
			padding-top     : 40px;
			padding-left    : 75px;
			width           : 650px;
		}

		div#header.home div#menu_bar {
			visibility: hidden;
		}

			div.mnu_l {
				position: relative; top: 15px;
				float: left;
			}
			
			div.mnu_i {
				float: left;
			}
			
			div#menu {
				margin          :  0px;
				border		    :  0px;
				padding         :  0px;
				
				float: left;
			}

			.mainmenu_item {
				border       : 0px;
				margin       : 0px;
				margin-left  : 6px;
				margin-right : 5px;
				padding      : 0px;
			}

			.mainmenu_spacer {
				border      : 0px;
				margin      : 0px;
				margin-left : 5px;
				margin-right: 5px;
				padding     : 0px;
			}

				.mainmenu_subitem {
					border       : 0px;
					margin       : 0px;
					margin-left  : 6px;
					margin-right : 5px;
					padding      : 0px;
				}

				.mainmenu_subspacer {
					border      : 0px;
					margin      : 0px;
					margin-left : 5px;
					margin-right: 5px;
					padding     : 0px;
				}

				/* required for subnav droplist */

				a.navbutton {
					display: block;
				}
				
				.subNav {
					position: absolute;
					top: 25px;
					left: -10px;
					border: 0px;
					height: 20px;	

					visibility: hidden;
					z-index: 20;
				}
		
					.subNav ul{
						list-style:none;
						margin: 0;
						padding: 0;
					}
		
						.subNav ul li{
							padding: 3px;
							margin: 1px;
							cursor: pointer;
							color: #2A2A2A;
							background-color: #5c1010;
						}
		
						.subNav ul li:hover{
							background-color: #c42221;
							color: #ffffff;
						}

			div#menu_line {
				background-image     : url( ../img/bck/bck_menu_line.gif );
				background-repeat    : repeat-y;
				background-color     : #000;
				position: relative; left: -75px; top: -3px;
				margin          :   0px;
				border		    :   0px;
				padding         :   0px;
				width           : 800px;
				height          :   3px;

				clear           : both;
			}

div#contents_wrapper {
	background-color     : #000000;
	border               :  0px;
	margin               :  0px;
	padding              :  0px;
	text-align           : center;
	
/*	clear                : both;*/
}

	div#contents,
	div#contents_index,
	div#contents_home,
	div#contents_storia,
	div#contents_azienda,
	div#contents_emiliaromagna,
	div#contents_uvaggi,
	div#contents_com_vivante,
	div#contents_com_centroamerica,
	div#contents_com_worldwide,
	div#contents_contatti,
	div#contents_schede {
		background-image     : url( ../img/bck/bck_contents.jpg );
		background-repeat    : no-repeat;
		background-color     : #000000;
		margin          :   0px auto;
		border		    :   0px;
		padding         :   0px;
		padding-top     :  10px;
		width           : 800px;
		min-width       : 800px;
		max-width       : 800px;
//		height          : 400px;
//		min-height      : 400px;
//		max-height      : 400px;
		text-align      : center;
			
		overflow        : hidden;
		}

	div#contents_index,
	div#contents_home {
		height          : 400px;
		min-height      : 400px;
		max-height      : 400px;
	}

	div#contents_storia {
		height          : 550px;
		min-height      : 550px;
		max-height      : 550px;
	}

	div#contents_azienda {
		height          : 500px;
		min-height      : 500px;
		max-height      : 500px;
	}

	div#contents_emiliaromagna {
		height          : 500px;
		min-height      : 500px;
		max-height      : 500px;
	}

	div#contents_uvaggi {
		height          : 1550px;
		min-height      : 1550px;
		max-height      : 1550px;
	}

	div#contents_com_vivante,
	div#contents_com_centroamerica,
	div#contents_com_worldwide {
		height          : 520px;
		min-height      : 520px;
		max-height      : 520px;
	}

	div#contents_contatti {
		height          : 450px;
		min-height      : 450px;
		max-height      : 450px;
	}

	div#contents_schede {
		height          : 550px;
		min-height      : 550px;
		max-height      : 550px;
	}

			div#intro1,
			div#intro2,
			div#intro3,
			div#intro4,
			div#intro5,
			div#intro6 {
				position: relative; 
				
				border: 0px;
				
				display: block;
			}
			
				img#id_intro1,
				img#id_intro2,
				img#id_intro3,
				img#id_intro4 {
					position: relative; top: -350px;
					margin: 5px;
				}

				img#id_intro5,
				img#id_intro6 {
					position: relative; top: 400px;
					margin: 5px;
				}

			div#contents_title {
				border      :   0px;
				padding     :   0px;
				margin      :   0px;
				margin-top  :  10px;
				margin-left :  80px; 
				width       : 630px;
				text-align  : left;
				
				clear       : both;
				float       : none;	
			}

			div#contents_txt_contents,
			div#contents_txt_large {
				margin      :   0px;
				margin-top  :   5px;
				margin-left :  80px; 
				padding     :   0px;
				width       : 640px;
				min-width   : 640px;
				max-width   : 640px;
					
				float       : left;
				overflow    : hidden;
			}

			div#contents_txt_large {
				margin-left :  10px; 
				padding     :   0px;
				width       : 780px;
				min-width   : 780px;
				max-width   : 780px;
			}

				div#contents_txt_contents_profile {
					border      :   0px;
					padding     :   0px;
					margin      :   0px;
					margin-left : 200px;
					width       : 430px;
					min-width   : 430px;
					max-width   : 430px;
					
					text-align: left;
				}

	div#newsband {
		width     : 150px;
		min-width : 150px;
		max-width : 150px;
		text-align: right;
		float     : right;
		
		z-index   : 9999;
	}

div#footer_wrapper {
	border               :  0px;
	margin               :  0px;
	padding              :  0px;
	text-align           : center;
}

	div#footer {
		margin          : 0px auto;
		border		    : 0px;
		padding         : 0px;
		width           : 800px;
		min-width       : 800px;
		max-width       : 800px;
		height          : 140px;
		min-height      : 140px;
		max-height      : 140px;
		text-align      : left;

		overflow        : hidden;
	}

	div#footer.home {
		visibility: hidden;
	}

			div#footer_left {
				margin      :   0px;
				border      :   0px;
				padding     :   0px;
				padding-top :  10px;
				padding-left:  75px;
				float       : left;
			}

			.intromenu_item {
				border      : 0px;
				margin      : 5px;
				margin-left : 50px;
				margin-right: 50px;
				padding     : 0px;
			}

			.intromenu_spacer {
				border      : 0px;
				margin      : 5px;
				margin-left : 2px;
				margin-right: 2px;
				padding     : 0px;
			}

			.langmenu_item {
				border      : 0px;
				margin      : 5px;
				margin-left : 1px;
				margin-right: 1px;
				padding     : 0px;
			}

			.langmenu_spacer {
				border      : 0px;
				margin      : 5px;
				margin-left : 2px;
				margin-right: 2px;
				padding     : 0px;
			}

			div#footer_intro {
				margin       :   0px auto;
				border       :   0px;
				padding      :   0px;
				padding-top  :  10px;
				width		 : 500px;
				min-width    : 500px;
				max-width    : 500px;
				
				text-align   : center;
				clear        : both;
			}

			div#footer_right {
				margin       :   0px;
				border       :   0px;
				padding      :   0px;
				padding-top  :  10px;
				padding-right:  75px;
				float        : right;
			}

			div#footer_center {
				position: relative; top: -35px;
				margin       :   0px auto;
				border       :   0px;
				padding      :   0px;
				padding-top  :  10px;
				width		 : 300px;
				min-width    : 300px;
				max-width    : 300px;
				
				text-align   : center;
				color		 : #5c5c5c;
				clear        : both;
			}

div.hspacer {
	height    : 15px;
	min-height: 15px;
	max-height: 15px;
	
	clear     : both;
}

div.pdficn {
	margin-top:   15px;
	margin-left:  60px;
	
	text-align: center;
}

	div.pdficn img {
		margin-bottom: 5px;
	}


/* # CONTENTS SCROLLER # */

	div#contents_scroller {
		position : relative; left: 760px; top: 20px;
		width    :  15px;
		min-width:  15px;
		max-width:  15px;
		height   : 340px;
	}

		div#contents_scroller_gutter {
			position  : relative;
			background: #cb7058;
			width     :  15px;
			min-width :  15px;
			max-width :  15px;
			height    : 340px;
		}
 
		div#contents_scroller_gutter_knob {
			background: #c59b8f;
			width     : 15px;
			min-width : 15px;
			max-width : 15px;
			height    : 30px;
		
			cursor    : pointer;
		}

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

.img_left {
	margin      :   0px;
	margin-left : 100px;
	margin-right:  15px;
	padding     :   0px;
	text-align  : left;

	float       : left;
}

.img_on_the_center {
	margin      :  0px;
	margin-left : 15px;
	margin-right: 15px;
	padding     :  0px;

	float       : left;
}

.img_centered {
	margin      :  0px;
	margin-left : 217px;
	margin-right: 217px;
	padding     :  0px;

	float       : left;
}

.img_right {
	margin      :   0px;
	margin-left :  15px;
	margin-right: 100px;
	padding     :   0px;
	text-align  : left;

	float       : left;
}

.img_on_the_right {
	margin      :  0px;
	margin-left : 15px;
	padding     :  0px;

	float       : left;
}

.prd_thumb {
	position: relative; left: -12px;
	margin      :  0px;
	padding     :  0px;
}

.prd_title {
	margin       :  0px;
	margin-top   :  5px;
	margin-bottom:  5px;
	padding      :  0px;
}

.prd_mnu_list {
	text-align: left;
}

	.prd_mnu_list ul {
		list-style: none;
		border: 0px;
		margin: 0px;
		padding: 0px;
		
	}

.img_on_the_left_prd_riunite {
	margin      :  0px;
	margin-right:  2px;
	padding     :  0px;

	float       : left;
}

.img_on_the_center_prd_riunite {
	margin      :  0px;
	margin-left :  2px;
	margin-right:  3px;
	padding     :  0px;

	float       : left;
}

.img_on_the_right_prd_riunite {
	margin      :  0px;
	margin-left :  1px;
	padding     :  0px;

	float       : left;
}

.img_wrapper {
	position  : relative; top: 0px; left: 0px;
	
	margin    :  0px;
	margin-top: 10px;
	margin-left: 7px;
	padding   :  0px;
	
	background: url( ../img/bck/bck_shadow.png );
}

* html .img_wrapper { /* Regole per IE ( dalla 5.5 in poi ) */
	background-color : #000;
	back\ground-color: transparent;
	background-image : url( ../img/bck_bck_shadow.png );
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src="img/bck/bck_shadow.png", sizingMethod="scale" );
}


	.img_wrapper .image {
		position  : relative; top: -7px; left: -7px;
		margin    :  0px;
		padding   :  0px;
	}

.img_wrapper_noshadow {
	position  : relative; top: 0px; left: 0px;
	
	margin    :  0px;
	margin-top: 10px;
	margin-left: 7px;
	padding   :  0px;
}

* html .img_wrapper_noshadow { /* Regole per IE ( dalla 5.5 in poi ) */
	background-color : #000;
	back\ground-color: transparent;
}


	.img_wrapper_noshadow .image {
		position  : relative; top: -7px; left: -7px;
		margin    :  0px;
		padding   :  0px;
	}

.img_products {
	margin       :  0px;
	margin-top   : 10px;
	padding      :  0px;
	padding-right: 20px;
	
	float        : left;
}





/* # PHOTOGALLERY # */

#imgportfolio {
	position  : relative;
	top: 15px;
	left: 20px;
}

div#photo {
	position  : relative;
	border    :   0px;
	margin    :   0px;
	padding   :   0px;
	
	width     : 165px;
	min-width : 165px;
	max-width : 165px;
	height    : 281px;
	min-height: 281px;
	max-height: 281px;
	
	float: right;
	
	overflow  : hidden;
}

	div#photo_container {
		position    : relative;
		border      :   0px;
		padding     :   0px;
		width       : 165px;
		height      : 250px;
		
		overflow    : hidden;
	}
	
		.scrolling-contents {
			height    : 750px;
			min-height: 750px;
			max-height: 750px;
		}

			div#photo_tab0 {
				top :   0px;
				left:   0px;
			}

	div#photo_ctrls_up,
	div#photo_ctrls_down {
		position    : relative;
		border      :   0px;
		padding     :   0px;
		width       : 165px;
		height      :  15px;
		
		text-align  : center;
	}
	
		.photo_arrows {
			margin: 5px;
		}

a.thumb,
a.thumb:visited
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

a.thumb:hover,
a.thumb:active
{
	color:#AAA;
}

td.thumb img
{
	background: none;
	border : 0px;
	margin : 0px;
	margin-top: 10px;
	padding: 4px;
}

td.thumb a.thumb:hover img
{
	background: none;
	border : 0px;
	margin : 0px;
	margin-top: 10px;
	padding: 4px;
}


/* # LINKs # */

a:link,
a:visited {
	color          : #d6ab63;
	text-decoration: none;
}

a:hover {
	color          : #fff;
	text-decoration: none;
}


/* # FORMs # */

#fcontatti {
	width: 700px;
}

	#fcontatti fieldset {
		margin-bottom: 20px;
		width:        580px;
	}

	#fcontatti fieldset.half {
		margin-bottom: 20px;
		width:        340px;
		
		float:		  left;
	}

	#fcontatti dl {
		width:      580px;
	}

	#fcontatti dt {
		margin-bottom: 2px;
		width: 75px;
		text-align: left;
		float: left;
	}

	#fcontatti dd {
		margin-bottom: 2px;
		text-align: left;
	}

	#fcontatti dd input,
	#fcontatti dd input.error {
		background-color: #d5a054;
		margin-bottom: 5px;
		margin-right:  5px;
		width:       200px;
		color: #ffffff;
	}

	#fcontatti dd #nome,
	#fcontatti dd #email,
	#fcontatti dd #cap,
	#fcontatti dd #localita {
		float: left;
	}

	#fcontatti dd #indirizzo {
		width: 485px;
	}

	#fcontatti dd #cap {
		width: 50px;
	}

	#fcontatti dd #localita {
		width: 245px;
	}

	#fcontatti dd #prov {
		width: 20px;
	}

	#fcontatti dt.brief {
		margin-top: 10px;
		margin-bottom: 5px;
		width: 475px;
		float: none;
	}

	#fcontatti dd textarea {
		background-color: #d5a054;
		color:            #ffffff;
		margin-left:  35px;
		margin-bottom: 5px;
		width:       490px;
		height:      100px;
		float: none;
	}

	#fcontatti dd select,
	#fcontatti dd select.error {
		margin-bottom: 5px;
		margin-right:  5px;
		width:       160px;
	}

	#fcontatti dd #submit {
		margin-top:   15px;
		width:       200px;
		height:       30px;
		
		color:       #242526;
		
		font-size:   1.1em;
	}

	#fcontatti dd input.error {
		background-color: #ff9090;
		border: 2px solid #ff0000;
	}

	#fcontatti dd select.error {
		background-color: #ff9090;
		border: 2px solid #ff0000;
	}

/* # DEBUG # */
.contour {
	border: 1px solid red;
}