@charset "utf-8";
/* CSS Document */
body{
background-color:#000000;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.contenitoreE{
width:100%;
background-color:#000000;
}
.contenitoreI{
width:900px;
margin:0 auto;
}
.header{
height:100px;
background-image:url(immagini/header.gif);
background-repeat:no-repeat;
}
/* --------------------------------- menu ----------------------------------------*/
.menu{
width:900px;
height:30px;
background-color:#333333;
background-repeat:no-repeat;
}
.menu ul{
list-style:none;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
margin:0;
padding:10px 0 0 10px;
}
.menu ul li{
display:inline;
padding:0 30px 0 0;
}
.menu ul li a{
text-decoration:none;
color:#FFFFFF;
}
/* --------------------------------- flash ----------------------------------------*/
.contenutoS{
position:relative;
}
.contenutoS .sfondo_flash{
position:relative;
background-image:url(immagini/sfondo_header.jpg);
background-repeat:no-repeat;
background-position:bottom center;
background-color:#CCCCCC;
width:900px;
height:306px;
}
.contenutoS .flash{
position:relative;
left:117px;
top:20px;
width:360px;
height:267px;
background-color:#000000;
}
/* --------------------------------- conteuto dinamico ----------------------------------------*/
.contenutoD{
float:left;
width:900px;
margin-top:15px;
margin-bottom:30px;
}
.newsbar{
width:900px; 
background-color:transparent; 
background-image:url(immagini/bar_news.jpg); 
background-repeat:no-repeat;
}
/* --------------------------------- storia ----------------------------------------*/
.contenutoD{
width:900px; 
margin-bottom:10px; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
color:#CCCCCC; 
font-weight:800; 
padding-left:5px;
/*border-bottom:1px solid #999999; */
}
.titolo_storia{
width:895px; 
border-top:1px solid #999999; 
}
.contenutoD .storia{
font-family:"Courier New", Courier, monospace;
font-size:13px;
color:#CCCCCC;
font-weight:bold;
width:550px;
line-height:20px;
padding:1px 0 20px 6px;
margin:45px 0 0 0;
}
.cravatta{
width:895px;
height:266px;
background-image:url(immagini/cravatta.jpg);
background-repeat:no-repeat;
background-position:bottom right;
border-top:1px solid #999999; 
}

/* --------------------------------- news ----------------------------------------*/
.contenutoD .news{
float:left;
width:320px;
height:215px;
}
.contenutoD .titolo_news{
width:895px; 
background-color:transparent; 
background-image:url(immagini/bar_news.jpg); 
background-repeat:no-repeat;
margin-bottom:10px; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
color:#CCCCCC; 
font-weight:800; 
padding-left:5px;
border-bottom:1px solid #999999; 
}
.contenutoD .cont_news{
float:left;
margin-top:10px;
width:300px;
height:31px;
background-image:url(immagini/box_data.jpg);
background-repeat:no-repeat;
padding:1px 0 20px 6px;
}
.contenutoD .news .data{
float:left;
width:34px;
height:31px;
font-size:10px;
color:#666666;
}
.contenutoD .news .data .mese{
text-transform:uppercase;
color:#FFFFFF;
}
.contenutoD .news .data .giorno{
font-size:14px;
font-weight:bold;
}
.contenutoD .news .titolo{
float:left;
font-size:12px;
color:#666666;
}
/* --------------------------------- brands index----------------------------------------*/
.marchi{
margin:20px 0 ; 
float:left;
height:139px;
width:500px;
}
/* --------------------------------- dal 1884 ----------------------------------------*/
.since1884{
width:900px;
height:300px;
}
/* --------------------------------- brands ----------------------------------------*/
.brands{
float:left;
width:300px;
height:150px;
margin:20px 0 20px 0;
}

.brands img{
float:left;
border:0;
}
.prod{
padding:25px 0 35px 0;
margin:10px 0 0 0;
float:left;
display:block;
width:99px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
font-weight:bold;
line-height:20px;
border-right:1px dotted #999999;
}
.dx{
border:0;
}
/* --------------------------------- gallery ----------------------------------------*/
.gallery{
position:relative;
width:900px;
}
.des{
position:absolute;
top:505px;
width:605px;
padding:5px;
color:#FFFFFF;
font-size:14px;
left:140px;
}
.uomo{
position:relative;
background-image:url(immagini/sfondo_foto_gallery_uomo.jpg);
background-repeat:no-repeat;
width:900px;
height:650px;
}
.donna{
position:relative;
background-image:url(immagini/sfondo_foto_gallery_donna.jpg);
background-repeat:no-repeat;
width:900px;
height:650px;
}
.img_dinamica{
position:absolute;
top:41px;
left:150px;
width:600px;
height:450px;
}
.anteprime{
width:622px;
position:absolute;
top:520px;
left:140px;
}
.ante{
float:left;
width:100px;
height:74px;
margin:0 23px 0 0;
border:3px solid #999999;
}
.ultima{
margin:0;
}
.paginazione{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
position:absolute;
top:640px;
left:440px;
text-align:center;
}
.paginazione a{
background-color:#666666;
color:#FFFFFF;
text-decoration:none;
border:1px solid #CCCCCC;
padding:3px 3px;
}
.paginazione a:hover{
background-color:#666666;
color:#FFCC00;
text-decoration:none;
border:1px solid #CCCCCC;
padding:3px 3px;
}


/* --------------------------------- footer ----------------------------------------*/
.footer{
clear:both;
height:70px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
background-color:#000000;
border-top:1px solid #666666;
margin-top:50px;
}
.footer_cont{
margin:0 auto;
width:900px;
padding:10px 0 0 0;
}
.copy{
float:left;
color:#FFFFFF;
margin:0;
}
.agency{
float:right;
color:#FFFFFF;
margin:0;
}
.agency a{
color:#FFFFFF;
}
/*------------------------------------- contatti --------------------------------*/
.contenutoD .contatti_form{
width:499px;
float:left;
margin:0;
}
.contatti_form form{
width:500px;
height:500px;
margin:0;
}
.contatti_form fieldset{
border:0;
margin:0;
padding:0;
}
.contatti_form label{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
color:#FFFFFF;
}
.contatti_form input{
float:left;
width:200px;
margin:3px 30px 10px 0;
}
.check{
margin:0 0 0 60px;
}
.contatti_form input.ck{
float:left;
width:15px;
margin:18px 30px 0 6px;
}
.contatti_form label.lab_ck{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:15px 0 0 0;
color:#FFFFFF;
}
.contatti_form select{
float:left;
width:200px;
margin:3px 30px 10px 0;
}
.contatti_form textarea{
float:left;
width:434px;
height:120px;
margin:3px 0 10px 0;
}
.contatti_form p{
clear:both;
position:relative;
top:0;
width:434px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
margin:30px 0 0 0;
color:#ffffff;
text-indent:0;
line-height:10px;
}
.contatti_form input.invia{
width:60px;
margin:15px 0 0 15px;
}
.contenutoD .contatti_dx{
float:right;
width:400px;
}
.contenutoD .contatti_dx h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FF9900;
}
.contenutoD .contatti_dx h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF9900;
margin:0;
font-weight:bold;
padding:20px 0 0 0;
}
.contenutoD .contatti_dx h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
margin:0;
padding:10px 0 0 0;
}
.contenutoD .contatti_dx p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
margin:0;
padding:5px 0 5px 0;
line-height:20px;
}
.contenutoD .contatti_dx p.dati{
font-weight:bold;
font-size:13px;
}
/*---------------------------------------------- mappa ----------------------------------------*/
.contenutoD .mappa{
width:600px;
float:left;
margin:0;
}
.contenutoD .contatti_mappa{
float:right;
width:250px;
}
.contenutoD .contatti_mappa h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FF9900;
}
.contenutoD .contatti_mappa h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF9900;
margin:0;
font-weight:bold;
padding:20px 0 0 0;
}
.contenutoD .contatti_mappa h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
margin:0;
padding:10px 0 0 0;
}
.contenutoD .contatti_mappa p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
margin:0;
padding:5px 0 5px 0;
line-height:20px;
}
.contenutoD .contatti_mappa p.dati{
font-weight:bold;
font-size:13px;
}
/*---------------------------------------------- news ----------------------------------------*/
.contenutoD .pag_news{
float:left;
width:425px;
height:200px;
border-bottom:1px dotted #CCCCCC;
margin:10px 12px 10px 8px;
}

.contenutoD .ultime{
border-bottom:0;
}
.img_news{
float:left;
width:200px;
padding:5px;
border:0;
margin:0;

}
.txt_news{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:197px;
font-weight:bold;
}
.pag_news .txt_news .data{
width:195px;
font-size:10px;
color:#FFCC00;
}
.pag_news .txt_news .data a{
color:#666666;
text-decoration:none;
}
.pag_news .txt_news .titolo{
width:195px;
font-size:12px;
color:#FFFFFF;
text-transform:uppercase;
margin:2px 0 5px 0;
}
.pag_news .txt_news .titolo a{
width:195px;
font-size:12px;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
}
.pag_news .txt_news .testo{
font-size:12px;
color:#CCCCCC;
line-height:18px;
width:200px;
font-weight:normal;
text-align:justify;
}
.titolo a{
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
}
.testo a{
color:#666666;

text-decoration:none;
}




#num_pagina{
float:left;
vertical-align:middle; 
border-color:#999999;  
border-style:solid; 
border-width:1px; 
margin-right:5px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#3399FF;
padding:7px;
width:auto;
}

#pag_corrente{
float:left;
vertical-align:middle; 
border-color:#999999; 
border-style:solid; 
border-width:1px; 
margin-right:5px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#000;
padding:7px;
width:auto;
background-color:#E5E5E5;
font-weight:600;
}

#paginazione{
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-size:9px; 
width:100px: height:20px; 
margin-top:10px;
text-decoration:none;
float:right;
}

#num_pagina a{
text-decoration:none;
color:#fff;
display:block;



}
#num_pagina a:hover{
font-weight:bold;
color:#FF0000;

}

.news_link a:hover{
background-color:#66FF00;}