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

}
ul li {
list-style:none;

}

/*----MAIN PANEL----*/
#mainPan {
width:778px; 
position:relative; 
margin:0 auto;
}
/*----TOP PANEL----*/
#topPan {
width:778px; 
height:100px; 
background:url(images/topbg.jpg) 0 0 no-repeat #fff; 
color:#828282; 
position:relative; 
margin:0 auto;
}
#topPan img.logo {
width:200px; 
height:81px;
position:absolute; 
top:0px; 
left:235px;
}
#topPan p.caption {
width:300px; 
background:#fff; 
color:#828282; 
position:absolute; 
top:83px; 
left:250px;
}
/*ripeto la topPan p.caption con topPan h1.caption*/
#topPan h1.caption {
width:300px; 
background:#fff; 
color:#828282; 
position:absolute; 
top:79px; 
left:272px;
font-style:normal;
}
#topcontactPan {
width:181px; 
height:36px; 
background:url(images/icon1.jpg) 68px 0px no-repeat; 
position:absolute; 
top:11px; 
left:567px; 
padding:7px 0 0;
}
#topcontactPan p.callus { 
width:63px; 
height:17px; 
display:block; 
background:#DDC40C; 
color:#fff; 
font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-transform:uppercase; 
text-align:center;
}
#topcontactPan p.tollfree {
width:63px; 
height:20px; 
display:block; 
background:#fff; 
color:#333333; 
font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-transform:uppercase; 
text-align:center;
}
#topcontactPan p.phoneno {
width:88px; 
height:28px; 
display:block; 
position:absolute; 
top:7px; left:91px; 
background:#fff; 
color:#333333; 
border:1px solid #A2C1C0; 
font-size:11px; 
line-height:14px; 
text-align:center;
}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan {
width:786px; 
height:153px; 
background:url(images/header_.jpg) 0 0 no-repeat; 
position:relative; 
margin:0 auto; 
padding:11px 0 0 82px;
}
#headerPan ul.leftmenu {
width:97px;
}
#headerPan ul.leftmenu li {
width:97px; 
height:22px; 
border-bottom:1px dashed #AECCCA;
}
#headerPan ul.leftmenu li a {
width:92px; 
height:22px; 
display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #fff; 
color:#333333; 
line-height:21px; 
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:#333333; 
line-height:21px; 
text-decoration:none; 
padding:0 0 0 15px;
}
/*................Vedere se togliere questa parte solutons.................*/
#headerPan ul.leftmenu li.Solutions {
width:97px; 
height:22px; 
display:block; 
background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; 
color:#333333; 
line-height:22px; 
text-decoration:none; 
padding:0 0 0 15px;
}
#headerPan ul.leftmenu li.clients {
width:87px; height:22px; 
border-bottom:none;
}

#headerPan ul.botton {
width:150px; 
height:45px; 
position:absolute; 
top:35px; 
left:718px;
}
#headerPan ul.botton li {
float:left; 
height:45px; 
}
#headerPan ul.botton li.home a{ 
width:42px; 
height:25px; 
display:block; 
background:url(images/home-normal.gif) 0 0 no-repeat; 
text-indent:-200000px; 
margin:0 12px 0 0;
}
#headerPan ul.botton li.home a:hover {
background:url(images/home-hover.gif) 0 0 no-repeat;
}
#headerPan ul.botton li.contact a { 
width:42px; 
height:25px; 
display:block; 
background:url(images/contatti-normal.gif) 0 0 no-repeat; 
text-indent:-200000px; 
margin:0px;}
#headerPan ul.botton li.contact a:hover {
background:url(images/contatti-hover.gif) 0 0 no-repeat;
}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan {
width:786px; 
background:url(images/bodybg.gif) 0 0 no-repeat; 
position:relative; 
margin:0 auto; 
padding:22px 0 0 92px;
}
/*----Body Left Panel----*/
#leftPan {
width:114px; 
float:left;
}
#leftPan h2 {
width:114px; 
height:34px; 
background:#fff; 
color:#333333; 
font-size:18px; 
line-height:34px;
}
#leftPan ul { 
width:114px;
}
#leftPan ul li {
width:114px; 
height:24px;
}
#leftPan ul li a { 
width:102px; 
height:24px; 
display:block; 
background:url(images/posizionamento-siti.gif) 0 10px no-repeat #fff; 
color:#333333; 
text-decoration:none; 
line-height:24px; 
padding:0 0 0 12px;
}
#leftPan ul li a:hover {
background:url(images/posizionamento-siti-hover.gif) 0 10px no-repeat #fff; 
color:#333333; 
text-decoration:none;
}
#leftPan ul li span{text-decoration:underline;}
/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan {
width:611px; 
float:left; 
height: auto;
border-left:1px solid #d0cece; 
margin:28px 0 0; 
padding:0 30px;
}
#rightPan p {
padding:0 0 10px 0;
text-align:justify;
float:left;
}
#rightPan ul li{
list-style: disc;
margin-left: 15px;
list-style:none;
}
#rightPan p img {
padding-right: 6px;
}
#rightPan p a {
color: #333333;
}
#rightPan p a:visited {
color: #333333;
}
#rightPan p.more {
width:611px; 
height:25px; 
float:left; 
background:url(images/web-marketing.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:#333333; 
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:#d82528; 
text-decoration:none;
}
#rightPan h2 {
width:96px; 
height:77px; 
float:left; 
display:block; 
background:url(images/hype-macchia.jpg) 8px 28px no-repeat #d9d7d8; 
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.services {
width:192px; 
height:114px; 
float:left; 
border:1px solid #d9d7d8; 
background:#fff; 
color:#333333; 
padding:7px 0 0 25px;
}

#rightPan ul.services li.captionone {
background:#fff; 
color:#333333; 
font-size:12px; 
font-weight:bold; 
text-decoration:none;
}
#rightPan ul.services li {
width:137px; 
height:20px;
}
#rightPan ul.services li a {
width:125px; height:20px; 
display:block; 
background:url(images/primimotoriricerca.gif) 0 7px no-repeat #fff; 
color:#333333; 
text-decoration:none; 
line-height:20px; 
padding:0 0 0 12px;
}
#rightPan ul.services li a:hover {
background:url(images/primimotoriricerca-hover.gif) 0 7px no-repeat #fff; 
color:#333333; 
text-decoration:none;
}
#rightPan ul.servicestwo {
width:192px; 
height:114px; 
float:left; 
border-bottom:1px solid #d9d7d8; 
border-top:1px solid #d9d7d8;  
border-right:1px solid #d9d7d8;
background:#fff; 
color:#333333; 
padding:7px 0 0 25px;
}
#rightPan ul.servicestwo li.captiontwo {
background:#fff; 
color:#333333; 
font-size:12px; 
font-weight:bold; 
text-decoration:none;
}
#rightPan ul.servicestwo li{width:137px; height:20px;}
#rightPan ul.servicestwo li a {
width:125px; 
height:20px; 
display:block; 
background:url(images/primimotoriricerca.gif) 0 7px no-repeat #fff; 
color:#333333; 
text-decoration:none; 
line-height:20px; 
padding:0 0 0 12px;
}
#rightPan ul.servicestwo li a:hover {
background:url(images/primimotoriricerca-hover.gif) 0 7px no-repeat #fff; 
color:#333333; 
text-decoration:none;
}
#rightPan h4 {
width:96px; 
height:77px; 
float:left; 
display:block; 
background:url(images/hype-macchia.jpg) 8px 28px no-repeat #d9d7d8; 
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:411px; 
height:114px; 
float:left; 
border:1px solid #d9d7d8; 
background:#fff; 
color:#333333; 
padding:7px 0 0 25px;
}
#rightPan ul.events li.captionthree {
background:#fff; 
color:#333333; 
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/primimotoriricerca.gif) 0 7px no-repeat #fff; 
color:#333333; 
text-decoration:underline; 
line-height:20px; 
padding:0 0 0 12px;
}
#rightPan ul.events li a:hover{background:url(images/primimotoriricerca-hover.gif) 0 7px no-repeat #fff; color:#333333; text-decoration:underline;}
#rightPan .paragrafoPortfolio {width: 195px; height: 180px; float:left;}
/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan {
height:103px; 
background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; 
color:#333333; 
font:13px/20px Verdana, Arial, Helvetica, sans-serif; 
position:relative; 
margin:0 auto;
clear:both; 
padding:36px 0 0;
}
#footerPan {
width:778px; 
position:relative; 
margin:0 auto;
padding-left: 220px !important;
padding-left: 110px;
}
#footerPan ul {
width:708px; 
height:20px; 
position:relative; 
/*left:80px;*/
/*margin:0 auto;*/
margin-left:auto;
margin-right:auto;
}
#footerPan li {
float:left; 
}
#footerPan ul li a {
padding:0 10px 0; 
color:#333333; 
/*background:#ecebeb; */
text-decoration:none; 
font-size:13px;
}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright {
width:250px; 
margin:10px 0 0 92px;
}
#footerPan p.copyright a:link {
color:#585757;
}
#footerPan p.copyright a:hover {
color:#d92629;
}
#footerPan p.copyright a:visited {
color:#585757;
}
#footerPan ul.templateworld {
width:250px; 
background:#d0cece; 
color:#333333; 
display:block; 
font-size:10px; 
position:absolute; 
top:49px; 
left:92px;}
#footerPan ul.templateworld li {
height:20px;
}
#footerPan ul.templateworld li a {
background:#d0cece; 
display:block; color:#333333; 
text-decoration:none; 
padding:0px; 
font-size:10px;
}
#footerPan ul.templateworld li a:hover {
text-decoration:underline;
}
#footerPanhtml {
width:70px; 
height:24px; 
display:block; 
position:absolute; 
top:35px; 
left:549px;
}
#footerPanhtml a {
width:64px; 
height:24px; 
display:block; 
background:url(images/html-normal.gif) 0 0 no-repeat #D3F0F0; 
color:#fff; 
font-size:11px; 
line-height:23px; 
font-weight:bold; 
text-decoration:none;
text-transform:uppercase; 
padding:0 0 0 7px;
}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff;}
#footerPancss {
width:58px; 
height:24px; 
display:block; 
position:absolute; 
top:35px; 
left:624px;
}
#footerPancss a {
width:49px; 
height:24px; 
display:block; 
background:url(images/css-normal.gif) 0 0 no-repeat #D3F0F0; 
color:#fff; 
font-size:11px; 
line-height:24px; 
font-weight:bold; 
text-decoration:none; 
text-transform:uppercase;
padding:0 0 0 10px;
 }
#footerPancss a:hover {
background:url(images/css-hover.gif) 0 0 no-repeat #D3F0F0;
overflow: hidden; 
color:#fff; 
text-decoration:none;
}
/*----/FOOTER PANEL----*/