@import url("/css/960_24_col.css");
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,800);


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

BODY {font-family: 'Raleway', Arial, sans-serif; font-weight:400; background-color:#545454;}

.body_1 {display:block; background:#FFF url(/img/bg_body_1.jpg) no-repeat center top;}

#header {display:block; height:110px; background:#FFF url(/img/bg_barraBlu.gif) no-repeat center top; position:relative;}
#linkHome {display:block; height:110px; background:url(/img/bg_marchio.gif) repeat right top; width:50%; margin-left:-125px;}
#linkHome A {display:block; float:right; background:url(/img/net_bull.png) no-repeat left top; width:350px; height:110px;}
#linkHome A SPAN {display:none;}

#webTool {position: absolute; top:0; left:50%; margin-left:245px;}
#webTool LI {float:left; width:110px; height:110px; margin:0 5px;}
#webTool LI A {display:block; overflow:hidden; width:100%; height:100%; position:relative; text-decoration:none; color:#b2b2b2;}
#webTool LI A:HOVER {color:#FFF;}

#webTool LI A {font-size:19px; font-weight:400;}
#webTool LI A STRONG {display:block; font-weight:700;}
#webTool LI A FONT {display:block; width:110px; top:10px; left:10px; position:absolute; z-index:1;}

.iconMail, .iconClienti {width:110px; height:110px; background-position:top left; background-repeat:no-repeat; background-color:transparent; left:0; top:0; position:absolute; z-index:0;}
.iconMail {background-image:url(/img/iconMail.png)}
.iconClienti {background-image:url(/img/iconClienti.png)}

#Date {display:block; position:absolute; top:10px; left:50%; height:100px; width:230px; margin-left:-115px; background:url(/img/iconCalendar.png) no-repeat right top;}
.giorno {font-size:16px; color:#999; position:absolute; top:10px;}
.data {font-weight:700; color:#CCC; font-size:90px; position: absolute; left:0; bottom:-20px;}
.mese {color:#777; position: absolute; bottom:0; left:110px; font-size:19px; text-transform:uppercase;}
.anno {font-size:16px; font-weight:700; color:#CCC; position:absolute; top:10px; right:52px;}

.areaBanner {height:130px;}

#navigationHome DIV {margin-bottom:10px; position:relative;}
#navigationHome A {display:block; width:230px; height:230px; text-decoration:none; text-transform:uppercase; color:#FFF; position:absolute; top:0; left:0; z-index:1;}

.iconConnettivita, .iconConnettivita A {background-image:url(/img/button_connettivita.png)}
.iconItsolutions, .iconItsolutions A {background-image:url(/img/button_itsolution.png)}
.iconWebagency, .iconWebagency A {background-image:url(/img/button_webagency.png)}
.iconWebmarketing, #navigationHome .iconWebmarketing A {background-image:url(/img/button_webmarketing.png); color:#b2b2b2;}
.iconContatti, .iconContatti A {background-image:url(/img/button_contatti.png)}

.iconConnettivita,
.iconItsolutions,
.iconWebagency,
.iconWebmarketing,
.iconContatti {display:block; width:230px; height:230px; background-position:0 -230px; background-repeat:no-repeat; background-color:transparent; color:#FFF;}

.iconProfilo, .iconProfilo A {display:block; width:470px; height:300px; overflow:hidden; position:absolute; background: url(/img/button_netbull.png) no-repeat 0 0; color:#FFF; text-decoration:none; }
.iconProfilo {background-position:0 -300px; top:-70px;}

A .title {display:block; font-weight:800; padding:10px 10px 0 10px; font-size:20px;}
A .subtitle {display:block; width:210px; font-size:19px; padding-left:10px;}
.text {display:block; padding:10px; font-size:14px; line-height:150%;}
.text STRONG {font-weight:700;}
.text H2 { font-size:20px; padding-top:1px; font-weight:800; text-transform:uppercase;}

.iconProfilo A .title {padding-top: 80px; text-transform:uppercase; text-align:right;}
.iconProfilo A .subtitle {text-align:right; padding-left:260px; width:200px; text-transform:uppercase;}
.iconProfilo .text {padding-top:80px; text-align:justify;}
.iconProfilo .text H2 {text-align:right;}

#keywordsHome {background:url(/img/bg_keyword.png) no-repeat left top; height:471px; margin-top:240px; color:#7f7f7f;}
#keywordsHome H2 {font-size:20px; padding:10px 10px 5px 10px; font-weight:800; text-transform:uppercase;}
#keywordsHome UL {font-size:19px; line-height:140%;}
#keywordsHome UL A {padding:0 5px; color:#6f6f6f; text-decoration:none;}
#keywordsHome UL A:HOVER { background-color:#7f7f7f; color:#FFF;}

#navigationPage {height:150px;}
#navigationPage LI {background-image:url(/img/bg_tool.png); height:110px; position:relative;}
#navigationPage A {display:block; background-image:url(/img/bg_tool.png); height:100%; font-size:14px; font-weight:800; text-transform:uppercase; text-decoration:none; color:#FFF; position:relative; z-index:1;}
#navigationPage A SPAN {display:block; padding:10px 0 0 10px;}
#navigationPage LI .subtitle {width:120px; position:absolute; top:10px; left:10px; color:#FFF;}

#t_netbull {background-position:0 -110px;}
#t_connettivita {background-position:-150px -110px;}
#t_itsolutions {background-position:-300px -110px;}
#t_webagency {background-position:-450px -110px;}
#t_webmarketing {background-position:-600px -110px;}
#t_contattaci {background-position:-750px -110px;}

#t_netbull  A {background-position:0 0;}
#t_connettivita  A {background-position:-150px 0;}
#t_itsolutions  A {background-position:-300px 0;}
#t_webagency  A {background-position:-450px 0;}
#t_webmarketing  A {background-position:-600px 0; color:#B2B2B2;}
#t_contattaci A {background-position:-750px 0;}

#compassContainer {position:absolute; margin-top:-30px; width:950px; height:12px; margin-left:5px; display:block; background:url(/img/compass_bg.gif) repeat-x 0 0;}
#compass {background:url(/img/pageCompass.png) no-repeat; display:block; width:18px; height:12px; cursor:url(/img/compassMonster.gif), url(/img/compassMonster.cur), auto;}
#compass.profile {background-position:3px 0; margin-left:-6px;}
#compass.connettivita {background-position:3px -12px; margin-left:154px;}
#compass.it_solution {background-position:3px -24px; margin-left:314px;}
#compass.web_agency {background-position:3px -36px; margin-left:474px;}
#compass.web_marketing {background-position:3px -48px; margin-left:634px;}
#compass.contatti {background-position:3px 0; margin-left:794px;}

#contentPage {background-color:#FAFAFA; padding:40px 0; color:#7E7E7E; font-size:16px; line-height:150%; font-family:Helvetica, Arial, sans-serif;}
#contentPage H1 {font-size:30px; text-transform:uppercase; line-height:120%; font-family: 'Raleway', Arial, sans-serif;}
#contentPage H2 {font-size:25px; font-weight:800; padding-bottom:10px; line-height:120%; font-family: 'Raleway', Arial, sans-serif;}
#contentPage H1 SPAN,
#contentPage H2 SPAN,
.in {display:none;}

.centerText {text-align:center;}

.marginB_01 {margin:30px 0 50px 0;}
.marginB_02 {margin:60px 0 0 0;}
.marginT_10 {margin:10px 0 0 0;}

.space_01 {height:30px;}
.space_02 {height:10px;}
.space_03 {height:50px;}

.linea {border-top:1px solid #bcbcbc}

.iconService {display:block; margin-bottom:8px;}

#mapCanvas {height:400px;}

A.linkColor, A.linkColor:LINK, A.linkColor:VISITED {color:#006ab4; font-weight:normal;}
A.linkColor:HOVER {text-decoration:none;}

.profile {background:url(/img/bg_profile.gif) no-repeat left top;}

.clientList {padding-top:35px;}
.clientList H2 {color:#FFF; background:url(/img/bg_profile.gif) repeat-x left top; padding:5px 0 0 10px; margin-left:10px;}
.clientList UL {margin-left:20px; font-family: 'Raleway', Arial, sans-serif; padding-top:10px; font-size:16px;}

#footer {border-top:10px solid #006ab3; font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#BBB; line-height:140%;}
#footer STRONG, #footer A {color:#FFF; text-decoration:none;}
#footer A:HOVER {text-decoration:underline;}
#footerContainer {border-top:10px solid #FFF; background-color:#545454; padding:20px 0;}
.line {border-top:1px solid #FFF; margin-top:8px; padding-top:8px;}
#footer A.clienti {color:#61bfff;}
#footer A.azienda {color:#BBB;}
.radar#grafica {margin-left:170px;}
.radar#web {margin-left:10px; margin-top:-105px;}
.radar#software {margin-left:330px; margin-top:-105px;}

.buttonMail, .buttonPw {background:#FFF url(/img/web_mailer/button.gif) no-repeat 0 0; width:274px; height:34px; border: none; color:#FFF; font-family: 'Raleway', Arial, sans-serif; font-weight:800; font-size:19px; cursor: pointer;}

#loginMail INPUT.buttonPw, .buttonPw {background-position:0 -34px;}

#loginMail INPUT.buttonMail:HOVER,
#loginMail INPUT.buttonPw:HOVER, A.buttonPw:HOVER,
A.buttonMail:HOVER { background-position:0 -68px;}


#toolMobile, #mail, .titleMobile, .subtitleMobile {display:none;}

@media only screen
	and (min-width:320px)
	and (max-width:960px)
	and (-webkit-min-device-pixel-ratio: 1)
	{

		BODY {background-image:none; background-color:#FFF; width:100%;}
		#header {display:block; width:100%; height:1px; background:none; background-color:#FFF; border-top:10px solid #007ec2; position:inherit;}

		#navigationPage {height:202px; display:block; overflow:hidden;}
		#navigationPage LI {height:100px; width:20%; position:absolute; padding:0; background-image:none;}
		#navigationPage LI A {height:100px; width:100%; padding:0; background-image:none;}

		#navigationPage A SPAN {text-indent:-9000px; padding:0;}
		#navigationPage LI .subtitle {display:none;}

		#navigationPage LI#t_netbull {top:11px; left:1px; background:#53a8d6 url(/img/mobile/netbull.png) no-repeat center center;}
		#navigationPage LI#t_connettivita {top:11px; left:20%; margin-left:2px; background:#c6c50c url(/img/mobile/connettivita.png) no-repeat center center;}
		#navigationPage LI#t_itsolutions {top:11px; left:40%; margin-left:3px; background:#0aaf68 url(/img/mobile/it_solutions.png) no-repeat center center;}
		#navigationPage LI#t_webagency {top:112px; left:1px; background:#d74910 url(/img/mobile/web_agency.png) no-repeat center center;}
		#navigationPage LI#t_webmarketing {top:112px; left:20%; margin-left:2px; background:#d2116f url(/img/mobile/web_marketing.png) no-repeat center center;}
		#navigationPage LI#t_contattaci {top:112px; left:40%; margin-left:3px; background:#53a8d6 url(/img/mobile/contatti.png) no-repeat center center;}
		#mail {display:block; position:absolute; top:11px; height:100px; width:20%; padding:0; left:60%; margin-left:4px; background:#e5e5e5 url(/img/mobile/mail.png) no-repeat center center; }
		#linkHome {position:absolute; top:11px; left:80%; margin-left:5px; background-image:none; height:100px; width:19%;}
		#linkHome A {height:100px; width:100%; padding:0;  background:#e5e5e5 url(/img/mobile/torna_home.png) no-repeat center center;}

		#Date {position:absolute; top:112px; left:60%; margin-left:5px; width:40%; background-color:#FFF;}
		.giorno {font-size:16px; color:#999; position:absolute; top:10px; left:2px;}
		.data {font-weight:700; color:#CCC; font-size:65px; position: absolute; left:0; bottom:15px;}
		.mese {color:#777; position: absolute; bottom:0; left:2px; font-size:18px; text-transform:uppercase;}
		.anno {font-size:16px; font-weight:700; color:#CCC; position:absolute; top:40px; right:8px;}

		#webTool,
		#compassContainer,
		#footer UL,
		#gmap,
		#keywordsHome,
		.text,
		A .title,
		A .subtitle,
		.iconService,
		.linea,
        .grid_11 .grid_2 IMG {display:none; border:none;}

        .grid_11 IMG {margin:30px 30% 30px 30%; width:40%; height:auto;}

		.marginB_01,
		.marginB_02,
		.marginT_10 {margin:0;}

		.space_01,
		.space_02 {height:auto;}

		.areaBanner {height:0;}
		.home .areaBanner {height:201px; width:20%; margin-left:-2px; background:#666 url(/img/mobile/arrow.png) no-repeat center center; position:absolute; top:213px; left:1px;}

		.body_1, .profile {background:none;}

		.container_24 {display:block; width:100%; margin: 0 auto;}
		.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_9, .grid_10, .grid_11, .grid_12, .grid_17,.grid_22, .grid_24 {display:block; width:100%; margin:0; padding:0; text-align: left;}

		.prefix_1, .suffix_1, .prefix_5 {padding:0;}
		.push_12, .pull_12, .pull_10 {left:0;}

		H1 {text-align:left; padding:10px; margin:0; background-color:#333; color:#FFF;}
		#contentPage H2 {padding:5px 60px 3px 10px; background:url(/img/mobile/bg_h2.png) no-repeat 98% center; font-size:18px; text-align:left; border-top: 1px dotted #CCC;  border-bottom: 1px dotted #CCC; margin:0 0 10px 0; color:#007ec2; min-height:40px; vertical-align:middle;}

		#contentPage {background-color:#FFF; padding:0 1px;}
		.mobileText {display:block; padding:0 10px 10px 10px;}

		#footer DIV.grid_3, #footer DIV.grid_4, #footer DIV.grid_11 {padding-left:10px; margin-right:-10px;}
		#footer DIV.grid_11 {padding:5px 0 5px 10px; margin-top:5px;}

		#mapCanvas {width:92%; margin:0 10px; height:300px;}

		#toolMobile {display:block; width:92%; margin:20px 0 10px 10px; border:1px solid #333; font-size:16px; background-color:#333; color:#FFF; padding:3px;}

		.iconProfilo, .iconProfilo A,
		.iconContatti, .iconContatti A,
		.iconConnettivita, .iconConnettivita A,
		.iconItsolutions, .iconItsolutions A,
		.iconWebagency, .iconWebagency A,
		.iconWebmarketing, #navigationHome .iconWebmarketing A,
		#navigationHome A {background:none; width:inherit; height:inherit;}

		#navigationHome A, #navigationHome .iconWebmarketing A, #profiloButton A {display:block; height:100%; width:100%;}

		#profiloButton,
		#navigationHome .iconContatti,
		#navigationHome .iconConnettivita,
		#navigationHome .iconItsolutions,
		#navigationHome .iconWebagency,
		#navigationHome .iconWebmarketing {height:100px; width:40%; position:absolute;}

		#profiloButton {width:60%; padding:0 2px 0 0; top:0; left:1px; background:#53a8d6 url(/img/mobile/netbull.png) no-repeat right bottom;}
		#navigationHome .iconContatti { width:60%; padding:0 2px 0 0; top:101px; left:1px;  background:#53a8d6 url(/img/mobile/contatti.png) no-repeat right bottom;}
		#navigationHome .iconConnettivita {padding:0 3px 0 0; top:202px; left:20%;  background:#c6c50c url(/img/mobile/connettivita.png) no-repeat right bottom;}
		#navigationHome .iconItsolutions {padding:0; top:202px; left:60%; margin-left:4px;  background:#0aaf68 url(/img/mobile/it_solutions.png) no-repeat right bottom;}
		#navigationHome .iconWebagency { padding:0 3px 0 0; top:303px; left:20%; background:#d74910 url(/img/mobile/web_agency.png) no-repeat right bottom;}
		#navigationHome .iconWebmarketing {padding:0; top:303px; left:60%; margin-left:4px;  background:#d2116f url(/img/mobile/web_marketing.png) no-repeat right bottom;}

		.home #footer {margin-top:414px;}

		.titleMobile,
		.subtitleMobile {display:block; color:#FFF; position:absolute; text-align:left; font-size:76%; font-family: 'Raleway', Arial, sans-serif; padding:0; text-transform:uppercase;}

		.titleMobile {top:5px; left:5px; font-weight:700;}
		.subtitleMobile {width:130px; top:19px; left:5px; font-weight:400;}

}