/***********************************************************************
************************************************************************
Project:		Sagomm - www.sagomm.it
Version:		1.0
Last Change:	23/11/2009
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/
@charset "utf-8";

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

/* RESET
**************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
html { font-size: 100%; }
a { outline: none; }
legend { display: 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; }

/* STRUTTURA
**************************************************/
body { background: #EDEDED url(images/bck.jpg) repeat-x 50% 0; padding-bottom: 20px; }
#navbar, #header, #content, #footer { margin: 0 auto; width: 960px; }

/* NAVBAR
**************************************************/
#navbar { height: 90px; position: relative; }
	.logo { left: 10px; position: absolute; top: 20px; }
	#nav { position: absolute; right: 10px; top: 35px; }
		#nav ul { list-style: none outside; margin: 0; padding: 0; }
			#nav ul li { display: inline; float: left; font-size: 1.2em; margin: 0 2px; position: relative; text-align: center; }
				#nav ul li a span { display: none; }
				#nav ul li a { position: relative; text-align: center; background-image: url(images/menu.png); background-repeat: no-repeat; display: block; height: 37px; text-decoration: none; }
					#nav ul li.nav01 a { background-position: 0 0; width: 97px; }
					#nav ul li.nav02 a { background-position: -97px 0; width: 77px; }
					#nav ul li.nav03 a { background-position: -174px 0; width: 131px; }
					#nav ul li.nav04 a { background-position: -305px 0; width: 136px; }
					#nav ul li.nav05 a { background-position: -441px 0; width: 104px; }
					#nav ul li.nav06 a { background-position: -545px 0; width: 83px; }

/* HEADER
**************************************************/
#header { background-color: #fff; background-image: url(images/bck-page.jpg); background-position: 0 0; background-repeat: no-repeat; height: 160px; position: relative; }
	#header h1 { left: 30px; position: absolute; top: 35px; }
	#header .globe { right: 35px; position: absolute; top: 10px; }
	#header .cycle, #header .item { height: 300px; width: 350px; }
	#header .cycle { left: 40px; overflow: hidden; position: relative; top: 30px; }
		#spot .item {}
	#header .elements { position: absolute; right: 30px; top: 40px; width: 500px; }
		#header .elements h1 { position: static; }
		#header .elements p { color: #fff; line-height: 120%; }
		#header .elements ul { list-style: none outside; margin: 25px 0 0 0; padding: 0; }
			#header .elements ul li { display: inline; float: left; margin: 0 10px; }

/* MAIN
**************************************************/
#content { background-color: #fff; overflow: hidden; padding-bottom: 25px; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; }
	#wrapper {}
		#main { display: inline; float: left; margin-left: 15px; }
		#sidebar { background: url(images/vr.png) no-repeat 0 0; display: inline; float: right; margin-right: 15px; padding: 80px 0 0 30px; }

/* FOOTER
**************************************************/
#footer { background-color: #fff; color: #666; font-size: 0.85em; margin-top: 15px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
	#footer a { color: #666; font-weight: normal; }
	#footer dl { display: inline; float: left; margin: 15px 40px 15px 15px; }
		#footer dt { margin-bottom: 8px; }
		#footer dd { margin: 2px 0; }
	#footer ul { list-style: none; margin: 25px 15px 15px; padding: 0; }
		#footer ul li { line-height: 130%; list-style-position: outside; margin: 8px 0; text-align: right; }

/* TEXT
**************************************************/
body { color: #444; font-family: Helvetica, Arial, sans-serif; font-size: 100%; }
pre, code, tt { font-family: "Andale Mono", "Lucida console", monospace; }

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

h1 { color: #fff; font-size: 40px; } h1 em { color: #5DB2B7; font-style: normal; }
h2 { color: #666; font-size: 1.5em; line-height: 140%; letter-spacing: -1px; margin-bottom: 5px; text-transform: uppercase; } h2 span { color: #247388; }
h3 { color: #333; font-size: 0.95em; font-weight: bold; line-height: 120%; margin-bottom: 10px; }
h4 { color: #666; font-size: 1.1em; letter-spacing: -1px; line-height: 120%; text-transform: uppercase; }
h5 {}
h6 {}

p { color: #666; font-size: 0.80em; line-height: 150%; margin: 5px 0 10px 0; }
dt, dd, ul, ol { font-size: 0.8em; line-height: 100%; }
dt { font-weight: bold; }

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

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

/* COMPONENTI VARI
**************************************************/
ul.gallery { list-style: none outside; margin: 0; overflow: hidden; padding: 0; }
		ul.gallery li { display: inline; float: left; margin: 4px 9px; }
			ul.gallery li a { background-color: #fff; border: 1px solid #ccc; display: block; padding: 4px; }
				ul.gallery li a:hover { background-color: #E0E0E0; }

.col { height: 1%; overflow: hidden; }
	.col .first { float: left; margin-right: 50px; width: 45%; }
	.col .last { float: left; width: 45%; }

ul.icon li { background: url(images/li.gif) no-repeat 0 7px; font-weight: bold; line-height: 140%; margin-bottom: 3px; padding: 2px 25px; }
ul.inline li { display: inline; float: left; width: 40%; }

div.globe { float: right; height: 30px; width: 250px; }

/* MAP
**************************************************/
#map { background: url(images/load.gif) 50% 50% no-repeat #E5E5E5; border: 5px solid #B7D6EE; height: 300px; width: 350px; }
	#map #mapBalloon {}
		#map #mapBalloon small, #map #mapBalloon big { display: block; font-size: 11px; }
		#map #mapBalloon big { padding-top: 2px; }
		#map #mapBalloon strong { font-size: 11px; text-transform: uppercase; }
		#map #mapBalloon form { margin-top: 5px; }
			#map #mapInput { width: 160px; }
			#map #mapSubmit { background: #005DAA; 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; }

/* TABLE
**************************************************/
table { border-collapse: collapse; margin-top: 15px; }
	table th { background-color: #396377; border: 1px solid #396377; color: #fff; font-size: 0.9em; font-weight: bold; padding: 5px; text-align: left; text-transform: uppercase; }
	table tr.title td { background-color: #4F8AA6; color: #fff; font-size: 0.75em; font-weight: bold; padding: 3px; text-transform: uppercase; }
	table td { border: 1px solid #396377; color: #666; font-size: 0.8em; padding: 3px; }

/* TABS
**************************************************/
#tabs { border: 1px solid #E0DBDF; overflow: hidden; }
	#tabs ul.tabsNav { list-style: none; margin: 0; overflow: hidden; padding: 0; }
		#tabs ul.tabsNav li {}
			#tabs ul.tabsNav li a { background-color: #fff; border-bottom: 1px solid #E0DBDF; color: #000; display: block; float: left; cursor: pointer; outline: none; padding: 2px 10px; text-decoration: none; white-space: nowrap; }
			#tabs ul.tabsNav li.active a { background-color: #0D84A2; background-image: url(images/arrow.gif); background-position: 95% 50%; background-repeat: no-repeat; color: #fff; }
	#tabs .item { display: none; height: 1%; overflow: hidden; }
	#tabs .active { display: block; }
	
	#tabs ul.tabsNav { float: left; width: 150px; }
		#tabs ul.tabsNav li { clear: both; margin: 0; padding: 0; }
			#tabs ul.tabsNav li a { font-size: 1.4em; font-weight: normal; padding: 20px 15px; width: 120px; }
	#tabs .item { border-left: 1px solid #E0DBDF; float: left; padding: 10px; width: 755px; }

/* TEMPLATE
**************************************************/
body.nav01 #nav li.nav01 a, #nav li.nav01 a:hover { background-position: 0 -37px; }
body.nav02 #nav li.nav02 a, #nav li.nav02 a:hover { background-position: -97px -37px; }
body.nav03 #nav li.nav03 a, #nav li.nav03 a:hover { background-position: -174px -37px; }
body.nav04 #nav li.nav04 a, #nav li.nav04 a:hover { background-position: -305px -37px; }
body.nav05 #nav li.nav05 a, #nav li.nav05 a:hover { background-position: -441px -37px; }
body.nav06 #nav li.nav06 a, #nav li.nav06 a:hover { background-position: -545px -37px; }

body.nav01 #header { background-image: url(images/bck-home.jpg); height: 390px; }
body.nav01 #main { width: 538px; } body.nav01 #sidebar { width: 358px; padding: 5px 0 0 30px; }
body.nav01 ul.gallery li { margin: 4px; }

body.nav02 #main { width: 538px; } body.nav02 #sidebar { width: 358px; } body.nav02 ul.gallery li { margin: 4px; }
body.nav03 #main { width: 538px; } body.nav03 #sidebar { width: 358px; } body.nav03 ul.gallery li { margin: 4px; }

body.nav04 #main { width: 97%; }
body.nav05 #main { width: 97%; }

body.nav06 #main { width: 520px; } body.nav06 #sidebar { width: 370px; }