@import url(reset.css);
*{margin: 0;padding: 0}

html{
	padding: 0;
	margin: 0;
background: #ffffff url(images/background.gif);
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

:Focus {-moz-outline-style: none;outline: none;}

#mappa_pagina a{
	line-height: 24px;
}

p {
	font: 12px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	color: #666;
	text-align: justify;
}
ol, ul {list-style: none;}
caption, th, td {text-align: left;font-weight: normal;}


a{
	font: 12px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	text-decoration: none;
	color: #3399cc;
	font-size: 13px;
}

a:hover {text-decoration: underline;}



h1{
	font: 14px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	color: #3399cc;
}
span{
	color: #3399cc;
}
#studio09{
   position: fixed;
   z-index: 10;
   bottom: 0;
   left: 0;
   margin-bottom: 20px;
   margin-left: 40px;
}
#container{
   padding-left: 186px;
}
.pagine {clear: both;float: left;width: 715px;padding-top: 40px;margin-bottom: 200px;}

.servizi_box2{
height: 120px;
width: 190px;
}
.grafica2{
background: url(images/sottotitolo_grafica.jpg);
}
.web2{
background: url(images/sottotitolo_web.jpg);
}
.marketing2{
background: url(images/sottotitolo_marketing.jpg);
}
.progettazione2{
background: url(images/sottotitolo_progettazione.jpg);
}
.mobile2{
background: url(images/sottotitolo_mobile.jpg);
}
.foto2{
background: url(images/sottotitolo_fotografia.jpg);
}


.tasto_informazioni{
	margin-left: 10px;
	margin-top:98px;
	float:left;
	z-index: -20 !important;
	cursor: pointer;
	width: 138px;
	height: 11px;
	background: url(images/informazioni.png);
}
.tasto_informazioni:hover{
background-position: right;
}
.tasto_anteprima{
	position: relative;bottom:0;margin-left:10px;margin-bottom:10px;float:left;border: 0;z-index: -10 !important;
	cursor: pointer;
	width: 98px;
	height: 11px;
	background: url(images/anteprima.png);
}
.tasto_anteprima:hover{
background-position: right;
}
.tasto_visita{
	position: relative;bottom:0;margin-left:10px;border: 0;float:left;z-index: -10 !important;
	cursor: pointer;
	width: 102px;
	height: 9px;
	background: url(images/visita1.png);
}
.tasto_visita:hover{
background-position: right;
}
.tasto{
	cursor: pointer;
	width: 66px;
	height: 66px;
	margin: 0;
	padding: 0;
	margin-left: 39px;
}
.tasto_home{background: url(images/tasto_home.jpg) left;}
.tasto_servizi{background: url(images/tasto_servizi.jpg);}
.tasto_portfolio{background: url(images/tasto_portfolio.jpg);}
.tasto_clienti{background: url(images/tasto_clienti.jpg);}
.tasto_contatti{background: url(images/tasto_contatti.jpg);}

.tasto:hover{background-position:right;}

.select{background-position:right !important;}

/* @group TIPSY */
.tipsy { padding: 5px; font: 11px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif);
	text-align: justify;line-height: 16px !important;
}
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 280px; text-align: justify;padding:14px; }
  .tipsy-inner { -moz-border-radius:10px; -webkit-border-radius:10px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/* @end */



/* @group MENU */
#nav{
	background: url(images/background_sidebar.jpg) repeat-y;
	display: table;	
    position: fixed;
    top: 0px;
    left: 0px;
    width: 146px;
    height: 100%;
}
#nav ul{margin-top: 40px;}
#nav li{margin-bottom: 10px;#margin-bottom: 0px;}

/* @end */

.titolo{
	float: left;
	width: 48px;
	margin: 0;
	padding: 0;
	padding-right: 3px;
}
.tasto_servizi2{
width: 48px;
height: 48px;
margin-bottom: 10px;
}
.tasto_grafica{
background: url(images/tasto_grafica.png);
}
.tasto_web{
background: url(images/tasto_web.png);
}
.tasto_marketing{
background: url(images/tasto_marketing.png);
}
.tasto_progettazione{
background: url(images/tasto_progettazione.png);
}
.tasto_mobile{
background: url(images/tasto_mobile.png);
}
.tasto_foto{
background: url(images/tasto_foto.png);
}
.tasto_servizi2:hover{
background-position: right !important;
}


.titolo2{
	float: left;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
}

/* @group HOME */

#titolo_home{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 30px;
	width: 420px;
}

#video{
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 300px;
	margin-right: 24px;
	background: url(images/loader.gif) no-repeat center;
}
#titoli_destra{
	position: fixed;
	top: 40px;
	left: 855px;
	float: right;
	margin: 0;
	padding: 0;
	width: 48px;
}
#home_sinistra{
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 40px;
	margin-top: 40px;
	width: 422px;
}
#home_sinistra p{
	line-height: 24px;
}
#home_destra{
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}
#home_form{
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 174px;
	margin-top: 40px;
	margin-bottom: 20px;
	background: url(images/home_form.jpg);
}

input{
	background: none;
	color: #4c4c4c;
	width: 133px;
	border: 0;
	padding-left: 5px;
	height: 26px;
	#padding-top:0px;
font: 12px/24px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	color: #666;
}

.campo{
	float: left;
	background: #ffffff;
	height: 26px;
	width: 138px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	border: 1px #dddddd solid;
}
.campo2{
	float: right;
	background: #ffffff;
	width: 226px;
	height: 102px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
textarea{
	float: right;
	background: #ffffff;
	width: 226px;
	height: 102px;
	margin: 0px;
	padding: 0px;
	border: 1px #dddddd solid;
	font: 13px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	color: #666;
}
.campo2 p{
padding-left: 5px;
font: 13px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	color: #666;
}
.campo3{
	float: left;
	width: 290px;
	margin: 0px;
	padding: 0px;
}

.scelta{
	float: left;
	background: none;
	color: #4c4c4c;
	width: 13px;
	border: 0;
	padding: 0;
	margin-top: -3px;
}

.entra{
	float: right;
	margin-right: 20px;
}
.footer{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 40px;
	width: 642px;
}
.footer img{
	float: left;
}
.footer_sinistra{
	float: left;
}
.footer_destra{
	float: right;
}
.footer_destra a:hover{
	color: #444444;
}
.footer p{
	float: left;
	padding-top: 2px;
}
.footer a:hover{
text-decoration: none;
}
/* @end */

/* @group SERVIZI */
#servizi_interna{
	float: left;
	margin: 0;
	padding: 0;
	width: 645px;
}

#servizi_content{
	float: left;
	margin: 0;
	padding: 0;
	width: 664px;
}

.box_servizi{
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 130px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: url(images/box.jpg) no-repeat;
	
}
.box_servizi p{
padding: 0 !important;
margin: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
	
}

.boxgrid{ 
width: 190px; 
height: 120px; 
margin:0px;
margin-top: 5px;
margin-left: 5px;
padding:0px; 
float:left; 
overflow: hidden; 
position: relative;
z-index: 0;
background: #333333; 
}
.boxgrid img{position: absolute;top: 0;left: 0;border: 0;z-index: 0;}


.boxgrid p{ 
	padding: 10px; 
	color:#888888; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}

.box_info{float: right;
margin-top: -10px;
#margin-top: 120px;
margin-right: -10px;
#margin-right: -20px;
#margin-left:-10px ;
overflow: hidden; 
position: relative;}
#servizi_sinistra{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	width: 644px;
}
/* @end */

/* @group CONTATTI */

#mappa{
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 390px;
	margin-right: 24px;
}
#titolo_pagine{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 644px;
}

#contatti_sinistra{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	width: 224px;
}
#contatti_destra{
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	height: 169px;
	width: 419px;
	background: url(images/form_bg.jpg);
}

/* @end */ 




.notification_error
{
height: auto;
width: 90%;
padding: 4px;
text-align: left;
}

/* @group CLIENTI */
.box_clienti{	
	float: left;
	margin: 0;
	margin-right: 26px;
	margin-bottom: 26px;
	padding: 0;
	width: 81px;
	height: 81px;
	border: 1px solid #cecece;
	background: #ffffff url(images/loader.gif) no-repeat center;	
}
.box_clienti img{margin: 3px;}

/* @end */

.notification_ok
{

height: auto;
width: 100%;
text-align: center;
}



.info_fieldset legend
{

color: black; 
padding: 2px 5px 2px 5px;
}

.button
{
	width: 55px;
	height: 18px;
	float: right;
	margin-right: 20px;
	cursor: pointer;
background: url(images/tasto_entra2.png) no-repeat;
}      
#note{
	width: 300px;
	padding-top: 10px;
	float: left;
}