/* CSS Document */
body{padding:0px; margin:0px; background:url(images/main-bg.gif) 0 0 repeat-x #fff; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

/*----MAIN PANEL----*/
#mainPan{width:778px; position:relative; margin:0 auto;}

/*----TOP PANEL----*/
#topPan{width:778px; height:65px; background:url(images/topbg.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
#topPan p.logo{width:336px; position:absolute; top:15px; left:235px; line-height: 30px; height:30px; font-family: Verdana;}
#topPan a{font-size: 32px; color: #019985; text-decoration: none;}
#topPan a:hover{font-size: 32px; color: #019985; text-decoration: none;}
#topPan p.caption{background:#fff; color:#828282; position:absolute; top:43px; left:235px;}
#topcontactPan{width:181px; height:36px; background:url(images/icon1.jpg) 68px 0px no-repeat; position:absolute; top:11px; left:567px; padding:7px 0 0;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{width:686px; height:183px; background:url(images/header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:0px 0 0 40px;}

#headerPan ul.leftmenu{width:150px;}
#headerPan ul.leftmenu li{width:150px; height:22px; border-bottom:1px dashed #AECCCA;}
#headerPan ul.leftmenu li a{width:143px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.clients{width:150px; height:22px; border-bottom:none;}

#headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:150px;}
#headerPan ul.botton li{float:left; height:45px;}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:686px; position:relative; margin:0 auto; padding:0px 0 0 40px;}

/*----Body Left Panel----*/
#leftPan{width:155px; float:left; }
#leftPan h2{height:34px; background:#fff; color:#5F7A77; font-size:18px; line-height:34px; text-align: center; border:1px solid #C8E8E2;}

#leftPan ul{width:150px;}
#leftPan ul li{width:150px; height:24px;}
#leftPan ul li a{width:143px; height:24px; display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
#leftPan ul li a.sottocategoria{width:143px; height:24px; display:block; background:url(images/bullet3-normal.gif) 0 10px no-repeat #FFFFFF; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px; font-size: 10px;}
#leftPan ul li a.sottocategoria:hover{background:url(images/bullet3-hover.gif) 0 10px no-repeat #FFFFF; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}
/*----/Body Left Panel----*/

/*----Body Right Panel----*/
#rightPan{width:511px; float:left; margin:0px 0 0; padding:0 10px;}
#rightPan p{padding:0 0 10px 0; text-align: justify;}
#rightPan p.more{width:502px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}

#rightPan h2{width:76px; height:77px; float:left; display:block; background:url(images/tessuto.jpg) no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}

#sottohome {height: 140px; border:1px solid #B1DED5; margin: 0px; padding: 10px; background:url(images/tessuto.jpg) no-repeat #FFFFFF;}

#rightPan ul.services{width:137px; height:130px; float:right; background:#fff; color:#5F7A77; padding:0px;}

#rightPan ul.services li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.services li{width:137px; height:20px;}
#rightPan ul.services li a{width:135px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 10px;}
#rightPan ul.services li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#rightPan ul.servicestwo{width:147px; height:130px; float:right; background:#fff; color:#5F7A77; padding:0px; margin-right: 20px;}

#rightPan ul.servicestwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.servicestwo li{width:147px; height:20px;}
#rightPan ul.servicestwo li a{width:140px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 10px;}
#rightPan ul.servicestwo li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

#rightPan ul.events{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li{width:305px; height:20px;}
#rightPan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:103px; background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
#footerPan{width:778px; position:relative; margin:0 auto;}

#footerPan ul{width:608px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{margin:10px 0 0 92px;}

#footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
/*----/FOOTER PANEL----*/

.click-menu {
    width: 130px;
}
.click-menu .box1 {
    position: relative;
}
.click-menu .box1-hover {
    position: relative;
}
.click-menu .box1-open {
    position: relative;
}
.click-menu .box1-open-hover {
    position: relative;
}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute;
    top: 0px;
    right: 0px;
}
.click-menu .section {
    display: none;
}
.click-menu .section a {
    white-space: nowrap;
}
.click-menu .section a:hover {
    white-space: nowrap;
}
.click-menu .box2 {
}
.click-menu .box2-hover {
}
.click-menu .section .active, .click-menu .section .active:hover {
}

#prodotto {
width:240px;
float: left;
display: inline-block;
height: 20px;
line-height: 20px;
border:1px solid #2F5958;
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
}

#prodotto a{
color: #2F5958;
text-decoration: none;
width:240px;
display: inline-block;
font-weight: bold;
}

#prodotto a:hover{
color: #FFFFFF;
text-decoration: none;
width:240px;
display: inline-block;
background-color: #2F5958;
font-weight: bold;
}

#galleria {
text-decoration: none;
float: left;
display: inline-block;
margin-left: 10px;
margin-bottom: 10px;
}

#ricerca {
background:#fff;
color:#5F7A77;
text-align: center;
border:1px solid #C8E8E2;
}

#shopping {
background:#fff;
color:#5F7A77;
font-size: 10px;
line-height: 12px;
text-align: left;
border:1px solid #C8E8E2;
}