/* -------------- */

h3 {
margin-bottom: 15px;
}

h4{
padding-left: 15px;
background: url(../images/right-tr1.gif) left center no-repeat;
font-family: trebuchet;
font-size: 1.2em;
font-weight: normal;
font-stretch: condensed;
margin-bottom: 5px;
color:#5b5b5b;
}

h5 {
font-weight: normal;
margin-bottom: 4px;
font-size: 0.9em;
}

h2 {
font-size: 1.7em;
font-weight: normal;
color: #195b95;
margin-bottom: 20px;
}



p {
margin-bottom: 15px;
line-height: 1.5em;}

/* -------------- */


a { color:#195b95; text-decoration: none; }
a:hover { color:#dd4b00; }

#banner {
height: 126px;

}


.back {
padding-left: 30px;
margin-top: 30px;
background: url(../images/all-ico2.gif) no-repeat left center;
font-weight: bold;
clear: both;
float: left;

}

body {
    margin:0px;
    background-image:url(../images/background.jpg);
    background-repeat:repeat-x;
    background-color:#084267;
    font-family: Arial, Sans-Serif;
    font-size:12px;
    color:#5b5b5b;
    margin: 0 auto;
	position: relative;
	text-align: center;
	line-height: 1.3em;
}

.clear {
clear: both;
}



.cliente {
padding-left: 25px;
border-left: solid 3px #336699;
margin-top: 20px;
border-bottom: solid 1px #dddddd;
min-height: 30px;
float: left;
width: 480px;
}



.cliente h4 {
padding-left: 25px;
color:#195b95;
margin-bottom: 10px;
background: none;
padding-left: 0px;

}

.cliente p {
font-size: 0.9em;
}

.cliente .cliente-cat {
float: right;
padding-right: 10px;
font-weight: bold;
font-size: 0.9em;
min-width: 55px;
text-align: left;
color: #aaaaaa;
}

.cliente .cliente-name {
float: left;
}

.cliente .cliente-preview {
float:left;
clear:both;
min-width: 300px;
}




.column {
float: left;
width: 215px;
margin-right: 30px;
}





#contacts {
float: left;
}

#contacts strong {
color: #7aa5d0;
font-weight: bold;
}

.column p {
font-size: 0.9em;}


.detail {
float: left;
width: 480px;
}

.detail .text {
float: right;
width: 300px;
padding: 20px;
border-left: dashed 1px #bbbbbb;
margin-top: 10px;
}

.detail .photo {
float: left;
width: 75px;
margin: 29px;
}

.detail .photo .pic {
width: 70px;
height: 70px;
border: solid 1px #bbbbbb;
margin-bottom: 20px;
background: center center no-repeat #efefef;
}

.detail .photo .pic .border {
width: 60px;
height: 60px;
border: solid 5px #ffffff;
}

.detail .photo .pic a {
width:100%; height:100%; display:block;
}



.feature .pic {
width: 70px;
height: 70px;
border: solid 1px #bbbbbb;
margin-bottom: 10px;
background: center center no-repeat #efefef;
}

.feature  .pic .border {
width: 60px;
height: 60px;
border: solid 5px #ffffff;
}

.feature .photo .pic a {
width:100%; height:100%; display:block;
}


#form {
border:solid 1px #CCCCCC;
padding:20px;
padding-left:40px;
border-left: solid 4px #666666;
margin-bottom:10px;
}
#form td {
padding:4px;
}

#form tr {
border-bottom: dashed 1px #CCCCCC;
}


#footer-bar {
background: url(../images/footer-bar.jpg);
height: 26px;
}

#footer {
min-height: 100px;
background: url(../images/footer-bg.jpg) no-repeat bottom;
padding:20px;
padding-bottom: 8px;
color: #a8bdcb;
font-size: 0.9em;
line-height: 1.8em;
}

#footer a {
color: #a8bdcb;
}
#footer a:hover {
color: #ffb310;
}

#footer .logo {
margin: 0px;
margin-top: 10px;
}

#header {
height: 61px;
margin-top: 30px;
background: url(../images/header-bg.jpg) no-repeat;
position: relative;}

#left {
width: 500px;
float:left;
margin: 60px 0px 20px 35px;
}

.logo {
margin-left: 28px;
margin-top: 19px;
}

.no-margin {
margin: 0px;
}


#left h3 {
line-height:1.6em;
margin-bottom:40px;
}

#left .column h3 {
margin-bottom: 15px;
}


#map {
border: 1px solid #777777;
padding: 5px;
padding-left: 0px;
}

#page {
min-height: 300px;
background: url(../images/body-bg.jpg) repeat-x #ffffff;
padding-bottom: 30px;
}

#post-footer {
min-height: 33px;
background: url(../images/footer-bg2.jpg) no-repeat center;
font-size: 0.8em;
color: #406982;
}

.product {
width: 339px;
height: 40px;
background: no-repeat right;
text-align: right;
float: right;
clear: right;
margin-bottom: 10px;
}

.product p {
margin:12px;
color: #6d92a9;
}



.divphoto {
margin-right:20px;
padding-right:20px;
border-right:dashed 1px #999999;
float:left;
}

.divphoto .pic {
width: 70px;
height: 70px;
border: solid 1px #bbbbbb;
margin-bottom: 20px;
background: center center no-repeat #efefef;
}

.divphoto .pic .border {
width: 60px;
height: 60px;
border: solid 5px #ffffff;
}

.divphoto .pic a {
width:100%; height:100%; display:block;
}


#right {
background-color: lime;
width: 220px;
float: right;
margin: 60px 35px 0px 35px;
background:url(../images/right-bgpoint.gif) no-repeat;
padding-left: 25px;
min-height: 200px;
}

#right-under {
margin-top: 30px;
}

#right-under #partner img {
margin-bottom: 30px;
}

#right-under h3 {
margin-bottom: 30px;
}

#right #legend {

}

#right #legend p {
font-size: 0.9em;
color: #999999;
padding-left: 20px;
margin-left: 20px;
background: no-repeat left center;
margin-bottom: 8px;
}



#right #contact h3 {
margin-bottom: 10px;
}

#right #price {
font-size:0.9em;
}

#right #price li {
border:solid 1px #CCCCCC;
margin-top:10px;
padding:5px;
font-weight:bold;
background: left center no-repeat;
padding-left:40px;
}

#right #price a {
    color:#5b5b5b;
}

#right #price a:hover {
    color: #CC0000;
}
#right #price .paypal {
color:#999999;
line-height:1.3em;
font-size:0.9em;
}


.service {
padding-left: 50px;
background: no-repeat;
min-height: 45px;
margin-bottom: 25px;
font-size: 0.9em;
color: #4488b4;
line-height: 1.3em;
}
.service img {
margin-right: 10px;
}

.soluzione {
padding-left: 25px;
border-left: solid 3px #336699;
margin-top: 30px;
border-bottom: solid 1px #dddddd;
}

.soluzione h4 {
padding-left: 25px;
color:#195b95;
margin-bottom: 10px;
}

.soluzione p {
font-size: 0.9em;
}

.title {
margin-bottom: 30px;
}

/* top men */

#top_menu { float:right; margin-top: 16px; margin-right: 13px; }
#top_menu ul { 	margin:0px; padding:0px; }
#top_menu ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}
#top_menu ul li a{
	height:27px;
	display:block;
	padding-top:8px;
	color:#999999;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	border-bottom:0px;
}
#top_menu ul li a.blu { color:#3d6da1; }
#top_menu ul li a:hover{
	background-image:url(/images/top_menu_over.jpg);
	color:#ffffff;
}
#top_menu ul li a.active{
	background-image:url(/images/top_menu_over.jpg);
	color:#ffffff;
}



#wrapper {
    width:860px;
    margin: 0 auto;
	text-align: left;
	position: relative;
}


<!-- SLIDING -->

#home {position:relative; height:400px; width:500px;}

.feature { height:270px; position:absolute; width:500px; overflow:hidden; }

.feature img { border:none; }

.tabs { margin-left:0;margin-bottom:0;}

.tabs li {background-color:#ffffff;display:inline;float:none;list-style:none; padding:6px; border:solid 1px #CCCCCC; border-bottom:solid 2px #777777; }

.tabs li a { color:#333; display:inline; height:auto;padding:6px 8px;text-decoration:none;width:auto; font-weight:bold; font-size:0.9em}

.tabs li.active { background-color: #ffe072; }

.tabs li a.active { color:#000; }
