/*
----------------------------------------------------------------------
PRAESTO.IT HANDHELD CSS - by Emanuele Pelliccione 
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
IMPORTAZIONE DELLO STILE SCREEN
----------------------------------------------------------------------
*/
@import "default.css";

/*
----------------------------------------------------------------------
SOVRASCRIZIONE DELLE REGOLE PER IL CSS HANDHELD
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
GENERALI
----------------------------------------------------------------------
*/
body {
	font: 10px sans-serif;
	background-color: #636563;
	color: #000;
	margin: 0;
	padding: 0 3px;
	text-align: left;
}
img.pic {
	display: none;
}
.alt {
	display: block;
}

/*
--------------------------------------------------------
LAYOUT
--------------------------------------------------------
*/
div#shadow {
	width: auto;
	max-width: 230px;
	background: none;
	background-color: #fff;
}
div#wrapper {
	width: auto;
	max-width: 230px;
	background: none;
	margin-left: 0;
}
div#contenuti {
	border: none;
	background: none;
}
div#left {
	float: none;
	margin: 0;
}
div#right {
	margin: 0;
}
html>body #right {
	margin: 0;
}
div#right2 {
	margin: 0; 
}
address {
	background: none;
	background-color: #000;
	padding: 5px;
	color: #e1e1e1;
	font-size: 9px;
	border-bottom: 1px solid #fff;
}
div#smusso {
	display: none;
}
div#notes {
	width: auto;
	max-width: 230px;
	background-color: #000;
	color: #fff;
}

/*
--------------------------------------------------------
LAYOUT --> LEFT
--------------------------------------------------------
*/
div#panel1 {
	margin: 0;
	width: auto;
	height: auto;
	background: none;
}
div#panelin {
	margin: 0;	
}
div#panelin ul {
	width: auto;
}
div#panelin li {
	border-bottom: 1px solid #ccc;
}
div#panelin li a:link, div#panelin li a:visited {
	padding-left: 5px;
	background-color: #a1281f;
	color: #fff;
	line-height: 1.9em;
}
div#panelin li a:hover, div#panelin li a:focus {
	background-color: #ca372c;
	color: #ccc;
}
div#panelin p {
	padding: 0;
	text-align: left;
}
li#tellme, li#agenda, li#ris, li#tec, li#sup, li#svil {
	background-image: none;
}
li#tellme a, li#agenda a, li#ris a, li#tec a, li#sup a, li#svil a { 
	width: auto;
	height: auto;
	background-image: none;
}
li#tellme a:hover, li#agenda a:hover, li#ris a:hover, li#tec a:hover, li#sup a:hover, li#svil a:hover, li#tellme a:focus, li#agenda a:focus, li#ris a:focus, li#tec a:focus, li#sup a:focus, li#svil a:focus {
	background-image: none;
}
div#panelin ul, li#tellme, li#agenda, li#ris, li#tec, li#sup, li#svil {
	position: static;
}

/*
--------------------------------------------------------
LAYOUT --> RIGHT
--------------------------------------------------------
*/
div#container {
	width: auto;
}
div#middle, div#top, div#top2, div#bottom {
	background: none
}
div#content {
	padding: 7px 0 0 0;
	height: auto;
}
html>body div#content {
	min-height: 0;
}

/*
--------------------------------------------------------
FORMATTAZIONE
--------------------------------------------------------
*/
h1 {
	padding: 5px 0;
	height: 20px;
	font-size: 14px;
	background-color: #000;
	text-indent: -9999px;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus {
	display: block;
	height: 20px;
	margin-left: 5px;
	background: url(../i/logo_mobile.gif) center left no-repeat;
}
h2 {
	width: auto;
	height: auto;
	border-top: 2px solid #a0281e;
	padding: 5px 5px;
	color: #fff;
	font-size: 11px;
}
html>body h2 {
	margin: 0;
}
h2#home, h2#tellmetitle, h2#agendatitle, h2#chisiamo, h2#contatti, h2#servizi, h2#partners, h2#who {
	background: none;
	background-color: #000;
}
h3 {
	margin: 10px 0 7px 0;
	padding: 3px 5px 3px 5px;
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	width: auto;
	max-width: 230px;
	font-size: 10px;
	background-color: #d9d9d9;
}
h3#subnav, h3#subnav2 {
	width: auto;
	height: auto;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 3px 5px;
	background: none;
	background-color: #b7b7b7;
}
p {
	text-align: left;
	margin: 0 7px 10px 7px;
}
dt {
	margin: 0 0 10px 7px;
}
div#content li {
	margin: 0 7px 5px 7px;
}

/*
--------------------------------------------------------
FORMATTAZIONE --> FOOTER
--------------------------------------------------------
*/
address strong {
	font-size: 10px;
}
#notes p {
	font-size: 9px;
	margin-bottom: 0;
}
#notes ul {
	margin: 0;
	text-align: left;
}
#notes li {
	display: block;
	background: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
#notes li a:link, #notes li a:visited {
	display: block;
	background-color: #a1281f;
	color: #fff;
	padding-left: 5px;
	line-height: 1.9em;
}
#notes li a:hover, #notes li a:focus {
	text-decoration: none;
	background-color: #ca372c;
	color: #ccc;
}
#copyright {
	margin: 0;
	padding: 5px 0 0 0;
}
#credits {
	padding: 3px;
}
#credits a:link, #credits a:visited {
	color: #ccc;
}
#credits a:hover, #credits a:focus {
	color: #ff0000;
}

/*
--------------------------------------------------------
PAGINA CONTATTI
--------------------------------------------------------
*/
body#contattipage h3#subnav {
	display: none;
}
body#contattipage div#panelin p, body#partnerspage div#panelin p {
	margin-top: 10px;
}
form {
	margin: 0 7px;
	padding: 10px 0 10px 0;
	border-top: 1px dashed #ccc;
}
label {
	margin: 0 0 2px 0;
}
fieldset {
	margin-bottom: 0;
	padding: 0;
	border: none;
}
legend {
	display: none;
}
#nome, #cognome, #carica, #azienda, #indirizzo, #cap, #localita, #provincia, #stato, #email, #telefono, #fax, #messaggio {
	width: 100%;
	font: 10px sans-serif;
	margin-left: 0;
}
#messaggio {
	width: 100%;
	height: auto;
}
#invia {
	margin-left: 0;
}

/*
--------------------------------------------------------
PAGINA NEWS E COLLEGATE
--------------------------------------------------------
*/
div.sep2 {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
h3.tit {
	margin-top: 15px;
}
p.par {
	margin: 10px 7px 5px 7px;
}
#content ul.sublist {
	margin: 10px 0 0 -7px;
}

/*
--------------------------------------------------------
PAGINA PARTNERS
--------------------------------------------------------
*/
div.partner img {
	float: none;
	margin: 5px 0 5px 5px;
	max-width: 70%;
}

/*
--------------------------------------------------------
ELEMENTI INVISIBILI
--------------------------------------------------------
*/
div.flash {
	display: none;
}