@import url(forms.css);

/*
Gardena.Net

Str. Dursan 27
I-39047 S. Cristina (BZ)
Tel. +39 0471 790007
Fax +39 0471 790006
Email: info@gardena.net
http://www.gardena.net

*/

/* SCREEN STYLE */

/* SELETTORE UNIVERSALE */

* {
	line-height: 180%;
}

/* STRUTTURA */

body {
	text-align: center;
	background: #0a0a0a url(../images/bg.jpg) no-repeat center top;
	color: white;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
}

/* LINKS */

a:link, a:visited {
	text-decoration: underline;
	color: white;
}

a:hover, a:active {
	text-decoration: none;
	color: black;
	background-color: white;
}

/* container che raggruppa tutto */

#container {
	text-align: left;
	width: 100%;
}

#header {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 778px;
}

#fotoheader {
	width: 778px;
	height: 337px;
	background: url(../images/header.jpg) no-repeat left top;
}

/* raggruppa menu contenuto info */

#centro {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 778px;
	padding-top: 20px;
	position: relative;
	margin-bottom: 20px;
	background: url(../images/badge-sconto.gif) no-repeat 110px 10px;
}

/* SCELTA LINGUE E NAVIGAZIONE */

#language {
	text-align: right;
	font-size: 0.8em;
	margin-right: 5px;
	padding-top: 2px;
}

#language ul {
	list-style-type: none;
}

#language li {
	padding-left: 15px;
	display: inline;
	margin-left: 10px;
	background-position: left center;
}

#language .it {
	background: url(../images/it.gif) no-repeat left center;
}

#language .de {
	background: url(../images/de.gif) no-repeat left center;
}

#language .en {
	background: url(../images/en.gif) no-repeat left center;
}

#topnav {
	text-transform: uppercase;
}

#topnav ul {
	list-style-type: none;
}

#topnav ul li {
	display: inline;
	background-image: url(../images/icon_topnav.gif);
}

#topnav ul a {
	text-decoration: none;
}

/* MENU */

#menu {
	width: 200px;
	text-align: left;
	text-transform: uppercase;
	position: absolute;
	color: white;
	font-size: 14px;
	top: -280px;
	left: 0em;
}

* html #menu {
	position: absolute;
	top: -240px;
	left: 0;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	background: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
}

#menu a {
	display: block;
	text-decoration: none;
	width: 190px;
	color: white;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	background: url(../images/menu-off.gif) no-repeat left top;
}

#menu a:hover {
	background: url(../images/menu_hover.gif) no-repeat;
	color: #00aeda;
}

/* INFO COLONNA SECONDARIA */

#info {
	text-align: left;
	background: url(../images/footer.gif) no-repeat center top;
}

/* ZONA INSERIMENTO TESTI */

#contenuto {
	text-align: left;
	height: auto;
	width: 548px;
	margin-left: 230px;
}

/* FOOTER */

#footer {
	clear: both;
	height: auto;
	width: 778px;
	margin-right: auto;
	margin-left: auto;
}

#logos {
	padding-top: 10px;
	float: left;	padding-bottom: 1em;}

#logos img {
	padding-right: 20px;
}

a:hover img {
	background-color: black;
}

/* forza float corretto */

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* fine struttura di base */

/* Elementi con bordo resettato */

body, h1, h2, h3, h4, ul, dl, li, dt, dd, form {
	margin: 0;
	padding: 0;
}

/* Elementi con bordo inferiore aggiunto */

h1, h2, h3, h4, p, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin-bottom: 10px;
}

/* TITOLI */

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2.5em;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 4px;
	font: 2em Georgia, "Times New Roman", Times, serif;
	color: #00aeda;
}

h4 {
	letter-spacing: 2px;
	font-size: 1.3em;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

/* IMMAGINI */

img {
	border-spacing: 0;
	border: 0;
}

/* PARAGRAFO */

p {
	
}

/* TESTO */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	font-style: normal;
	padding: 20px;
}

address strong {
	text-transform: uppercase;
}

address, address a:link, address a:visited {
	
}

hr {
	border: 0;
	height: 1px;
	background: black;
	color: black;
	clear: both;
	border-top: 1px dashed gray;
}

blockquote {
	
}

q {
	
}

acronym {
	
}

del {
	
}

ins {
	
}

/* LISTE */

ul {
	list-style-type: none;
}

ol {
	
}

li {
	background: url(../images/icon_ul.gif) no-repeat left 5px;
	padding-left: 20px;
}

dl {
	
}

dt {
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: bold;
}

dd {
	
}

/* TABELLE PREZZI */

table.prezzi {
	border-collapse: collapse;
	border: 1px solid #464d4e;
	border-right-width: 0;
	border-bottom-width: 0;
	width: 99%;
	color: black;
}

table.prezzi caption {
	text-transform: uppercase;
	text-align: left;
	color: white;
}

.prezzi th {
	background: #00aeda;
	color: white;
	padding: 4px;
	text-align: center;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.prezzi tr {
	background: white;
}

.prezzi tr.riga2 {
	background: #e5e5e5;
}

.prezzi td {
	padding: 4px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}

/* FOTO */

.fotosx, .fotosx2, .fotodx, .fotodx2, .foto {
	background: url(../images/zoom.gif) no-repeat right bottom;
	padding: 10px 13px 14px 6px;
	margin-bottom: 10px;
}

.foto {
	margin-bottom: 10px;
}

.fotosx {
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
	clear: left;
}

.fotodx {
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
	clear: right;
}

/* foto non in float */

.fotosx2 {
	margin-right: 20px;
	margin-bottom: 10px;
}

.fotodx2 {
	margin-left: 20px;
	margin-bottom: 10px;
}

/* POSIZIONE */

dt.auto {
	background: url(../images/icon_car.gif) no-repeat left 3px;
}

dt.treno {
	background: url(../images/icon_train.gif) no-repeat left top;
}

dt.aereo {
	background: url(../images/icon_fly.gif) no-repeat left top;
}

/* EDITING */

#editing {
	float: right;
	font-size: 10px;
	margin-top: 20px;
}

#editing, #editing a, #editing a:hover {
	color: #3b3b3b;
}

/* soluzione problema 3px margine IE - NB - non usare in layout con elementi sfondo margine negativo */

* html #contenuto {
	height: 1%;
}