/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// AUTHOR:    Marco Paolucci
// INFO:      http://www.marcopaolucci.net
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* GENERAL
-----------------------------------*/
* {margin:0; padding:0}
img {border:0}
ul {list-style:none}

/* BASE TAG 
-----------------------------------*/
body {font:12px/20px Verdana, Arial, Helvetica, sans-serif; /* background:url(../img/bg_body.jpg) left top repeat-x; */ background:url(../img/bg_body.gif) left 227px repeat-x; color:#333}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#0099FF}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#444; margin-bottom:20px}
	.box_servizio h2 { color:#666}
	.box_portfolio h2 {font-size:11px; color:#555; margin-bottom:3px}
	h2.important {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#0099FF; margin-bottom:10px}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0099FF; margin-bottom:10px; border-bottom:1px solid #CCC}
	h3 span {color:#333}
	.staff h3 {font-size:16px}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#444; margin-bottom:15px}
h5 {font-size:12px; margin-bottom:10px}
h6 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#999; margin:10px 0 15px 0}

p {margin-bottom:10px}

/* LINK
-----------------------------------*/
a {color:#0099ff; text-decoration:none}
a:hover {text-decoration:underline}

.menu_top a {display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; height:40px; padding-bottom:4px; line-height:40px; width:111px; text-align:center; background:url(../img/i_nav/bg_nav.gif) right -1px no-repeat}
.menu_top a:hover {background:url(../img/i_nav/bg_nav_hover.gif) right -1px no-repeat; text-decoration:none}

.menu_ico a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px}

.dettagli a {color:#666}
.dettagli a:hover {color:#0099ff}

.approfondimenti a {color:#CCC}


/* CLASS
-----------------------------------*/
.logo { height:90px; padding:74px 0 0 10px}

.freccia_blu { height:21px; float:left; line-height:21px; padding-left:25px; background:url(../img/i_button/go_more.png) left 1px no-repeat}
.red {color:#CC0000}
.pink {color:#CC3399}
.blu {color:#0066CC}
.white {color:#FFF}

.sector {clear:left; margin:0 10px 15px; padding:15px 0 15px; border-bottom:1px dashed #CCC}

.list1 {list-style:circle; list-style-position:inside}

.selezione_area {float:left; width:350px; height:300px}
.info_home {float:left; width:570px; height:262px; padding:8px 15px 0; background:url(../img/bg_info_home.jpg) left top no-repeat; margin-left:30px}
	.tab {width:180px; padding-left:392px; color:#0099ff; font-weight:bold; margin:0 0 25px 0; text-align:center; font-size:10px}
.loghi_banner {float:left; margin:15px 0 0 385px}
	.loghi_banner li {float:left; width:84px; text-align:center}
.loghi_banner_blog_social { float:right; width:300px; margin:20px 0 30px 20px}
		.loghi_banner_blog_social li {float:left; width:80px; text-align:center; margin:0 0 5px 10px}
		
.approfondimenti {position:absolute; top:0; right:0; text-align:right; font-size:11px; line-height:16px; padding:2px 5px 0 0}

.gallery_loghi_clienti {}		
.gallery_loghi_clienti li {float:left; margin:2px; }
.gallery_loghi_clienti li img {width: 90px; padding:3px; border:1px solid #DDD}
.gallery_loghi_clienti li img:hover {border:1px solid #999}

.box_info {float:left; width:305px; height:460px; padding:5px 10px 0; margin-right:1px; background:url(../img/bg_type1.jpg) left top no-repeat}

.box_large {height:235px; padding:20px 20px 0; background:url(../img/bg_box_large.jpg) left top no-repeat}
.box_large div {float:left; width:450px; padding:0 10px}
.box_large div img {border:1px solid #888}

.leftati {float:left; margin:0 30px 0 0}

/* SPECIAL LIST */
.special_list {padding:10px 25px 0 25px}
.special_list li {font-size:10px; font-weight:bold; line-height:14px; margin:0 0 15px; padding:5px 0 10px 30px; text-transform:uppercase;  }
	.viola li {background:url(../img/i_special_list/viola.gif) left top no-repeat}
	.turchese li {background:url(../img/i_special_list/turchese.gif) left top no-repeat}
	.arancione li {background:url(../img/i_special_list/arancione.gif) left top no-repeat}
	.giallo li {background:url(../img/i_special_list/giallo.gif) left top no-repeat}
	.azzurro li {background:url(../img/i_special_list/azzurro.gif) left top no-repeat}
	.fucsia li {background:url(../img/i_special_list/fucsia.gif) left top no-repeat}

.lista_anteprima { width:450px; height:320px; float:right; margin-right:40px}	
	.lista_anteprima li { float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #999}
	
/* web design */
.ul_web_design li{ float:left; margin:20px 50px; line-height:14px; padding:5px 0 10px 30px; background:url(../img/i_special_list/viola.gif) left top no-repeat}

/* web marketing */
.case_history { padding:0 0 0 40px }
	.case_history p {float:left; width:740px}
	.case_history p.evidenzia {width:200px; color:#CC0000; font-weight:bold}

/* news */
.news {float:left; width:305px; height:460px; padding:5px 10px 0; margin-right:25px; background:url(../img/bg_type1.jpg) left top no-repeat}
	.topic {padding:0 0 20px 0}
	.topic2 {float:left; width:280px; height:300px; padding:5px 10px 0; margin-right:25px; background:url(../img/bg_type3.jpg) left top no-repeat}
		.topic2 h3 span { display:block; margin-bottom:10px}

	.topic3 { width:100%; height:15px; font-size:10px; line-height:12px; padding:0 50px 20px}
		.topic3 h3 { border-bottom:none; margin-bottom:5px}
.big {font-size:16px}
.middle {font-size:14px}

/* dettaglio news */
.data {font-size:10px; margin:5px 0; color:#0066FF}
.tags {font-size:10px; margin-bottom:15px; color:#999}

/* last project */
.last_project {float:left; width:355px; height:460px; padding:5px 5px 0 10px; margin-right:10px; background:url(../img/bg_type2.jpg) left top no-repeat}
	.project {float:left; width:345px; padding:5px 0; border-top:1px solid #CCC}
	.project img {float:left; width:120px; padding:2px; border:1px solid #CCC; margin:0 20px 20px 0}
	.project p {line-height:14px; font-size:10px; margin-bottom:0}
	.project p.category {font-size:9px; margin-bottom:7px; text-transform:uppercase; color:#0099FF; font-weight:bold}
	.project p.title {font-size:11px; line-height:11px; text-transform:uppercase; color:#999; font-weight:bold;}
	.project p.description {color:#000033}
	.project p.link {padding-top:10px}
/* focus on */
.focus_on {float:left; margin:20px 0 0; /*background:url(../img/bg_focus_on.gif) left 30px no-repeat*/}
	.focus_on #show_focus_on {width:190px; /* height:320px; */ padding:5px 10px 0 40px}
	.focus_on p.description {height:80px}
	.focus_on img {padding:2px; border:1px solid #CCC;  background:#FFF}
	.focus_on ul {padding:0 10px 0 20px; font-size:10px}
/* go_to1 */
.go_to1 {float:left; margin:30px 0 0 40px}
.go_to2 {margin:20px 0 0 40px}
	.go_to2  img {border:none}
/* servizi */
.box_servizio { float:left; width:250px; height:110px; margin:0 16px 30px; padding:20px; background: url(../img/bg_box.jpg) left top no-repeat}
.box_servizio p { height:65px; margin-bottom:0}
.right { float:right}
/* portfolio */
.box_portfolio { float:left; width:260px; padding:5px 15px 0 15px; margin:0 16px 30px; background:url(../img/bg_box.jpg) left top no-repeat}
.box_portfolio:hover {background:url(../img/bg_box_hover.jpg) left top no-repeat}
.box_portfolio .dettagli {height: 125px;}
.box_portfolio .dettagli p {text-align:left; line-height:12px}
.box_portfolio .dettagli p.category {font-size:9px; margin-bottom:7px; text-transform:uppercase; color:#0099FF; font-weight:bold}
.box_portfolio .dettagli p.dettagli {font-size:9px; text-transform:uppercase; font-weight:bold}
.box_portfolio img {float:left; padding:1px; background:#FFF; border:1px solid #CCC; margin:0 10px 10px 0 }
.box_portfolio p {font-size:10px; text-align:center}
/* staff */
.staff {margin:30px 0 40px; height:170px; padding:10px 10px 20px; border:5px solid #EEE}
.staff_profile {float:left; width:210px; padding: 5px 15px 0; margin:0 70px 0 0; /* background:url(../img/bg_focus_on.gif) left top no-repeat */}
.staff_profile p {font-size:10px; line-height:10px; }
.qualifiche {height:150px; font-size:9px; text-transform:uppercase; padding-left:15px; list-style:square; font-weight:bold; color:#888 }
/* partner */
.partner {float:left; width:420px; margin:30px 20px 40px; height:230px; padding:10px 10px 0; border:5px solid #EEE}
.partner img {float:left; margin:0 50px 20px 0; width:150px}
/* clan */
.offerta_clan {font-size:14px; margin:40px 0 40px 50px}
.offerta_clan li {margin-bottom:15px; list-style:square}
.offerta_clan li span {font-size:10px}
.clan_template {float:right}
.clan_template li {margin:0 0 5px 0}
.clan_template li img {padding:2px; border:1px solid #CCC}
.note {font-size:10px}
/* contatti */
.colonnaA {float:left; width:550px; margin-right:30px}
.colonnaB {float:left; }
/* sitemap */
.sitemap_ul { float:left; margin-right:85px; padding:0 0 30px 10px}

.info_line {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#555}
.info_line span {font-size:14px; color:#0099FF; margin-left:10px}
.footer_contact {font-size:10px; line-height:14px}

.elenco_servizi {height:200px;font-size:12px; color:#666; font-weight:bold}
.elenco_servizi li {float:left; width:220px; height:25px; margin:20px 0 0 65px; padding:5px 0 0 30px; background:url(../img/i_special_list/azzurro.gif) left top no-repeat}

.firma {font-size:9px; color:#444; margin-top:60px; line-height:12px}

.img_left { float:left; margin:5px 10px 40px 0}
.img_right { float:right; margin:5px 0 10px 10px}
.img_center { width:140px; margin:15px 0 0 75px; padding:1px; border:1px solid #CCC}

.fix_float {clear:left; height:295px}
.fix_height {clear:both; visibility:hidden}

/* MENU DI NAVIGAZIONE
-----------------------------------*/
.menu_ico {float:right; margin:4px 0 0 0; height:60px; width:629px;/* background:url(../img/bg_menu_ico.png) left top no-repeat*/}
.menu_ico ul {}
.menu_ico ul li {float:left; width:120px; text-align:center}

.menu_top {}
.menu_top li {float:left }

.portfolio_categorie { float:left; width:980px; margin-bottom:20px; text-align:center }
.portfolio_categorie ul {}
.portfolio_categorie li{ display:inline; margin-right:10px}
.portfolio_categorie li.margin_right { margin-right:240px}

.sitemap { float:left; width:750px; margin:15px 0 0; font-size:10px}
.sitemap li {display:inline}

.footer_logo { float:left; width:250px}
.footer_logo ul { margin-left:40px}
.footer_logo ul li { float:left}

.f3 ul li {margin:0 0 3px 0; text-align:center}

/* FORM
-----------------------------------*/
fieldset {border:none; padding:5px 0}
legend {display:block; width:160px; font-weight:bold; color:#666}

/* DIV
-----------------------------------*/
#wrapper {width:100%; margin:0 auto; background:url(../img/bg_wrapper1.jpg) center top no-repeat}
#header {width:1000px; margin:0 auto; height:228px; position:relative}
#nav {width:1000px; margin:0 auto; height:44px}
#content {width:1030px; margin:0 auto; }
	.c_top {height:30px; background:url(../img/bg_content_top.jpg) left top no-repeat}
	.c_center {padding:0 15px; background:url(../img/bg_content_center.jpg) left top repeat-y}
	.c_bottom {height:30px; margin-top:-30px; background:url(../img/bg_content_bottom.jpg) left top no-repeat}
#footer {width:100%; margin:0 0 30px; background:url(../img/bg_footer.jpg) left 287px repeat-x}	
	.footer_top {width:1000px; height:266px; margin:0 auto; padding:20px 0 0; background:url(../img/bg_footer_top.gif) center top no-repeat}
		.f1 {float:left; height:250px; width:309px; margin:0 10px; padding:0 10px; border-right:1px solid #CCC}
		.f2 {float:left; height:250px; width:460px; margin:0 10px; padding:0 30px}
		.f3 {float:left; height:250px; width:70px; margin:0 10px; padding:0 10px}
	.footer_bottom {width:1000px; height:30px; line-height:30px; margin:4px auto 0; text-align:center; font-size:10px}
	.sitemap_center {width:1000px; margin:0 auto}