/* nextFrame.it ©2008 realizzato da nextFrame Studio */

html,body {
margin: 0;
padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-image:url(img/bg_body_pocket.gif);
background-repeat:repeat-x;
background-position:top;
}

body img {
border:none;
}
div#container{/*nessuna regola necessaria*/
}

/*stili generici, su header e footer*/
div#header {
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(img/header_pocket.jpg);
background-repeat:no-repeat;
}

h1,h2 {
margin: 0;
padding:0;
}

h1 {
padding-left:10px;
font: bold 2.3em/80px arial,sans-serif;
}

h2 {
color: #69f;
font-size: 1.5em;
}

/*stili specifici per il layout*/
#navigation {
float: left;
width: 160px;\width:170px;\width:160px;
padding: 1em 0 0 10px;
margin:0px 0px 0px 0px;
background-image:url(img/bg_top.gif);
background-repeat:repeat-x;
background-position:top;
}

#extra {
float: right; 
width: 160px;\width:170px;w\idth:160px;
padding: 1em 5px;
}

/*stili per la sezione extra*/
#extra .newsbox {
font-size: 90%;
margin-bottom: 2em;
}

#extra .newsbox h2 {
color: #999;
font-size: 1.2em;
}

#extra .newsbox p {
margin: 0;
}


/*-------------------NEWS------------------*/
.Scatenante { font-weight:bold;  height:20px; border:1px solid #CCCCCC; background-image:url(img/bg_news.gif); background-repeat:no-repeat;
} 
.Scatenante a:link, .Scatenante a:visited {   height:20px; font-size:12px; color:#000000; text-decoration:none; padding:5px; }
.Scatenante a:hover {   height:20px; font-size:12px; color:#333333;  text-decoration:none; padding:5px; }

.news {
width: 97%;
padding:10px 10px;
margin:0 auto;
text-align:left;
background-color:#FFFFCC;
}

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

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100px; /* Width of Menu Items */
}
	
.suckerdiv ul li{
position: relative;
padding: 2px 2px;
border-bottom:1px solid #1f7489;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 100px; /*sub menu width*/
top: 0;
visibility: hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
border:1px solid #1f7489;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#000000;
text-decoration: none;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color:#FF0000;
text-decoration:underline;
}

.suckerdiv .subfolderstyle{
background: url(img/arrow_5.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/*--------------------------------CONTENUTI--------------------------------*/

.contenuti {
margin: 0 0 0 100px;
padding: 5px 10px;
border-left:1px solid #1f7489; 
}

.contenuti:after {
display: block; 
visibility: hidden;
content: "."; 
height:0; 
clear:both;
}

.contenuti  p{
padding:2px;
margin:0px;
}

.contenuti a:link, .contenuti a:visited, .contenuti a:hover { 
color:#000000;
 text-decoration:underline;
}

.contenuti  table{
vertical-align:top;
}

.contenuti  h5{
padding:5px;
margin:0px;
}

.title {
font-size:24px;
}

.title_p {
font-size:18px;
color:#666666;
margin:10px 0px 10px 0px;
}

.contenuti_sx {
width:50%;
float:left;
margin:0px auto;
}

.contenuti_dx {
width:50%;
float:right;
margin:0px auto;
}

.contenuti_sx_home {
width:300px;
float:left;
margin:0px auto;
}

.contenuti_sx_home a:link, .contenuti_sx_home a:visited, .contenuti_sx_home a:hover{
text-decoration:none;
}

.lavori_sx_home {
width:200px;
float:left;
margin:10px;
}

.dettagli_title {
padding:0px; 
margin-top:10px;
clear:both;
}

.dettagli_title:after {
display: block; 
visibility: hidden;
content: "."; 
height:0; 
clear:both;
}

.testo_sx {
width:220px; 
float:left; 
padding:0px; 
margin:2px;
}

.video_nexthome {
width:350px; 
float:right; 
padding:0px; 
margin:2px;
}

.subtitle {
}

.descrizione {
padding:0px; 
margin-top:10px;
}

.descrizione:after {
display: block; 
visibility: hidden;
content: "."; 
height:0; 
clear:both;
}

.nextbox {
padding:0px; 
margin-top:10px;
clear:both;
}

.nextbox:after {
display: block; 
visibility: hidden;
content: "."; 
height:0; 
clear:both;
}

.dettagli_subtitle {
width:100%;
font-size:18px; 
height:34px; 
background-image:url(img/sfondo_dettagli_title.jpg); 
color:#666666; 
background-repeat:repeat-x;
float:left; 
text-align:left;  
margin:0px; 
padding:3px;
}

.dettagli_subimg {
float:left; 
margin:0px;
padding:0px;
clear:both;
}

.dettagli_subimg img{
border:none;
}

.testo_descrizione {
width:82%;
float:right; 
vertical-align:top; 
text-align:left; 
padding:0px; 
margin:0px;
}

.tab_clienti {
width:100%;
margin:0px auto;
padding:0px;
text-align:center;
font-size:10px;
}

.tab_title {
width:200px;
font-size:14px;
height:30px;
background-color:#FFFFCC;
}

.cliente {
margin:10px;
}
/*--------------------------------PRODOTTI--------------------------------*/

.scheda_prodotto_sx {
width:450px;
height:350px;
float:left;
margin:0px auto;
padding:0px;
}

.scheda_prodotto_dx {
margin: 0 0 0 450px;
padding: 5px 10px; 
background-color:#0099CC;
margin-top:7px;
font-size:18px;
color:#FFFFFF;
background-image:url(img/bg_nexthome.gif);
background-repeat:repeat-x;
}

.scatolina {
width:90px;
float:left;
margin:0px auto;
padding:0px;
}

.testo_prodotto_dx {
margin: 0 0 0 90px;
padding: 1em 10px; 
color:#FFFFFF;
}

/*--------------------------------FOOTER--------------------------------*/

.footer {
clear:both; 
text-align:center; 
padding: 5px 0;
color: #FFFFFF;
background-image:url(img/bg_footer.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#054a5d;
font-size:10px;
}


.footer a, .footer a:hover, .footer a:visited {
color:#FFFFFF;
text-decoration:underline;
}


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}