/***********************************************************************
************************************************************************
Project:		Piovesan S.r.l. - www.piovesansrl.com
Version:		1.0
Last Change:	19/01/2010
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/
@charset "utf-8";

/* IMPORT
**************************************************/
@import "../js/colorbox/colorbox.css";

/* RESET
**************************************************/
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 { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
cite { display: block; }
.left { clear: left; float: left; }
.right { clear: right; float: right; }
.center { text-align: center; }
.clear { clear: both; height: 1%; overflow: hidden; }
.hidden, legend { display: none; }
div.right, img.right { margin-left: 10px; }
div.left, img.left { margin-right: 10px; }

/* TEXT
**************************************************/
body { color: #5B5B5B; font: 13px/1.5 Arial, Helvetica, sans-serif; }
#main { font-family: Arial, Helvetica, sans-serif; }
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

h1 { color: #2D2A40; font-size: 34px; margin-bottom: 10px; }
h2 { font-size: 18px; margin-bottom: 10px; line-height: 120%; }
h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; }
h4 {}
h5 {}
h6 {}

p, cite { margin-bottom: 15px; }

ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }

a { color: #10B3E9; }

/* STRUTTURA
**************************************************/
body { background: #fff url(images/bg.jpg) no-repeat 50% 50%; padding-bottom: 30px; }
#header, #spot, #menu, #page, #footer { margin: auto; position: relative; width: 770px; }

/* NAVBAR
**************************************************/
#header { height: 80px; }
	#nav { position: absolute; right: 60px; top: 30px; }
		#nav li { display: inline; float: left; line-height: 200%; list-style: none; margin: 0 0 0 16px; }
			#nav li a { color: #666; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
	#flag { position: absolute; right: 0; top: 36px; }
		#flag li { display: inline; float: left; line-height: 100%; list-style: none; margin: 0 5px 0 0; }
			#flag li a { background-image: url(images/flags.png); background-repeat: no-repeat; display: block; height: 13px; overflow: hidden; text-indent: -9999em; width: 18px; }
				#flag .flagIT a { background-position: 0 0; }
				#flag .flagEN a { background-position: 0 -13px; } #flag .flagDE a { background-position: 0 -26px; }
				#flag .flagFR a { background-position: 0 -39px; } #flag .flagES a { background-position: 0 -52px; }

/* SPOT
**************************************************/
#spot {}

/* PAGE
**************************************************/
#page { overflow: hidden; padding: 20px 0; }
	/*----- Main -----*/
	#main {}
		#main ul, #main ol { margin-bottom: 15px; }
			#main ul ul, #main ol ol, #main ul ol, #main ol ul { margin-bottom: 0; }
		#main .gallery { margin: 0; }
			#main .gallery li { border: 1px solid #D6CECE; border-style: none solid solid none; display: inline; float: left; list-style: none; margin: 6px; }
				#main .gallery li a { display: block; border: 5px solid #F2F4F5; overflow: hidden; }
					#main .gallery li a img { float: left; }
	/*----- Right -----*/
	#right {}
		#sidebar { margin-top: 40px; }
			#sidebar li { line-height: 180%; list-style: none; margin: 0; }
				#sidebar li a { color: #666; font-size: 15px; text-decoration: none; }
	
	body.nav04 #news dl { width: 46%; }
	#news dl { float: left; margin: 0; height: 125px; overflow: hidden; padding: 5px 10px; width: 290px; }
		#news dt { margin-bottom: 5px; }
			#news dt strong { font-weight: bold; }
			#news dt img { border: 5px solid #ccc; float: left; margin: 0 10px 0 0; }
			#news dt a { color: #444; text-decoration: none; }
		#news dd { font-size: 12px; line-height: 100%; margin-bottom: 5px; overflow: hidden; }

	.wrap #main { float: left; width: 550px; } #right { float: right; width: 190px; }
	body.nav01 .wrap #main, body.nav01 .wrap #main { width: 440px; } body.nav01 #right, body.nav01 #right { width: 320px; }
	body.nav05 .wrap #main, body.nav06 .wrap #main { width: 250px; } body.nav05 #right, body.nav06 #right { width: 500px; }

/* FOOTER
**************************************************/
#footer { clear: both; color: #666; font-size: 11px; height: 80px; line-height: 140%; position: relative; }
	#footer a { color: #666; font-weight: normal; }
	#footer .vcard { left: 0; position: absolute; top: 25px; }
		#footer .org { font-weight: bold; }
		#footer .type { font-weight: bold; text-transform: uppercase; }
	#footer ul { position: absolute; right: 0; top: 20px; }
		#footer li { display: inline; float: left; list-style: none; margin: 0 0 0 14px; }

/* TEMPLATE
**************************************************/
body.nav01 #nav li.nav01 a, #nav li.nav01 a:hover, body.nav02 #nav li.nav02 a, #nav li.nav02 a:hover,
body.nav03 #nav li.nav03 a, #nav li.nav03 a:hover, body.nav04 #nav li.nav04 a, #nav li.nav04 a:hover,
body.nav05 #nav li.nav05 a, #nav li.nav05 a:hover, body.nav06 #nav li.nav06 a, #nav li.nav06 a:hover,
body.nav07 #nav li.nav07 a, #nav li.nav07 a:hover, body.nav08 #nav li.nav08 a, #nav li.nav08 a:hover,
body.nav09 #nav li.nav09 a, #nav li.nav09 a:hover, body.nav10 #nav li.nav10 a, #nav li.nav10 a:hover,
body.nav03b #sidebar li.nav01 a, #sidebar li.nav01 a:hover,
body.nav03c #sidebar li.nav02 a, #sidebar li.nav02 a:hover,
body.nav03d #sidebar li.nav03 a, #sidebar li.nav03 a:hover,
body.nav03e #sidebar li.nav04 a, #sidebar li.nav04 a:hover,
body.nav03f #sidebar li.nav05 a, #sidebar li.nav05 a:hover,
body.nav03g #sidebar li.nav06 a, #sidebar li.nav06 a:hover,
body.nav03h #sidebar li.nav07 a, #sidebar li.nav07 a:hover,
body.nav03i #sidebar li.nav08 a, #sidebar li.nav08 a:hover { color: #10B3E9; }

/* COMPONENTI VARI
**************************************************/
ul.pictures { width: 256px; }
	ul.pictures li { float: left; list-style: none; margin: 0; padding: 10px; position: relative; }
		ul.pictures li a { background-color: #fff; border: 4px solid #ccc; display: block; height: 100px; overflow: hidden; width: 100px; }
		ul.pictures li a:hover { border-color: #AA1224; }

#gallery { overflow: hidden; }
	#gallery dl { float: left; padding: 6px; }
		#gallery dl dt {}
			#gallery dl dt a { background-color: #fff; border: 4px solid #ccc; display: block; height: 110px; overflow: hidden; width: 150px; }
			#gallery dl dt a:hover { border-color: #AA1224; }
		#gallery dl dd { height: 30px; margin-top: 5px; }

/* MAP
**************************************************/
#map { background: url(images/load.gif) 50% 50% no-repeat #E5E5E5; border: 5px solid #ccc; height: 300px; margin-bottom: 15px; width: 98%; }
	#map #mapBalloon { line-height: 100%; }
		#map #mapBalloon small, #map #mapBalloon big { display: block; font-size: 11px; }
		#map #mapBalloon big { padding-top: 8px; }
		#map #mapBalloon strong { font-size: 11px; text-transform: uppercase; }
		#map #mapBalloon form { margin-top: 5px; }
			#map #mapInput { width: 160px; }
			#map #mapSubmit { background-color: #AA1224; border: 0 none; color: #fff; cursor: pointer; font-size: 11px; font-weight: bold; margin-left: 5px; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }	

/* CONTACT FORM
**************************************************/
form {}
form fieldset, form button { border: 0; }
form legend { visibility: hidden; }

div.formContact { color: #333; margin: 15px 0; }
	.formContact dl { clear: both; font-size: 0.9em; height: 1%; margin: 2px 0; overflow: hidden; padding: 5px; }
		.formContact label { font-weight: bold; text-transform: none; }
		.formContact dt { color: #444; }
		.formContact dd { color: #444; font-weight: normal; }
		.formContact dt, .formContact dd { position: relative; text-align: left; }
		.formContact dd.textOnly { color: #444; font-weight: normal; padding-top: 10px; }
			.formContact dd.textOnly * { float: left; }
			.formContact dd.textOnly label { font-weight: normal; margin-left: 5px; }
		.formContact dd small { color: #C3402F; font-size: 18px; font-weight: bold; position: absolute; right: 2px; top: 2px; }
		.formContact dl.fieldError, .formContact dl.fieldFocus { padding: 4px; }
		.formContact dl.fieldError dd, .formContact dl.fieldFocus dd { color: #333; }
		.formContact dl.fieldError label { color: #C3402F; }
			.formContact dl.fieldError { background: #ECD3D3; border: 1px solid #EF5858; }
		.formContact dl.fieldFocus dt { color: #C5942E; }
			.formContact dl.fieldFocus { background: #EEECD0; border: 1px solid #D49E34; }
		.formContact dl.formBtn {}
			.formContact dl.formBtn dt * { visibility: hidden; }
			.formContact dl.formBtn dd { text-align: left; }
			.formContact dl.formBtn input { background: #AA1224; border: 2px solid #fff; color: #fff; cursor: pointer; font-size: 1.1em; font-weight: bold; margin-top: 5px; padding: 5px 15px; text-align: center; text-decoration: none; text-transform: uppercase; width: 180px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }	
	.formContact input.textfield, .formContact textarea, .formContact select { font: 12px Arial, Helvetica, sans-serif; line-height: 140%; }
	.formContact input.textfield, .formContact textarea, .formContact select, .formContact #policy { background: #F7F7F7; color: #59686E; border: 1px solid #78CAE2; padding: 2px; }
	.formContact select { padding: 2px; }
	.formContact em.info { background: url(images/icon-info.gif) no-repeat 0 0; cursor: pointer; height: 16px; display: block; float: right; margin: 0 3px; outline: none; overflow: hidden; position: absolute; right: 2px; text-indent: -9999px; top: 2px; width: 16px; }
	.formContact input#captcha { float: left; margin-right: 10px; }
	.formContact #policy { float: left; height: 50px; overflow: auto; }
		.formContact #policy div { padding: 2px; }
		.formContact #policy .title { font-weight: bold; margin-bottom: 10px; }
	.formContact dl.formPrivacy dd label { font-weight: normal; }

div.formLogin { background: #342929; height: 1%; margin: 60px auto 0 auto; padding: 15px; overflow: hidden; width: 610px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.formLogin dl { clear: both; height: 1%; overflow: hidden; }
		.formLogin dt { color: #fff; font-size: 1.3em; font-weight: bold; }
		.formLogin dd { color: #fff; font-weight: normal; }
		.formLogin input.textfield { background: #fff; border: 0 none; color: #ccc; font: bold 13px Arial, Helvetica, sans-serif; line-height: 140%; padding: 8px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
		.formLogin dd.formBtn input { background: #F7F7F7; border: 0 none; color: #342929; cursor: pointer; font-family: "Trebuchet MS", Georgia, Arial, sans-serif; font-size: 1.6em; padding: 3px 0; text-align: center; width: 100px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }	

/* Avvisi */
.formAlert { border: 1px solid; margin-bottom: 20px; position: relative; }
	.formAlert .color { border: 10px solid; padding: 10px 10px 10px 80px; }
	.formAlert img { position: absolute; top: 20px; left: 20px; }
	.formAlert .title { font-size: 1.2em; margin-bottom: 10px; }
	.formAlert p { color: #333; }
	.formAlert ol {}
		.formAlert ol li { list-style-type: decimal; }
	.alertValid { background: url(images/form-valid-bck.png); border-color: #249224; }
		.alertValid .color { border-color: #8CD657; }
	.alertError { background: url(images/form-error-bck.png); border-color: #D49E34; }
		.alertError .color { border-color: #F4DE64; }

/* Template Form */
.tplINLINE form {}
	.tplINLINE dt, .tplINLINE dd { float: left; }
	.tplINLINE dt { width: 28%; }
	.tplINLINE dd { width: 71%; }
	.tplINLINE input.textfield, .tplINLINE textarea, .tplINLINE select, .tplINLINE #policy, .tplINLINE dd.textOnly label { margin-right: 5px; width: 90%; }
		.tplINLINE input.min { width: 20%; } .tplINLINE select.min { width: 23%; }
		.tplINLINE input.med { width: 30%; } .tplINLINE select.med { width: 33%; }
		.tplINLINE input.max { width: 48%; } .tplINLINE select.max { width: 63%; }
		.tplINLINE textarea { height: 66px; }
	.tplINLINE dd.textOnly { display: inline; margin-left: 25%; }

.tplBLOCK form {}
	.tplBLOCK dt, .tplBLOCK dd { clear: both; width: 100%; }
	.tplBLOCK dt { padding-bottom: 3px; }
	.tplBLOCK dd {}
	.tplBLOCK input.textfield, .tplBLOCK textarea, .tplBLOCK select, .tplBLOCK #policy, .tplBLOCK dd.textOnly label { width: 95%; }
		.tplBLOCK input.min { width: 30%; } .tplBLOCK select.min { width: 33%; }
		.tplBLOCK input.med { width: 40%; } .tplBLOCK select.med { width: 43%; }
		.tplBLOCK input.max { width: 50%; } .tplBLOCK select.max { width: 53%; }
	.tplBLOCK dd.textOnly {}

.tplBLOCKLINE form {}
	.tplBLOCKLINE dt, .tplBLOCKLINE dd.textOnly { clear: both; }
	.tplBLOCKLINE dt { margin-bottom: 20px; }
	.tplBLOCKLINE dd.textOnly { margin-top: 15px; width: 100%; }
	.tplBLOCKLINE dd { float: left; width: 41%; }
	.tplBLOCKLINE dd.formBtn { width: 18%; }
	.tplBLOCKLINE input.textfield { width: 88%; }
	.tplBLOCKLINE dd a { font-weight: normal; text-decoration: none; }

/* PRINT
**************************************************/
@media print {
}