/* CSS Document */
body {
background: url(img/sfondo_top.jpg) top center no-repeat #fff;
font-size:13px;
color:#424242;
font-family:Arial, Helvetica, sans-serif;
}
      .dogvdvbdy {
            width:300px;
            background:#FFFFFF;
            border-left:1px solid #C4D5E3;
            border-right:1px solid #C4D5E3;
            border-bottom:1px solid #C4D5E3;
            padding:10px;
         }
		.dogvdvhdr {
            width:300px;
            background:#C4D5E3;
            border:1px solid #C4D5E3;
            font-weight:bold;
            padding:10px;
         }
.txt {
font-size:12px;
color:#424242;
font-family:Arial, Helvetica, sans-serif;
}
a.opacity:hover img {
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}
a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.content {
width:950px; margin:0 auto;
}

.content li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
	margin-left:20px;
	margin-right:20px;
}
.content a img {
	padding-top:7px;
	display: block;
	color: #000000;
}
.content li em {
	background: url(img/hover.png) no-repeat;
	width: 180px;
	height: 105px;
	position: absolute;
	top: -115px;
	left: -5px;
	text-align: center;
	padding: 10px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	font-size:11px;
	
}

/*.popup {
    margin: 100px auto;
    padding: 0;
    width: 100px;
    position: relative;
}

li.popup em {
    background: url(bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#icon {
    width: 188px;
    height: 143px;
    background: url(icon.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}
#icon2 {
    width: 188px;
    height: 143px;
    background: url(icon.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}
#icon3 {
    width: 188px;
    height: 143px;
    background: url(icon.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}	*/  
.testo{
font-size:13px;
color:#2a1406;
font-family:Arial, Helvetica, sans-serif;
}
.button{
background: #2a1406;
padding:5px;
color:#fdfae0;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #fdfae0;
}
.button:hover{
background: #fdfae0;
color:#2a1406;
border:1px solid #2a1406;
}
.act{
color:#e85e12; font-weight:bold;
}
#logo {
position:relative; top:0; left:0;
width:950px; margin:0 auto;
}
#link{
position:relative; top:0; left:0;
width:950px; margin:0 auto;
border-top:1px solid #6d6d6f;
border-bottom:1px solid #6d6d6f;
}
#link ul {
text-align:right;
padding:4px;
}
#link ul li{
display:inline; padding-left:21px;
}
#link ul li a{
color:#00558d; text-decoration:none;
}
#link ul li a:hover{
color:#e85e12; font-weight:bold;
}
#promo{
position:relative; top:0; left:0;
width:950px; margin:0 auto;
}
#aziende {
width:100%; 
background:url(img/sfondo_middle.jpg) repeat-x;
height:224px;
}
#aziende h1{
color:#ea6632;
border-bottom:1px solid #ea6632; font-size:21px;
}

#aziende h2{
color:#00558d;
font-size:18px;
}
#aziende #web{
padding-top:15px;
float:left;
width:188px;
}
#aziende #grafica{
padding-top:15px;
padding-left:110px; line-height:18px;
float:left;
width:188px;
}
#aziende #computer{
padding-top:15px;
padding-left:110px; line-height:18px;
float:left;
width:188px;
}
#bottom {
float:left; 
width:100%; 
background:url(img/sfondo_bottom.jpg) repeat-x #bbc9ca;
}

#bottom  h1 {
color:#ea6632; font-size:21px; 
width:950px; margin:0 auto;
z-index:100000;
/*padding-top:20px;*/
}


#bottom  #testo {
width:950px; margin:0 auto;
z-index:100000;
line-height:21px;
padding-bottom:20px;
margin-bottom:20px;
}
#bottom  #testo  table td{
margin:4px;
padding:4px;
}
#bottom  #testo  a{
color:#424242;
}
#bottom  #testo h2{
font-size:17px;
font-weight:bold;
color:#00558c;
}
#bottom  #testo  table img{
margin:4px;
padding:4px;
border:1px solid #999;
}
#bottom  #testo  a:hover{
text-decoration:none;
color:#ea6632;
}

#bottom  #testo  h1 a{
text-decoration:none;
color:#ea6632;
}

#bottom  #testo ul li{
background:url(img/freccina.gif) left center no-repeat;
padding-left:20px;
margin-left:300px;
}
#bottom .servizi{
width:30%; float:left; 
margin-left:3%;
padding-bottom:20px;
margin-bottom:20px;
}
#bottom .dett_portfolio{
width:180px; float:left; 
margin-right:10px;
padding-top:10px;
padding-bottom:10px;
text-align:center;

}
#bottom .dett_portfolio h3{
padding-top:6px;
padding-bottom:6px;
font-size:14px;
color:#00558d;
}
#bottom .dett_portfolio img{
padding:1px;
border:1px solid #999;
}
a.opacity:hover img {
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}
a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#bottom #applicazioni {
width:950px; margin:0 auto;
}
#bottom #applicazioni h1{
float:left; 
color:#00558c; font-size:21px; 
width:100%;
}
#bottom #applicazioni table{
float:left; 
width:100%; margin-left:0px;
width:100%; margin-top:15px;
padding:3px;
}
#bottom #applicazioni table tr td {
padding-bottom:13px;
}

#bottom #applicazioni #box_blu{
float:left; 
width:1000px; margin-left:-50px;
background:#00558c;
padding:3px;
}
#bottom #applicazioni  #box_blu table td{
margin:4px;
padding:4px;
}
#bottom #applicazioni #box_blu h2{
font-size:13px;
font-weight:bold;
}
.web_2{
background:#dde7e8;
border-top:1px dashed #b7c8cd;
border:1px dashed #b7c8cd;
font-size:16px; font-weight:bold;
padding:7px;
margin:7px;
}
.web{
background:#dde7e8;
border-top:1px dashed #b7c8cd;
border:1px dashed #b7c8cd;
font-size:10px;
padding:7px;
margin:7px;
}
.applicazioni{
background:url(img/back_applicazioni.jpg) repeat-x #dde7e8;
border:6px solid #00558c;
font-size:10px;
}
.button{
background:#00558c;
border:1px solid #dde7e8;
padding:4px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
text-decoration:none; 
}
.button:hover{
background:#dde7e8;
border:1px solid #00558c;
}
#bottom #end {
width:950px; margin:0 auto;
}
#bottom #end ul {
float:left; width:100%;
text-align:right;
margin-top:15px;
margin-bottom:15px;
border-bottom:1px solid #6d6d6f;
}
#bottom #end ul li {
display:inline;
padding:4px;
}
#bottom #end ul li  a{
color:#00558c;
text-decoration:none;
font-size:11px;
}
#bottom #end ul li  a:hover{
text-decoration:underline;
}
#bottom #address {
width:950px; margin:0 auto;
margin-top:15px;
padding-bottom:15px;
}
#bottom #address #indirizzo{
float:left;
}
#bottom #address #indirizzo a{
color:#00558c;
text-decoration:none;
font-size:11px;
}
#bottom #address  #indirizzo a:hover{
text-decoration:underline;
}

#pager{
position:relative;
left:60px;
clear:both;
color:#00558C;
font-size:11px;
width:1050px;
margin:auto;
}

#pager a{
color:#00558C;
text-decoration:none;
}