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

/* GENERAL
-----------------------------------*/
* { margin:0; padding:0 }
img { border:0 }
ul { list-style:none }
ol {list-style-position:inside; padding:0 0 20px 20px}
/* 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:10px; line-height:11px; margin-bottom:7px; text-transform:uppercase; color:#0099FF}
h2.important { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#0099FF; margin-bottom:10px }
h2#box1 {font-size:16px; border-bottom:1px solid #DFDFDF; font-weight:normal; color:#0066FF}
h2#box2 {font-size:16px; border-bottom:1px solid #DFDFDF; font-weight:normal; color:#CC6600}
h2#box3 {font-size:16px; border-bottom:1px solid #DFDFDF; font-weight:normal; color:#990000}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0099FF; margin-bottom:10px; border-bottom:1px solid #CCC }
.topic h3 {border-bottom:none}
.topic h3 span { color:#333; display:block; width:80px; height:50px; float:left}
.staff h3 { font-size:16px }
#magento h3 {color:#CC0000; border-bottom:none}
.col_dx h4 { background:#444; color:#FFF; padding:0 5px; font-size:10px; height:20px; line-height:20px}
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; }
a:hover { text-decoration:none }
.menu_top a { text-decoration:none; 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 li ul li a { display: block; height: 30px; line-height: 30px;  width: 160px;}
.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 }
.list2 { margin-left:30px }
.list2 li { margin-bottom:10px }
.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 }
.plusone {float:right}
.col_dx { float:right; width:250px; height:500px; border:1px solid #ddd; padding:10px; margin-left:20px; font-size:11px; line-height:12px; background:#f9f9f9}
.col_dx img { margin-bottom:20px}

/* 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 30px 0; margin-top:0}
.topic h3 { position:relative }
.topic div { position:relative }
.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 }
.topic4 { font-size:10px; line-height:12px; padding:5px 10px 20px 40px}
.topic3 h4 { border-bottom:none; margin-bottom:5px }
.big { font-size:16px }
.middle { font-size:14px }
/* e-commerce */
.box_ecom { float:left; height:320px; width:315px; margin:20px 5px 0 0; text-align: center; border:1px solid #eee }
.box_ecom p { height:150px; text-align:left; padding:10px 30px 0}
.box_ecom.focus { border:1px solid #999}
.box_ecom.small { height:90px}
/* ticker */
#ticker {height:380px; overflow:auto; }
/* 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 p.category { font-size:11px; color:#555; text-align:left; margin-bottom:3px}
.box_portfolio .dettagli p.subcategory { font-size:9px; text-transform: uppercase; font-weight:bold; margin-bottom:5px }
.box_portfolio .dettagli p.subcategory span { color:#888; text-transform:capitalize; font-weight:normal}
.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 }
/* portfolio new */
.box_cat { padding:20px 0 30px 40px; height:155px}
.box_cat li a { display:block; float:left; width:195px; height:155px; background:#ddd; margin-right:40px}
.box { height:310px; padding:10px 0 30px 40px}
.box li { float:left; width:170px; height:135px; border:1px solid #ddd; margin:0 10px 10px 0}
.border { border:1px solid #ddd; padding:2px}
.list { width:250px; float:left; margin-bottom:40px}
.list li { background:url(../img/i_portfolio_new/list-style.jpg) left 8px no-repeat; padding-left:20px}
.img_left { float: left; margin-right:20px}
/* animazione su navtop-1 */
	.boxgrid { float:left; width:240px; height:150px; overflow:hidden; position:relative }
	.boxgrid img { position: absolute; top: 0; left: 0; border: 0 }
	.boxgrid a { color:#FFF; display:block; width:170px; height:135px; font-size:11px; text-decoration:none; float:right; text-align:right; padding:10px}
	.boxcaption { float:left; position: absolute; top:0; left:-176px; background: #000; height: 135px; width: 170px; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
	.boxcaption a { padding-left:5px}
/* 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:35px; line-height:12px }
.img_left { float:left; margin:5px 10px 60px 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 ul {position: absolute; top: 15px; visibility: hidden;}
.menu_top li ul li{width:200px}

.menu_top li { float:left }
.relativo {position: relative}
/*
.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}
*/

/*- Menu Tabs B--------------------------- */

    #tabsB { float:left; width:100%; border-bottom:1px solid #666; line-height:normal; margin-bottom:40px }
#tabsB ul { margin:0; padding:10px 10px 0 20px; list-style:none; }
#tabsB li { display:inline; margin:0; padding:0; }
#tabsB a { float:left; background:url("../img/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabsB a span { float:left; display:block; background:url("../img/tabrightB.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span { float:none; }
/* End IE5-Mac hack */
    #tabsB a:hover span { color:#000; }
#tabsB a:hover { background-position:0% -42px; }
#tabsB a:hover span { background-position:100% -42px; }
#tabsB #current a { background-position:0% -42px; }
#tabsB #current a span { background-position:100% -42px; }
-->
.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 }