/*
	Project: FORPLANET 2.0 - BASIC Layout
	Author: Andrea Bindi | andrea.bindi@gmail.com
	Developer: Alchimedia | Milano
	Release date: 2009
	CSS Level 2.1
*/

/* GENERALI
------------------------------------------------------------------------------------------- */
* {margin: 0; padding: 0; border: none; outline: none;}

h3 {
	margin: 6px 6px 0 0;
	font: normal 2.2em/1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #018abd;
}

h4 {
	margin: 6px 6px 0 0;
	font: bolder 1.5em/1.2em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;	
	color: #517a99;
}

h4 a {color: #517a99; text-decoration: none;}

h5 {
	margin: 6px 6px 0 0;
	font: bolder 1.3em/1.2em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #3fa229;
}

h5 a {color: #3fa229; text-decoration: none;}

p {margin: 4px 0 8px;}
ol, ul {list-style: none;}

img {
	margin: 8px 8px 0 0;
	padding: 2px;
	border: 1px solid #bbb;
	background: #fff;
	position: relative;
	z-index: 8;
	float: left;
}

a {color: #018abd; font-weight: bolder;}

/* SERVICE */
#service {margin: 5px 0 0 5px; line-height: normal;}
#service li {
	padding: 4px 0 4px 11px;
	background: #fff url(../images/cont/index_bullet.gif) 0 8px no-repeat;
	font-weight: bolder;
	color: #888;
	display: block;
}

/* ZOOM IMMAGINI
------------------------------------------------------------------------------------------- */
#screenshot * {margin: 0; padding: 0; border: none; text-align: center;}
#screenshot {
	margin: 0;
	padding: 3px;
	border: 1px solid #999;
	background: #fff;
	position: absolute;
	z-index: 9999;
	display: block;
}

#screenshot img {margin: 0; padding: 0; border: none;}

/* TABELLE
------------------------------------------------------------------------------------------- */
table {
	width: 99%;
	margin: 10px 0 5px;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid #aaa;
	border-width: 1px 0 0 1px;
	text-align: left;
	font-size: .9em;
	color: #666;
}

th, td {padding: 3px 6px; border: solid #aaa; border-width: 0 1px 1px 0; vertical-align: middle;}
th {
	padding: 4px 8px;
	background: #f6f6f6;
	font: bolder 1.2em/1.1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #517a99;
}

td a {font-weight: normal;}

/* CLASSI
------------------------------------------------------------------------------------------- */
.clearthis {clear: both;}
.skip {display: none;}

/* WRAPPER
------------------------------------------------------------------------------------------- */
#wrapper	{width: 976px; margin: 0 auto; text-align: left; position: relative;}

/* HEAD
------------------------------------------------------------------------------------------- */
#head {width: 712px; height: 59px; overflow: hidden;}

/* LOGO */
#head h1, #head h1 a {
	width: 238px;
	height: 172px;
	background: transparent url(../images/head/logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 18px;
	z-index: 9999;
}

#head h1 a {position: static; display: block;}

/* SOTTOTITOLO */
#head h2 {display: none;}

/* NAVIGAZIONE
------------------------------------------------------------------------------------------- */
#head ul {
	width: 700px;
	border-left: 2px solid #e2dfd8;
	line-height: normal;
	list-style: none;
	display: block;
	font: bolder 1.2em/1.2em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	position: absolute;
}

#head li {
	padding: 0 1px;
	border-right: 2px solid #e2dfd8;
	background: #fff;
	float: left;
	display: inline;
}

#head li a, #head li strong a {
	padding: 9px 9px 7px 10px;
	white-space: nowrap;
	text-decoration: none;
	color: #888;
	float: left;
	display: block;
}

#head li a:hover, #head li strong a {background: #fff url(../images/bg/bg_nav.gif) 0 0 repeat-x; color: #333;}

/* BREADCRUMBS
------------------------------------------------------------------------------------------- */
dl {
	font: normal 12px/14px Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	position: absolute; top: 1px; left: 1px;
}

dl * {color: #666; font-weight: bolder;}

dl a {color: #788; text-decoration: none; font-weight: normal;}
dl a:hover {color: #666; text-decoration: underline;}

dt, dd {float: left; padding: 3px;}
dd {padding-right: 5px;}

dl strong {color: #666;}

/* IMMAGINE DI SFONDO
------------------------------------------------------------------------------------------- */
#bg {width: 713px; height: 189px; float: right; overflow: hidden; position: relative; z-index: 4;}
/* IE6 Only */ * html #bg {width: 709px; margin: 0; overflow: hidden;}

#bg img {margin: 1px; padding: 0; border: none;}

/* SOSTIENI + SHOP FORPLANET
------------------------------------------------------------------------------------------- */
#sostieni, #go2shop {width: 227px; height: 51px; margin: 0; padding: 0; position: absolute; top: 205px; z-index: 5;}
/* IE6 Only */ * html #sostieni, * html #go2shop {width: 213px; height: 44px; top: 212px;}

#sostieni a, #go2shop a {
	width: 227px;
	height: 51px;
	background: transparent 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

#sostieni a {background-image: url(../images/cont/sostieni.png);}
#go2shop a {background-image: url(../images/cont/go2shop.png);}

/* IE6 Only */
* html #sostieni a, * html #go2shop a {width: 213px; height: 44px; background: transparent 0 0 no-repeat;}
* html #sostieni a {background-image: url(../images/cont/sostieni_IE6.gif);}
* html #go2shop a {background-image: url(../images/cont/go2shop_IE6.gif);}

/* SIDEBAR
------------------------------------------------------------------------------------------- */
/* SIDEBAR - STRUTTURA */
#sideBar	{
	width: 224px;
	margin: 0 0 60px;
	padding: 195px 20px 20px;
	background: transparent url(../images/bg/bg_sideBar.png) 0 0 repeat-y;
	position: relative;
	z-index: 8888;
	display: inline;
}

/* IE6 Only */ * html #sideBar {padding-bottom: 19px; background-image: url(../images/bg/bg_sideBar_IE6.gif);}

#sideBar .top, #sideBar .bottom {width: 264px; position: absolute;}

#sideBar .top {
	height: 59px;
	background: #fff url(../images/bg/bg_sideBar_top.gif) bottom no-repeat;
	top: 0;
	left: 0;
}

#sideBar .bottom {
	height: 16px;
	background: #fff url(../images/bg/bg_sideBar_bottom.gif) 0 0 no-repeat;
	left: 0;
	bottom: 0;
}

/* SIDEBAR - FORMATTAZIONE */
#sideBar * {margin: 0; padding: 0;}

#sideBar .data a {text-decoration: none; color: #666; font-weight: normal;}

#sideBar h4 {
	margin: 5px 0 0;
	font: bolder 1.2em/1.2em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	letter-spacing: 0;
}

#sideBar h4 a {text-decoration: none; color: #4b8690;}

#sideBar p {font-size: .9em;}
#sideBar .continua {margin: 0 0 8px; font-weight: bolder;}
#sideBar .continua a {color: #b07321;}

#sideBar img {margin: 4px 8px 10px 0; padding: 2px; border: 1px solid #bbb; background: #fff; float: left;}
/* IE6 Only */ * html #sideBar img {margin-bottom: 0;}
/* IE7 Only */ *:first-child+html #sideBar img {margin-bottom: 0;}

#sideBar .clearthis {
	width: 224px;
	height: 1px;
	margin: 0 0 5px;
	border-top: 1px solid #ccc;
	background: #fff;
	overflow: hidden;
}

/* VAI A LOGIN/REGISTRAZIONE + VAI A MYFORPLANET */
#sideBar #go2reg_login, #sideBar #go2reg_login a,
#sideBar #go2my, #sideBar #go2my a {
	width: 224px;
	height: 30px;
	margin: 0 0 12px; padding: 0; border: none;
	background: transparent url(../images/cont/go2reg_login.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#sideBar #go2my, #sideBar #go2my a {background-image: url(../images/cont/go2my.gif);}
#sideBar #go2reg_login a, #sideBar #go2my a {margin: 0; display: block;}

/* LOGGED */
#logged {
	 margin: 0 5px 10px 0;
	 padding: 5px 12px 7px 21px;
	 border-bottom: 1px dashed #ccc;
	 background: transparent url(../images/cont/logged.gif) 2px 2px no-repeat;
	 font-size: .9em;
	 color: #888;
}

/* IE6 Only */ * html #logged {padding-top: 2px; background-position: 2px -1px;}
/* IE7 Only */ *:first-child+html #logged {padding-top: 2px; background-position: 2px -1px;}

#logged strong {color: #517a99;}

/* AREA CONTENUTO
------------------------------------------------------------------------------------------- */
#cont {padding: 14px 4px 20px 14px;}
/* IE6 Only */ * html #cont {padding: 20px 4px 0 14px;}
/* IE7 Only */ *:first-child+html #cont {padding-top: 20px;}

/* TITOLI CON LOGO - AREA CONTENUTO
------------------------------------------------------------------------------------------- */
#cont h3.loghi_title {
	margin: 7px 15px 5px 0;
	padding: 5px 118px 5px 0;
	background: #fff url(../images/bg/bg_contTitles.gif) bottom right no-repeat;
	font: normal 1.7em/1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-align: right;
	text-transform: uppercase;
	color: #1c4a82;
}

/* TITOLI CON LOGO - BOX
------------------------------------------------------------------------------------------- */
#cont .box .loghi_title {height: 48px; margin: 0; padding: 0; font-size: 1.3em; text-align: right;}

#cont .box .loghi_title a {
	height: 23px;
	padding: 7px 125px 0 0;
	background: #fff url(../images/box/loghi/bgTitles.gif) top right no-repeat;
	text-transform: uppercase;
	word-spacing: 2px;
	letter-spacing: 0;
	font-weight: normal;
	line-height: 20px;
	color: #1c4a82;
	overflow: hidden;
	position: relative;
	top: 10px;
	left: 10px;
}

/* IE6 Only */ * html #cont .box .loghi_title a {left: -10px;}
/* IE7 Only */ *:first-child+html #cont .box .loghi_title a {left: -10px;}

/* REGISTRAZIONE
------------------------------------------------------------------------------------------- */
* html #cont #freg {padding-bottom: 20px;}

#cont #freg p {padding-top: 6px; text-align: left;}
#cont #freg h4	{width: auto; border-bottom: 3px solid #eee; color: #f90; padding: 6px 0;}

#cont #freg input, #cont #freg select, #cont #freg textarea, #cont #freg label {vertical-align: middle;}

#cont #freg input, #cont #freg select, #cont #freg textarea {
	width: 275px;
	margin: 0 0 15px 10px;
	padding: 1px;
	border: 2px solid #ccc;
	font: normal 1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
}

#cont #freg input[type="hidden"] {display: none;}

#cont #freg select {width: 282px;}
#cont #freg label {
	width: 135px;
	margin: 2px 0 0;
	font-weight: bolder;
	color: #888;
	float: left;
	display: inline;
}

/* RADIO */
#cont #freg .pRadio {
	width: 116px;
	margin: -1px 10px 0 0;
	padding: 0;
	font-weight: bolder;
	text-align: right;
	color: #888;
	float: left;
	display: inline;
}

#cont #freg .radio {
	width: auto;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	font-weight: normal;
	color: #333;
	float: left;
}

/* CODICE FISCALE */ #cont #freg #cod_fiscale {text-transform: uppercase;}

/* VERIFICA */
#cont #freg #verifica {
	width: auto;
	margin: -3px 0 0 10px;
	padding: 5px 7px;
	background: #fff url(../images/bg/bg_puls.gif) bottom repeat-x;
	border: 1px solid #aaa;
	float: left;
	display: inline;
	cursor: pointer;
}

/* IE 7 only */ *:first-child+html #cont #freg #verifica {width: 150px;}
/* IE 6 only */ * html #cont #freg #verifica {width: 150px;}

/* SEND */
#cont #freg #send {
	width: auto;
	margin: -3px 0 0 10px;
	padding: 5px 7px;
	background: #fff url(../images/bg/bg_puls.gif) bottom repeat-x;
	border: 1px solid #aaa;
	float: right;
	cursor: pointer;
}
/* IE 7 only */ *:first-child+html #cont #freg #send {width: 100px;}
/* IE 6 only */ * html #cont #freg #send {width: 100px;}

/* MESSAGGI */
#cont #freg .errore, #cont #freg .info, #cont #freg .corretto,
#cont #freg .errore2, #cont #freg .info2, #cont #freg .corretto2 {
	width: 210px;
	margin: 0 0 6px;
	padding: 6px 30px 6px 23px;
	font-weight: bolder;
	line-height: normal;
	font-size: .9em;
	color: #fff;
	float: right;
	clear: right;
}

#cont #freg .errore2, #cont #freg .info2, #cont #freg .corretto2 {
	width: 102px;
	margin: 0 0 10px 6px;
	padding: 6px 2px 6px 25px;
	float: left;
	clear: none;
}

/* DATA */
#cont #freg #giorno, #cont #freg #mese, #cont #freg #anno {
	width: 35px;
	padding: 2px 0 3px;
	text-align: center;
	float: left;
	display: block;
}

#cont #freg .slash {width: 10px; margin: 0 0 10px 5px; padding: 0; text-align: right; float: left; display: none;}
#cont #freg span {color: #f09;}

#cont #freg .errore {background: #f00 url(../images/freg/errore.gif) 0 0 no-repeat;}
#cont #freg .info {background: #0af url(../images/freg/info.gif) 0 0 no-repeat;}
#cont #freg .corretto {background: #4c4 url(../images/freg/corretto.gif) 0 0 no-repeat;}

#cont #freg .errore2 {background: #f00 url(../images/freg/errore.gif) 0 0 no-repeat;}
#cont #freg .info2 {background: #0af url(../images/freg/info.gif) 0 0 no-repeat;}
#cont #freg .corretto2 {background: #4c4 url(../images/freg/corretto.gif) 0 0 no-repeat;}

/* CHECKBOX */
#cont #freg #cond {width: auto; margin: 0; padding: 0; border: none; position: static; float: none;}

/* CONDIZIONI REGISTRAZIONE
------------------------------------------------------------------------------------------- */
#cont #freg #condizioni * {margin: 0; padding: 0;}
#cont #freg #condizioni {
	width: 665px;
	height: 100px;
	margin: 0 0 12px;
	padding: 5px 10px;
	border: 2px solid #ccc;
	overflow: auto;
}

#cont #freg #condizioni ul {margin-left: 20px;}
#cont #freg #condizioni li {margin-top: 6px;}

#cont #freg #condizioni h5, #cont #freg #condizioni p {margin-bottom: 10px;}
#cont #freg #condizioni h5	{color: #018abd;}

/* CONSENSO */
#cont #freg #consenso input, #cont #freg #consenso label {
	width: auto;
	margin: 0;
	float: none;
	display: inline;
	position: static;
	vertical-align: middle;
}

#cont #freg #consenso input {margin-left: 5px;}
#cont #freg #consenso #send {margin: 0; float: right;}

#cont #freg #consenso .errore, #cont #freg #consenso .info, #cont #freg #consenso .corretto {
	margin: 0;
	float: none;
	position: relative;
	top: -12px;
	left: 110px;
}

/* LOGIN
------------------------------------------------------------------------------------------- */
#freg #modulo_login {padding: 20px 0 0;}
#freg #modulo_login label {width: 78px; margin: 3px 0 0; text-align: left;}
#freg #modulo_login input {width: 290px;}

/* IE6 only */ * html #freg #modulo_login input {width: 280px;}

/* IE 6 only */ * html #freg #modulo_login input, * html #freg #modulo_login label {margin-bottom: -8px;}
/* IE 7 only */ *:first-child+html #freg #modulo_login input, *:first-child+html #freg #modulo_login label {margin-bottom: -8px;}

#freg #modulo_login #send {width: 65px; margin: 3px 0 6px 318px; float: none;}
/* IE 6 only */ * html #freg #modulo_login #send {width: 60px; margin-left: 312px;}
/* IE 7 only */ *:first-child+html #freg #modulo_login #send {width: 60px; margin-left: 322px;}

#freg #modulo_login .errore, #freg #modulo_login .info, #freg #modulo_login .corretto {margin-right: 38px;}

/* IE6 only */
* html #freg #modulo_login .errore, * html #freg #modulo_login .corretto {margin-right: 16px;}
* html #freg #modulo_login .info {margin-right: 32px;}

/* IE 7 only */
*:first-child+html #freg #modulo_login .errore,
*:first-child+html #freg #modulo_login .info,
*:first-child+html #freg #modulo_login .corretto {margin: 0 36px -10px 0;}

#freg #modulo_login p {margin: 8px 0; padding: 0;}
#freg #modulo_login p a {color: #f80;}

/* FACEBOOK / YOUTUBE
------------------------------------------------------------------------------------------- */
#facebook, #youtube {
	width: 32px;
	height: 32px;
	background: #fff 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	bottom: -45px;
}

#facebook {width: 32px; background-image: url(../images/cont/facebook.gif); right: 5px;}
#youtube {width: 75px; background-image: url(../images/cont/youtube.gif); right: 48px;}

/* FOOTER
------------------------------------------------------------------------------------------- */
#footer * {line-height: 1.4em;}
#footer {
	width: 970px;
	margin: 10px auto 0;
	padding: 0 0 10px;
	border: solid #e2dfd8;
	border-width: 6px 0 2px;
	background: #f3f1ed;
	text-align: left;
	font-size: .9em;
}

#footer a {font-weight: normal; color: #777;}
#footer a:hover {color: #444;}

#footer ul {
	width: 182px;
	margin: 0 0 10px 10px;
	padding: 0;
	border-top: 5px solid #52919c;
	float: left;
	display: inline;
}

#footer li {width: 182px; border-bottom: 1px solid #fff; float: left; display: inline;}

#footer ul a {
	width: 172px;
	padding: 3px 3px 3px 7px;
	border-bottom: 1px solid #ccc;
	color: #777;
	text-decoration: none;
	display: block;
}

#footer ul a:hover {background: #fefefe;}

/* Titoli */
#footer h3 {
	width: 167px;
	margin: 2px 0 0 10px;
	padding: 3px 7px 2px 8px;
	border-bottom: 2px solid #fff;
	background: #ccc;
	font: bolder 1.4em/1.2em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #555;
	float: left;
	display: inline;
}

/* Copyright / Credits */
#footer #copy, #footer #credits {
	width: 361px;
	margin: 0;
	padding: 8px 12px;
	border-top: 2px solid #fff;
	background: transparent;
	float: left;
	display: inline;
	color: #777;
}

#footer #credits {width: 561px; text-align: right; text-transform: lowercase; float: right;}

/* Contatti */
#footer #contatti {
	width: 172px;
	margin: 0 0 0 10px;
	padding: 5px;
	border-top: 5px solid #52919c;
	float: left;
	display: inline;
	color: #777;
}

#footer #contatti strong {font-size: 1.1em; color: #999;}

/* AREA RISERVATA
------------------------------------------------------------------------------------------- */
#cont #myMenu, #cont #myMenu * {margin: 0; padding: 0; list-style: none;}
#cont #myMenu, #cont #myMenu li, #cont #myMenu a {float: left; display: inline;}
#cont #myMenu {width: 670px; padding: 16px 0 32px;}
/* IE6 Only */ * html #cont #myMenu {padding-top: 10px;}

#cont #myMenu a {
	width: 285px;
	margin: 0 10px 5px 0;
	padding: 14px 0 14px 45px;
	border-bottom: 1px solid #ccc;
	background: #fff 2px center no-repeat;
	font: bolder 1.5em/1.2em Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;	
	text-decoration: none;
	color: #f90;
	display: block;
}

/* IE6 Only */ * html #cont #myMenu a {width: 275px; margin-top: 6px;}
/* IE7 Only */ *:first-child+html #cont #myMenu a {width: 275px; margin-top: 6px;}

#cont #myMenu a:hover {text-decoration: underline;}

#cont #myMenu #my1 a	{background-image: url(../images/cont/ordini.gif);}
#cont #myMenu #my2 a	{background-image: url(../images/cont/modifica.gif); margin-right: 0;}
#cont #myMenu #my3 a	{background-image: url(../images/cont/modifica.gif);}

#cont .show_all a {
	width: 156px;
	height: 40px;
	margin: 3px 6px 0 0;
	padding: 0;
	border: none;
	background: #fff url(../images/cont/go2cart.gif) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	float: right;
}

/* SCHEDA - COLONNA CORRELATI
------------------------------------------------------------------------------------------- */
#correlati {
	width: 190px;
	margin: 6px 8px;
	padding: 0;
	border: solid #ccc;
	border-width: 1px 0;
	background: #f3f1ed;
	font-size: .9em;
	float: right;
}

#correlati li {width: 165px; margin: 0; padding: 5px 0 5px 25px; border: solid #fff; border-width: 1px 0; display: block;}
#correlati .link {background: transparent url(../images/cont/link.gif) 5px 6px no-repeat;}
#correlati .allegato {background: transparent url(../images/cont/allegato.gif) 5px 4px no-repeat; padding-left: 27px;}

#correlati a {color: #4b8690; text-decoration: none;}
#correlati a:hover {text-decoration: underline;}