@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background:#fff url(../../img/site_bg.gif) repeat-x;
	margin:0;
	padding:0;
	text-align:center;
}

img {
	border:0;
}

p, a, td, h1, h2, h3, h4, h5, h6, span, ul, li, label, div {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#555;
}

a {
	color:#ed1c24;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

hr {display:none}

.cleaner {
	clear:both;
	font-size:1px;
}

#container {
	width:980px;
	margin:0 auto 0 auto;
	text-align:left;
}

#contents, #contents_blog {
  padding:15px 0 0 6px;
}

#contents h2, #contents_blog h2 {
	font-size:18px;
  margin:0 6px 18px 0;
  padding:0 0 5px 0;
  border-bottom:1px solid #CCCCCC;
  position:relative;
}

#contents h2 a {
	position:absolute;
	font-size:11px;
	right:0;
	top:7px;
	text-decoration:none;
}

#contents h2 a:hover {
	text-decoration:underline;
}

#contents h2 span, #contents_blog h2 span {
	color:#999;
  font-size:11px;
}



/*//// HEADER ////*/

#header {
	margin:30px 0 10px 0;
}

#header a {
	display:block;
	width:286px;
	height:69px;
	color:#dfdfdf;
	background:url(../../img/pixeltomato.gif) no-repeat;
}
#header a span {
	display:none;
}


/*//// TOP MENU ////*/

#topmenu {
	height:66px;
	padding:0 6px;
	background:url(../../img/topmenu_bg.gif);
}

#topmenu li {
	list-style-type:none;
	float:left;
}

#topmenu li a {
	display:block;
	width:138px;
	height:55px;
	color:#dfdfdf;
	background-position:0 0;
	background-repeat:no-repeat;
}

#topmenu li #tm_home {background-image:url(../../img/it/home.gif)}
#topmenu li #tm_portfolio {background-image:url(../../img/it/portfolio.gif)}
#topmenu li #tm_contatti {background-image:url(../../img/it/contatti.gif)}
#topmenu li #tm_blog {background-image:url(../../img/it/blog.gif)}

#topmenu li a:hover {background-position:0 -55px}

#topmenu li .tm_sel {background-position:0 -110px}
#topmenu li .tm_sel:hover {background-position:0 -110px}

	

#topmenu a span {
	display:none;
}



/*//// INTRO ////*/

#intro {
	margin:0 6px;
	height:350px;
	width:968px;
	position: relative;
}

#pages {
	height:350px;
	width:968px;
	position: relative;
}

#roundcorners {
	position:absolute;
	z-index:999;
	height:350px;
	width:968px;
	background:url(../../img/roundcorners.png) no-repeat;
}

#roundcorners_l {
	position:absolute;
	z-index:998;
	height:350px;
	width:5px;
	background:url(../../img/roundcorners_l.png) no-repeat;
}

#roundcorners_r {
	position:absolute;
	z-index:999;
	height:350px;
	width:5px;
  right:0;
	background:url(../../img/roundcorners_r.png) no-repeat;
}

#intronav {
	position:absolute;
	z-index:1000;
	top:310px;
	left:270px;
}

.scrolling-page {
	position: absolute;
  top:0;
	height:325px;
	width:943px;
  padding:25px 0 0 25px;
}
 
.scrolling-page h2 {
	margin:10px 0 10px 0;
}

.scrolling-page h2 span {
	display:none;
}

.intro_text p {
	width:500px;
  font-size:13px;
  color:#FFF;
  line-height:140%;
  margin:0 0 10px 0;
}

.intro_text a {
	display:block;
  height:19px;
  padding:1px 0 0 23px;
  margin:15px 0 0 0;
  text-decoration:none;
  outline: none;
}

.intro_text .continue {
  background:url(../../img/continue_arrow.png) no-repeat;
}
.intro_text .back {
  background:url(../../img/back_arrow.png) no-repeat;
}

#page_loader {
	left:0;
  background:#ddd url(../../img/loader.gif) no-repeat center center;
}
 
#page01 {
	left:0;
	background:url(../../img/img_step1.jpg) no-repeat;
}

#page01 h2 {
	background:url(../../img/it/h2_step1.png) no-repeat;
  height:30px;
}
 
#page02 {
	left:0;
	background:url(../../img/img_step2.jpg) no-repeat;
}

#page02 h2 {
	background:url(../../img/it/h2_step2.png) no-repeat;
  height:30px;
}
 
#page03 {
	left:0;
	background:url(../../img/img_step3.jpg) no-repeat;
}

#page03 h2 {
	background:url(../../img/it/h2_step3.png) no-repeat;
  height:30px;
}

#intronav a {
	display:block;
  float:left;
	width:145px;
	height:25px;
	background-repeat:no-repeat;
  margin:0 1px 0 0;
  
}

#intronav a:focus { outline: none; }

.link01 {
	background-image:url(../../img/scroller_menu_btns_left.png);
}

.link02 {
	background-image:url(../../img/scroller_menu_btns_mid.png);
}

.link03 {
	background-image:url(../../img/scroller_menu_btns_right.png);
}

.step01 {
	background-position:left 0;
}

.step02{
	background-position:left -50px;
}

.step03 {
	background-position:left -100px;
}

.step01:hover {
	background-position:left -25px;
}

.step02:hover {
	background-position:left -75px;
}

.step03:hover {
	background-position:left -125px;
}

#intronav a span {
	display:block;
	width:145px;
	height:25px;
}

.link01 span {
	background:url(../../img/it/comunicazione.png) no-repeat center center;
}

.link02 span {
	background:url(../../img/it/grafica.png) no-repeat center center;
}

.link03 span {
	background:url(../../img/it/web.png) no-repeat center center;
}

#intronav a span span {
	display:none;
}






/*//// HOME EXTRAS ////*/

#home_extras {
	height:166px;
	background:url(../../img/home_extras_bg.gif) no-repeat;
	margin:10px 0 0 6px;
	padding:22px 26px 0 20px;
}

#portfolio_home {
	width:355px;
	float:left;
}

#portfolio_home h2 {
	height:21px;
	background:url(../../img/it/home-portfolio.gif) no-repeat;
	margin:0 0 10px;
}

#portfolio_home h2 span {
	display:none;
}

#portfolio_home a {
	display:block;
	float:left;
}

#portfolio_home #descr {
	float:left;
	margin:30px 0 0 10px;
}

#portfolio_home h5 {
	color:#ed1c24;
	font-size:14px;
}

#portfolio_home p {
	font-size:11px;
}

#blog_home {
	width:540px;
	height:133px;
	float:right;
}

#blog_home h2 {
	height:21px;
	background:url(../../img/it/home-blog.gif) no-repeat;
	margin:0 0 10px;
}

#blog_home h2 span {
	display:none;
}

#blog_home li {
	list-style-type:none;
	height:29px;
	background:url(../../img/dotted_line.gif) repeat-x 0 20px;
}

#blog_home li a {
	text-decoration:none;
	color:#777;
}

#blog_home li a:hover {
	color:#ed1c24;
}





/*//// PORTFOLIO SELECTORS ////*/

.selector {
	height:32px;
  margin:15px 0 35px 0;
}

.selector .selbutton {
	float:left;
	height:32px;
	background-image:url(../../img/selector_bg_l.gif);
  background-repeat:no-repeat;
  margin:0 20px 0 0;
}

.selector .sel {
  background-position:left -32px;
}

.selector .selbutton a,
.selector .selbutton span {
	color:#555;
	float:left;
	display:block;
	height:29px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	white-space:nowrap;
	background-image:url(../../img/selector_bg_r.gif);
  background-repeat:no-repeat;
  background-position:right 0;
	padding:3px 25px 0 25px;
}

.selector .sel a,
.selector .sel span {
	color:#fff;
  background-position:right -64px;
}

.selector .selbutton a:hover {
	color:#ed1c24;
	background-position:right -32px;
}

.selector .sel a:hover {
	color:#fff;
  background-position:right -64px;
}

#numpag {
	float:right;
  font-size:11px;
  margin:1px 0 0 0;
}

#nextbutton a, #prevbutton a {
	display:block;
	float:right;
	height:17px;
  width:21px;
}

#nextbutton a {
	background:url(../../img/selector_nav.gif) no-repeat right top;
  margin:0 6px 0 0px;
}

#prevbutton a {
	background:url(../../img/selector_nav.gif) no-repeat left top;
  margin:0 1px 0 10px;
}

#prevbutton a:hover {
	background-position:left -17px;
}

#nextbutton a:hover {
	background-position:right -17px;
}

#prevbutton a.inactive {
	background-position:left -34px;
  outline: none;
}

#nextbutton a.inactive {
	background-position:right -34px;
  outline: none;
}

#nextbutton span, #prevbutton span {
	display:none;
}





/*//// PORTFOLIO TUMBNAILS ////*/

#portf_thumbs {
}

#portf_thumbs .thumb {
	position:relative;
  /*margin:20px 6px 20px 6px;*/
  margin:0 30px 50px 0;
  float:left;
}

#portf_thumbs .thumb h3 {
	color:#ed1c24;
	font-size:14px;
	margin:2px 0 0 0;
}

#portf_thumbs .thumb p {
	font-size:11px;
}

#portf_thumbs .thumb a {
}

.tip {
	width: 220px;
	z-index: 13000;
  text-align:left;
}
 
.tip-title {
	color:#ed1c24;
	font-size: 14px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(../../img/bubble.png) top left;
}
 
.tip-text {
	color:#eee;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../../img/bubble.png) bottom right;
}




/*//// PORTFOLIO DETAILS ////*/

#portf_descr {
	float:right;
  width:353px;
	margin:0 6px 0 0;
}

#portf_descr p {
	font-size:12px;
  line-height:200%;
	margin:0 0 40px 0;
}

#portf_descr h3 {
	font-size:18px;
  margin:0 6px 18px 0;
  padding:0 0 5px 0;
}

#portf_descr h4 {
	font-size:13px;
  font-weight:bold;
  margin:0 0 10px 0;
}

#portf_photo {
	float:left;
}

#portf_photo img {
	display:block;
	margin:0 0 20px 0;	
}

#portf_add {
}

#portf_add h5 {
	font-size:11px;
}

#portf_tecn {
  padding:10px 0 0 0;
  height:20px;
}

#portf_tecn_l {
	background:url(../../img/tecn_l.gif) no-repeat;
  float:left;
}

#portf_tecn_r {
	float:left;
	height:20px;
  background:url(../../img/tecn_r.gif) no-repeat right top;
  padding:0 5px 0 5px;
}

#portf_tecn_r div {
	display:block;
  float:left;
  height:18px;
	padding:2px 8px 0 8px;
  border-right:1px solid #fff;
  font-size:10px;
}

#portf_tecn_r div#last {
	border-right:0px;
}

#portf_more {
	margin:20px 0 0 0;
}

#portf_more a {
	font-size:11px;
  padding:0 0 3px 15px;
  background:url(../../img/ext_link.gif) left center no-repeat;
}



/*//// CONTACTS ////*/

#contacts {
	float:left;
	width:480px;
}

#contacts p {
	line-height:200%;
	margin:0 0 15px 0;
}

#contacts .selector {
	height:32px;
  margin:0 0 10px 0;
}

/*#map {
	float:right;
	margin:0 6px 0 0;
	border:1px solid #E6E6E6;
	width:515px;
}*/

#map {
	float:right;
	margin:0 6px 0 0;
	border:1px solid #E6E6E6;
	padding:5px;
}

#map p {
	font-size:10px;
	margin:3px 0 0 0;
}






/*//// FOOTER ////*/

#footer {
	margin:20px 6px 0 6px;
  height:35px;
  border-top:1px solid #ccc;
  padding:10px 0 0 0;
}

#footer p {
	float:left;
  margin:0 30px 0 0;
  font-size:10px;
  color:#777;
}

#footer #copy {
	float:right;
  margin:0;
}

#footer a.valid {
	display:block;
  float:right;
  background:url(../../img/validcheck.gif) no-repeat left 60%;
  font-size:10px;
  padding: 0 0 0 12px;
  margin:0 0 0 10px;
  color:#777;
}