/***********************************************************************
************************************************************************
Project:		Profumeria Paris - www.profumeriaparis.com
Version:		2.0
Last Change:	12/11/2009
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/

@import "form.css";
@import "../js/colorbox/colorbox.css";

/* Reset
--------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, img, textarea, p, blockquote, th, td { color: #000; margin: 0; outline: none; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q: before, q: after { content: ''; }
abbr, acronym  { border: 0; font-variant: normal; }
sup  { vertical-align: text-top; }
sub  { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
legend { display: none; }
del, ins { text-decoration: none; }
a { outline: none; }
.left { clear: left; float: left; }
.right { clear: right; float: right; }
.center { text-align: center; }
.clear { clear: both; height: 1%; overflow: hidden; }
.hidden { display: none; }

/* Height 100%
--------------------------------------------------------------*/
html, body { background-color: #fff; height: auto; height: 100%; min-height: 100%; max-height: 100%; }
#wrapper, #sidebar { min-height: 100%; }
	* html #wrapper, * html #sidebar { height: 100%; }

/* Blocchi Principali
--------------------------------------------------------------*/
#wrapper { background: url(images/bg.jpg) no-repeat 0 100%; float: left; width: 100%; }
	#content { margin-left: 220px; padding: 20px 0; width: 650px; }
#sidebar { background: #111; left: 0; position: fixed; top: 0; width: 200px; z-index: 80; }
	#navbar { position: absolute; left: 20px; top: 3%; }
	#footer { position: absolute; left: 20px; bottom: 3%; }

/* Text Element
-------------------------------------------------------------- */
body { color: #444; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; }
pre, code, tt { font-family: "Andale Mono", "Lucida console", monospace; }
h1, h2, h3 { font-family: 'Yanone Kaffeesatz', "Trebuchet MS", Arial, sans-serif; font-weight: 400; }

h1, h2, h3, h4, h5, h6, p { font-size: 100%; font-weight: normal; line-height: 100%; }

h1 { font-size: 2em; line-height: 1em; margin-bottom: 10px; text-transform: uppercase; }
h2 { color: #747474; font-size: 1.3em; line-height: 1em; margin-bottom: 15px; text-transform: uppercase; }
h3 { font-size: 1.2em; line-height: 1em; margin-bottom: 10px; }
h4 {}
h5 {}
h6 {}

p, dd, ul, ol { color: #666; font-size: 0.8em; line-height: 120%; }
dt { font-size: 1em; font-weight: bold; line-height: 120%; margin-bottom: 10px; }

a { color: #008888; font-weight: bold; text-decoration: none; }
	a:focus, a:hover { text-decoration: underline; }

ul, ol { list-style-position: inside; }

/* Blocchi
-------------------------------------------------------------- */
/* #sidebar *****/
#navbar .logo {}
#navbar ul { list-style: none; margin: 20px 0 0 0; padding: 0; }
	#navbar ul li { text-transform: uppercase; width: auto; }
		#navbar ul li.space { margin-top: 15px; }
		#navbar ul li a { font-size: 1.1em; line-height: 125%; color: #fff; text-decoration: none; }

#footer dl { font-size: 85%; }
	#footer dt { color: #ccc; font-weight: bold; }
	#footer dd {}
	#footer .space { margin-top: 15px; }
	#footer a { color: #fff; font-weight: normal; }

/* #content *****/
#spot .cycle, #spot .item { height: 270px; width: 630px; }
#spot { border: 5px solid #E5E5E5; margin: 20px 0; position: relative; width: 630px; }
	#spot .ribbon { background: url(images/ribbon.png) no-repeat 0 0; height: 105px; left: -11px; position: absolute; text-indent: -9999em; top: -11px; width: 105px; z-index: 60; }
	#spot .cycle { overflow: hidden; position: relative; }
		#spot .item {}

#products { position: relative; }
	#products dl { float: left; margin: 0; height: 125px; overflow: hidden; padding: 15px 10px; width: 46%; }
		#products dt strong { font-weight: bold; }
		#products dt img { border: 5px solid #ccc; float: left; margin: 0 10px 0 0; }
		#products dt a { color: #444; text-decoration: none; }
		#products dd { font-size: 75%; line-height: 100%; overflow: hidden; }
	#products .empty { font-size: 1.1em; padding: 50px 0; text-align: center; }

#productsCard { position: relative; }
	#productsCard dl { float: left; margin: 0; overflow: hidden; padding: 15px 10px; width: 630px; }
		#productsCard dt strong { font-weight: bold; }
		#productsCard dt img { border: 5px solid #ccc; float: left; margin: 0 10px 0 0; }
		#productsCard dt a { color: #444; text-decoration: none; }
		#productsCard dd { overflow: hidden; }

.slide, .slide .item { height: 470px; width: 630px; }
.nav01 .slide, .nav01 .slide .item { height: 150px; width: 630px; }
.slide { margin: 20px 0; overflow: hidden; position: relative; }
	.slide .item { float: left; }
	.slideNav { position: relative; }
	.slideNav a.arrowPrev, .slideNav a.arrowNext { background-image: url(images/arrow.gif); background-repeat: no-repeat; display: block; float: left; height: 16px; text-indent: -9999em; width: 10px; }
		.slideNav a.arrowPrev { background-position: 0 0; }	.slideNav a.arrowPrev:hover { background-position: 0 -16px; }
		.slideNav a.arrowNext { background-position: 0 -32px; } .slideNav a.arrowNext:hover { background-position: 0 -48px; }
	.slideNav ul { float: left; list-style: none; margin: 0 5px; overflow: hidden; padding: 0; width: auto; }
		.slideNav ul li { background-color: #A6AAAD; float: left; margin: 0 1px; }
		.slideNav ul li.active { background-color: #ccc; }
			.slideNav ul li a { color: #fff; display: block; font: normal 10px Arial, Helvetica, sans-serif; padding: 1px 0; text-align: center; text-decoration: none; width: 22px; }

.col { height: 1%; overflow: hidden; }
	.col .first, .col .last { float: left; width: 46%; }
	.col .first { border-right: 1px solid #E5E5E5; margin-right: 25px; padding-right: 25px; }

/* Plugin Cycle
-------------------------------------------------------------- */
#negozio .cycle, #negozio .item { height: 188px; width: 630px; }
#negozio { border: 5px solid #E5E5E5; margin: 20px 0; position: relative; width: 630px; }
	#negozio .cycle { overflow: hidden; position: relative; }
		#negozio .item {}

#marchi .cycle, #marchi .item { height: 100px; width: 630px; }
#marchi { margin: 20px 0; position: relative; width: 630px; }
	#marchi .cycle { overflow: hidden; position: relative; }
		#marchi .item {}

/* Plugin Slide
-------------------------------------------------------------- */
#slide, #vertical { height: 300px; overflow: hidden; position: relative; width: 500px; }
	#slide .item, #vertical .item { float: left; height: 300px; width: 500px; }

/* Gestione Personalizzazioni
-------------------------------------------------------------- */
body.nav01 #navbar li.nav01 a, #navbar li.nav01 a:hover, body.nav02 #navbar li.nav02 a, #navbar li.nav02 a:hover,
body.nav03 #navbar li.nav03 a, #navbar li.nav03 a:hover, body.nav04 #navbar li.nav04 a, #navbar li.nav04 a:hover,
#navbar li.active a, #navbar li.active a:hover { color: #ccc; }

/* Componenti Vari
-------------------------------------------------------------- */
.hr { border-top: 1px solid #E5E5E5; clear: both; height: 1px; overflow: hidden; margin: 15px auto; }

/* Mappa
-------------------------------------------------------------- */
#mapsContent { background: url(images/load.gif) 50% 50% no-repeat #E5E5E5; border: 4px solid #E5E5E5; color: #000; height: 320px; width: 650px; }
	#mapsContent small { display: block; padding: 20px; text-align: center; }

.mapsBox { padding: 5px; }
	.mapsTitle { clear: both; font-size: 0.9em; font-weight: bold; margin-bottom: 5px; }
	.mapsText { clear: both; font-size: 0.7em; font-weight: normal; }
	.mapsFormTitle { clear: both; font-size: 0.7em; font-weight: bold; margin-top: 5px; }
	.mapsFormText { clear: both; font-size: 0.7em; font-weight: normal; }
	.mapsForm { margin-top: 5px; }
		.mapsForm input { display: inline; float: left; }
		.mapsInput { font-size: 0.7em; width: 120px; }
		.mapsSubmit { background: #A63737; border: none; color: #fff; cursor: pointer; font-size: 0.75em; font-weight: bold; margin-left: 5px; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* COLORBOX
**************************************************/
/* Core */
#colorbox, #cboxOverlay, #cboxWrapper { left: 0; overflow: hidden; position: absolute; top: 0; z-index: 9999; }
#cboxOverlay { height: 100%; position: fixed; width: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { left: 0; position: absolute; top: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { border: 0; display: block; float: left; margin: auto; }
.cboxIframe { border: 0; display: block; height: 100%; width: 100%; }

/* Style */
#colorbox {}
#cboxOverlay { background-color: #000; }
#colorbox, #cboxTopCenter { -o-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-background-clip: padding-box; }
#colorbox { border: 1px solid #333; -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=90, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=90, Color='#000000'); }
	#cboxWrapper {}
        /* Header */
		#cboxTopLeft {}
		#cboxTopCenter { background-color: #373737; background-image: -moz-linear-gradient(top, #373737, #1B1B1B); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #373737),color-stop(1, #1B1B1B)); background-image: -webkit-linear-gradient(#373737, #1B1B1B); background-image: linear-gradient(top, #373737, #1B1B1B); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#373737', EndColorStr='#1B1B1B'); -webkit-box-shadow: inset #666 0 1px 2px; -moz-box-shadow: inset #666 0 1px 2px; box-shadow: inset #666 0 1px 2px; height: 28px; }
        #cboxTopRight {}
		#cboxContent { overflow: visible; }
		/* Loading */
		#cboxError { border: 1px solid #ccc; padding: 50px; }
		#cboxLoadedContent { background-color: #fff; }
        #cboxLoadingGraphic { background: url('images/load.gif') no-repeat 50% 50%; }
        #cboxLoadingOverlay { background-color: #fff; }
		/* Text */
		#cboxTitle { display: block; color: #fff; font: normal 11px/26px Verdana, Geneva, sans-serif; left: 0; position: absolute; text-align: center; top: -28px; width: 100%; }
        #cboxCurrent { display: none; }
		/* Controls */
		#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { background: url('images/colorbox.gif') no-repeat 0 0; height: 8px; overflow: hidden; position: absolute; text-indent: -999em; top: -18px; width: 8px; }
		#cboxPrevious { background-position: 0 0; right: 44px; }
        #cboxPrevious.hover { background-position: 0 -8px; }
        #cboxNext { background-position: -8px 0; right: 30px; }
        #cboxNext.hover { background-position: -8px -8px; }
        #cboxClose { background-position: -16px 0; right: 10px; }
        #cboxClose.hover { background-position: -16px -8px;}
		.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 45px; }
		.cboxSlideshow_on #cboxSlideshow { background-position: -24px 0; left: 10px; }
        .cboxSlideshow_on #cboxSlideshow.hover { background-position: -24px -8px; }
        .cboxSlideshow_off #cboxSlideshow { background-position: -32px 0; left: 10px; }
        .cboxSlideshow_off #cboxSlideshow.hover { background-position: -32px -8px; }