/* Main CSS Start */
*{
	margin:0;
	padding:0;
}
img{border:0;}
a{outline:none;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	margin:0 auto;
	background: url(../images/bg_body.jpg) repeat-x top #fff;
}

h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #085871;
	font-weight: normal;
	margin-bottom: 12px;
}
h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ff9d00;
	font-size:18px;
}

p {
	line-height:130%;
}
.clear{
	clear:both;
	line-height:0;
	font-size:0;
}

#wrapper{
	width:978px;
	margin:0 auto;
}
/* Main CSS End */


/* Header CSS Start */

#header{
	padding:29px 0 0 0;
	height:74px;
}

#logo{
	float:left;
	padding:0 0 0 40px;
}

#logo h1{
	display: block;
	width: 267px;
	height: 51px;
	background:url(../images/logo.jpg) no-repeat left top;
	text-indent:-2000px;
}


#logo h1 a{
text-decoration:none;
}

#logo h1 a:hover{
}


#navi{
	float:left;
	padding: 15px 0 0 68px;
	width: 600px;
}
#navi ul {
	list-style: none;
}
#navi ul li {
	float: left;
	height: 29px;
	background: url(../images/nav_sprtr.jpg) no-repeat right;
	padding: 0 10px;
	padding-top: 5px;
}
#navi ul li a {
	display: block;
	display: inline-block;
	height: 21px;
	padding-left: 8px;
	font-family: Verdana;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}
#navi ul li a span {
	display: block;
	display: inline-block;
	height: 20px;
	padding-right: 8px;
	padding-top: 1px;
}
#navi ul li a:hover {
	display: block;
	display: inline-block;
	height: 21px;
	background: url(../images/nav_left.gif) no-repeat left top;
	padding-left: 8px;
	font-family: Verdana;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}
#navi ul li a:hover span {
	display: block;
	display: inline-block;
	height: 20px;
	background: url(../images/nav_right.gif) no-repeat right top;
	padding-right: 8px;
	padding-top: 1px;
}
#navi ul li a.active_nav {
	display: block;
	display: inline-block;
	height: 21px;
	background: url(../images/nav_left.gif) no-repeat left bottom;
	padding-left: 8px;
	font-family: Verdana;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	cursor:pointer;
}
#navi ul li a.active_nav span {
	display: block;
	display: inline-block;
	height: 20px;
	background: url(../images/nav_right.gif) no-repeat right bottom;
	padding-right: 8px;
	padding-top: 1px;	
}
#navi ul li.last_nav {
	background: none;
	padding-right: 0;
}
/* Header CSS End */


/* Banner CSS Start */

#banner {
	background:url(../images/banner.jpg) no-repeat;
	height:143px;
	padding:0 0 40px 0;
	position: relative;
}

#banner h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#fff;
	width:714px;
	font-weight:normal;
}

#banner a {
	float:right;
	text-decoration:none;
	margin:0 130px 0 0;
	position: absolute;
	right: 0px;
	top: 125px;
	width: 259px;
	height:53px;
	display: block;
	background: url(../images/btn_banner.jpg) no-repeat;
	font-family: Verdana;
	color: #000;
	font-size: 12px;
	padding: 5px 0 0 10px;
}

#banner a span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	display: block;
	font-weight: bold;
}

#banner a:hover{
	text-decoration:none;
}
/* Banner CSS End */


/* Content CSS Start */
#content{
	width:978px;
	padding-bottom: 50px;
}
.index_content {
	padding: 20px 40px;
}
#service_boxes {
}
#service_boxes p {
	margin:0 0 15px 11px; 
}
#service_boxes a {
	display: block;
	width: 167px;
	height: 23px;
	background: url(../images/service_box_link2.jpg) no-repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000; margin-left:10px; xdisplay:inline;
	text-decoration: none;
	padding: 2px 0 0 7px;
}
#service_boxes a:hover {
	background: url(../images/service_box_link2.jpg) no-repeat left bottom;
}
.cart_box {
	width: 243px;
	height: 205px;
	float: left;
	background: url(../images/cart.jpg) no-repeat;
	margin-right: 20px;
	padding: 11px 44px 0 13px;
	font-size: 14px;
	margin-left: 20px;
	
}
.cart_box img{float:left;}
.cart_box .cols{float:left; width:243px; padding-bottom:14px}
.cart_box h1 {
	margin:15px 0 0 86px; display:block;
}
.cart_box .cols a{background:none!important; padding:0!important; width:auto!important; color:#085871!important; height:auto!important; font-size:22px!important; line-height:24px!important; cursor:pointer; float:left; margin:0!important}
.cart_box .cols a span{margin-top:21px; float:left;}
.cart_box .cols a:hover{text-decoration:none!important;}

.marketing {
	width: 233px;
	height: 205px;
	float: left;
	background: url(../images/marketing.jpg) no-repeat;
	margin-right: 20px;
	padding: 1px 44px 0 6px;
	font-size: 14px;
}
.marketing img{float:left;}
.marketing .cols{float:left; width:233px; padding-bottom:14px;}
.marketing .cols a{background:none!important; padding:0!important; width:auto!important; color:#085871!important; height:auto!important; font-size:22px!important; cursor:pointer}
.marketing .cols a span{margin:50px 0 0 12px;float:left;}
.marketing .cols a:hover{text-decoration:none!important;}

.marketing h1 {
	margin-left:25px;
}
.mobile {
	width: 233px;
	height: 205px;
	float: left;
	background: url(../images/mobile.jpg) no-repeat;
	padding:6px 44px 0 10px;
	font-size: 14px;
}
.mobile img{float:left;}
.mobile .cols{float:left; width:233px; padding-bottom:15px;}
.mobile .cols a{background:none!important; padding:0!important; width:auto!important; color:#085871!important; height:auto!important; font-size:22px!important; cursor:pointer}
.mobile .cols a span{margin:45px 0 0 0px;float:left;}
.mobile .cols a:hover{text-decoration:none!important;}


.mobile h1 {
	margin-left: 67px;
}
#left_side{
	width:305px;
	float:left;
	padding:0;
	margin: 0;
	
}
.left_side_top{
	background:url(../images/left_side_top.jpg) no-repeat top;
	width:249px;
	height: 38px;
	padding:6px 0 0 38px;
	margin: 0 0 14px 10px;	
}

.left_side_top h1{
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#14637C;
	padding:0;
	margin: 0;
}

.left_side_top h1 a{
	color:#14637C;
	text-decoration:none;
}

.left_side_top h1 span{
	font-weight: normal;
	font-size: 19px;
}

.left_side_inner{
	background:url(../images/left_side_inner_bg.jpg) no-repeat;
	width: 305px;
	padding: 11px 0 0 0;
	margin: 0;
}
.left_side_inner span{
	float: left;
	display: block;
}

.img{
	margin-left: 30px;
}


.left_side_inner a{
	width: 301px;
	padding: 0;
	margin: 0;
}

.left_side_inner h2{
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #065871;
	padding: 0;
	margin: 0;
}
.left_side_inner h2.heading{font: normal 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #065871;
	padding: 0;
	margin: 0;
}
.left_side_inner p{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0;
	margin: 0 13px 0 0;
	width:250px;
}

.left_button{
	width: 244px;
	margin: 0; float:left;
	cursor: pointer;
}

.left_button img{
	float:left;
	cursor: pointer;
	padding-right:10px;
}

.left_button_active img{
	float:left;
	padding-right:10px;
}

.left_button p{
	width:230px;
	margin: 0 0 0 55px;
}
.left_button a{
	width: 296px;
	height: 77px;
	margin: 0;
	padding:20px 0 2px 5px;
	cursor: pointer;
	float:left;
	text-decoration:none;
}
.left_button a:hover{
	width: 286px;
	float:left;
	padding:20px 0 2px 5px;
	border-right: 10px solid #FFCD7F;
	text-decoration:none;
}

.left_button_active{
	width: 286px;
	height: 77px;
	float:left;
	padding:20px 0 2px 5px;
	text-decoration:none;
	border-right: 10px solid #FF9C00;
}

.left_button_active a{
	text-decoration:none;
}

.left_button_active p{
	width:230px;
	margin: 0 0 0 55px;
}


.left_side_inner6{
	width: 301px;
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
}
.left_side_inner6 h2{
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #065871;
	padding: 0 0 11px 24px;
	margin: 0;
}
.left_side_inner6 p{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0 0 0 24px;
	margin: 0;
}
.left_side_inner6 a#portfolio{
display:block;
width:220px;
height:60px;
background:url(../../common/images/btn1_inner6.jpg) no-repeat left top;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px; line-height:23px;
font-weight:bold;
color:#000;
text-decoration:none;
margin-top:16px;
padding:4px 0 0 10px;
}

/* Banner CSS Start */


#right_side{
float:right;
width:635px;
}

#right_side h1{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:30px;
color:#065871;
margin-bottom: 3px;
}

#right_side h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#666666;
	margin-bottom: 10px;
}

#right_side h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#076b86;
	margin-bottom: 2px;
	margin-top: 4px;
	margin-right: 0px;
	margin-left: 0px;
	line-height:130%;
}

#right_side a.mobile_link{
background:url(../../common/images/bullet_inner.jpg) no-repeat right;
padding:0 15px 0 0;
color:#C9C9C9;
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}

#right_side a.mobile_link:hover{
color:#ff9c00;
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#right_side a.link{
padding:10px 0 0 0;
color:#F90;
font-weight:bold;
text-decoration:none;
}

#right_side a.link:hover{
color:#333;
text-decoration:underline;
}


.activeright_link{
color:#C9C9C9;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}

.activeright_link:hover{
}

#right_side a.comincia{
width:243px;
height:47px;
display:block;
float:right;
padding:35px 10px 0 20px;
font:normal 13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:130%;
background: url(../images/call_comincia.jpg) no-repeat left top; 
color:#000;
text-decoration:none;
margin: 20px;
display:inline;
}

#right_side a.comincia:hover{
background: url(../images/call_comincia.jpg) no-repeat left bottom; 
}

#right_side a.comincia span{
display:block;
font-size:14px;
}


.mediumimage{
width:602px;
padding:20px 0 20px 0; float:left;
background:url(../../common/images/sprter_line_17.gif) bottom no-repeat;
}

.mediumimage h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:22px;
color:#ff9f00 !important;
margin-bottom: 8px;
}

.mediumimage h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#076b86 !important;
margin-top:0 !important;
}

.mediumimage .descrizione_medium{
width:295px;
padding-left:12px;
float: left;
}

.mediumimage .image_box{
width:290px;
float: left;
}

.mediumimage img.bigimg_left{
border:10px solid #dbebf0;
}
.mediumimage span a{background:none!important; padding:0!important; margin:0!important; width:auto!important; height:auto!important;}

.mediumimage p{
display:block;
line-height: 17px;
}
.mediumimage p.discretion_text{
margin: 10px 0 0 11px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
width:280px;
color:#999;
clear:both;
}
.mediumimage a{
display:block;
width:130px;
height:29px;
background:url(../../common/images/btn1_inner2.jpg) no-repeat left top;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px; line-height:23px;
font-weight:bold;
color:#000;
text-decoration:none;
float:left;
margin-top:26px;
padding:2px 0 0 10px;
}
.mediumimage a:hover{
background:url(../../common/images/btn1_inner2.jpg) no-repeat left bottom;
}

.mediumimage a:hover{
}

.gallery{
padding:16px 0 20px 0;
border-bottom:0px solid #dadada;float:left;
width:635px;
background:url(../../common/images/sprter_line_17.gif) bottom no-repeat;

}

.gallery h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:22px;
color:#ff9f00 !important;
margin-bottom: 14px;
}

.gallery div{
float:left;
width:150px;
margin:0 10px 0 0;
}

.gallery div img{
display:block;
margin:0 0 5px 0;
border:10px solid #dbebf0;
}

.gallery div a{
color:#999999;
text-decoration:none;
font-size:11px;
margin:0 0 0 11px;
}

.gallery div a:hover{
text-decoration:underline;
}

.gallery div.no_margin{
float:left;
width:150px;
margin:0;
}

.gallery div.no_margin img{
margin:0 0 5px 0;
border:10px solid #dbebf0;
}

.gallery div.no_margin a{
display:block;
color:#999999;
text-decoration:none;
font-size:11px;
margin:0 0 0 11px;
}
.gallery div.no_margin a:hover{
text-decoration:underline;}

.smallimage{
padding:20px 0 20px 0;
background:url(../../common/images/sprter_line_17.gif) bottom no-repeat;
}

.smallimage h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:22px;
color:#ff9f00 !important;
margin-bottom: 14px;
}



.smallimage h3{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:15px; float:left; width:470px;
color:#066b85 !important;
}
.smallimage h3.present{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:15px; line-height:19px; float:left; width:470px;
color:#066b85 !important;
}
.smallimage img{
border:10px solid #dbebf0;
margin:0 15px 0 0; float:left;
}

.smallimage p{
	margin:5px 0 0 0; width:460px;
	display:block; float:left;
}
 



.bigimage{
padding:20px 0 20px 0;

}

.bigimage img{
border:10px solid #dbebf0;
}



.sperator_rightinner{
display:block;
height:1px;
width:550px;
background-color:#dadada;
}

.partners{
	padding:16px 10px 0 0;
}

.partners h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:22px;
color:#ff9f00 !important;
margin-bottom: 11px;
}

.partners ul{
list-style:none;
margin:0;
padding:20px 0 0 0;
}

.partners ul li{
padding:0;
margin:0;
width:204px;
}
.partners ul li.select{
padding:0 0 10px;
margin:0;
width:204px;
}

.partners label{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
width:204px;
font-weight:bold;
display:block;
color:#066b85;
line-height:25px;
}

.u_container{
width:470px;
margin:0;
float:left;
margin-left: 8px;
}


.drop_down{
	width:202px;
	/*height:29px;*/
border:0;
	/*background-color:#e9f2f5;*/
border:1px solid #086c86;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#066b85;
	font-size:14px;
/*padding:4px 0 0 0;*/
}

.left_ul{
margin:0 0 0 15px;
float:left;
}
.left_ul label{
margin-top: 8px; float:left;
}
.left_ul label.text{
margin-top: 8px;
font-size:13px; 
margin-bottom:3px;
line-height:19px;
}

.right_ul{
float:right;
padding:0 0 0px 0;
}
.right_ul label{
margin-top: 8px;
}
.right_ul label.text{
margin-top: 8px;
margin-bottom:3px;
font-size:13px; 
line-height:19px;
}

ul.btm_ul{
width:435px;
padding:3px 0 0;
}
.btm_ul label{
margin-top:0;
}

.btm_ul label.text{
margin-bottom:3px;
font-size:13px; 
line-height:19px;
}

.btm_ul textarea.txt_area{
	background-color:#e9f2f5;
	border:1px solid #086c86;
	height:110px;
	width:425px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#066b85;
	font-size:14px;
	padding:0 0 0 5px;
}

.invia{
display:block;
width:83px;
height:34px;
background:url(../../common/images/btn3_inner.jpg) no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#000;
text-decoration:none;
float:left;
padding:10px 0 0 20px;
border:none;
margin:10px 0 0 0px;
float:right; cursor:pointer

}

.ecommerce{
	border-bottom:1px solid #dadada;
	padding:20px 0 33px 0;
}

.ecommerce p{
	display:block;
	padding:2px 0 0 0;
	margin-right: 30px;
}
/* Content CSS End */


/* Footer CSS Start */
#footer {
	background-color: #333333;
	padding: 30px 0 40px 0;
	color: #797979;
}
#footer p {
	padding-bottom: 20px;
}
#footer h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF9D00;
	margin-bottom: 12px;
	font-weight: normal;
}
.inner_footer{
	width:956px;
	margin: 0 auto;
	padding: 0 0 0 22px;
}
.contact {
	width: 234px;
	float: left;
	position:relative;
}

.skype{
	float:none; 
  	position:absolute; 
	bottom:15px; 
	left:-2px; 
	width:76px;
}
.contact p a {
	color: #797979;
	text-decoration: none;
}
.contact p a:hover {
	color: #FF9D00;
}
.sevenlike {
	width: 129px;
	height: 20px;
	background: url(../images/contact_link_bg.jpg) no-repeat;
	display: block;
	margin-bottom: 20px;
	text-align: right;
	color: #fff;
	text-decoration: none;
	padding: 3px 15px 0 0;
	float: right;
}
.sevenlike:hover {
	color: #FF9D00;
}
.sevenlike_inner {
	width: 148px;
	height: 34px;
	background: url(../images/skype_sevenlike.gif) no-repeat right top;
	display: block;
	margin-bottom: 20px;
	text-align: right;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px 0 0;
	float: left;
}
.sevenlike_inner:hover {
	color: #FF9D00;
}
.copyright_1 {
	width: 242px;
	float: left;
	padding-left: 107px;
}
.copyright_2 a {
background: url("../images/magento_silver_partner_footer.png") no-repeat scroll left top;
    color: #797979;
    display: block;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 15px;
    height: 86px;
    padding: 19px 20px 0 115px;
    text-align: left;
    text-decoration: none;
    width: 240px;
}
.copyright_2 a:hover {
	color: #FF9D00;
}

.copyright_2 {
	width: 242px;
	float: left;
	padding-left: 92px;
}
.copyright_1 p a {
	color: #797979;
	text-decoration: none;
}
.copyright_1 p a:hover {
	color: #FF9D00;
}

/* Footer CSS End */

/*----- #SEVENLIKE FORM --------------------------------------------------------------------------------------------------------------------------*/
#sevenlike_form
{
	clear: both;
	margin: 15px 0 0 0;
}
#sevenlike_form DIV
{
	padding-bottom: 5px;
	margin: 0px 0;
	float: left;
	width: 50%;
}
#sevenlike_form #tipologia_lead_container
{
	visibility: hidden;
	display: none;
}
#sevenlike_form LABEL
{
	display: block;
	width: 205px;
	float: left;
	color:#066B85;
	font:normal 16px "Trebuchet MS";
	padding-bottom: 5px;
	font-weight:bold;
}
#sevenlike_form TEXTAREA, #sevenlike_form INPUT
{
		
	width:197px;
	height:24px;
	background-color:#e9f2f5;
	border:1px solid #086c86;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#066b85;
	font-size:14px;
	padding:5px 0 0 5px;
}

#sevenlike_form SELECT{
	width:197px;
	background-color:#e9f2f5;
	border:1px solid #086c86;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#066b85;
	font-size:16px;
	padding:5px 0 0 5px;
}
#sevenlike_form TEXTAREA:focus, #sevenlike_form INPUT:focus, #sevenlike_form SELECT:focus
{
	color: #000;
	border: 1px solid #3C9;
	
}
#sevenlike_form TEXTAREA,#sevenlike_form TEXTAREA:focus
{
	height: 100px;
	font:normal 15px "Trebuchet MS";
	width:475px;
}
#sevenlike_form #privacy_container
{
	border: none;
	float: left;
	width: 400px;
}
#sevenlike_form #privacy_container INPUT
{
	
	margin: 10px 20px 0 0;
	padding: 0;
	background: none;
	border: none;
	width: 15px;
	float: left;
}
#sevenlike_form #privacy_container LABEL
{
	float: left;
	display: block;
	width: 100%;
	font-size: 11px;
}
#tipologia_lead_container{
	display:none;
}
#sevenlike_form .invia_button{
	border:0;
	padding: 0;
	margin: 0 11px 0 0;
	width:103px;
	float:right;
	height:44px;
}

#sevenlike_form .invia_button:focus{
	border:0;
	padding: 0;
	margin: 0 11px 0 0;
	width:103px;
	float:right;
	height:44px;
}

.privacy {
	font-size:11px;	
}
#tipo_progetto_container{
	 padding-top: 10px;
}
	
#consegna_container{
	 padding-top: 10px;
}
#consegna_select{
	 padding-top: 10px;
}
#budget_container{
	 padding-top: 10px;
}
#budget_select{
	 padding-top: 10px;
}	
		
#tipo_progetto_checkbox ul{
	margin-top:10px;
	padding:0;}
#tipo_progetto_checkbox .check{
	width:20px;float:left;
}
#tipo_progetto_checkbox label{
	width:180px;
	text-align:left;
	font-weight:normal;
	padding-left: 1px;
	
}
