﻿/****
@font-face {
    font-family:  evereverse, Courier;  
    src: url('./evereverse_font.ttf') format("truetype");    
}
********/
body
{
    background-position: left top;
    font: normal 9pt/12pt Georgia, "Book Antiqua" , Tahoma, Arial;
    padding: 0px;
    margin: 0px;
    color: #222222;
    background: #757575 no-repeat left top;
    background-image: url( 'img/back_body.jpg' );
    background-attachment: fixed;
}
#site
{
    margin:0px auto;
    padding:0px 0px 0px 0px;
    width:900px;    
}
#top
{
    width:900px;
    height:146px;
    
}
#top .logo
{
    width:250px; /*117px*/
    pz-index:100;
    ppadding:15px 20px 10px 20px ;
       
}
#top .titoloTop, #top .login
{
    width:650px;
    margin-left:0px;
    text-align:right;
    height:20px;
}
#top .login
{
    color:#333;
    font-weight:bold;
}
#top .login a
{
    color:#eee;
    text-decoration:underline;
}
#top .login a:hover
{
    text-decoration:none;
}

#top .menu .linkOut, #top .menu .linkIn
{
    width:97px;
    height:30px;  
}
#top .menu
{
    margin:30px 0px 0px 250px;
    text-align:right;
}
#top .menu a
{
    display:block;    
    width:97px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    color:#eeeeee;
    height:20px;
    font-size:9pt;   
    font-weight:400; 
    padding-top:10px;  
}

/*#top .menu  ul
{
    margin:0px;
    padding:0px;
    list-style-image:none;
    rdisplay:inline;
}
#top .menu  li
{
    margin:0px;
    padding:0px;        
    display:inline;
}*/

#top .menu .linkOut:hover
{    
    background: transparent url('img/back_linkOutOver.png') no-repeat top center;
}

#top .menu .linkOut
{        
    background: transparent url('img/back_linkOut.png') no-repeat top center;
} 
#top .menu .linkIn:hover
{    
    background:transparent url('img/back_linkInOver.png') no-repeat top center;
}
#top .menu .linkIn
{
    font-weight:bold;    
    background:transparent url('img/back_linkIn.png') no-repeat top center;
}
#banner
{
    height:200px;
}
#bandiera
{
    height:10px;
}
#sitemap
{
    width:630px;
    height:20px;
    background-color:#222222;
    border-bottom:1px solid #555555;
    color:#eeeeee;
    padding:5px 0px 0px 20px;
    font-size:0.9em;
}
.panLinkDealer
{
    padding:10px;
    background-color:#423c4a;
    border:solid #332e3b 1px;
}
.panLinkDealer .listDealer
{
    width:100px;
    height:20px;
    padding:10px 0;
    text-align:center;
    background-color:#423c4a;
    border:solid #332e3b 1px;
}
.panLinkDealer .listDealer:hover
{
    width:100px;
    height:20px;
    padding:10px 0;
    text-align:center;
    background-color:#6e0d26;
    border:solid #332e3b 1px;
    
}
.aDealer
{
    height:10px;
    padding:0;
    color:#eeeeee;
}
#footer
{
    border-top:1px solid #eeeeee;
    text-align:center;
    padding: 10px 0px 20px 0px;
}

/****** peel corner ***/
#pageflip {
	position: relative;
}
#pageflip img {
	width: 150px; height: 150px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 143px; height: 143px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url('img/back_peel_corner.png') no-repeat right top;
	text-indent: -9999px;
}


/******** login ******/
.loginpanel
{
}
.loginpanel .textbox, #tab_login .textbox
{
    /** border:1px solid #cccccc;
    background-color:#bcbcbc; **/
    border:1px solid #bbbbbb;
    background-color:#cccccc;
}

/******* pagine *****/
.sopraPagina
{
    background: #C0C0C0 url('img/back_pagina.jpg') repeat-y top center;
    height:50px;
    padding-top:5px;
    text-align:right;
    z-index:1;
}
.trasparente
{
	 background: #C0C0C0 url('img/back_pagina.jpg') repeat-y top center;
	 padding-top:50px;
	/* opacity:0.9;
	filter:alpha(opacity=90); */
}
#pagina
{
    padding-top:10px;
	background-position: #C0C0C0;
	width: 100%;
	/*  opacity:1;
	filter:alpha(opacity=100);*/

	
}
#pagina .colsx
{
    width:560px;
    padding:20px;
}
#pagina .coldx
{
    width:280px;
    text-align:right;
    padding:20px 20px 20px 0px;
}
#pagina .colsx .quadro, #pagina .coldx .quadro
{
    margin-bottom:15px;
}
#pagina .coldx .titolo,#pagina .colsx .titolo
{
	font-size: 10pt;
	color: #800000;
	font-weight: bold;
	text-transform: uppercase;
}
#pagina .coldx .testo, #pagina .colsx .testo
{
    margin-top: 10px;
    text-align:justify;
    line-height:20px;
    background-color:#eeeeee;
    opacity:0.6;
	filter:alpha(opacity=60);
	border: SOLID #dddddd 1px;
	padding:10px;
}
#pagina .coldx .pubblicita
{
    margin-top: 10px;
}
/***** pagina chi siamo ******/
#quadroImgInterni
{
    width:270px;
    text-align:center;
}
#quadroImgInterni a img
{
    border:1px solid #cccccc;
}

/****** pagina contatti §****/
.panelModuloMail .textbox
{
    /** border:1px solid #cccccc;
    background-color:#bcbcbc;  **/
    border:1px solid #bbbbbb;
    background-color:#cccccc;
}


/***** pagina comunicazioni ******/
#accordion_mail .tabHeader
{
    border-bottom:1px solid #000000;
    background-color:#dddddd;
}
 #accordion_mail
{
    background-color:#bbbbbb;
    width:560px;    
}
 #accordion_mail .accordionHeader
{    
    background: transparent url('img/back_accordionHeader.png') repeat-x top left;
    color:#444444;    
    padding:5px;    
}
 #accordion_mail .accordionHeaderSelected
{
    background-color:#eeeeee;
    border-bottom:1px dotted #cccccc;

    color:#111111;
    padding:5px; 
     
}
 #accordion_mail .accordionContent
{
    border-bottom:1px solid #111111;
    background-color:#f4f4f4;
    padding:15px 15px 15px 15px;
    font-size:9pt;
}
.panelMail
{    
    eborder:1px solid #cccccc;
    color:#111111;
}
#panelTextbox
{
    
    text-align:center;    
    margin-top:10px;
    eborder-top:5px solid #cccccc;
}
#panelTextbox .textbox
{
    
    border:1px solid #bbbbbb;
    background-color:#eeeeee;
    
}
#panelTestata
{
    background-color:#eeeeee;
    padding:5px;
    color:#111111;
    margin-bottom:0px;
    margin-left:20px;
    text-align:left;
}
#panelTestata #dataInvio
{
    text-align:right;
    border-bottom:1px solid #cccccc;
    padding:15px 0px 5px 0px;
}
#panelTestata .label
{
    width:120px;
    font-weight:bold;
}
#panelTestata .cell_value
{
    background-color:#f5f5f5;
    width:410px;
}

/******* pagina promozioni *******/
.dl_promozioni .quadroImmagine
{
    pborder:1px outset #444444;
    margin:5px 0px 15px 0px;
    pbackground-color:#222222;
}
.dl_promozioni .quadroImmagine .immagine
{
    margin-right:10px;
}
.dl_promozioni .quadroImmagine .immagine img
{
    pborder:2px solid #cccccc;
}
.dl_promozioni .quadroImmagine .label
{
    font-weight:bold;
    font-size:9pt;
}
.dl_promozioni .quadroImmagine .marca,.dl_promozioni .quadroImmagine .anno
{
    font-size:11pt;
    text-align:center;
    
}
.dl_promozioni .quadroImmagine .cell_codice
{
    width:100%;    
}
.dl_promozioni .quadroImmagine #quadroCaratteristiche ul
{    
    margin:10px 0px 0px 35px;
    padding-bottom:0px;
    text-align:left;
    list-style-image: url('img/arrow_yellow.png');
    
}
.dl_promozioni .quadroImmagine #quadroCaratteristiche li
{     
    padding:2px 5px;
} 
.dl_promozioni .quadroImmagine #quadroCaratteristiche .label
{
    text-transform:uppercase;
    color:#cccccc;
}
.dl_promozioni .quadroImmagine
{
    background-color:#333333;
    opacity:0.9;
	filter:alpha(opacity=90);
	border:solid #dddddd 1px;
}
.dl_promozioni .quadroImmagine #quadroCaratteristiche .valore
{
    color:#f7e22e;
    font-size:11pt;
    font-family:Georgia;
}
.dl_promozioni .quadroImmagine .quadroPrezzo
{
    font-family:Georgia;
    line-height:20pt;
    pborder-bottom: 1px solid #cccccc;
    padding:0px 10px 5px 0px;
    color:#cccccc;
}
.dl_promozioni .quadroImmagine .dettaglio a
{
    text-decoration:none;
    color:#f7e22e;
    font-size:10pt;
    font-family:Georgia;
    font-weight:normal;
    
}
.dl_promozioni .quadroImmagine .acquista a
{
    text-decoration:none;
    color:#ce0e0e;
    font-size:10pt;
    font-family:Georgia;
    font-weight:normal;
    
}
.dl_promozioni .quadroImmagine .acquista a:hover, .dl_promozioni .quadroImmagine .dettaglio a:hover
{
    text-decoration:underline;
}

.dl_promozioni .quadroImmagine .quadroPrezzo .interi
{
    font-size:16pt;
    color:#f7e22e;
}
.dl_promozioni .quadroImmagine .quadroPrezzo .decimali
{
    font-size:11pt;
    font-weight:bold;
    vertical-align: super; 
}      

/******** paginazione *********/
#paginazione
{
    line-height:20pt;
}
#paginazione .link a
{
    border:1px solid #cccccc;
    padding:2px 4px;
    background-color: #666666;
    color:#003399;
    text-decoration:none;
}
#paginazione .link a:hover
{
    background-color: #444444;
    color:#ffffff;
}



/********* pagina carrello *******/
#carrellolista
{
    pmargin: 0px 30px;
}
#carrellolista .immagine
{
    padding:5px 6px;
}
#carrellolista .immagine .popupControl
{
    ovisibility:hidden;
    display:none;
    position:absolute;
}
#carrellolista .id_articolo
{
    width:130px;
    text-align:center;  
    font-size:10pt;
    
}
#carrellolista .id_articolo a
{
    color:#00ffff;
    text-decoration:underline;
}
#carrellolista .id_articolo a:hover
{    
    text-decoration:none;
}
#carrellolista .articolo
{
    font-weight:bold;
}
#carrellolista .descrizione
{
    width:280px;
    text-transform:lowercase;
    line-height:10pt;
}
#carrellolista .num
{
    width:70px;
    text-align:center;
}
#carrellolista .prezzo
{
    width:120px;
    text-align:center;
    font-family:Georgia;
    font-size:11pt;
    line-height:14pt;
}
#carrellolista  .prezzotot
{
    width: 120px;
    text-align:center;
    color:#f7e22e;
    font-weight:bold;
    font-family:Georgia;
    font-size:11pt;
    line-height:14pt;
}
#carrellolista  .totalecarrello
{
    padding: 4px 40px 3px 0px;
    color:#eeeeee;
    font-size:10pt;
    background-color:#333333;
    text-align:right;
    font-weight:bold;
    width:780px;
}  
.quadroCarrello
{
    border:1px solid #777777;
    margin:0px 10px;
    background-color:#444444;
}
.quadroCarrello .titolo
{
    background-color:#111111;
    color:#eeeeee;
    padding: 5px 10px;
}
.quadroCarrello .textbox
{
    border:1px solid #cccccc;
    background-color:#bcbcbc;
}
#link_carrello a
{
    color:#111111;
    text-decoration:underline;
    background-color:#f7e22e;
    padding:2px 15px;
    font-weight:bold;
}

#carrellodati .cell_label
{
    width:130px;
    text-align:right;
}

/************ pagina dettaglio *****/
#tab_dettaglio .immagine
{
    margin-top:20px;
    text-align:center;    
}
#tab_dettaglio .titolo
{
    margin-top:20px;
    text-align:center;
    margin-bottom:20px;    
}
#tab_dettaglio .descrizione
{
    margin:5px 20px 5px 10px;
}
#tab_dettaglio .immagine .img
{
    
    border:6px solid #f7e22e;
}
#tab_dettaglio #quadroCaratteristiche, #tab_dettaglio #quadroComponenti,#tab_dettaglio .quadroPrezzo
{
    background-color:#333333;
    border:solid #dddddd 1px;
    color:#cccccc;
}
#tab_dettaglio #quadroComponenti
{
    font-family:Georgia;
    dline-height:25pt;        
}
#tab_dettaglio #quadroPrezzo, #prezzoSpedizione, #prezzoTotale
{
    font-family:Georgia;
    line-height:25pt;
    text-align:center;
    padding:5px 10px 5px 0px;
    margin: 0px auto;
    width:120px;
    pborder-bottom:1px solid #cccccc;
    
    background-color:#333333;
    border:solid #dddddd 1px;
    color:#cccccc;
}
#tab_dettaglio .quadroPrezzo a
{
    text-decoration:none;
    color:#f7e22e;
    font-size:10pt;
    font-family:Georgia;
    font-weight:bold;
    
}
#tab_dettaglio #quadroPrezzo a:hover
{
    text-decoration:underline;
}

#tab_dettaglio #quadroPrezzo .interi, #prezzoSpedizione .interi, #prezzoTotale .interi
{
    font-size:16pt;
    color:#f7e22e;
}
#tab_dettaglio #quadroPrezzo .decimali, #prezzoSpedizione .decimali, #prezzoTotale .decimali
{
    font-size:11pt;
    font-weight:bold;
    vertical-align: super; 
}   
#tab_dettaglio #quadroCaratteristiche ul, #tab_dettaglio #quadroComponenti ul
{
    margin-left:45px;
    text-align:left;
    list-style-image: url('img/arrow_yellow.png');
    
}
#tab_dettaglio #quadroCaratteristiche li, #tab_dettaglio #quadroComponenti li
{     
    margin:4px 5px;
} 
#tab_dettaglio .quadro .label
{
    text-transform:uppercase;
}
#tab_dettaglio .quadro .valore
{
    color:#f7e22e;
    font-size:11pt;
    font-family:Georgia;
}
#tab_dettaglio #linkProcedure
{
    margin: 20px auto 0px auto;
    text-align:center;
}
#tab_dettaglio #linkProcedure a
{
    text-decoration:none;
    color:#f7e22e;
    font-size:9pt;
    font-family:Georgia;
    font-weight:bold;
    text-align:center;
}
#quadroAcquisto
{
    margin:10px 40px;
    background-color:#eeeeee;     /*  #493d3d;  */
    border:1px solid #888888;
    color:#111111;
}
#quadroAcquisto table .big
{
    width:820px;
}
#quadroAcquisto .intestazione
{
    text-align:center;
    font-size:10pt;
    font-family:Georgia;
    text-transform:uppercase;
    font-weight:bold;
}
#quadroAcquisto .cell_label
{
    width:100px;
}
#quadroAcquisto .label
{
    text-align:right;
}
#quadroAcquisto .textbox
{
    border:1px solid #bbbbbb;
    background-color:#cccccc;
}
#quadroAcquistoInvia
{    
    margin:20px 100px 25px 50px;
    font-weight:bold;
    text-align:right;
}
#quadroAcquistoInvia a
{
    text-decoration:none;
    color:#f7e22e;
    font-size:9pt;
    font-family:Georgia;
    font-weight:bold;
    text-align:center;
}

/******* pagina home ****/

#tab_promozioni .immagine
{
    width:170px;
    margin:0px 5px 0px 5px;
    text-align:center;
}
#tab_promozioni .immagine a img
{
    border:2px solid #cccccc;
}
#tab_promozioni .immagine .modello
{
}
.newsHome
{
    margin:3px 0px 2px 20px;
}
.newsHome .dataNews
{
    color:#e2001a;
    font-weight:bold;    
}
#imgProdottoHome img
{
    border:2px solid #cccccc;
}
#testoProdottoHome
{
    padding:3px;
    margin-top:3px;
    margin-left:30px;
    width:242px;
    background-color:#111111;
    border:1px solid #555555;
}

/****** pagina team *****/
.gridViewNews .data
{
    color:#696320;
    font-weight:bold;
}
.gridViewNews a
{
    color:#800000;
}
#tab_news #titoloNews
{
    font-size:13pt;
    font-family: Georgia;
    color:#696320;
    text-decoration:underline;
    text-transform:uppercase;
}
#tab_news #dataNews
{
    text-transform:uppercase;
    font:8pt;
}
#tab_news #testoNews
{
    margin:10px;
    line-height:20px;
    background-color:#eeeeee;
    opacity:0.6;
	filter:alpha(opacity=60);
	border: SOLID #dddddd 1px;
	padding:10px;
}
#tab_imgNews a img
{
    border: 2px solid #fefefe;
}
#tab_news #allegatiLink a
{
    color:#800000;
}
#tab_news #allegatiLink b
{
    color:#333333;
}

/**** pagina velotek *****/
#pagina #tab_velotek
{
    margin:10px auto 10px auto;
}
#pagina #tab_velotek #logoVelotek
{
    text-align:center;
    margin-bottom:20px;
}
#pagina #tab_velotek .quadroLink
{
    opacity:0.5;
	filter:alpha(opacity=50);
}
#pagina #tab_velotek .quadroLink:hover
{
    opacity:1;
    filter:alpha(opacity=100);
}

/**** pagina velotek gallery ******/
#quadroProdotti
{
    margin: 0px 35px;
}
.titoloProdotti
{
    font-size: 10pt;
	color: #800000;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
}
#quadroProdotti .quadroProdotto
{
    width:252px;
    margin:10px;
}
#quadroProdotti .quadroCodice
{
    background-color:#222222;
    color:#f7e22e;
    margin-bottom:5px;  
    font-weight:bold;
    padding:4px 0px;      
    border:1px solid #f7e22e;
    
}

#quadroProdotti .quadroImmagine img
{
    border:1px solid #cccccc;
}
#quadroProdotti .quadroDescrizione
{
    border:1px solid #777777;
    padding:4px;
    background-color:#cccccc;
    color:#333333;    
}    

