/*
	Project: Motortecnica
	Author: Andrea Bindi | andrea.bindi@gmail.com
	Developed by: Alchimedia.com
	Release date: 2006
	CSS Level 2.1
*/

/* Generali */
*	{margin: 0; padding: 0; border: none;}

body {
	background: #fff url(../images/bg/bg_body.gif) 0 0 repeat-x;
	font: .6em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5a636c;
}

a	{color: #a00; text-decoration: none; font-weight: bolder;}

h3 {font-size: 1.1em;}
h4 {font-size: 1em;}

.clearthis {clear: both;}

.noimage, #skip {display: none;}

/* Shadow */
#shadow	{
	width: 730px;
	padding: 8px 8px 9px;
	border: solid #b1b2b3;
	border-width: 0 1px 1px 0;
	background: #fff url(../images/bg/bg_shadow.gif) 0 53px repeat-x;
}

/* Wrapper */
#wrapper	{padding-bottom: 40px; background: #f0f0f0 url(../images/bg/bg_wrapper.gif) 0 45px repeat-x;}

/* Head */
#head	{height: 162px; padding-left: 21px; background: transparent url(../images/bg/bg_head.jpg) 211px 0 no-repeat;}

/* Logo */
#logo, #logo a	{
	width: 190px;
	height: 162px;
	background: #fff url(../images/head/logo_v.4.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#logo	{position: absolute; top: 0;}
#logo a	{display: block;}

/* Pulsante Area Clienti */
#area	{
	width: 112px;
	height: 32px;
	background: #fff url(../images/head/area.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0;
	left: 615px;
}

/* Barra di navigazione */
#nav	{width: 493px; height: 21px; background: transparent; position: absolute; top: 53px; left: 230px;}
#nav, #nav li	{list-style-type: none; display: block;}
#nav li	{float: left; display: inline; margin-left: 8px;}
#nav a	{height: 21px; display: block; text-indent: -9999px;}

/* Normal */
#n1 a:link, #n1 a:visited	{width: 95px; background: transparent url(../images/head/nav/motor.gif) top no-repeat;}
#n2 a:link, #n2 a:visited	{width: 99px; background: transparent url(../images/head/nav/servizi.gif) top no-repeat;}
#n3 a:link, #n3 a:visited	{width: 85px; background: transparent url(../images/head/nav/convenzioni.gif) top no-repeat;}
/*#n4 a:link, #n4 a:visited	{width: 100px; background: transparent url(../images/head/nav/usato.gif) top no-repeat;}*/
#n4 a:link, #n4 a:visited	{width: 107px; background: transparent url(../images/head/nav/rettifica.gif) top no-repeat;}
#n5 a:link, #n5 a:visited	{width: 62px; background: transparent url(../images/head/nav/contatti.gif) top no-repeat;}

/* Hover */
#n1 a:hover, #n1 a:active	{background: transparent url(../images/head/nav/motor.gif) bottom no-repeat;}
#n2 a:hover, #n2 a:active	{background: transparent url(../images/head/nav/servizi.gif) bottom no-repeat;}
#n3 a:hover, #n3 a:active	{background: transparent url(../images/head/nav/convenzioni.gif) bottom no-repeat;}
/*#n4 a:hover, #n4 a:active	{background: transparent url(../images/head/nav/usato.gif) bottom no-repeat;}*/
#n4 a:hover, #n4 a:active	{background: transparent url(../images/head/nav/rettifica.gif) bottom no-repeat;}
#n5 a:hover, #n5 a:active	{background: transparent url(../images/head/nav/contatti.gif) bottom no-repeat;}

/* Current */
#n1 a.current:link, #n1 a.current:visited, #n1 a.current:hover, #n1 a.current:active
{background: transparent url(../images/head/nav/motor.gif) bottom no-repeat;}

#n2 a.current:link, #n2 a.current:visited, #n2 a.current:hover, #n2 a.current:active
{background: transparent url(../images/head/nav/servizi.gif) bottom no-repeat;}

#n3 a.current:link, #n3 a.current:visited, #n3 a.current:hover, #n3 a.current:active
{background: transparent url(../images/head/nav/convenzioni.gif) bottom no-repeat;}

#n4 a.current:link, #n4 a.current:visited, #n4 a.current:hover, #n4 a.current:active
{background: transparent url(../images/head/nav/rettifica.gif) bottom no-repeat;}

#n5 a.current:link, #n5 a.current:visited, #n5 a.current:hover, #n5 a.current:active
{background: transparent url(../images/head/nav/contatti.gif) bottom no-repeat;}

/* Box Sfondi */
#bg	{width: 490px; height: 136px; background: transparent; position: absolute; top: 110px; left: 228px;}

/* Area Contenuto */
/* #main	{padding: 0 0 60px 21px; background: #f0f0f0 url(../images/bg/bg_main.gif) 290px 80px no-repeat;}
body#b1 #main	{background-position: 350px 80px;} */

#main	{padding: 0 0 100px 21px; background: #f0f0f0 url(../images/bg/bg_main_new.jpg) bottom center no-repeat;}

#main p	{margin-top: 5px;}
#cont		{color: #000;}

#leftColumn, #cont {float: left; display: inline; padding: 15px;}

#b1 #leftColumn	{width: 267px; background: transparent url(../images/bg/bg_leftColumn1.gif) top repeat-x;}
#leftColumn {width: 154px; margin-right: 10px; margin-bottom: 20px; background: transparent url(../images/bg/bg_leftColumn2.gif) top repeat-x;}

#b1 #cont	{width: 357px;}
#cont {width: 470px; padding-top: 90px; background: transparent;}

/* Titoli Sezioni */
#b2 #leftColumn {width: 184px; padding: 0; margin-right: 10px; background: transparent;}
#b2 #leftColumn img	{margin: 0 0 12px 0; border: 4px solid #fff;}

/* Titoli sezioni */
#main h2	{text-indent: -9999px; height: 17px; margin-bottom: 7px;}
h2#tesperienza		{width: 170px; margin: 0; background: transparent url(../images/cont/titoli/tesper.gif) 0 0 no-repeat;}
h2#trettifica		{width: 317px; height: 34px; background: transparent url(../images/cont/titoli/rettifica.gif) top no-repeat;}
h2#tconvenzioni	{width: 81px; margin: 12px 0 7px; background: transparent url(../images/cont/titoli/tconv.gif) bottom left no-repeat;}
h2#tofficina		{width: 52px; background: transparent url(../images/cont/titoli/tofficina.gif) top no-repeat;}
h2#tservizi			{width: 97px; background: transparent url(../images/cont/titoli/tservizi.gif) top no-repeat;}
h2#tlogin			{width: 107px; background: transparent url(../images/cont/titoli/tlogin.gif) top no-repeat;}
h2#tricorda			{width: 117px; background: transparent url(../images/cont/titoli/tricorda.gif) top no-repeat;}
h2#trichiesta		{width: 210px; background: transparent url(../images/cont/titoli/trichiesta.gif) top no-repeat;}
h2#triepilogo		{width: 162px; background: transparent url(../images/cont/titoli/triepilogo.gif) top no-repeat;}
h2#triparazione	{width: 246px; margin-top: 20px; background: transparent url(../images/cont/titoli/triparazione.gif) top no-repeat;}
h2#tusato			{width: 100px; background: transparent url(../images/cont/titoli/tusato.gif) top no-repeat;}
h2#tcontatti		{width: 55px; background: transparent url(../images/cont/titoli/tcontatti.gif) top no-repeat;}
h2#tdove				{width: 126px; margin-top: 16px; background: transparent url(../images/cont/titoli/tdove.gif) top no-repeat;}
h2#tscheda			{width: 103px; background: transparent url(../images/cont/titoli/tscheda.gif) top no-repeat;}
h2#triepStatus		{width: 186px; background: transparent url(../images/cont/titoli/triepStatus.gif) top no-repeat;}
h2#tstatus			{width: 118px; background: transparent url(../images/cont/titoli/tstatus.gif) top no-repeat;}
h2#ttrack01			{width: 127px; background: transparent url(../images/cont/titoli/track01.gif) top no-repeat;}
h2#ttrack02			{width: 175px; background: transparent url(../images/cont/titoli/track02.gif) top no-repeat;}
h2#tsocieta			{width: 263px; background: transparent url(../images/cont/titoli/tsocieta.gif) top no-repeat;}
h2#tofficina		{width: 271px; background: transparent url(../images/cont/titoli/tofficina.gif) -1px 0 no-repeat; margin: 22px 0 0;}
h2#tglossario		{width: 165px; background: transparent url(../images/cont/titoli/tglossario.gif) top no-repeat;}
h2#trettifica2		{width: 165px; background: transparent url(../images/cont/titoli/trettifica2.gif) 0 0 no-repeat;}

#stesperienza	{
	width: 173px;
	height: 63px;
	margin: 5px 0;
	background: transparent url(../images/cont/titoli/stesper.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#stofficina	{
	width: 263px;
	height: 30px;
	margin: 5px 0 7px;
	background: transparent url(../images/cont/titoli/stofficina.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#stglossario	{
	width: 313px;
	height: 16px;
	margin: 5px 0 7px;
	background: transparent url(../images/cont/titoli/stglossario.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#cont ul	{margin: 5px 20px;}

/* Continua */
.continua	{
	width: 51px;
	height: 17px;
	margin-top: 2px;
	background: transparent url(../images/cont/leggi.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

/* Menu II Livello */
#b3 #leftColumn {width: 184px; padding: 0;}
#leftColumn ul, #leftColumn li, #leftColumn li a	{display: block; list-style: none;}
#leftColumn li	{border-bottom: 1px solid #f0f0f0;}
#leftColumn ul a	{
	width: 169px;
	padding: 2px 6px;
	background: #ddd;
	border-left: 3px solid #ccc;
	border-top: none;
	font-weight: normal;
	color: #444b51;
}

#leftColumn ul a:hover, #leftColumn ul a.current {background: #ccc; border-left: 3px solid #900; color: #222;}
#leftColumn ul a.current	{font-weight: bolder; color: #444b51;}

/* Modulo di Login */
form	{margin-top: 16px; padding-bottom: 100px;}
#frichiesta	{padding: 0;}

label	{width: 6em; font-weight: bolder; color: #666; display: block; text-align: right;}
#frichiesta label	{width: 16em;}

input, textarea	{
	width: 16em;
	padding: 0 .2em;
	border: 1px solid #aaa;
	background: #fff;
	font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	position: relative;
	top: -1.4em;
	left: 6em;
}

#frichiesta input, #frichiesta textarea	{width: 18em; top: -1.3em; left: 16em;}

#entra, #invia, #frichiesta #invia2
{width: auto; margin: 0 0 5px 195px; padding: 0; border: none; background: transparent; display: inline; position: static;}

#ricorda, .indietro	{
	width: 101px;
	height: 15px;
	margin-left: 146px;
	background: transparent url(../images/cont/form/ricorda.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

.indietro	{background: transparent url(../images/cont/form/indietro.gif) no-repeat;}

#frichiesta #invia2		{margin-left: 270px;}
#frichiesta .indietro	{margin-left: 277px;}

* html #entra, * html #invia			{margin-left: 185px;}
* html #ricorda, * html .indietro	{margin-left: 136px;}
* html #frichiesta #invia2		{margin-left: 255px;}
* html #frichiesta .indietro	{margin-left: 262px;}

#frichiesta span	{color: #c00;}

/* Tabelle - Area riservata */
table	{width: 100%; border-left: 1px solid #ccc; border-collapse: collapse; background: #fff; color: #444; clear: both;}

th, td	{padding: 5px; border: solid #bbb; text-align: left;}
th			{border-width: 1px 1px 1px 0; background: #f0f0f0; color: #666; text-align: center; vertical-align: top;}
td			{border-width: 0 1px 1px 0; background: transparent; vertical-align: middle;}

table strong	{color: #777;}
table a			{color: #a00;}
table img		{margin: 5px 5px 0 0; float: right;}

/* Logged as... */
.logged	{text-align: right; font-weight: bolder;}
.logged span	{color: #a00;}

/* Pulsanti Area riservata */
#richiedi, #logout, #torna	{width: 130px; height: 18px; margin: 10px auto; display: block; text-indent: -9999px;}
#richiedi	{background: transparent url(../images/cont/form/richiedi.gif) no-repeat;}
#logout		{background: transparent url(../images/cont/form/logout.gif) no-repeat;}
#torna		{background: transparent url(../images/cont/form/torna.gif) center no-repeat;}

/* infoRichiesta */
.infoRichiesta	{width: auto; position: relative; left: -20px;}
.infoRichiesta li	{margin-bottom: 6px;}
.infoRichiesta, .infoRichiesta li, .infoRichiesta a	{list-style: none; float: left; display: inline;}

.infoRichiesta a	{
	width: auto;
	margin-right: 10px;
	padding: 4px 8px 5px 30px;
	background: transparent url(../images/doc.gif) 7px 50% no-repeat;
	color: #666;
	white-space: nowrap;
}

.infoRichiesta a:hover	{color: #a00;}

/* Box Usato */
.boxUsato		{margin: 12px 0; padding-bottom: 10px; border: 1px solid #ccc; background: #fff; clear: both;}
.boxUsato p, .boxUsato img	{float: left; display: inline; margin: 0 10px;}
.boxUsato h3	{padding: 5px 10px; border-bottom: 1px solid #ccc; background: #f0f0f0; clear: both;}
.boxUsato img	{margin: 0 0 0 10px;}
.boxUsato h3 a	{color: #666;}
.boxUsato p a	{color: #5a636c; font-weight: normal;}

/* Societa convenzionate */
#societa li	{line-height: 160%;}
#societa a	{color: #666;}
#societa a:hover	{color: #a00;}

/* Footer */
#footer	{
	width: 746px;
	line-height: 1em;
	padding: .1em 0 .3em;
	/*margin-top: 40px;*/
	text-align: center;
	background: #9da3a9 url(../images/bg/bg_footer.gif) top left repeat-y;
	margin-left: -8px;
	margin-top: 10px;
	color: #fff;
}

* html #footer	{margin-right: -8px;}
#footer a	{color: #fff; font-weight: normal;}
#footer a:hover	{text-decoration: underline;}

/* Credits */
#credits	{width: 740px; padding-top: 8px; text-align: right;}
#credits a	{color: #888; font-weight: normal;}
#credits a:hover	{text-decoration: underline;}