/*  Foglio di stile per COMPRY (www.compry.it) di CRISTINA DE SIMONE - desimone.cristina@gmail.com  */

/* --------------- RESET ------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}

tr, td, table {
padding-left:0px;
padding-right:0px;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing="0"’ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
hr {
	display: none;
}

/* --------------- TAG HEAD COMUNI ------------------- */

h1, h2, h3 {
	text-align: left;
	color: #FF6600;
	padding-bottom: 5px;
}
h1 {
	font-size: 140%;
}
h2 {
	font-size: 120%;
	/*padding-bottom: 20px;*/
}
h3 {
	font-size: 100%;
}

/* --------------- CONTENITORI ------------------- */

body  {
	background: #FFFFFF;
	text-align: center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#container {
	width: 1000px; 
	background: #FFFFFF;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
} 
#header {
	background-color: #FFFFFF;
	height: 130px;
	width: 1000px;
	background-image: url(../images/skin/header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 
#barraTop {
	background-color: #FFFFFF;
	height: 44px;
	width: 1000px;
	background-image: url(../images/skin/barra_header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#bg_content {
	background-color: #FFFFFF;
	width: 1000px;
	background-image: url(../images/skin/bg_content.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-top: 20px;
	padding-bottom: 20px;
} 
#sidebar1 {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 210px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#sidebar1 p{
	line-height: 1.5em;
	padding-bottom: 15px;
}
#sidebar2 {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 180px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainContent {
	margin-right: 240px;
	margin-left: 260px;
	padding-top: 20px;
} 
#mainContent p {
	text-align: justify;
	line-height: 1.5em;
	padding-bottom: 20px;
	font-size: 90%;
}
#normalContent {
	padding: 20px;
} 
#normalContent p {
	text-align: justify;
	line-height: 1.5em;
	padding-bottom: 20px;
	font-size: 90%;
}
#normalContent ul {
	list-style-type:disc;
	font-size: 14px;
	text-align: left;
}
.table {
	font-size: 80%;
}
#footer { 
	background-color: #FFFFFF;
	height: 75px;
	width: 940px;
	background-image: url(../images/skin/barra_footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	font-size: 12px;
	text-align: center;
} 
#footerMenu {
	height: 34px;
	width: 940px;
	line-height: 34px;
	color: #FFFFFF;
} 
#footer p {
	padding: 10px 0;
}

/* ---------------- TAG A HREF ----------------- */

a {
	color: #B30818;	/*font-weight: bold;*/
	text-decoration:none;
	}
a:hover {
	text-decoration: underline;
}
#sidebar1 a, #sidebar2 a {
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
	}
#sidebar1 a:hover, #sidebar2 a:hover {
	text-decoration: underline;
}
#footerMenu a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	}
#footerMenu a:hover {
	text-decoration: underline;
}

/* ---------------- MENU TOP ----------------- */

#mainMenu {
	height: 34px;
	width: 980px;
	padding-right: 10px;
	padding-left: 10px;
}
#mainMenu ul {
	list-style-type: none;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
}
#mainMenu li {
    list-style:none;
	display:block;
	float:left;
	height:34px;
	line-height:34px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#mainMenu li a {
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 20px;
}
#mainMenu li a:hover, #mainMenu li a.attivo {
	background-image: url(../images/skin/bg_btnAttivo.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

/*--------- MENU EXTRA SIDEBAR ----------*/

#sidebarMenu {
	width: 100%;
	margin-bottom: 30px;
}
#sidebarMenu ul {
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#sidebarMenu li{
	display: block;
	height:30px;
	line-height:30px;
}
#sidebarMenu li a{
	text-decoration: none;
	background-image: url(../images/skin/freccia_grigia.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666666;
}
#sidebarMenu li a:hover, #sidebarMenu li a.attivo{
	text-decoration: none;
	background-image: url(../images/skin/freccia_arancio.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FF6600;
}

/* ---------------- CLASSI H2 ----------------- */

h2.faqTitle {
	height: 20px;
	padding-top: 53px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	background-image: url(../images/skin/domanda.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 18px;
/*	margin-bottom: 20px;
	display: block;*/
}

/* ---------------- BOX COLONNA DESTRA ----------------- */

.boxDx {
	width: 180px;
	background-image: url(../images/skin/bg_BoxDx.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	font-size: 12px;
	padding: 0px;
	margin-bottom: 20px;
}
.boxDx h3 {
	width: 180px;
	height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../images/skin/bg_BoxDx_h3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
}
.boxDx_bottom {
	width: 180px;
	height: 10px;
	background-image: url(../images/skin/bg_BoxDx_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.boxDx p {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/* ---------------- BOX ROTTAMAZIONE ----------------- */

#boxRottamazione {
	width: 141px;
	height: 202px;
	background-image: url(../images/skin/box_rottamazione.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 12px;
	margin-bottom: 20px;
	padding-top: 50px;
	padding-right: 42px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#boxRottamazione h3 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 15px;
}

/* ----- DIV TELEFONO ASSISTENZA CLIENTI ----- */

#phone {
	width: 90px;
	height: 43px;
	line-height: 20px;
	background-image: url(../images/skin/telefono.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	margin-top: 10px;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}

#telephone {
	width: 90px;
	height: 43px;
	line-height: 20px;
	background-image: url(../images/skin/tel_ico.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	padding-top: 10px;
	margin-top: 10px;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}

#fax2 {
	width: 90px;
	height: 43px;
	line-height: 20px;
	background-image: url(../images/skin/fax_ico.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	padding-top: 10px;
	margin-top: 0px;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}

#chat {
	background-image: url(../images/skin/chat.gif);
	width:150px;
	height:145px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 10px;
	margin-left:10px;
	text-align: center;
}

#chat_text {
	margin: 10px 10px 10px 10px;
	text-align: center;
}

/* ---- BOX IN EVIDENZA (CARATTERISTICHE, DEMO, ORDINA) ---- */

#bovScopri {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 147px;
	height: 193px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#boxOrdina {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 147px;
	height: 193px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#boxDemo {
	/*width: 147px;*/
	height: 193px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: center;
}

/* ----- FORM LOGIN ----- */

#login form {
	text-align: center;
}
/*#login form p {
}
#login label {
}*/
#login input#user, input#pass {
	width: 150px;
	height: 18px;
	line-height: 18px;
	color: #333333;
	border: 1px solid #999999;
	padding-left: 5px;
}
#accedi {
	width: 72px;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	border:0;
	background:url(../images/skin/bg_btn.gif) no-repeat 0 0;
	cursor:pointer !important; cursor:hand;/**/
}

#dominio form {
	text-align: center;
}
/*#login form p {
}
#login label {
}*/
#dominio input#domain {
	width: 150px;
	height: 18px;
	line-height: 18px;
	color: #333333;
	border: 1px solid #999999;
	padding-left: 5px;
}

#ext{
	width: 70px;
	height: 21px;
	line-height: 21px;
	color: #333333;
	border: 1px solid #999999;
	padding-left: 5px;
}

#controlla {
	width: 172px;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	border:0;
	background:url(../images/skin/bg_btn2.gif) no-repeat 0 0;
	cursor:pointer !important; cursor:hand;/**/
}



#ecommerce form {
	text-align: center;
}
/*#login form p {
}
#login label {
}*/
#ecommerce input#nomenegozio, input#categoria, input#nome, input#cognome, input#email, input#societa, input#piva, input#indirizzo, input#cf, input#country, input#cap, input#telefono, input#fax, input#provenienza, input#codiceagente {
	width: 150px;
	height: 18px;
	line-height: 18px;
	color: #333333;
	border: 1px solid #999999;
	padding-left: 5px;
}


#prosegui {
	width: 172px;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	border:0;
	background:url(../images/skin/bg_btn2.gif) no-repeat 0 0;
	cursor:pointer !important; cursor:hand;/**/
}

/* ----- LISTA CHECK ----- */

.checkList {
	list-style-type: none;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 90%;
}
.checkList li {
	margin-bottom: 10px;
	padding-left: 25px;
	/*line-height: 1.2em;*/
	background-image: url(../images/skin/check_arancio.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

/* ----- LISTA FAQ ----- */
.faq {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 90%;
	/*font-weight: bold;*/
}
.faq ul {
	list-style-type: decimal;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.faq li {
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 0px;
	/*line-height: 1.2em;
	display: block;*/
}

#tornasu{
	text-align:right;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom-color:#CCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/* ---------------- VARIE ----------------- */

.right { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
}
.left { /* Idem come sopra.*/
	float: left;
}
.center {
	text-align: center;
}
.clear {  /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.hide { /* questa classe può essere utilizzata per nascondere un elemento.*/
	display: none; 
}
.hideforspider{ /* nasconde l'elemento senza usare display:none; non gradito ai motori di ricerca */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}
.frame { /* crea una cornice intorno all'elemento */
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#temp{
	width:150px;
	margin-right:5px;
	padding:5px;
	background-color:#FFF;
	float:left;
	text-align:center;
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.stile_autocompleter{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-align:left;	
	background-color:#FFF;
	margin-bottom:5px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	}
	
.stile_autocompleter ul {
  list-style-type:none;
  margin:0px;
  padding:5px;
}
.stile_autocompleter ul li.selected { background-color: #E8E8E8;}
.stile_autocompleter ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

#novita{
	background-color:#F00;
	color:#FFF;
	font-weight:bold;
	padding:0px 2px 0px 2px;
	font-size:10px
}
#aggiornato{
	background-color:#090;
	color:#FFF;
	font-weight:bold;
	padding:0px 2px 0px 2px;
	font-size:10px
}