/* CSS Document */

/* -------------------------ELEMENTO BODY------------------------------------*/
body{
width:100%;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: url(../immagini/testblastnew.jpg) no-repeat;
}

#home{
background:url(../immagini/homeblasnew.jpg) no-repeat;
}

html>body{
width:100%;
height:100%;
}

a img{
border:none;
}
/* --------------------------ELEMENTI PARAGRAFO P-----------------------------------*/
p{
font-size:0.8EM;
}


/* ----------------------------TESTATA---------------------------------*/
#testa{
position:absolute;
width:100%;
height:30%;
top:0;
left:0;
margin:0 0 2px 0;
padding:0;
}

html>#testa{
width:100%;
height:30%;
top:0;
left:0;
margin:0 0 2px 0;
padding:0;
}
/* --------------------------MENU ORIZZONTALE DELLA TESTATA---------------------------*/

#menuor{
position:absolute;
top:100px;
left:570px;
background-color:transparent;
margin:0;
padding:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

#menuor li{
display:inline;
}

.home #menuor.hide{
position:absolute;
top:100px;
left:560px;
background-color:transparent;
margin:0;
padding:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

#menuor a{
text-decoration:underline;
margin:0;
padding:0 1em;
border-left:6px solid #f3472b;
border-bottom:2px solid #f3472b;
font-size:0.8em;
white-space:nowrap;
}


#menuor a:link, #menuor a:visited{
background-color:#0065b5;
color: #fff;
}

#menuor a:hover,#menuor a:focus,#menuor a:active{
background-color: #fff;
color:#009;
}
/*---------------formattazione link pagina attiva------------------*/

.attivo{
background-color: #660000;
color: #FFFFFF;
border:none;
text-decoration:none;
font-weight:bold;
font-size:small;
margin-right:6px;
}
/* ------------------------CORPO DELLA PAGINA-------------------------------------*/
#corpo {
position:absolute;
top:20%;
left:0;
width:100%;
height:90%;
padding:0;
text-align:left;
}

html>body #corpo{
position:absolute;
top:30%;
}


/* -------------------------menu sinistro----------------------------------*/

#menuleft{
width:20%;
left:5px;
margin:0;
padding:0 ;
list-style:none;
font-size:small;
}

html>body #menuleft{
width:20%;
margin:0;
padding:0;
list-style:none;
}

#menuleft a{
display:block;
text-decoration:none;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:1px 0;
padding:3px 5px;
background:transparent;
color:#009;
font-size:0.9em;
list-style:none;
}

* html #menuleft a{
height:0;
}

* html #menuleft li{
display:inline;
}

#menuleft li{
position:relative;
background-color: transparent;
color:#fff;
list-style:none;
}

#menuleft a:link,#menuleft a:visited{
background:#0065b5;
color: #fff;
list-style:none;
}

#menuleft a:hover,#menuleft a:focus,#menuleft a:active{
background-color:#fff;
color:#006;
list-style:none;
}
#menuleft li.attivato{
display:block;
background:url(../immagini/pulse.jpg) no-repeat;
color:#000099;
list-style:none;
padding-left:10px;
}

#menuleft li.attivatouno{
display:block;
background:url(../immagini/pulse1.jpg) no-repeat;
color:#000099;
list-style:none;
padding-left:10px;
}

/*-----------------------CONTENUTO DELLA PAGINA--------------------------------*/

#content{
position:absolute;
width:600px;
left:300px;
top:0;
padding:20px 50px 20px 30px;
background-color:transprent;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:normal;
color: #000066;
}

#content.offerte{
position:absolute;
left:250px;
top:10px;
padding:20px 50px 20px 10px;
background-color:transprent;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #000066;
}

html>#content{
float:right;
margin:30px 0 0 0;
padding:20px 50px 20px 10px;
background-color:transprent;
}

#content p{
width:90%;
padding:5px;
text-align:left;
font-size: 1em;
margin:0;
}

#content a{
font-size:small;
}

#content h1{
float:left;
font-size:small;
color: #000066;
}

#content p a:link, #content p a:visited{
float:left;
color:#000066;
font-size:small;
}

#content img.map{
padding:0 0 0 20px;
margin:0 0 0 30px;
}

#content .indie{
padding:0 0 30px 0;
}
/* -------------------------PIEDE DI PAGINA------------------------------------*/

#menuleft #pie p{
margin:0 0 0 40px;
color:#000033;
width:100%;
bottom:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
}

#menuleft #pie p a{
color:#000099;
background:none;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
border:none;
text-decoration:underline;
}

#dett{
display:block;
float:left;
left:0;
}
#detta{
display:block;
float:right;
left:0;
}

#immag{
display:inline;
float:left;
padding:10px;
margin:10px;
}

ul.griglia{
margin:0;
padding:0;
width:600px;
list-style:none;
}

ul.griglia.li{
font-weight:bold;
display:block;
clear:left;
margin:0;
padding:0;
list-style:none;
border-bottom:1px solid #000;
}

ul.griglia ul{
margin:0;
padding:0;
}

ul.griglia ul li{
font-weight:normal;
float:left;
width:190px;
margin-right:10px;
clear:none;
}

h1{
display:inline;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:5px;
padding:5px;
}

p.cont {
display:inline;
clear:both;
float:left;
top:100px;
margin-top:10px;
padding-top:10px;
left:-20px;
text-align:left;
}

thead{
background: #ffc;
color:#000;
}
caption{
text-align:left;
font-weight:bold;
text-transform:uppercase;
}

table{
border-collapse:collapse;
}
td, th{
border:1px solid #000066;
padding: 0.3em 0.7em;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#codice{
font-weight:bold;
}

#prezzo{
font-weight:bold;
font-size:0.9em;
}

#ban{
font-size:smaller;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
background-color:#990000;
list-style:none;
padding:0;
margin:0;
border:1px solid #000000;
}

#ban li{
border:1px solid #990000;
margin:0 1px 1px 1px;
background-color:#FFFF33;
}

#quadro{
clear:both;
display:block;
padding:10px;
margin-bottom:10px;
background-color:#fff;

}

#content a.indietro{
font-size:x-small;
display:block;
width:60px;
margin-top:60px;
color:#fff;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
}

#content a.indietro1{
font-size:x-small;
display:block;
width:60px;
color:#FFFFFF;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:0;
}

#content a.indietro1:visited{
font-size:x-small;
display:block;
width:60px;
color:#FFFFFF;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:0;
}

#content a.indietro1:hover{
font-size:x-small;
display:block;
width:60px;
color:#FFFFFF;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:0;
}

#content a.indietro1:active{
font-size:x-small;
display:block;
width:60px;
color:#FFFFFF;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:0;
}

#content a.indietro2{
font-size:x-small;
display:block;
width:160px;
color:#FFFFFF;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:0;
}

#content a.indietro2:visited{
font-size:x-small;
display:block;
width:160px;
color:#FFFFFF;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:0;
}


#quadro #title{
font-size:smaller;
background-color:transparent;
color:#FFCC00;
}

#logo{
margin-left:-800px;
}

#pieuno{
margin-left:-800px;
}

#lista{
position:relative;
left:10px;
top:150px;
margin:0;
padding:0;
}


#dettaglio1{
margin:0;
padding:0;
}

#dettaglio1 ul li.prezzi{
float:right;
right:0;
width:75px;
}

#dettaglio1 ul li.descript{
float:left;
left:10px;
width:600px;
}

#dettaglio2{
margin:20px 0 0 0 ;
padding:0;
}

#dettaglio2 ul li.prezzi{
float:right;
right:0;
width:75px;
}

#dettaglio2 ul li.descript{
float:left;
left:10px;
width:600px;
}

#dettaglio3{
margin:20px 0 0 0 ;
padding:0;
}

#dettaglio3 ul li.prezzi{
float:right;
right:0;
width:75px;
}

#dettaglio3 ul li.descript{
float:left;
left:10px;
width:600px;
}

#dettaglio4{
margin:20px 0 0 0 ;
padding:0;
}

#dettaglio4 ul li.prezzi{
float:right;
right:0;
width:75px;
}

#dettaglio4 ul li.descript{
float:left;
left:10px;
width:600px;
}

#dettaglio5{
margin:20px 0 0 0 ;
padding:0;
}

#dettaglio5 ul li.prezzi{
float:right;
right:0;
width:75px;
}

#dettaglio5 ul li.descript{
float:left;
left:10px;
width:600px;
}

h2{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000066;
margin:0;
padding:0;
}

h3{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000066;
padding:20px 0 5px 0;
margin:0;
text-decoration:underline;
}

h4{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000066;
padding:0 0 10px 0;
margin:0;
}

#content h1.indietro1{
font-size: 12px;
display:block;
width:500px;
color:#FFFFFF;
padding-top:1px;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
margin:5px 100px 5px 5px;
}

#content p {
	text-align: justify;
}
.costa{
position:absolute;
right:150px;
top:100px;
}



img.costa_img{
padding:0 0 0 20px;
margin:2px;
}

p img.gruppo {
margin:-80px 0 0 25px;
padding:0 0 20px 0 ;
}

ul.link{
list-style:none;
}

ul.link li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background:#0065b5;
border-bottom:2px solid #f3472b;
border-left:8px solid #f3472b;
text-decoration:none;
}

ul.link li{
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

.form{
	font-size:0.9EM; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0 0 15px 0 ;
}


/* ****************************************/
div#AreaMappa{
	text-align: left;
	left: 15px;
	width: 500px;
	height: 450px;
	margin-bottom: 50px;
	
}


div#map{
	top: -20px;
	left: 20px;
	width: 600px;
	height: 480px;
	border: 5px solid #0075E6;
}

div#pulsantimappa{ margin : -10px  0 0 210px;height: 30px; text-align: center;}


div#pulsantimappa a{
	color: White;
	font-size: 11px;
	padding: 12px 0 0 0px;
	float: left;
	width: 100px;
	height: 30px;
	background-image: url(../immagini/button.png);
	background-position: top;
	background-repeat: no-repeat;
	text-decoration: none;
}