/* RESET - RESET - RESET - RESET - RESET - RESET - RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select,option { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing: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;
}

embed, object{
   display:block;
}

/* RESET - RESET - RESET - RESET - RESET - RESET - RESET */

.cleared:after {
    display		: block; 
    visibility  	: hidden;
    content		: "."; 
    height		: 0; 
    clear           : both;
}
            
.cleared {
    clear           : both; /* per Gecko */
    height		: 1%; /* per IE */
}


/* GENERALE - GENERALE - GENERALE - GENERALE - GENERALE - GENERALE */

body{
    text-shadow:                rgba(0,0,0,0.01) 0 0 0;
}

body{
    padding:                    30px 0 30px 30px;
    color:                      #999;
    font:                       10px/1.4em Tahoma, Arial, Verdana, Helvetica, sans-serif; 
    background:                 #FFF /*url(../img/bg_home1.jpg) no-repeat*/;
}

embed, object{
    outline:                    0; 
}

a:link,
a:visited{
    color:                      #999;
    text-decoration:            none;
    border:                     0;
    outline:                    0;
}

a:hover,
a:focus,
a:active{
    color:                      #000;
}

img{
    border:                     0;
}

#page{                   
    width:                      100%;
    overflow:                   hidden;
}

/* GENERALE - GENERALE - GENERALE - GENERALE - GENERALE - GENERALE */



/* INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO */

#intro{
    position:                   absolute;
    top:                        0;
    left:                       0;
    width:                      100%;
    height:                     100%;
    background:                 #FDFDFD;
    z-index:                    50;
}

#intro #swf{
    position:                   absolute;
    top:                        155px;
    right:                      0;
    width:                      950px;
    height:                     330px;
    z-index:                    100;
    /*display:                    none;*/
}

#intro #skip{
    position:                   absolute;
    bottom:                     10px;
    right:                      10px;
    padding:                    0 5px 0 35px;
    background:                 #000;
    color:                      #FFF;
    z-index:                    100;
}
/* INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO - INTRO */



/* HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER */

#header{
    width:                      950px;
    height:                     170px;
    background:                 #FFF;
}

#header h1{
    float:                      left;
    margin-right:               110px;
}

#header ul{
    margin-left:                110px;
}

#header ul li{
    float:                      left;
    display:                    inline-table;
}

#header ul img{
    cursor:                     pointer;
}

#header ul li a:link,
#header ul li a:visited{
    color:                      #000;
    font-size:                  11px;
    font-weight:                bold;
}

#header ul li a:hover,
#header ul li a:focus,
#header ul li a:active{
    color:                      #000;
}

#header ul ul{
    margin:                     0;
}

#header ul ul li{
    float:                      none;
    width:                      100%;
}

#header ul ul li a:link,
#header ul ul li a:visited{
    color:                      #999;
    font-size:                  11px;
    font-weight:                normal;
}

#header ul ul li a:hover,
#header ul ul li a:focus{
    color:                      #000;
}

#header ul ul li a.sel:link,
#header ul ul li a.sel:visited{
    color:                      #FFF;
    padding:                    0 1px;
    background:                 #000;
}

#header ul li a.home{
    padding:                    1px 0 5px 0;
    display:                    block;
}

/* HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER - HEADER */



/* SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW */

#slideshow{
    width:                      100%;
    height:                     100px;
    color:                      #FFF;
    background:                 #000 !important;
    display:                    block;
    overflow:                   hidden;
}

/* SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW - SLIDESHOW */



/* CONTENT - CONTENT - CONTENT - CONTENT - CONTENT - CONTENT - CONTENT - CONTENT */

#content{
    position:                   relative;
    float:                      left;
    width:                      950px;
    height:                     250px;
    padding:                    40px 0 40px 0;
    background:                 #FFF;
    font-size:                  11px;
    /*border-right:               1px dashed #EEE;*/
    overflow:                   hidden;
}

#content .news{
    float:                      left;
    width:                      580px;
    padding:                    0 0 0 20px;
}

#content .news div{
    position:                   relative;
    float:                      left;
    width:                      500px;
    margin-top:                 20px;
    display:                    inline;
}

#content a.link:link,
#content a.link:visited{
    padding:                    0 3px;
    color:                      #000;
}

#content a.link:hover,
#content a.link:focus,
#content a.link:active{
    padding:                    0 3px;
    color:                      #FFF;
    background:                 #000;
}

#content .news div.first{
    margin:                 0;
}

#content .news div img{
    position:                   absolute;
    top:                        0;
    left:                       0;
    padding-right:              50px;
    margin-right:               20px;
    background:                 url(../img/bg_extra.gif) right top no-repeat;
    display:                    inline;
}

#content .news div h2{
    float:                      right;
    width:                      290px;
    margin-bottom:              5px;
    color:                      #000;
    font-weight:                bold;
}

#content .news div h2 a:link,
#content .news div h2 a:visited{
    color:                      #777;
}

#content .news div h2 a:hover,
#content .news div h2 a:focus,
#content .news div h2 a:active{
    color:                      #000;
}

#content .news div p{
    float:                      right;
    width:                      290px;
    margin-bottom:              5px;
    clear:                      right;
}

#content .extra{
    float:                      left;
    width:                      300px;
    padding:                    0 0 0 20px;
    background:                 url(../img/bg_extra.gif) 0 15px no-repeat;
}

#content .extra p{
    width:                      250px;
    margin:                     5px 0;
}

#content .extra #input-newsletter{
    float:                      left;
    width:                      180px;
    height:                     15px;
    margin:                     0 5px 10px 0;
    border:                     1px solid #CCC;
}

#content .extra #submit{
    width:                      auto;
    color:                      #666;
    font-size:                  10px;
    background:                 transparent;
    border:                     0;
    cursor:                     pointer;
}

#content #twitter{
    float:                      left;
    width:                      300px;
    padding:                    40px 0 20px 20px;
    background:                 url(../img/twitter_home.gif) 15px 65px no-repeat;
}

#content #twitter h2{
    color:                      #000;
    font-size:                  14px;
    font-weight:                bold;
}

#content #twitter p{
    margin:                     8px 0 0 60px;
    color:                      #333;
    font-size:                  11px;
    line-height:                15px;
}

#content #twitter b{
    color:                      #000;
}

#content #twitter a:link,
#content #twitter a:visited{
    color:                      #26C6E3;
}

#content #twitter a:hover,
#content #twitter a:focus,
#content #twitter a:active{
    color:                      #7FD7E8;
}

#content p.approach{
    float:                      left;
    width:                      400px;
    margin:                     0 35px 0 5px;
    line-height:                1.8;
    display:                    inline;
}

#content .ccolumn{
    float:                      left;
    width:                      170px;
    margin-left:                5px;
}

#content .cblock{
    width:                      170px;
    padding-bottom:             14px;
}

#content .cblock b{
    color:                      #000;
    font-weight:                normal;
    text-transform:             lowercase;
    display:                    none;
}

#content .clients{
    float:                      left;
    width:                      950px;  
    margin-left:                5px;
    margin-top:                 5px;
    line-height:                25px;
    display:                    inline;
}

#content .clients li{
    float:                      left;
    margin-right:               15px;
    display:                    inline;
}

#content .clients li span{
    padding:                    0 2px;
    color:                      #FFF;
    font-size:                  21px;
    font-family:                Arial, Verdana, Helvetica, sans-serif;
    background:                 #000;
}

#content .clients li.first{
    clear:                      left;
}

#content .clients li a:link,
#content .clients li a:visited{
    padding:                    0 2px;
    color:                      #999;
    font-size:                  21px;
    font-family:                Arial, Verdana, Helvetica, sans-serif;
    background:                 #F8F8F8;
}

#content .clients li a:hover,
#content .clients li a:focus,
#content .clients li a:active{
    color:                      #FFF;
    background:                 #000;
}

#content .clients.activity{
    width:                      700px;  
    margin-left:                0;
}

#content .clients.activity li{
    margin-bottom:              2px;
}


#content .clients.activity li a:link,
#content .clients.activity li a:visited{
    font-size:                  19px;
    white-space:                nowrap;
}

#content address{
    margin:                     0 0 0 5px;
    line-height:                1.7;
}

#content address img{
    display:                    block;
}

#content address em{
    color:                      #000;
    font-weight:                bold;
}

#content address a.contact:link,
#content address a.contact:visited,
#content address a.contact:hover,
#content address a.contact:focus,
#content address a.contact:active{
    padding:                    0 3px;
    color:                      #FFF;
    background:                 #000;
}

#content #where{
    float:                      left;
    width:                      220px;
    margin-top:                 5px;
}

#content #where h2{
    margin:                     0 0 10px 5px;
}

#content #where h3{
    margin:                     0 0 0 5px;
}

#content #where ul{
    margin:                     15px 0 0 6px;
    display:                    none;
}

#content #where ul a.sel{
    color:                      #000;
}

#content #where ul ul{
    margin:                     0 0 5px 5px;
    display:                    none;
}

/*
#content .client-list{
    float:                      left;
    width:                      150px;
    margin-top:                 3px;
    display:                    inline;
}

#content .client-list.first{
    margin-left:                130px;
}

#content .client-list li{
    float:                      left;
    width:                      150px;
    display:                    inline;
}

#content .client-list li a{
    color:                      #000;
    font-size:                  11px;
    line-height:                1.6;
}
*/

#content .client-list{
    float:                      left;
    width:                      150px;
    margin-top:                 3px;
    display:                    inline;
}

#content .client-list.first{
    margin-left:                130px;
}

#content .client-list li{
    float:                      left;
    width:                      150px;
    display:                    inline;
}

#content .client-list li a{
    color:                      #000;
    font-size:                  11px;
    line-height:                1.6;
}

#content #works{
    float:                      left;
    width:                      700px;
    margin-top:                 5px;
}

#content #works h4{
    margin-top:                 1px;
    margin-bottom:              18px;
}

#content #works p{
    float:                      left;
    width:                      676px;
    margin:                     0 0 30px 0;
    font-size:                  11px;
}

#content #works p b{
    color:                      #000;
}

#content #works p img{
    float:                      left;
    margin-right:               30px;
    /*background:                 url(../img/work.jpg);*/
    border:                     1px solid #EEE;
}

#content #works p img.dark{
    border:                     1px solid #CCC;
}

#content #works p a:link,
#content #works p a:visited{
    color:                      #000;
}

#content #works p a:hover,
#content #works p a:focus,
#content #works p a:active{
    text-decoration:            underline;
}

#content #works p span{
    float:                      left;
    width:                      482px;
    height:                     405px;
    margin-right:               30px;
    /*background:                 url(../img/work.jpg);*/
    display:                    block;
}

#content #works p embed,
#content #works p object{
    float:                      left;
    margin-right:               30px;
    display:                    block;
}

.lab-gallery{
    float:                      left;
    margin-right:               10px;
}

#content #news{
    float:                      right;
    position:                   absolute;
    top:                        40px;
    left:                       360px;
    width:                      550px;
    padding:                    0 0 20px 20px;
    border-left:                1px solid #CCC;
}

#content #news img{
    float:                      left;
}

#content #news h2{
    float:                      right;
    width:                      380px;
    margin-bottom:              10px;
    color:                      #000;
    font-weight:                bold;
    text-transform:             uppercase;
    display:                    block;
}

#content #news p{
    float:                      right;
    width:                      380px;
    margin-bottom:              5px;
}

/* CONTENT - CONTENT - CONTENT - CONTENT - CONTENT - CONTENT - CONTENT - CONTENT */



/* FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER */

#footer{/*
    position:                   fixed;
    bottom:                     0;
    left:                       3%;*/
    float:                      left;
    width:                      100%;
    padding:                    15px 0 15px 40px;
    background:                 #000;
}

#footer span{
    float:                      left;
    color:                      #FFF;
}

#footer ul{
    float:                      left;
    margin-left:                20px;
    color:                      #666;
}

#footer li{
    float:                      left;
}

#footer li.first{
    border:                     0;
}

#footer a:link,
#footer a:visited{
    color:                      #666;
    font-size:                  10px;
    line-height:                10px;
    padding:                    0 12px 0 8px;
    text-transform:             capitalize;
}

#footer a:hover,
#footer a:focus,
#footer a:active{
    color:                      #999;
}

#footer a span{
    color:                      #FFF;
}

/* FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER */



/* DEBUG - DEBUG - DEBUG - DEBUG - DEBUG - DEBUG - DEBUG - DEBUG - DEBUG - DEBUG */

#debug{
    margin-top:                 50px;
    padding:                    10px 50px;
    font-size:                  100%;
    line-height:                1.2em;
    border-top:                 1px solid #000;
    background:                 #EAF5FF;
    clear:                      both;
}

#debug pre{
    margin:                      10px;
}

#debug b{
    margin-top:                  15px;
    display:                     block;
}form{
    /*float:                      left;*/
}

fieldset{
    float:					    left;	/*per far prendere correttamente l'altezza a safari*/
	margin:						0;
	padding:					0;
	border:						0;
	/*background:         		#EEE;*//* explorer 6 e 7  mettono sfondo troppo in alto*/
}

legend{
    padding:					0 10px;
	margin-left:				10px;
	border: 					1px solid #000;
	/*background:        		#FFF;*/
	display:					inline;
}

label{   
    margin-left:                1px;
    font-size:                  12px;
    font-family:                "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight:                bold;
    line-height:                12px;
    display:                    inline;
    cursor:                     pointer;
}

label.has-trans img{
    position:                   relative;
    top:                        3px;
    margin-left:                3px;
}

input{
    height:                     18px;
    padding:                    0;
    color:                      #333;
    font-family:                "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    line-height:                12px;
    border:                     1px solid #BFBFBF;
    display:                    block;
}

select{
    height:                     20px;
    color:                      #333;
    font-size:                  12px;
    font-family:                Verdana, Arial, serif;
    border:                     1px solid #BFBFBF;
    display:                    block;
}

textarea{
	margin:						0;
    color:                      #333;
    font-family:                "Trebuchet MS", Verdana, Arial, serif;
    font-size:                  12px;
    border:                     1px solid #BFBFBF;
    display:                    block;
}

form br{
    clear:						left;
}

.fieldbox{
	/*float:						left;*/
    margin:                     10px 0 0 0;
	padding:					0;
	display:					block;
    clear:                      both;
}

.first.fieldbox{
	/*clear:                      left;*/
}

input.hidden{
    display:                    none;
}

input.input{
    padding:                    0 4px;
}

input.file{
    width:                      auto;
    height:                     20px;
}

input.hidden{
    display:                    none;
}

select.select{
}

input.textarea{
    padding:                    2px 4px;
}

input.radio{
    height:                     auto;
    vertical-align:             text-bottom;                
    margin-right:               3px;
    border:                     0;
    background:                 transparent;
}

input.checkbox{
    vertical-align:             text-bottom;
    border:                     0;
    background:                 transparent;
}

input.submit{
    width:                      auto;
    height:                     22px;
    padding:                    1px 5px 1px 5px;
    font-weight:                bold;
    cursor:                     pointer;
}

form .error{
    border:                     1px solid #C00;
}html, body {
	/*height: 100%;*/
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../img/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x;
}