/* 
==========================================================================
	Blu Petrolio: #00618F
========================================================================== 
*/

html, body {height: 100%}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {margin: 0; padding: 0; border: 0}

body {background-color: #fff; font: normal 11px/16px Tahoma, Arial, sans-serif; color: #858d8d}

ul,li {list-style-type: none}
a {outline: none; text-decoration: none}
a:hover {text-decoration: none; cursor: pointer}
button span, ul#navigation span, h2 span {display: none}

input, textarea {font: normal 11px/17px Tahoma, Arial, sans-serif; color: #353a3a}

button {display: block; cursor: pointer}

div.clear {font-size: 0; line-height: 0; height: 0; position: relative; clear: both}

p.link {margin: 16px 0 0 0}
span.tit_orange {color:#7AAA1B;font:bold 9pt Arial,Helvetica,sans-serif}
ul.lista {margin:1em 0 2em 1em;width: 410px}
	ul.lista li {background: url(images/tick.gif) 0 7px no-repeat; line-height: 15pt; padding: 0 0 0 20px}


/* Main
============================================================================= */
#container {text-align: left; width: 920px; margin: 0 auto; padding: 0 0 30px 0}

#content {margin:25px auto 0;width:910px; display:none /* jquery fadein */}

h3.title a,
p a,
h4 a {color: #8563a1; border-bottom: 1px solid #e1e9d7}
h3.title a:hover,
p a:hover,
h4 a:hover {color: #80a1bb; border-bottom: 1px solid #fff}
h4.titolo {font-weight: bold; color: #00618F; line-height: 14pt; margin:0 0 1em}

p.link {padding: 0 0 0 19px}
p.arrow_right {background: url(images/arrow_right.gif) 0 2px no-repeat}
p.arrow_down {background: url(images/arrow_down.gif) 0 2px no-repeat}

h3 {height: 10px}
h3.tags {height: 13pt; font-size: 12pt; color: #7AAA1B; font-family:Arial,Helvetica,sans-serif}

#left_column {width: 682px; min-height:400px;float: left; border-right:1px solid #ddd}
	#page_text p,
	#left_column p {color:#777; padding-right: 1em; text-align:justify}
	#left_column p.fonte {color: #aaa; padding: 3em 1em 3em 0; float:right}
		#left_column p.fonte a {color: #aac}
		#left_column p.fonte a:hover {color: #668}


/* Header
============================================================================= */
#header {height: 75px}
  #header #logo {width: 400px; padding: 21px 0 0 13px; float: left}

  #header h1 {display: block; background: transparent url(images/bitlogo.png) no-repeat top left; text-indent: -9999px; height: 35px; width:250px; cursor: pointer}
    #header h1 a {height: 35px; display: block}

  #header .contact {width: 215px; padding: 15px 0 0 0; float: right}
    #header .contact span {color: #5c5c56}
    #header .contact span.languages {display:block; height:8px}
	    #header .contact span.languages a {margin-right: 2px}

	#header .contact p span.tel {padding-left: 18px; background: transparent url(images/phone.gif) no-repeat center left}
	#header .contact p a.mail {padding-left: 18px; background: transparent url(images/mail.gif) no-repeat left 90%; border:0}

/* Navigation
============================================================================= */
ul#topmenu {height: 50px}
  ul#topmenu li {width: 230px; float: left}
    ul#topmenu li a {display: block; height: 50px; cursor: pointer}
    ul#topmenu li a#profilo {background: url(images/topmenu_l.png) 0 0 no-repeat}
    ul#topmenu li a#soluzioni {background: url(images/topmenu_c.png) 0 0 no-repeat}
    ul#topmenu li a#servizi {background: url(images/topmenu_c.png) 0 0 no-repeat}
    ul#topmenu li a#contatti {background: url(images/topmenu_r.png) 0 0 no-repeat}
    ul#topmenu li a#profilo:hover,
    ul#topmenu li a#soluzioni:hover,
    ul#topmenu li a#servizi:hover,
    ul#topmenu li a#contatti:hover {background-position: 0 -50px}
		ul#topmenu li a#profilo:hover big,
		ul#topmenu li a#soluzioni:hover big,
		ul#topmenu li a#servizi:hover big,
		ul#topmenu li a#contatti:hover big {color: #fff}

		ul#topmenu li a big {display: block; font-size: 10.5pt; font-weight: bold; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; padding: 10px 0 0 10px; color: #eee; text-shadow: 0 -1px 0 #000}
		ul#topmenu li a span {color:#999; font-size:7pt; padding:0 0 0 11px}



/* Breadcrumbs
============================================================================= */
span.B_crumbBox {display: block; padding: 0 0 .25em 0}
	span.B_crumbBox a.B_homeCrumb,
	span.B_crumbBox a.B_crumb {color: #77b}
	span.B_crumbBox a.B_homeCrumb:hover,
	span.B_crumbBox a.B_crumb:hover {color: #448; text-decoration:underline}


/* Tweets
============================================================================= */
div.twit {}
	div.twit .twitHeader,
	div.twit .twitUser {display: none}
	div.twit ul.twitBody {padding: 1em 0 0 0}

/* Right column
============================================================================= */
#right_column {width: 224px; float: left; padding: 0 0 17px 0}
	#right_column p {margin: 7px 0 0 15px;font-size:7pt}
	#right_column p.highlight,#right_column p.highlight a,#right_column span.highlight {color: #7aaa1b;border:none;font-size:8pt}
	#right_column p.new {margin: 19px 0 0 15px}
	#right_column p.twitter {background: url(images/twitter.png) no-repeat 0 4px; line-height:14px; padding: 0 0 0 29px; margin-top: 10px}
	#right_column p.link {margin: 16px 0 0 15px}
	#right_column p.twitter + p.link {line-height:13pt; margin: 6px 0 1em 15px}

	#right_column .section {padding: 0 0 24px 0; border-bottom: 1px solid #dcdcdc}
	#right_column .section.news {border-bottom:0; padding:0}
	#right_column .section.community {display:none}

	#right_column h3 {line-height:10pt; margin:0 0 12px 15px; padding:0 0 5px}

h3#seguici {/*background: url(images/titoli/community.png) 0 0 no-repeat; */ margin: 18px 0 0 13px}
div.online {font-size: 9px}
h3#twitter_feed {/*background: url(images/twitter.png) 0 0 no-repeat; color:#2081af; font-size:9px; font-weight:normal; height:16px; margin: 13px 0 5px 13px; text-indent:20px; text-transform:uppercase; */ display:none}

a#facebook {background: url(images/facebook.png) 0 0 no-repeat; display: block; height:24px; width: 24px; margin:18px 0 0 15px; text-indent: -9000px; float: left}
a#rss_feed {background: url(images/feed.png) 0 0 no-repeat; display: block; height:24px; width: 24px; margin:18px 0 0 5px; text-indent: -9000px; float: left}
a#flickr {background: url(images/flickr.png) 0 0 no-repeat; display: block; height:24px; width: 24px; margin:18px 0 0 5px; text-indent: -9000px; float: left}

#right_column div.date {margin: 1px 0 0 15px;font-size:7pt;color:#BBB}
#right_column div.pa {margin: 7px 0 0 15px;font-size:7pt;line-height:11pt; color: #999}
	#right_column div.pa a,
	#right_column div.pa a:link,
	#right_column div.pa a:active ,
	#right_column div.pa a:visited {color: #999}
	#right_column div.pa a:hover {color: #555}
#right_column p.highlight{margin: 1em 0 0 15px}

div.storysumm {border-bottom: 1px dashed #eee; padding: 0 0 1em 0}
div.storysumm.last {border-bottom: 0; padding: 0}

/* Boxes
============================================================================= */

#boxes {margin: 0 0 0 5px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; display:none /* jquery fadein */}
  #boxes .box {width: 206px; height:110px; padding: 12px 10px 27px 10px; float: left; border-right:1px solid #ddd}
	  #boxes .box h3 {width:180px; height:32px;line-height:32px}
	  #boxes .box h3#wasabi {background: transparent url(images/wasabi-small-homepage.png) no-repeat center left; text-indent:44px}
	  #boxes .box h3#focus {background: transparent url(images/twit.png) no-repeat center left; text-indent:44px}
	  #boxes .box h3#company {background: transparent url(images/hq.png) no-repeat center left; text-indent:32px}
	  #boxes .box h3#mailing {background: transparent url(images/nl.png) no-repeat center left; text-indent:36px}
  #boxes .left {margin: 0}
	  #boxes .left + .box + .box {width: 208px}
  #boxes .right {padding-right: 0; border:0}
  #boxes p {margin: 10px 0 0 0}
  #boxes p.link {margin: 16px 0 0 0}

  #boxes form div {background: url(images/textbox_144.gif) 0 0 no-repeat; height: 26px; margin: 23px 0 0 0}
  #boxes form div.textinput {margin: 17px 0 0 0}
  #boxes form input {background: none; width: 132px; height: 21px; padding: 5px 6px 0 6px; border: none; float: left}
  #boxes form button {background: url(images/invia.gif) 0 0 no-repeat; height: 26px; width: 48px; float: right}
  #boxes form button:hover {background-position: 0 -26px}


/* Footer
============================================================================= */

#news_box {position: relative}
#news_error_box {position: absolute; top: 52px; left: 0; height: 65px; width: 200px; background: url(images/newsletter.gif) 0 0 no-repeat}

#footer {padding: 26px 0; margin: 0 0 0 15px; display:none /* jquery fadein */}
	#footer ul,
	#footer li {float: left}
		#footer li a {color: #6e6e66; border-bottom: 1px solid #e0e0e0}
		#footer li a:hover {color: #8e8e86; border-bottom: 1px solid #fff}
		#footer li span {color: #d0d0d0}
	#footer p#copyright {width: 445px; float: right; font-size:7pt}


/* ---------------------------- */
/* ------------------ HOME ---- */
/* ---------------------------- */

/* General
============================================================================= */

.section {padding: 0 0 1.5em; border-bottom: 1px solid #dcdcdc}
.section.bit {padding: 30px 0}
	.section.bit h3 {margin: 0 0 12px 0}


/* Net - Dev - Media
================================================ */
div.section.media,
div.section.dev,
div.section.net {margin:1em 0 0 0; padding:0 1.5em 0 0; border:0}
	div.section.media p,
	div.section.dev p,
	div.section.net p {padding: 1em 0 0 0}
	div.section.media h3,
	div.section.dev h3,
	div.section.net h3 {color:#7AAA1B;font-size:12.5pt}
	div.section.media p + h3,
	div.section.dev p + h3,
	div.section.net p + h3 {margin: 1em 0 0 0}

div.section.duecols {display:block; clear:both; float: left; padding: 1em 1.5em 2em 0; border:0}
	div.section.duecols div.left{width:465px; float:left; clear: none; padding: 2.5em 0 0}
	div.section.duecols div.right{width:200px; float:left; clear: none; padding: 2.5em 0 0}
		div.section.duecols div.right a {display: block; margin: 1em auto; border: 1px solid #eee}
		div.section.duecols div.right a:hover {border: 1px solid #666}
		div.section.duecols div.right h3 {padding:1em 0 0}

div.section.duecols.media {padding: 0 1.5em 2em 0; border:0}
	div.section.duecols.media div.left{padding-right:1em; width: 450px}
	div.section.duecols.media div.right {}
	div.section.duecols.media div.right h3 {padding:0}
		div.section.duecols.media div.right a {text-align:center; margin: 1em auto 2em}
			div.section.duecols.media div.right a img {border: 3px solid #fff}


		div.section.duecols.dev div.right a {text-align:center; margin: 1em auto 2em}

.section.mediatop,
.section.devtop,
.section.nettop {border:0;padding:0 1.5em 0 0; position:relative}

	.section .menu h2#introduction {height:130px;width:100%;position: absolute; top:0;left:0}
			.section h2#introduction span {height:30px;width:100%;color:#FFF;display:block;font-family:arial;font-size:24pt;padding:100px 0 0 10px;text-shadow: 0 2px 2px #000}

	.section.mediatop h2#introduction {background: url(images/head_media.jpg) 0 0 no-repeat}
	.section.devtop h2#introduction {background: url(images/head_dev.jpg) 0 0 no-repeat}
	.section.nettop h2#introduction {background: url(images/head_net.jpg) 0 0 no-repeat}


/* InnerHead
------------------------------ */
.section #innerhead {display:block; width:578px; height:56px; background: #fff url(images/homeintro.gif) no-repeat top left}


/* MENU
-------------- */
.section.nettop .menu,
.section.mediatop .menu,
.section.devtop .menu {border:0;padding:0;width: 666px;height:130px;position:absolute;top:0;left:0}
	.section .menu a {width: 100px;padding: 0 10px 0 0;height:43px;line-height:43px;position:absolute; background-color: rgba(0,0,0,.3); color: #eee; font-size: 10.5pt; font-weight:bold; text-align: right; font-family:Arial,Helvetica,sans-serif; text-shadow: 0 2px 2px #000}
	.section .menu a.dev{right:0; top:0}
	.section .menu a.media{right:0; top: 44px; height:43px}
	.section .menu a.net{right:0; top: 88px; height: 42px}
	.section .menu a:hover,
	.section .menu a.here{background-color: rgba(0,0,0,.65); color: #fff;text-shadow:0 0 3px #fff}

.section.certif {display: block; clear: both; border:0; border-top:1px solid #ddd}
	.section.certif h3 {padding: 1em 0 2em}

div.skills {clear:both;display:block;float:right;margin:0;padding:1em 0 2em;width:100%}
	div.skills h3 {margin:1em 0;color:#7AAA1B;font-size:12.5pt}
	div.skills div.box {padding: 1em 10px 15px 10px; background: transparent url("images/grad_blue.png") repeat-x left center;border:3px double #fff;clear:none;float:left;margin:0 0 0 2em;width:275px; -moz-border-radius: 6px;-webkit-border-radius: 6px}
		div.skills h4 {margin:0;padding:0 0 .5em;border-bottom:1px solid #269;text-align:center;letter-spacing:1px;color:#fff;font-size:10.5pt;font-weight:bold;text-shadow:0 1px 1px rgba(0, 0, 0, 0.65)}
		div.skills ul {border-top:1px solid #48b;padding:1.5em 0 0}
			div.skills ul li {color:#fff;font-size:10pt;list-style-position:inside;list-style-type:square;padding:0 0 0.75em 1em}



.middle {margin: 30px 0 0 0; border: none}
.section.middle.home {padding:0; margin:0}
.section.middle.privacy {padding:0 0 5em 0; margin:0}
	.section.middle.privacy h3 {padding: 1em 0}
	.section.middle.privacy p {padding:0 0 1em}

h3#featured_work {/*background:transparent url(images/titoli/progetti.png) no-repeat 0 0; margin: 3px 0 0 5px*/}
	h3 span {color:#1f749d; display:block; font-family:Arial,Helvetica,sans-serif; font-size:10.5pt; font-weight:bold; text-transform:uppercase;float:left}

p.view_work {width: 194px; padding: 0 0 0 19px; margin: 0; float: right}

div.end {margin: 0}

div.cruvee_project {height: 165px}

h4 {font: normal 14px/17px Arial, Helvetica, sans-serif; margin: 8px 0 0 0}

p.large {color: #565c5c; font: normal 12px/17px Arial, Helvetica, sans-serif; margin: 9px 0 0 0}

div.singlepage {padding: 1em 1em 0 0}

/* Aree 
============================================================================= */
a.aree {display: block;clear:none; width: 200px; height:295px; border-right:1px solid #ddd; float:left;margin:0;padding:5px 13px 0 13px}
a.aree.dev {}
a.aree.media {}
a.aree.net {border:0}
	a.aree h4 {margin:0 0 4px; height:40px;line-height:40px; color:#7AAA1B; font-weight:bold}
	a.aree p.large {font-size:8pt; margin:1em 0.25em; padding:0 !important}
a.aree:hover {background-color: #eef5ff}
	a.aree:hover p.large {color:#333 !important}

/* About
============================================================================= */
h3#about {/*background: url(images/titoli/profilo.png) 0 0 no-repeat;*/ margin: 30px 0 12px 0}

p.dpv {display: block; float: left; clear:none; width: 150px}
p.dpv + p.dpv {width: 500px}


/* Founders
============================================================================= */
h3#founders {}
div + h3#founders {border-top:1px solid #DDD;margin-top:2em;padding-top:2em}

.founder {margin: 20px 0; padding: 0 0 30px 0; border-bottom: 1px dashed #ddd}
.founder.end {margin: 20px 0 0 0; border:0}

  .founder .photo_container {background: url(images/founder.gif) 0 0 no-repeat; height: 100px; width:210px; float:left}
    .founder .photo_container .photo {margin: 3px 0 0 3px}
.founder div.text_cont {display: block; float: left; clear: right; width:450px}

  .founder p {margin: 0}
  .founder p + p {margin: 10px 0 0 0}
    .founder p span {color: #7aaa1b; font: bold 11pt Arial, Helvetica, sans-serif}
    .founder p strong {color: #5c5c56; font: bold 12px Arial, Helvetica, sans-serif}
  .founder span.inc {font-style:italic; display: block; color:#858D8D; font-size: 11px; font-weight: normal}


/* Services
============================================================================= */
.services {width: 430px; padding: 0 0 30px 0; margin: 0 30px 0 0; float: left}

h3#services, 
h3#service_header {margin: 15px 0 12px 0}

div.pullout {background: #00618f none; float: right; height:auto;margin:0 10px 10px 15px;padding:10px 10px 15px;width:190px; border: 1px solid #28b;-moz-border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.4);background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #39c),color-stop(1, #069));background: -moz-linear-gradient(top,#39c,#069)}
  div.pullout span {font-family: Arial, Arial, Helvetica, sans-serif; color: #fff; font-size: 13.5pt; font-style: italic; line-height:16pt;text-shadow:0 1px 1px #000;word-spacing:0.25em}

/* Services list
============================================================================= */
#services_list {float: left; width: 200px; padding: 0 0 30px 0}
  #services_list ul {margin: 12px 0 0 0}
	  #services_list ul li {background: url(images/tick.gif) 0 5px no-repeat; line-height: 17px; padding: 0 0 0 16px}


/* Work
============================================================================= */
h3#work {/*background: url(images/titoli/soluzioni.png) 0 0 no-repeat*/}


div.end {margin: 0}

/* Soluzioni
------------------------- */
a.project {display:block; border:5px double #fff; background-color:#F0F0F0; clear:both; height:150px; margin:2em 1em 2em 0; padding:1em; -moz-border-radius:8px;-webkit-border-radius:8px}
	a.project h4 a {font-weight:bold; color: #7AAA1B}
	a.project div.preview_container {background-color:#fff;width: 200px; float:right; clear:none; height:150px; margin:0; border:1px solid #ccc; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.33);-webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.33);-moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.33)}
	a.project div.text_cont {width: 427px; clear:none; float:left}
		a.project div.text_cont h4 {font-size:13pt;margin:0; color:#7AAA1B;font-weight:bold}
a.project:hover {background-color:#def}
	a.project:hover div.preview_container {-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important}

.row {margin: 12px 0 0 0; clear: left}
.preview {margin: 3px 0 0 3px}

h4 {font: normal 14px/17px Arial, Helvetica, sans-serif; margin: 8px 0 0 0}
	h4 span {color:#7AAA1B; font-weight: bold}

p.large {color: #5c5c56; font: normal 12px/17px Arial, Helvetica, sans-serif; margin: 9px 0 0 0}

img.photo.elearn {display:block;margin:0 auto}
img.photo.ds {display:block;margin:1em auto}


/* Contact details
============================================================================= */
.contact_details {color: #5c5c56; width: 200px; padding: 0 0 30px 0; margin: 0 30px 0 0; float: left;min-height:330px}
	.contact_details img {margin:2em 0 0} 

p.first {margin: 12px 0 0 0}
a#find_us {border: none; font-size: 9px; color: #444; background: yellow url("images/mag.gif") no-repeat left center; padding: 0 1px 0 14px; margin-left: 1em}
p.new {margin: 9px 0 0 0}
p span {color: #8d8d85}


/* Error box
============================================================================= */
#error_box {background: #F9F4B6; border: 1px solid #E2DC90; margin-top: 16px; padding: 10px 13px; color: #75713C}


/* Send us a message
============================================================================= */
div.thanks,
#message {color: #5c5c56; width: 430px; padding: 0 0 30px 0; float: left;}

h3#send_us_message {margin: 2em 0}

.left_textinput {width: 200px; margin: 0 30px 0 0; float: left;}
.right_textinput {width: 200px; float: left;}

  #message div.errors {padding: 0.5em; margin: 0.5em 0 0 0; background-color: #fea}
	  #message div.errors strong {display: block; font-size: 11pt; padding: 0 0 0.5em 0}
  #message .row {margin: 9px 0 0 0}
	  #message .row label em {font-style: normal; padding-left: 3px; color: #AAAAAA}

  #message div.textinput {background: url(images/textbox_200.gif) 0 0 no-repeat; height: 26px; margin: 3px 0 0 0}
  #message input {background: none; width: 188px; height: 21px; padding: 5px 6px 0 6px; border: none;}

  #message div.textarea {background: url(images/textarea_430.gif) 0 0 no-repeat; height: 95px; margin: 3px 0 0 0;}
  #message textarea {background: none; width: 418px; height: 83px; margin: 5px 6px 5px 6px; border: none;}

  #message button {background: url(images/invia.gif) 0 0 no-repeat; height: 26px; width: 48px; margin: 16px 0 0 0; float: right;}
  #message button:hover {background-position: 0 -26px}

div.thanks h3 {font-size: 13pt; margin: 20px 0 0; line-height: 14pt}
div.thanks p {line-height: 26pt; font-style: italic}


/* NewList
================================================ */
div.newslist {margin: 1.5em 0 0 1em; width: 600px}
	div.newslist div.ditto_item {margin-bottom: 1em; background: #fff url(images/newsbox.png) no-repeat bottom left; padding:.5em 1em}
		div.newslist div.ditto_item h3.title {height: 13pt; font-size: 11pt}
		div.newslist div.ditto_item span.date {display: block; font-size:7pt; border-bottom:1px solid #e2e2e2; padding: 0 3px; color:#aaa}
		div.newslist div.ditto_item h4.titolo {padding: 0.5em 0.25em 0 0.25em ; margin:0; border-top: 1px solid #fff}
		div.newslist div.ditto_item div.introtext {font-size: 8pt; color: #757D7D; padding: 0.5em 0 0.5em 1em}
		div.newslist div.ditto_item a:hover div.introtext {color: #444}
		div.newslist div.ditto_item div.tags {padding:6px 4px; font-size:7pt}
			div.newslist div.ditto_item span.tags {float: right; color: #aaa}
				div.newslist div.ditto_item span.tags a {padding-left:0.1em; color: #7AAA1B}

/* Portfolio
================================================ */
div.services.portfolio {margin:0;width:100%;padding:1em 0 2em}
	div.services.portfolio a.boxx {display:block; clear: none; float: left; width:214px; border: 1px solid #ddd; margin: 1em 1em 0 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.33);-webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.33);-moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.33);background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #eee)); background: -moz-linear-gradient(top,#fff,#eee)}
	div.services.portfolio a.boxx:hover {border-color: #ccc; box-shadow: 0 0 2px rgba(0, 0, 0, 0.33);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.33);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.33);-webkit-gradient(linear,left top,left bottom,color-stop(0, #fafaff),color-stop(1, #f5f5ff)); background: -moz-linear-gradient(top,#fafaff,#f5f5ff)}
		div.services.portfolio div.innerbox {width: 190px; height:146px;border:1px solid #fff; padding: 1em; -moz-border-radius: 4px;-webkit-border-radius: 4px}
			div.services.portfolio div.innerbox div.pictop {background: transparent url(images/port_shadow.png) no-repeat top left}
			div.services.portfolio a.boxx img {display: block; margin: 0 0 .5em 0; width: 190px; height: 100px; -moz-opacity: 0.25; opacity:0.25}
			div.services.portfolio a.boxx span {display:block;font:8pt/8pt Arial,Helvetica,sans-serif;padding:0 0 0.75em;text-transform:uppercase;color:#778;font-weight:bold; text-align:center}
			div.services.portfolio a.boxx p {font:8pt/12pt Arial,Helvetica,sans-serif;text-align:center !important;padding:0.5em 0 0 !important}
		div.services.portfolio a.boxx:hover span,
		div.services.portfolio a.boxx:hover p {color: #444 !important}
		div.services.portfolio a.boxx:hover img {-moz-opacity:.7; opacity:.7}


/* Portfolio Pagine Interne
================================================ */
div.portpage {border-top:1px solid #DDD;padding:1em 0}
	div.portpage div.left,
	div.portpage div.right{display: block; clear:none; float: left}
	div.portpage div.left{width:261px;margin: 0 10px 10px 0}
	div.portpage div.right{width:400px;margin: 0 10px 7px 0}
		div.portpage div.right img {}
	div.portpage h3 {margin: 0 0 1em 0}
	div.portpage h4 {margin: 2em 0 .5em}
	div.portpage em {display:block; padding: 0 0 1em 0}
	div.portpage p {padding: 0 0 1em 0}
	div.portpage p.link {padding:0 0 0 19px}
	div.portpage ul {padding:0 0 1em 2.5em;}
		div.portpage ul li {list-style-type: square}


/* Soluzioni Pagine Interne
================================================ */
div.soluz {padding: 0 0 1em 0}
	div.soluz div.left,
	div.soluz div.right{display: block; clear:none; float: left}
	div.soluz div.left{width:461px;margin: 0 10px 10px 0}
	div.soluz div.right{width:200px;margin: 0 10px 7px 0}
		div.soluz div.right img {}
	div.soluz h3 {margin: 0 0 1em 0}
	div.soluz h4 {margin: 2em 0 .5em}
	div.soluz p {text-align: justify; padding: 0 0 1em 0}
	div.soluz li {text-align: justify; margin: 0 0 .5em 5%;width:90%; list-style-type: square;list-style-position: outside}
	div.soluz ol li {list-style-type: decimal}
	div.soluz hr {height:1px font-size:0; border:0; border-bottom: 1px dashed #ddd; padding:0; margin: 2em 0}